/* Text pages (Resenhópolis, Sobre, Privacidade, 404). Tokens and header come from style.css. */
.page .top{position:static;flex-wrap:wrap;row-gap:0;border-bottom:1px solid var(--line);background:var(--bg)}
.page .top .site{flex-wrap:wrap;gap:4px 22px}
.page .top .site a{display:inline-flex;align-items:center;min-height:44px;padding:0}
@media (max-width:899px){.page .top .site{order:3;flex:1 0 100%;gap:4px 16px}.page .top .site a.hide-s{display:none}}
.doc{width:min(100% - 2 * var(--pad),760px);margin:0 auto;padding:56px 0 72px;font-size:calc(1.0625rem * var(--s));line-height:1.65}
.doc .kicker{color:var(--mute);margin-bottom:14px}
.doc h1{font-weight:800;font-size:clamp(46px,8vw,96px);letter-spacing:-.055em;line-height:.95;overflow-wrap:anywhere}
.doc .lede{font-size:calc(clamp(20px,2.2vw,25px) * var(--s));line-height:1.4;margin-top:22px;max-width:36ch}
.doc .date{color:var(--mute);margin-top:18px}
.doc h2{font-size:calc(clamp(25px,3vw,34px) * var(--s));letter-spacing:-.03em;line-height:1.15;margin-top:52px;scroll-margin-top:24px}
.doc h3{font-size:calc(1.2rem * var(--s));letter-spacing:-.01em;margin-top:26px}
.doc p,.doc ul{margin-top:14px;max-width:68ch}
.doc ul{list-style:disc;padding-left:1.3em}
.doc li{margin-top:8px;padding-left:4px}
.doc li::marker{color:var(--acc)}
.doc a:not(.cta){text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:.08em;color:var(--acc);font-weight:600;overflow-wrap:anywhere}
.doc .cta{display:inline-flex;align-items:center;gap:12px;min-height:52px;margin-top:28px;padding:12px 24px;border-radius:99px;background:var(--fg);color:var(--bg);font-weight:700;font-size:calc(1.125rem * var(--s))}
.doc .cta:hover,.doc .cta:focus-visible{background:var(--acc);color:var(--on-acc)}
.doc .contacts{list-style:none;padding:0;display:grid;gap:12px}
.doc .contacts li{margin:0;padding:16px 20px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.doc .contacts b{display:block;font-family:"DM Mono",ui-monospace,monospace;font-weight:500;font-size:calc(.75rem * var(--s));text-transform:uppercase;letter-spacing:.05em;color:var(--mute)}
.foot{border-top:1px solid var(--line);padding:28px var(--pad) 40px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 32px}
.foot p{color:var(--mute)}
.foot .foot-nav{margin:0}
html[data-contrast="high"] .doc .contacts li{border:2px solid var(--fg)}
@media (forced-colors:active){.doc .cta{border:2px solid ButtonText}}