/* =========================================================
   DigiForge — Legal pages (Privacy / Terms) styles
   ========================================================= */

.legal-hero{position:relative;overflow:hidden;padding-top:calc(var(--header-h) + clamp(40px,6vw,68px));padding-bottom:clamp(18px,3vw,30px);}
.legal-hero .hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;}
.legal-hero-inner{position:relative;z-index:2;max-width:var(--maxw);}
.legal-hero h1{max-width:720px;font-size:clamp(34px,5vw,58px);margin-top:18px;}
.legal-hero .lead{color:var(--text-dim);font-size:clamp(15px,1.7vw,18px);margin-top:18px;max-width:560px;}
.legal-updated{display:inline-flex;align-items:center;gap:9px;margin-top:24px;font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;color:var(--text-faint);background:var(--ink-1);border:1px solid var(--line);border-radius:9px;padding:8px 13px;}
.legal-updated .d{width:6px;height:6px;border-radius:50%;background:var(--ember);}

.legal-layout{display:grid;grid-template-columns:250px 1fr;gap:clamp(32px,5vw,64px);align-items:start;}
.legal-toc{position:sticky;top:96px;}
.legal-toc h4{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);font-weight:500;margin:0 0 14px;}
.legal-toc a{display:block;padding:8px 13px;border-radius:8px;color:var(--text-dim);font-size:13.5px;font-family:var(--f-display);font-weight:500;letter-spacing:-0.01em;border-left:2px solid transparent;transition:color .25s,background .25s,border-color .25s;}
.legal-toc a:hover{color:var(--text);background:var(--ink-1);}
.legal-toc a.active{color:var(--ember);border-left-color:var(--ember);background:var(--ink-1);}

.legal-body{max-width:768px;}
.legal-section{padding-bottom:34px;margin-bottom:34px;border-bottom:1px solid var(--line);scroll-margin-top:96px;}
.legal-section:last-child{border-bottom:none;margin-bottom:0;}
.legal-section h2{font-size:clamp(21px,2.5vw,27px);letter-spacing:-0.02em;display:flex;align-items:baseline;gap:12px;}
.legal-section h2 .ix{font-family:var(--f-mono);font-size:14px;color:var(--ember);font-weight:400;flex:none;}
.legal-section p{color:var(--text-dim);font-size:15.5px;line-height:1.72;margin-top:14px;}
.legal-section ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:11px;}
.legal-section li{position:relative;padding-left:24px;color:var(--text-dim);font-size:15px;line-height:1.6;}
.legal-section li::before{content:"";position:absolute;left:3px;top:9px;width:7px;height:7px;border-radius:2px;background:var(--ember);opacity:.7;}
.legal-section a.inline{color:var(--ember);text-decoration:underline;text-underline-offset:2px;}
.legal-section strong{color:var(--text);font-weight:600;}

.legal-note{margin-top:36px;background:var(--ink-1);border:1px solid var(--line);border-radius:14px;padding:22px 24px;color:var(--text-faint);font-size:13.5px;line-height:1.6;}
.legal-note b{color:var(--text-dim);}

@media (max-width:860px){
  .legal-layout{grid-template-columns:1fr;}
  .legal-toc{display:none;}
}