/* Page width and prose measure follow the shared CI rules in content-pages.css
   (--ci-gutter side margins, --ci-maxw-wide frame, --ci-measure for prose). */

#pq-start-designs .content-association .research-highlight { border: 1px solid var(--ci-border); border-top: 3px solid var(--ci-red); background: var(--ci-surface); padding: clamp(22px, 3vw, 36px); border-radius: var(--ci-radius-lg); box-shadow: var(--ci-shadow); margin-bottom: 36px; }
#pq-start-designs .research-highlight [data-key="researchLead"] { font-size: 1.15em; }

/* The organisation chart is real HTML: readable with assistive technology. */
#pq-start-designs .association-organisation { scroll-margin-top: 230px; }
#pq-start-designs .org-jump { display: inline-block; padding: 10px 16px; border: 1px solid var(--ci-border-strong); border-radius: var(--ci-radius); }
#pq-start-designs .org-status { color: var(--ci-text-muted); font-size: 14px; }
#pq-start-designs .org-chart { margin: 32px 0; }
#pq-start-designs .org-board { position: relative; width: min(100%, 520px); box-sizing: border-box; margin: 0 auto; padding: 24px; background: linear-gradient(160deg, var(--ci-navy-a), var(--ci-navy-b)); color: var(--ci-on-navy); border-radius: var(--ci-radius); box-shadow: var(--ci-shadow); text-align: center; }
#pq-start-designs .org-board :is(h3, p) { color: var(--ci-on-navy); }
#pq-start-designs .org-board p { margin: 0; }
#pq-start-designs .org-board::after { content: ''; position: absolute; width: 2px; height: 28px; background: var(--s-line); left: 50%; bottom: -28px; }
#pq-start-designs .content-page .org-committees { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 18px; list-style: none; margin: 27px 0 16px; padding: 0; }
#pq-start-designs .org-committee { position: relative; border: 1px solid var(--ci-border); border-top: 3px solid var(--ci-red); border-radius: var(--ci-radius); padding: 20px; background: var(--ci-surface); box-shadow: var(--ci-shadow); margin-top: 28px; }
#pq-start-designs .org-committee::before { content: ''; position: absolute; height: 28px; width: 2px; background: var(--s-line); top: -30px; left: 50%; }
#pq-start-designs .org-committee::after { content: ''; position: absolute; height: 2px; background: var(--s-line); top: -30px; left: -10px; right: -10px; }
#pq-start-designs .org-committee:first-child::after { left: 50%; }
#pq-start-designs .org-committee:last-child::after { right: 50%; }
#pq-start-designs .org-committee h3 { font-size: 20px; overflow-wrap: anywhere; }
#pq-start-designs .org-committee p { font-size: 16px; color: var(--ci-text-secondary); margin-bottom: 0; }
#pq-start-designs .org-chart figcaption { font-size: 14px; color: var(--s-muted); text-align: center; }
#pq-start-designs .org-working-groups { padding: 22px; margin: 24px 0; border: 1px dashed var(--ci-border-strong); border-radius: var(--ci-radius); }
@media (max-width: 1100px) {
 #pq-start-designs .content-page .org-committees { grid-template-columns: 1fr; gap: 12px; margin-top: 28px; border-left: 2px solid var(--s-line); padding-left: 20px; }
 #pq-start-designs .org-board { width: 100%; text-align: left; }
 #pq-start-designs .org-board::after { left: 0; }
 #pq-start-designs .org-committee { margin: 0; }
 #pq-start-designs .org-committee::after { display: none; }
 #pq-start-designs .org-committee::before { top: 28px; left: -22px; width: 20px; height: 2px; }
}