/* Páginas legais do Ranket (termos, privacidade, exclusão de conta). Mesmas cores do index.html. */
:root{
  --bg:#060B08; --sup:#0C1013; --sup2:#131920; --linha:#1B2320; --linha2:#2A3430;
  --ink:#FFFEFD; --ink2:#BFC6B6; --ink3:#A6A6A7;
  --marca:#FF6A00; --lime:#83E000;
  --rp:999px;
  --f-ui:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
  --f-disp:"Avenir Next","Avenir",Futura,var(--f-ui);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink2);font:16px/1.7 var(--f-ui);-webkit-font-smoothing:antialiased}
a{color:var(--lime)}
.wrap{max-width:760px;margin:0 auto;padding:0 18px}

header{position:sticky;top:0;z-index:20;background:rgba(6,11,8,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--linha)}
header .wrap{display:flex;align-items:center;gap:16px;padding-top:14px;padding-bottom:14px;max-width:1080px}
header img{height:28px;width:auto;margin-right:auto}
header nav{display:flex;gap:18px;font-size:14px;flex-wrap:wrap}
header nav a{color:var(--ink2);text-decoration:none}
header nav a[aria-current="page"],header nav a:hover{color:var(--ink)}

main{padding:48px 0 80px}
h1{font-family:var(--f-disp);color:var(--ink);font-size:clamp(28px,5vw,40px);line-height:1.1;font-weight:800;margin-bottom:10px}
.meta{font-size:14px;color:var(--ink3);margin-bottom:28px}
h2{font-family:var(--f-disp);color:var(--ink);font-size:21px;font-weight:800;margin:40px 0 12px;scroll-margin-top:80px}
h3{color:var(--ink);font-size:16px;font-weight:700;margin:22px 0 8px}
p,ul,ol,table{margin-bottom:14px}
ul,ol{padding-left:22px}
li{margin-bottom:6px}
strong{color:var(--ink)}

.resumo{background:var(--sup);border:1px solid var(--linha2);border-radius:14px;padding:18px 20px;margin-bottom:28px}
.resumo h2{margin-top:0;font-size:17px}
.resumo ul{margin-bottom:0}
.sumario{border-left:2px solid var(--linha2);padding-left:16px;margin-bottom:28px;font-size:15px}
.sumario ol{padding-left:18px}
.sumario a{color:var(--ink2);text-decoration:none}
.sumario a:hover{color:var(--ink)}

.tabela{overflow-x:auto;margin-bottom:14px}
table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
th,td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--linha)}
th{color:var(--ink);background:var(--sup2);font-weight:700}

/* trecho a preencher antes de publicar */

.passos{counter-reset:p;list-style:none;padding:0}
.passos li{counter-increment:p;position:relative;padding:14px 16px 14px 56px;background:var(--sup);border:1px solid var(--linha);border-radius:12px;margin-bottom:10px}
.passos li::before{content:counter(p);position:absolute;left:16px;top:13px;width:28px;height:28px;border-radius:50%;background:var(--marca);color:#fff;font-weight:800;display:grid;place-items:center;font-size:14px}
.btn{display:inline-block;border-radius:var(--rp);background:var(--marca);color:#fff;font:700 15px var(--f-ui);padding:12px 22px;text-decoration:none}

footer{border-top:1px solid var(--linha);padding:26px 0 40px;font-size:14px;color:var(--ink3)}
footer .wrap{display:flex;gap:18px;flex-wrap:wrap;max-width:1080px}
footer a{color:var(--ink3)}