/* Estilos de página: privacidade (protótipo privacidade.html). */
/* Páginas legais: abertura escura, leitura em seção clara com sumário fixo à esquerda. */
.l-hero{padding-block:clamp(56px,8vw,112px) clamp(40px,5vw,72px)}
.l-hero h1{margin:20px 0 0;font-weight:500;font-size:clamp(48px,8vw,128px);line-height:.9;letter-spacing:-.05em}
.l-hero .sub{margin:28px 0 0;font-size:clamp(18px,1.6vw,22px);line-height:1.4;color:var(--text-2);max-width:48ch}
.l-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:clamp(32px,4vw,48px)}
.l-tabs a{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid var(--border-strong);font-size:15px;color:var(--text-2);transition:color .2s var(--ease),border-color .2s var(--ease)}
.l-tabs a:hover{color:var(--text);border-color:var(--text-2)}
.l-tabs a[aria-current="page"]{background:var(--text);color:var(--ink-950);border-color:var(--text)}
.l-body{padding-block:var(--sec-y)}
.l-toc{grid-column:1/4;align-self:start;position:sticky;top:120px}
.l-toc ol{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--border)}
.l-toc a{display:grid;grid-template-columns:32px minmax(0,1fr);gap:4px;padding:10px 0;border-bottom:1px solid var(--border);font-size:15px;color:var(--text-2);transition:color .2s var(--ease)}
.l-toc a span{font-family:var(--f-meta);font-size:13px;color:var(--muted);padding-top:2px}
.l-toc a:hover,.l-toc a.now{color:var(--text)}
.l-toc a.now span{color:var(--accent)}
.l-doc{grid-column:5/12;max-width:68ch}
.l-doc section{padding-bottom:clamp(40px,5vw,64px);scroll-margin-top:110px}
.l-doc h2{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:baseline;margin:0 0 20px;padding-top:20px;border-top:2px solid var(--text);font-weight:500;font-size:clamp(24px,2.4vw,32px);line-height:1.15;letter-spacing:-.03em}
.l-doc h2 span{font-family:var(--f-meta);font-size:15px;letter-spacing:.03em;color:var(--muted);font-weight:400}
.l-doc p,.l-doc li{font-size:17px;line-height:1.65;color:var(--text-2)}
.l-doc p{margin:0 0 1em}
.l-doc ul{margin:0 0 1em;padding:0;list-style:none}
.l-doc li{position:relative;padding:6px 0 6px 22px;border-bottom:1px solid var(--border)}
.l-doc li:last-child{border-bottom:0}
.l-doc li::before{content:"";position:absolute;left:2px;top:15px;width:7px;height:7px;border:1px solid var(--accent);transform:rotate(45deg)}
.l-doc b{color:var(--text);font-weight:500}
.l-doc a{color:var(--text);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.l-doc a:hover{color:var(--state)}
.ctab{margin:8px 0 1.4em;border-top:1px solid var(--border)}
.ctab div{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,2fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--border);font-size:15px;line-height:1.45;color:var(--text-2)}
.ctab div.h{font-family:var(--f-meta);font-size:13px;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}
.ctab code{font-family:var(--f-meta);font-size:14px;color:var(--text)}
.l-cta{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:8px}
.l-cta .btn{border:0;font:inherit;font-weight:500;cursor:pointer}
@media (max-width:860px){.l-toc,.l-doc{grid-column:1/-1}.l-toc{position:static;margin-bottom:48px}.ctab div{grid-template-columns:1fr 1fr}.ctab div > :last-child{grid-column:1/-1}.ctab div.h{display:none}}

/* WordPress: o negrito do editor sai como <strong>. */
.l-doc strong{color:var(--text);font-weight:500}
/* O desconto do header já vem de html{scroll-padding-top}. */
.l-doc section{scroll-margin-top:0}