.hero{height:170px;min-height:170px;margin-bottom:26px}
.hero-copy{padding:20px 30px}.hero h1{font-size:28px;margin:10px 0}.hero .eyebrow{font-size:11px}
.participation-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.participation-heading h2{font-size:23px}.participation-heading h2 span{font-size:15px;color:var(--blue);margin-left:7px}.participation-heading a{font-size:13px;color:#9bc8f5;min-height:44px;display:flex;align-items:center}
.today-participation{border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:30px}.today-participation .section-kicker{margin-bottom:6px}
.participation-help{font-size:12px;color:var(--muted);margin:12px 0 18px;line-height:1.7}
.opportunity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.opportunity-card{padding:22px;background:#181d23;border:1px solid #343e49;border-radius:5px;min-width:0}.opportunity-card h3{font-size:19px;line-height:1.55;margin:10px 0;overflow-wrap:anywhere}
.participation-info{display:grid;gap:9px;min-width:0}.participation-info p{font-size:13px;line-height:1.7}.participation-info small{font-size:11px;color:var(--muted)}.participation-info .button{justify-self:start;margin:8px 0;min-height:44px}
.participation-state{font-size:12px;font-weight:600;color:#b3bbc5}.state-open{color:#90d4bd}.state-upcoming{color:#8ebffc}.state-unknown{color:#d9ba8a}.state-cancelled{color:#e49ca4}
.opportunity-links{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#a8c6e4;margin-top:10px}.opportunity-links a{display:flex;align-items:center;min-height:40px}
.participation-empty{padding:20px 0;color:var(--muted);font-size:13px;line-height:1.8}.participation-empty strong{color:var(--text);font-weight:500}.participation-empty h2{font-size:18px;color:var(--text)}.participation-empty a{color:#9bc8f5;display:inline-block;padding:10px 16px 0 0}.participation-empty .button{margin-top:14px}
.participation-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:16px}.participation-tabs button{background:transparent;border:1px solid var(--line);border-radius:4px;color:var(--muted);padding:10px 14px;min-height:44px;font:inherit;font-size:13px}.participation-tabs button[aria-pressed=true]{color:#dbeaff;background:#263c54;border-color:#5987b5}.participation-tabs small{margin-left:6px}
.opportunity-filters{display:flex;align-items:end;gap:12px;margin:20px 0}.opportunity-filters label{display:grid;gap:7px;font-size:12px;color:var(--muted);min-width:0}.opportunity-search{flex:1}.opportunity-filters input,.opportunity-filters select{width:100%;min-width:0;color:var(--text);border:1px solid var(--line);background:var(--bg2);border-radius:4px;min-height:44px;padding:9px;font:inherit}
.application-editor{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.application-editor h4{font-size:14px;margin-bottom:8px}.application-editor h4 small{font-weight:400;color:var(--muted)}.application-editor .mark-verified{margin:-3px 0 14px}
.agenda-event>.participation-info{margin:14px 0;border-top:1px solid var(--line);padding-top:16px}.agenda-event>.participation-info p{font-size:12px}.event-deadline{color:#f0b88b}
@media(max-width:760px){
 .header-inner{gap:12px}.header-nav{gap:13px}.header-nav a{font-size:12px}.brand-name{font-size:19px}.brand-mark{width:23px}
 .hero{height:160px;min-height:160px}.hero-copy{padding:19px}.hero h1{font-size:22px;max-width:210px}
 .participation-heading{align-items:flex-start;gap:12px}.participation-heading h2{font-size:20px}.participation-heading a{font-size:11px;max-width:100px;text-align:right}.participation-help{font-size:11px}
 .opportunity-grid{grid-template-columns:1fr}.opportunity-card{padding:18px}.opportunity-card h3{font-size:17px}
 .opportunity-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px}.opportunity-search{grid-column:1/-1}.opportunity-filters .button{grid-column:1/-1}.participation-tabs{gap:6px}.participation-tabs button{font-size:12px;padding:9px 10px}
 .participate-page .page-heading>.button{margin-top:16px}.today-participation{margin-bottom:24px;padding-bottom:16px}
}
@media(max-width:360px){.header-nav{gap:9px}.header-nav a{font-size:11px}.header-inner>.brand{gap:5px}.brand-name{font-size:18px}}