/* legal layout */
  .legal-head{ padding: 80px 0 44px; border-bottom:1px solid var(--line); }
  .legal-head .eyebrow{ font-family:var(--mono); font-size:13px; letter-spacing:.28em; text-transform:uppercase; color:var(--green); font-weight:500; }
  .legal-head h1{ font-family:var(--serif); font-weight:300; font-size: clamp(40px, 4.6vw, 66px); line-height:1.0; letter-spacing:-.02em; margin:22px 0 0; }
  .legal-head p{ margin:18px 0 0; color:var(--ink-3); font-size:14px; }

  .legal-body{ display:grid; grid-template-columns: 248px 1fr; gap:72px; padding: 64px 0 110px; align-items:start; }
  .legal-nav{ position:sticky; top:110px; display:flex; flex-direction:column; gap:2px; }
  .legal-nav a{ font-family:var(--mono); font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-3); padding:12px 0; border-top:1px solid var(--line); transition: color .2s ease; }
  .legal-nav a:first-child{ border-top:none; }
  .legal-nav a:hover, .legal-nav a.active{ color:var(--green); }

  .legal-content{ max-width: 760px; }
  .legal-section{ padding-bottom: 64px; margin-bottom: 56px; border-bottom:1px solid var(--line); }
  .legal-section:last-child{ border-bottom:none; margin-bottom:0; }
  .legal-section > h2{ font-family:var(--serif); font-weight:400; font-size: clamp(28px, 3vw, 38px); letter-spacing:-.01em; margin:0 0 10px; color:var(--ink); }
  .legal-section .updated{ font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-3); margin:0 0 28px; }
  .legal-content h3{ font-family:var(--sans); font-weight:600; font-size:17px; margin:34px 0 10px; color:var(--ink); }
  .legal-content h3 .num{ color:var(--green); margin-right:8px; font-variant-numeric: tabular-nums; }
  .legal-content p{ font-size:15.5px; line-height:1.7; color:var(--ink-2); margin:0 0 16px; }
  .legal-content ul{ margin:0 0 16px; padding-left:0; list-style:none; }
  .legal-content li{ font-size:15.5px; line-height:1.65; color:var(--ink-2); padding:6px 0 6px 26px; position:relative; }
  .legal-content li::before{ content:""; position:absolute; left:4px; top:14px; width:6px; height:6px; border-radius:50%; background:var(--green); }
  .legal-content .lede{ font-size:17px; color:var(--ink); line-height:1.65; }

  @media (max-width: 900px){
    .legal-body{ grid-template-columns: 1fr; gap:32px; }
    .legal-nav{ position:static; flex-direction:row; flex-wrap:wrap; gap:0 22px; }
    .legal-nav a{ border-top:none; padding:8px 0; }
  }