/* Local community surfaces: preserve the site's reading and question layouts. */
body[data-theme-area="frontend"] :is(.community-page,.contribution-composer-page) { --contribution-line:var(--border); --contribution-muted:var(--ink-muted); }
body[data-theme-area="frontend"] .community-contribution-home .community-type-section .community-type-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; padding:0 24px 24px; border:0; }
body[data-theme-area="frontend"] .community-contribution-home .community-type-section .community-type-item { display:grid; grid-template-columns:42px minmax(0,1fr) 16px; align-items:start; gap:14px; padding:22px 18px; min-height:172px; border:1px solid var(--border); border-radius:12px; background:var(--surface); text-decoration:none; color:var(--ink); transition:border-color .15s,background .15s; }
body[data-theme-area="frontend"] .community-contribution-home .community-type-section .community-type-item::before { content:none; }
body[data-theme-area="frontend"] .community-type-mark { display:grid!important; place-items:center; width:42px; height:42px; border-radius:10px; background:color-mix(in srgb,var(--accent) 10%,var(--surface)); color:var(--accent); font-size:16px; font-weight:700; }
body[data-theme-area="frontend"] .community-type-copy { display:grid; gap:8px; min-width:0; }
body[data-theme-area="frontend"] .community-type-copy strong { font-size:1rem; }
body[data-theme-area="frontend"] .community-type-copy > span { color:var(--ink-muted); font-size:.86rem; line-height:1.65; }
body[data-theme-area="frontend"] .community-type-copy small { margin-top:4px; color:var(--accent); font-size:.76rem; }
body[data-theme-area="frontend"] .community-type-arrow { position:static; padding-top:10px; }
body[data-theme-area="frontend"] .community-participation-note { margin-top:24px; padding:26px; border:1px solid var(--border); border-radius:12px; background:var(--surface); }
body[data-theme-area="frontend"] .community-participation-note h2 { margin:0 0 20px; font-size:1.1rem; }
body[data-theme-area="frontend"] .community-participation-note ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; list-style:none; padding:0; margin:0; counter-reset:steps; }
body[data-theme-area="frontend"] .community-participation-note li { counter-increment:steps; border-left:2px solid var(--border); padding-left:16px; }
body[data-theme-area="frontend"] .community-participation-note li::before { content:'0' counter(steps); display:block; color:var(--accent); font-size:.76rem; margin-bottom:8px; }
body[data-theme-area="frontend"] .community-participation-note strong { display:block; margin-bottom:6px; }
body[data-theme-area="frontend"] .community-participation-note :is(p,li > span) { margin:0; font-size:.85rem; color:var(--ink-muted); line-height:1.7; }
body[data-theme-area="frontend"] .contribution-publication-card { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:26px; margin-bottom:24px; background:var(--surface); border:1px solid var(--border); border-radius:12px; }
body[data-theme-area="frontend"] .contribution-publication-card.is-published { border-color:color-mix(in srgb,var(--accent) 35%,var(--border)); background:color-mix(in srgb,var(--accent) 5%,var(--surface)); }
body[data-theme-area="frontend"] .contribution-publication-label { color:var(--accent); font-size:.78rem; font-weight:700; }
body[data-theme-area="frontend"] .contribution-publication-card h2 { margin:8px 0; font-size:1.25rem; }
body[data-theme-area="frontend"] .contribution-publication-card p { margin:4px 0; color:var(--ink-muted); line-height:1.65; font-size:.88rem; }
body[data-theme-area="frontend"] .contribution-publication-actions { display:flex; flex-wrap:wrap; gap:10px; flex-shrink:0; }
body[data-theme-area="frontend"] .community-workspace-page .contribution-progress-steps { grid-template-columns:repeat(3,minmax(0,1fr)); }
body[data-theme-area="frontend"] .community-page.community-workspace-page > section.workspace-panel { padding:24px!important; border:1px solid var(--border)!important; border-radius:12px!important; background:var(--surface)!important; margin-bottom:20px; }
body[data-theme-area="frontend"] .community-workspace-page > .page-heading { display:block; padding-bottom:22px; }
body[data-theme-area="frontend"] .community-workspace-page > .page-heading h1 { margin:8px 0 12px; font-size:clamp(1.45rem,3vw,2rem); overflow-wrap:anywhere; }
body[data-theme-area="frontend"] .community-workspace-page .contribution-progress-steps > div { border:0; border-left:2px solid var(--border); border-radius:0; padding:0 12px; background:transparent; }
body[data-theme-area="frontend"] .community-workspace-page .contribution-progress-steps > div.done { border-color:var(--accent); background:transparent; }
body[data-theme-area="frontend"] .community-workspace-page .contribution-progress-steps span { border-radius:50%; background:var(--surface-alt,var(--surface)); color:var(--ink-muted); font-size:.8rem; margin-bottom:6px; }
body[data-theme-area="frontend"] .community-workspace-page .contribution-progress-steps div.done span { background:color-mix(in srgb,var(--accent) 12%,var(--surface)); color:var(--accent); }
body[data-theme-area="frontend"] .community-workspace-page .contribution-progress .alert { margin-top:20px!important; padding:14px 16px; border-radius:8px; font-size:.86rem; }
body[data-theme-area="frontend"] .contribution-state-badge { padding:3px 9px; border-radius:6px; background:color-mix(in srgb,var(--accent) 8%,var(--surface)); color:var(--accent); font-weight:600; }
body[data-theme-area="frontend"] .contribution-record-details > summary { cursor:pointer; font-weight:600; }
body[data-theme-area="frontend"] .contribution-record-details[open] > summary { margin-bottom:18px; }
body[data-theme-area="frontend"] .contribution-record-details .contribution-clock-card { margin-top:14px; }
body[data-theme-area="frontend"] .contribution-composer-page { max-width:1000px; margin-inline:auto; padding-bottom:40px; }
body[data-theme-area="frontend"] .contribution-composer-intro { padding:20px 24px; margin:0 0 20px; border:1px solid var(--border); border-radius:12px; background:var(--surface); display:flex; align-items:center; justify-content:space-between; gap:20px; }
body[data-theme-area="frontend"] .contribution-composer-intro strong { display:block; margin-bottom:6px; }
body[data-theme-area="frontend"] .contribution-composer-intro p { margin:0; color:var(--ink-muted); font-size:.86rem; line-height:1.7; }
body[data-theme-area="frontend"] .contribution-composer-intro > span { flex-shrink:0; color:var(--accent); font-size:.8rem; }
body[data-theme-area="frontend"] .contribution-composer-card { border-radius:12px; }
body[data-theme-area="frontend"] .contribution-composer-card .contribution-event-fields { padding:20px; border:1px solid var(--border); border-radius:10px; background:var(--surface-alt,var(--surface)); }
body[data-theme-area="frontend"] .contribution-composer-card .contribution-event-fields__head { display:grid; gap:6px; margin-bottom:18px; }
body[data-theme-area="frontend"] .contribution-composer-card .contribution-event-fields__head > span { display:block!important; color:var(--ink-muted); font-size:.82rem; line-height:1.7; }
body[data-theme-area="frontend"] .contribution-attendance-options { min-width:0; margin:0; padding:0; border:0; }
body[data-theme-area="frontend"] .contribution-attendance-options legend { float:none; width:auto; font-size:.875rem; }
body[data-theme-area="frontend"] .contribution-attendance-options .composer-field-hint { display:block!important; }
body[data-theme-area="frontend"] .contribution-event-summary { padding:24px; margin-bottom:24px; border:1px solid var(--border); border-radius:12px; background:var(--surface); }
body[data-theme-area="frontend"] .contribution-event-summary h2 { font-size:1rem; margin:0 0 16px; }
body[data-theme-area="frontend"] .contribution-event-summary dl { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin:0; }
body[data-theme-area="frontend"] .contribution-event-summary dt { font-weight:400; color:var(--ink-muted); font-size:.8rem; margin-bottom:6px; }
body[data-theme-area="frontend"] .contribution-event-summary dd { margin:0; font-size:.88rem; overflow-wrap:anywhere; }
body[data-theme-area="frontend"] .contribution-composer-card .composer-extra-fields { border-top:1px solid var(--border); padding-top:18px; }
body[data-theme-area="frontend"] .contribution-composer-card .composer-extra-fields summary { padding:8px 0; cursor:pointer; }
body[data-theme-area="frontend"] .community-workspace-page .catalog-title { overflow-wrap:anywhere; }
@media (hover:hover) { body[data-theme-area="frontend"] .community-contribution-home .community-type-section .community-type-item:hover { border-color:var(--accent); background:var(--surface-alt,var(--surface)); } }
@media (max-width:991.98px) { body[data-theme-area="frontend"] .community-contribution-home .community-type-section .community-type-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767.98px) {
 body[data-theme-area="frontend"] .community-contribution-home .community-type-section .community-type-list { grid-template-columns:1fr; padding:0 16px 16px; gap:10px; }
 body[data-theme-area="frontend"] .community-contribution-home .community-type-section .community-type-item { min-height:0; padding:18px 14px; }
 body[data-theme-area="frontend"] .community-participation-note { padding:20px; }
 body[data-theme-area="frontend"] .community-participation-note ol { grid-template-columns:1fr; gap:20px; }
 body[data-theme-area="frontend"] :is(.contribution-publication-card,.contribution-composer-intro) { display:grid; padding:20px; gap:14px; }
 body[data-theme-area="frontend"] .contribution-publication-actions { flex-shrink:1; }
 body[data-theme-area="frontend"] .contribution-publication-actions .btn { flex:1 1 auto; }
 body[data-theme-area="frontend"] .contribution-composer-card .contribution-event-fields { padding:16px; }
 body[data-theme-area="frontend"] .contribution-composer-card .contribution-event-fields .span-6 { grid-column:span 12; }
 body[data-theme-area="frontend"] .community-workspace-page .contribution-progress-steps { gap:8px; }
 body[data-theme-area="frontend"] .community-page.community-workspace-page > section.workspace-panel { padding:18px!important; }
 body[data-theme-area="frontend"] .contribution-event-summary { padding:20px; }
 body[data-theme-area="frontend"] .contribution-event-summary dl { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (prefers-reduced-motion:reduce) { body[data-theme-area="frontend"] .community-type-item { transition:none!important; } }