/* Shared legal-page styles — matches main site DNA */
:root{
  --ink:#0A0A0A; --ink-2:#181816; --ink-3:#6E6E6A;
  --paper:#FAFAF7; --paper-2:#F1F0EB; --paper-line:#E4E2DA;
  --green:#8DC63F; --green-deep:#6FA42A; --white:#FFFDF8;
  --maxw:880px; --gutter:clamp(20px,4vw,56px);
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Inter', system-ui, sans-serif;
  font-size:16px; line-height:1.65; color:var(--ink);
  background:var(--paper); -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:'Manrope', sans-serif; font-weight:800; letter-spacing:-.02em; color:var(--ink); margin:0; text-wrap:balance}
h1{font-size:clamp(32px,4vw,48px); line-height:1.05; letter-spacing:-.03em}
h2{font-size:clamp(20px,2vw,24px); line-height:1.2; margin:48px 0 16px}
h3{font-size:17px; line-height:1.3; margin:24px 0 8px}
p{margin:0 0 14px; text-wrap:pretty}
ul,ol{margin:0 0 14px 22px; padding:0}
li{margin-bottom:6px}
a{color:var(--ink); text-decoration:underline; text-decoration-color:var(--green); text-decoration-thickness:2px; text-underline-offset:3px}
a:hover{color:var(--green-deep)}
strong{font-weight:700}

.nav{position:sticky; top:0; z-index:50; background:rgba(250,250,247,.85); backdrop-filter:saturate(140%) blur(12px); -webkit-backdrop-filter:saturate(140%) blur(12px); border-bottom:1px solid var(--paper-line)}
.nav-inner{display:flex; align-items:center; justify-content:space-between; max-width:1240px; margin:0 auto; padding:0 var(--gutter); height:74px}
.brand{display:flex; align-items:center; gap:10px}
.brand img{height:40px; width:auto; display:block}
.back-link{display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:600; color:var(--ink); text-decoration:none; padding:8px 16px; border:1px solid var(--paper-line); border-radius:999px; transition:background .2s ease, border-color .2s ease}
.back-link:hover{background:var(--white); border-color:var(--ink)}
.back-link svg{width:14px; height:14px}

main{max-width:var(--maxw); margin:0 auto; padding:64px var(--gutter) 96px}
.eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-3); display:inline-flex; align-items:center; gap:10px; margin-bottom:24px}
.eyebrow::before{content:""; width:24px; height:1px; background:var(--ink-3)}
.last-updated{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--ink-3); letter-spacing:.04em; margin:24px 0 48px; padding-bottom:24px; border-bottom:1px solid var(--paper-line)}

.placeholder{background:var(--paper-2); padding:2px 8px; border-radius:4px; color:var(--ink-3); font-family:'JetBrains Mono', monospace; font-size:13px; border:1px dashed var(--paper-line)}
.info-block{background:var(--white); border:1px solid var(--paper-line); border-radius:14px; padding:24px 28px; margin:24px 0}
.info-block dl{margin:0; display:grid; grid-template-columns:200px 1fr; gap:12px 24px}
@media(max-width:600px){.info-block dl{grid-template-columns:1fr}}
.info-block dt{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); padding-top:3px}
.info-block dd{margin:0; font-size:15px}

footer{background:var(--paper-2); border-top:1px solid var(--paper-line); padding:32px 0; margin-top:48px}
.footer-inner{max-width:1240px; margin:0 auto; padding:0 var(--gutter); display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; align-items:center}
.footer-inner p{font-size:12px; font-family:'JetBrains Mono', monospace; letter-spacing:.04em; color:var(--ink-3); margin:0}
.legal{display:flex; gap:18px; flex-wrap:wrap}
.legal a{font-size:12px; font-family:'JetBrains Mono', monospace; color:var(--ink-3); text-decoration:none}
.legal a:hover{color:var(--ink)}
.legal a.current{color:var(--ink); font-weight:600}

::selection{background:var(--green); color:var(--ink)}