.legal-wrap { display:grid; gap:14px; }
.legal-hero {
  display:grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap:14px;
  align-items:start;
}
.legal-kicker {
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 10px; border:1.5px solid var(--border); border-radius:999px;
  background:#eaf6f0; box-shadow:3px 3px 0 #111; font-size:12px; font-weight:800;
}
.legal-dot { width:8px; height:8px; border-radius:999px; background:var(--accent); border:1px solid var(--border); }
.legal-hero h1 {
  margin: 12px 0 10px;
  font-size: clamp(30px, 4.6vw, 50px);
  line-height: 1.05;
  letter-spacing: -0.02em;
}
.legal-lede { margin:0; color: var(--muted); max-width: 52ch; }
.legal-card { display:grid; gap:10px; }
.legal-note {
  border:1.5px solid rgba(31,122,91,.2);
  background: linear-gradient(180deg,#fff,#f7fbf8);
  border-radius:12px;
  padding:12px;
}
.legal-note h3 { margin:0 0 6px; font-size:14px; }
.legal-note p { margin:0; color:var(--muted); font-size:13px; line-height:1.45; }
.legal-meta { display:grid; gap:8px; }
.legal-meta .row {
  border:1px solid rgba(0,0,0,.1);
  border-radius:10px;
  background:#fff;
  padding:10px 12px;
  font-size:13px;
}
.legal-meta .label { display:block; font-size:11px; color:var(--muted); font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.legal-body { display:grid; gap:12px; }
.legal-section h2 { margin:0 0 8px; font-size:20px; letter-spacing:-0.01em; }
.legal-section p { margin:0 0 10px; color:var(--muted); line-height:1.55; }
.legal-list { margin:0; padding-left:18px; color:var(--muted); }
.legal-list li { margin:0 0 8px; }
.legal-footer-grid { display:grid; grid-template-columns: 1.3fr 1fr 1fr 1.1fr; gap:14px; }
.legal-footer-col h4 { margin:0 0 8px; font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); }
.legal-footer-col a { display:block; margin:0 0 8px; color:var(--ink); text-decoration:none; font-size:14px; font-weight:600; }
.legal-footer-col a:hover { text-decoration:underline; }
.legal-nav-active {
  background: color-mix(in srgb, var(--accent) 16%, white);
  border: 1.5px solid rgba(0,0,0,0.12);
  border-radius: 10px;
  padding: 8px 10px;
}
.legal-contact-grid { display:grid; grid-template-columns: 1fr 1fr; gap:12px; }
.legal-contact-box { border:1px solid rgba(0,0,0,.1); border-radius:10px; background:#fff; padding:12px; }
.legal-contact-box h3 { margin:0 0 6px; font-size:15px; }
.legal-contact-box p { margin:0; color:var(--muted); font-size:13px; line-height:1.45; }
@media (max-width: 960px) {
  .legal-hero, .legal-footer-grid, .legal-contact-grid { grid-template-columns: 1fr; }
}