/* Ajuda e políticas: leitura sobre o sistema vigente. Escopo só destas páginas. */
.help-page { color:var(--fg); background:var(--bg); }
.help-skip { position:fixed; inset-block-start:var(--sp-3); inset-inline-start:var(--sp-3); z-index:999; padding:var(--sp-3) var(--sp-4); background:var(--bg-invert); color:var(--fg-invert); transform:translateY(-200%); }
.help-skip:focus { transform:none; }
.help-review { padding:var(--sp-2) var(--gutter); background:var(--bg-surface); color:var(--fg); text-align:center; font-size:var(--text-body-sm); }
.help-nav { max-width:1200px; margin-inline:auto; padding:var(--sp-4) var(--gutter); display:flex; flex-wrap:wrap; column-gap:var(--sp-6); row-gap:var(--sp-2); border-bottom:1px solid var(--line); }
.help-nav a { display:inline-flex; align-items:center; min-height:var(--alvo-toque); color:var(--fg); text-decoration:none; border-bottom:2px solid transparent; }
.help-nav a[aria-current="page"] { border-color:var(--fg); font-variation-settings:var(--vf-body-bold); }
.help-nav a:hover { color:var(--fg-muted); border-color:currentColor; }
.help-main { max-width:1200px; margin-inline:auto; padding:var(--sp-8) var(--gutter) var(--sp-9); overflow-wrap:anywhere; }
.help-intro { max-width:800px; margin-bottom:var(--sp-8); }
.help-main h1 { font-family:var(--font-display); font-optical-sizing:none; font-variation-settings:var(--vf-display-h1); font-size:clamp(2.5rem,5vw,4.5rem); line-height:1.08; letter-spacing:-.025em; text-wrap:balance; margin:0 0 var(--sp-5); }
.help-main .lead { font-size:var(--text-body-lg); color:var(--fg-muted); max-width:60ch; line-height:1.55; }
.help-main .layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:var(--sp-8); align-items:start; }
.help-main .toc { position:sticky; top:120px; display:flex; flex-direction:column; border-top:1px solid var(--line); }
.help-main .toc a { min-height:var(--alvo-toque); display:flex; align-items:center; padding:var(--sp-3) 0; border-bottom:1px solid var(--line); text-decoration:none; color:var(--fg-muted); }
.help-main .toc a:hover { color:var(--fg); text-decoration:underline; }
.help-main .content { min-width:0; max-width:70ch; }
.help-main .section { padding-block:0; scroll-margin-top:130px; margin-bottom:var(--sp-8); }
.help-main h2 { font-family:var(--font-display); font-optical-sizing:none; font-variation-settings:var(--vf-display-h2); font-size:clamp(1.65rem,2.4vw,2.2rem); line-height:1.2; margin:0 0 var(--sp-5); text-wrap:balance; }
.help-main h3 { font-family:var(--font-display); font-variation-settings:var(--vf-display-h3); font-size:var(--text-body-lg); margin:0 0 var(--sp-3); }
.help-main p { margin:0 0 var(--sp-4); line-height:1.65; }
.help-main a { text-underline-offset:.2em; text-decoration-thickness:1px; }
.help-main details { border-top:1px solid var(--line); }
.help-main details:last-child { border-bottom:1px solid var(--line); }
.help-main summary { min-height:var(--alvo-toque); cursor:pointer; padding:var(--sp-5) var(--sp-6) var(--sp-5) 0; position:relative; list-style:none; font-variation-settings:var(--vf-body-medium); }
.help-main summary::-webkit-details-marker { display:none; }
.help-main summary::after { content:""; position:absolute; right:var(--sp-2); top:50%; width:8px; height:8px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-70%) rotate(45deg); transition:transform .2s ease; }
.help-main details[open] summary::after { transform:translateY(-20%) rotate(225deg); }
.help-main summary:hover { color:var(--fg-muted); }
.help-main details p { padding-right:var(--sp-6); }
.help-main .contact { background:var(--bg-surface); padding:var(--sp-6); margin-top:var(--sp-8); }
.help-main .contact p:last-child { margin:0; }
.help-page :is(a,summary,button):focus-visible { outline:2px solid var(--fg); outline-offset:4px; }
.help-page .ft :is(a,button):focus-visible { outline-color:var(--fg-invert); }
@media(max-width:760px) {
 .help-main { padding-top:var(--sp-6); }
 .help-main .layout { grid-template-columns:minmax(0,1fr); gap:var(--sp-6); }
 .help-main .toc { position:static; display:flex; flex-direction:row; flex-wrap:wrap; column-gap:var(--sp-5); }
 .help-main .toc a { padding-block:var(--sp-3); }
 .help-nav { column-gap:var(--sp-4); }
 .help-main .contact { padding:var(--sp-5); }
 .help-main .section { padding-block:0; scroll-margin-top:100px; }
}
@media(prefers-reduced-motion:reduce) { .help-main summary::after { transition:none; } }