/* Participation page only; existing site tokens and cards. */
#participation-content {min-width:0;}
#participation-content :is(section,details) {scroll-margin-top:2rem;}
#participation-content .participation-paths {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;padding:0;}
#participation-content .participation-paths>a {display:flex;flex-direction:column;min-width:0;padding:1.5rem;background:var(--paper);border:1px solid var(--line);border-radius:8px;color:var(--ink);text-decoration:none;}
#participation-content .participation-paths .eyebrow {display:block;}
#participation-content .participation-paths .text-link {margin-top:auto;text-decoration:underline;}
#participation-content .participation-paths p {font-weight:400;}
#participation-content .card {min-width:0;}
#participation-content .participation-findings {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;}
#participation-content h3 {font-size:1.4rem;line-height:1.35;}
#participation-content .participation-audiences details {margin:1rem 0;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:0 1.25rem;}
#participation-content summary {min-height:52px;padding:1rem 0;cursor:pointer;font-weight:700;}
#participation-content summary span {display:inline-block;margin-left:.5rem;font-size:.85rem;font-weight:400;color:var(--muted);}
#participation-content details[open] {border-color:var(--accent);}
#participation-content .participation-note {border-left:3px solid var(--accent);background:var(--paper);padding:1.25rem;margin:1.5rem 0;}
#participation-content .publication-status {font-weight:700;color:var(--ink);}
#participation-content :is(p,a,h2,h3,summary) {overflow-wrap:anywhere;}
#participation-content :is(a,summary):focus-visible {outline:3px solid var(--accent);outline-offset:4px;}
#participation-content .participation-top {display:inline-flex;align-items:center;min-height:44px;}
@media(max-width:700px) {
  #participation-content .grid {grid-template-columns:1fr;}
  /* Contain the existing invisible logo wrapper on this page only. */
  body:has(#participation-content) header.site-header .brand-with-mark,
  body:has(#participation-content) header.site-header .brand-wordmark {max-width:100%;min-width:0;}
}
@media(prefers-reduced-motion:reduce) {html:has(#participation-content) {scroll-behavior:auto;}}