/* ═══ Nkwata · Legal pages ═══ */
.legal{padding:34px 0 20px}
.legal-wrap{max-width:80ch}
.legal-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;
  padding-bottom:20px;border-bottom:1px solid var(--line);
  font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.legal-meta i{width:3px;height:3px;background:var(--line-2);display:block}

.toc{margin-top:26px;padding:20px 22px;border-radius:var(--r-m);
  background:linear-gradient(150deg,var(--plaster-2),#fff);border:1px solid var(--line)}
.toc-k{font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--muted);font-weight:600;display:block;margin-bottom:12px}
.toc ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}
.toc a{display:flex;gap:11px;font-size:14.5px;color:var(--ink-2);transition:color .2s}
.toc a:hover{color:var(--ember)}
.toc-n{font-family:var(--mono);font-size:11px;color:var(--ember);font-weight:600;flex:0 0 auto}

.legal-body section{margin-top:40px;scroll-margin-top:80px}
.legal-body h2{font-size:clamp(20px,4.4vw,26px);display:flex;gap:13px;align-items:baseline;
  letter-spacing:-.022em}
.sec-n{font-family:var(--mono);font-size:12px;color:var(--ember);font-weight:600;flex:0 0 auto}
.legal-body p{font-size:16.5px;line-height:1.75;color:var(--ink-2);margin-top:15px}
.legal-body a{color:var(--ember);border-bottom:1px solid currentColor}
.legal-body ul.ticks{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}
.legal-body ul.ticks li{display:flex;gap:12px;font-size:16px;line-height:1.6;color:var(--ink-2)}
.callout.warn{background:linear-gradient(135deg,#FDF0E9,#FCF6F2);border-color:#EDCCBE}
.callout.warn .callout-k{color:var(--ember-2)}

.legal-foot{margin-top:46px;padding-top:26px;border-top:1px solid var(--line)}
.legal-foot p{font-size:14.5px;color:var(--muted);line-height:1.65}
.legal-fine{margin-top:12px;font-size:12.5px;padding:14px 16px;border-radius:var(--r-m);
  background:var(--plaster-2);border:1px solid var(--line)}

@media(min-width:760px){
  .toc ul{grid-template-columns:1fr 1fr;gap:9px 22px}
  .legal{padding:52px 0 20px}
}