/* 3.2 additions retain the existing palette, cards and page layout. */
.faq-section{scroll-margin-top:100px;background:var(--paper)}
.faq-list{max-width:900px;margin:0 auto;display:grid;gap:12px}
.faq-list details{background:var(--paper2);border:1px solid var(--line);border-radius:18px;padding:0 24px}
.faq-list summary{padding:22px 0;cursor:pointer;font-weight:800;font-size:clamp(1rem,2.5vw,1.15rem);line-height:1.5}
.faq-list summary::marker{color:#b52e1d}
.faq-list p{font-size:1rem;line-height:1.75;margin:0 0 20px;overflow-wrap:anywhere}
.faq-list a{text-decoration:underline;text-underline-offset:3px;color:#b52e1d}
@media(max-width:600px){.faq-list details{padding:0 18px}}
[hidden]{display:none!important}
.connection-panel{margin:16px auto;padding:20px;width:calc(100% - 32px);max-width:620px;background:var(--paper2);border:1px solid var(--line);border-left:4px solid var(--coral);border-radius:18px}
.connection-panel p{font-size:1rem;line-height:1.5;margin:8px 0 14px;overflow-wrap:anywhere}
#turnstileWidget{max-width:100%;margin:12px 0}
.connection-panel button,.dialog-actions button,#infoCommunity{min-height:44px;border:0;border-radius:999px;padding:12px 20px;background:var(--ink);color:white;font-weight:800;cursor:pointer}
.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px}
.dialog-actions .secondary-button{background:var(--paper);color:var(--ink);border:1px solid var(--line)}
.dialog-actions #submitReport{background:var(--coral);color:#171717}
button:disabled{cursor:wait;opacity:.65}
.action-dialog{max-width:520px;background:var(--paper2);line-height:1.55}
.action-dialog h2{font-size:clamp(1.5rem,5vw,2rem);line-height:1.15}
.report-preview{margin:20px 0;padding:16px;border-left:3px solid var(--coral);background:var(--paper);border-radius:0 12px 12px 0;overflow-wrap:anywhere}
#reportStatus{font-size:1rem;min-height:1.5em}
.solution-action{cursor:pointer}
.solution-action:hover{border-color:var(--coral)}
.solution-link{display:block;margin-top:12px;font-weight:800;font-size:14px;color:#b52e1d}
:focus-visible{outline:3px solid #b52e1d;outline-offset:4px}
.toast{max-width:calc(100vw - 32px);width:max-content;text-align:center;white-space:normal;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}