/* =========================================================
   PLUTEUS · Páginas legais (Termos de Uso e Política de Privacidade)
   Carregado depois de style.css: reaproveita nav, rodapé e cores da LP.
   ========================================================= */

/* ---------- Cabeçalho escuro ---------- */
.legal-head{position:relative;background:var(--night);color:#F4EFE2;padding:150px 0 64px;overflow:hidden}
.legal-head::before{content:"";position:absolute;right:4%;top:-260px;width:760px;height:760px;border-radius:50%;
  background:radial-gradient(circle,rgba(233,199,123,.22) 0%,rgba(233,199,123,.07) 38%,transparent 66%);pointer-events:none}
.legal-head .wrap{position:relative}
.legal-head .kicker{margin-bottom:16px}
.legal-head h1{font-family:var(--disp);font-weight:500;font-size:clamp(40px,5vw,64px);line-height:1.05;letter-spacing:-.02em;color:#F7F2E6}
.legal-meta{margin-top:18px;font-size:15px;color:var(--on-night-soft)}
.legal-meta a{color:var(--brass-lt);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(233,199,123,.4)}
.legal-meta a:hover{text-decoration-color:var(--brass-lt)}

/* ---------- Grade: índice + texto ---------- */
.legal{width:min(1200px,100% - 48px);margin:0 auto;display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;padding:56px 0 110px}
html{scroll-padding-top:90px}

.toc{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 116px);overflow:auto;font-size:14px}
.toc h2{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-deep);margin-bottom:12px}
.toc ol{list-style:none;counter-reset:t;display:grid;gap:1px}
.toc li{counter-increment:t}
.toc a{display:flex;gap:10px;padding:6px 10px;border-radius:8px;color:var(--soft);line-height:1.35;transition:background .15s,color .15s}
.toc a::before{content:counter(t);min-width:18px;color:var(--brass);font-family:var(--disp);font-variant-numeric:tabular-nums}
.toc a:hover{background:var(--paper-3);color:var(--text)}

/* ---------- Texto ---------- */
.prose{max-width:70ch;counter-reset:s;font-size:16.5px;line-height:1.72}
.prose section{counter-increment:s;margin-bottom:44px}
.prose section>h2{font-family:var(--disp);font-weight:500;font-size:28px;line-height:1.2;letter-spacing:-.01em;color:var(--ink);margin-bottom:14px;display:flex;gap:12px;align-items:baseline}
.prose section>h2::before{content:counter(s);font-size:.8em;color:var(--brass);font-variant-numeric:tabular-nums;min-width:1.1em}
.prose h3{font-family:var(--sans);font-size:17px;font-weight:600;color:var(--ink);margin:24px 0 6px}
.prose p,.prose li{color:#3A403E}
.prose p+p{margin-top:12px}
.prose ul{margin:12px 0 12px 22px;display:grid;gap:7px}
.prose li::marker{color:var(--brass)}
.prose strong{color:var(--ink);font-weight:600}
.prose a{color:var(--brass-deep);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(138,100,32,.4)}
.prose a:hover{text-decoration-color:var(--brass-deep)}

/* Resumo no topo: ficha de biblioteca */
.summary{position:relative;background:var(--paper-2);border:1px solid var(--line);border-radius:16px;padding:26px 28px 22px;margin-bottom:52px;box-shadow:0 18px 40px -30px rgba(38,44,43,.45)}
.summary h2{font-family:var(--disp);font-weight:500;font-size:22px;color:var(--ink);margin-bottom:14px}
.summary ul{list-style:none;display:grid;gap:10px;margin:0}
.summary li{position:relative;padding-left:24px;color:var(--text)}
.summary li::before{content:"";position:absolute;left:3px;top:.5em;width:9px;height:12px;border-radius:1px 1px 0 0;background:var(--brass);
  clip-path:polygon(0 0,100% 0,100% 100%,50% 72%,0 100%)}
.summary .note{margin-top:16px;font-size:13.5px;color:var(--soft)}

.callout{margin:16px 0;padding:16px 20px;background:#F6E9E2;border:1px solid #E7CFC4;border-radius:12px;color:var(--ink)}
.callout strong{color:var(--oxblood)}

.id-card{display:grid;grid-template-columns:auto 1fr;gap:8px 22px;padding:18px 22px;border:1px solid var(--line);border-radius:12px;background:var(--paper-2);font-size:15.5px;margin:14px 0}
.id-card dt{color:var(--soft);font-weight:600}
.id-card dd{color:var(--ink)}

.table-scroll{overflow-x:auto;margin:16px 0;border:1px solid var(--line);border-radius:12px;background:var(--paper-2)}
.table-scroll table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.55;min-width:560px}
.table-scroll th,.table-scroll td{text-align:left;vertical-align:top;padding:12px 16px;border-bottom:1px solid var(--line)}
.table-scroll th{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--brass-deep);background:var(--paper-3)}
.table-scroll tr:last-child td{border-bottom:0}
.table-scroll td{color:#3A403E}
.table-scroll td:first-child{color:var(--ink);font-weight:600}
.prose code{font-family:ui-monospace,Consolas,monospace;font-size:.86em;background:var(--paper-3);padding:1px 6px;border-radius:5px;color:var(--ink)}

@media (max-width:900px){
  .legal{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:40px}
  .toc{position:static;max-height:none;background:var(--paper-2);border:1px solid var(--line);border-radius:14px;padding:16px}
}
@media (max-width:760px){
  .legal-head{padding:120px 0 48px}
  .legal{width:calc(100% - 32px)}
  .prose{font-size:16px}
  .prose section>h2{font-size:24px}
  .summary{padding:22px 20px 18px}
  .id-card{grid-template-columns:1fr;gap:2px}
  .id-card dd{margin-bottom:8px}
}