/* Legal pages — shares tokens with home.css (loaded after it) */
.legal-hero{padding:64px 0 36px;border-bottom:1px solid var(--line)}
.legal-hero h1{font:800 44px/1.1 Manrope,sans-serif;letter-spacing:-2px;margin:14px 0 0}
.legal-updated{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:12.5px;color:var(--muted);background:#f1f6f2;border:1px solid var(--line);border-radius:20px;padding:7px 14px}
.legal-updated i{width:7px;height:7px;border-radius:50%;background:var(--green);font-style:normal}

.glance{margin:40px 0 8px}
.glance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.glance-card{border:1px solid;border-radius:14px;padding:18px 20px}
.glance-card.g1{background:var(--mint);border-color:var(--mint-b)}
.glance-card.g2{background:var(--limebg);border-color:var(--lime-b)}
.glance-card.g3{background:var(--pink);border-color:var(--pink-b)}
.glance-card.g4{background:#fff;border-color:var(--line)}
.glance-card b{display:flex;align-items:center;gap:8px;font-family:Manrope,sans-serif;font-size:13.5px;letter-spacing:-.2px;margin-bottom:7px}
.glance-card b i{font-style:normal;color:var(--green)}
.glance-card p{margin:0;font-size:12.5px;line-height:1.6;color:#51665a}

.legal-body{display:grid;grid-template-columns:230px minmax(0,1fr);gap:56px;padding:46px 0 80px}
.toc{position:sticky;top:96px;align-self:start;font-size:13px;display:grid;gap:9px;border-left:2px solid var(--line);padding-left:18px}
.toc a{color:#6b7f73;line-height:1.4;transition:color .15s}
.toc a:hover{color:var(--green)}
.toc-label{font-size:10.5px;font-weight:800;letter-spacing:1.6px;color:#99a79e;margin-bottom:4px}

.legal-content{max-width:720px;font-size:15px;line-height:1.75;color:#33493d}
.legal-content section{margin-bottom:38px;scroll-margin-top:92px}
.legal-content h2{font:800 22px/1.25 Manrope,sans-serif;letter-spacing:-.5px;margin:0 0 14px;color:var(--ink);display:flex;gap:12px;align-items:baseline}
.legal-content h2 span{font-size:13px;color:var(--green);font-family:Manrope,sans-serif}
.legal-content h3{font:700 16px/1.3 Manrope,sans-serif;margin:20px 0 8px;color:var(--ink)}
.legal-content p{margin:0 0 13px}
.legal-content ul{margin:0 0 13px;padding-left:22px}
.legal-content li{margin-bottom:8px}
.legal-content a{color:var(--green-deep);font-weight:600}
.legal-content a:hover{text-decoration:underline}
.legal-content .callout{background:#f1f6f2;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:10px;padding:16px 20px;margin:0 0 13px;font-size:14px}
.legal-content code{background:#eef3ef;border-radius:5px;padding:2px 7px;font-size:13px;color:var(--ink)}
.legal-content table{width:100%;border-collapse:collapse;font-size:13.5px;margin:0 0 13px}
.legal-content th{text-align:left;font-family:Manrope,sans-serif;font-size:12px;letter-spacing:.6px;color:#6b7f73;border-bottom:1.5px solid var(--line);padding:8px 10px}
.legal-content td{border-bottom:1px solid var(--line);padding:10px;vertical-align:top}
.legal-content td:first-child{white-space:nowrap;font-weight:600;color:var(--ink)}

@media(max-width:900px){
 .legal-body{grid-template-columns:1fr;gap:30px}
 .toc{position:static;border-left:0;padding-left:0;display:flex;flex-wrap:wrap;gap:12px}
 .toc-label{width:100%}
 .glance-grid{grid-template-columns:1fr}
 .legal-hero h1{font-size:34px}
}