/* Research workspace hierarchy. Bulma owns layout; these rules refine reading order. */
html body.pi-site .pi-research-heading { padding: 2.25rem 1.5rem 1.5rem; }
html body.pi-site .pi-research-heading .container { padding: 0; }
html body.pi-site .pi-research-heading .title { margin: .2rem 0 .45rem; font-size: clamp(2.25rem, 3vw, 3.25rem); font-weight: 700; }
.pi-research-eyebrow { color: var(--pi-muted); font-family: var(--pi-font-body); font-size: .875rem; letter-spacing: normal; text-transform: none; }
.pi-research-purpose { color: var(--pi-muted); max-width: 68ch; font-size: 1.0625rem; line-height: 1.65; }
html body.pi-site .pi-research-nav { padding: .75rem 1.5rem; border-block: 1px solid var(--pi-border); background: var(--pi-surface); }
html body.pi-site .pi-research-nav .buttons { margin: 0; gap: .35rem; }
html body.pi-site .pi-research-nav .button { margin: 0; min-height: 2rem; height: auto; white-space: normal; text-align: left; justify-content: flex-start; border-color: transparent; background: transparent; color: var(--pi-muted); font-size: .875rem; }
html body.pi-site .pi-research-nav .button:hover,
html body.pi-site .pi-research-nav .button[aria-current] { background: var(--pi-brand-soft); color: var(--pi-brand); border-color: var(--pi-border); }
.pi-section-number { font-family: var(--pi-font-body); font-size: .875rem; margin-right: .5rem; opacity: .7; }
html body.pi-site .oc-workspace .pi-research-nav { padding: .6rem 0; margin-bottom: 1rem; background: transparent; }
html body.pi-site .pi-research-content .pi-dashboard-shell { padding-top: 1.3rem; }
html body.pi-site .pi-research-toolbar { margin-bottom: 1.4rem; }
html body.pi-site .pi-research-toolbar > .column > .box { height: 100%; margin-bottom: 0 !important; box-shadow: none; background: var(--pi-surface-muted); }
html body.pi-site .pi-research-toolbar .notification { margin-bottom: 0; padding: .55rem .75rem; font-size: .875rem; background: var(--pi-surface); }
html body.pi-site .pi-research-toolbar .pi-panel-title { font-size: 1.25rem; font-family: var(--pi-font-display); text-transform: none; letter-spacing: normal; color: var(--pi-text); margin-bottom: 1rem; }
html body.pi-site .pi-research-section-title { padding-top: .7rem; margin: .7rem 0 1rem; border-top: 1px solid var(--pi-border); }
html body.pi-site .pi-research-evidence-tabs { margin-bottom: 0; border-top: 1px solid var(--pi-border); }
html body.pi-site .pi-research-lab-header { border: 0; border-bottom: 1px solid var(--pi-border); box-shadow: none; background: transparent; padding-inline: 0; }
html body.pi-site .pi-research-lab-header h1 { font-size: clamp(2.25rem, 3vw, 3.25rem); }
html body.pi-site .pi-research-lab-header .pi-portfolio-lab__boundary { margin-bottom: 0; }
html body.pi-site .pi-delphi-workspace > .container { max-width: none; }
html body.pi-site .pi-sentiment-controls { margin-top: 1rem; }
html body.pi-site .pi-sentiment-dashboard > #sentiment-observation-summary { padding: 1rem; background: var(--pi-surface); border: 1px solid var(--pi-border); margin-bottom: 1.5rem; }
html body.pi-site :is(.pi-research-section, .pi-research-section-title, .oc-evidence-section, #delphi-diagnostics, #delphi-estimates, #delphi-history-section, #sentiment-controls-title, .pi-sentiment-evidence-region, #tabA00, #tabU01) { scroll-margin-top: 6rem; }
@media (max-width: 768px) {
  html body.pi-site .pi-research-heading { padding: 1.2rem 1rem; }
  html body.pi-site .pi-research-nav { padding: .55rem .75rem; }
  html body.pi-site .pi-research-nav .button { font-size: .875rem; padding-inline: .5rem; }
  html body.pi-site .pi-research-toolbar { margin-bottom: .8rem; }
  html body.pi-site .pi-research-heading .title { font-size: 2.25rem; }
}
/* Loaded constituent counts must remain readable and within narrow panels. */
html body.pi-site .sa-contributor-panel > .level .tag { background: var(--pi-surface-muted); color: var(--pi-text); border: 1px solid var(--pi-border); }
@media (max-width: 768px) {
  html body.pi-site .sa-contributor-panel > .level { flex-wrap: wrap; gap: .5rem; }
  html body.pi-site .sa-contributor-panel > .level .level-left { min-width: 0; max-width: 100%; }
  html body.pi-site .sa-contributor-panel > .level .level-right { margin-left: 0; }
}