/* legal pages */
  .legal-hero{border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);padding:54px 0}
  .legal-hero .kick{color:var(--red)}
  .legal-hero h1{font-size:clamp(2rem,5vw,3.6rem);margin:6px 0 18px;letter-spacing:-.03em}
  .legal-meta{display:flex;flex-wrap:wrap;gap:0;border-top:1.5px solid var(--ink);margin-top:8px}
  .legal-meta span{font-family:var(--mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;
    border:1px solid var(--ink);padding:8px 14px;margin:-.5px 0 0 -.5px}
  .legal-meta b{color:var(--red)}
  .legal-body{padding:60px 0}
  .legal-grid{display:grid;grid-template-columns:.4fr 1fr;gap:0;align-items:start}
  .legal-tocwrap{position:sticky;top:24px;border-right:1.5px solid var(--ink);padding-right:32px}
  .legal-toc{font-family:var(--mono);font-size:.74rem;letter-spacing:.04em;text-transform:uppercase}
  .legal-toc a{display:block;padding:8px 0;border-bottom:1px solid rgba(21,23,30,.14);opacity:.72}
  .legal-toc a:hover{opacity:1;color:var(--red)}
  .legal-toc .toc-h{color:var(--red);margin-bottom:10px;font-weight:700}
  .legal-content{padding-left:46px}
  .clause{border-bottom:1px solid rgba(21,23,30,.18);padding:26px 0}
  .clause:first-child{padding-top:0}
  .clause:last-child{border-bottom:none}
  .clause .cnum{display:flex;align-items:baseline;gap:16px;margin-bottom:12px}
  .clause .cnum .n{font-family:var(--mono);font-size:.8rem;font-weight:700;color:var(--red)}
  .clause .cnum h2{font-family:var(--disp);font-weight:800;font-size:1.5rem;letter-spacing:-.02em;line-height:1.05}
  .clause p{font-size:1rem;max-width:68ch;margin-bottom:12px;opacity:.9;line-height:1.6}
  .clause p:last-child{margin-bottom:0}
  .clause ul{max-width:68ch;margin:0 0 12px 0;padding-left:0;list-style:none}
  .clause ul li{position:relative;padding:8px 0 8px 26px;border-bottom:1px solid rgba(21,23,30,.1);font-size:.97rem;opacity:.9;line-height:1.55}
  .clause ul li:last-child{border-bottom:none}
  .clause ul li::before{content:"";position:absolute;left:0;top:15px;width:12px;height:2px;background:var(--red)}
  .clause b{font-weight:700}
  .clause a{border-bottom:2px solid var(--red);padding-bottom:1px;font-weight:600}
  .todo{font-family:var(--mono);font-size:.66rem;letter-spacing:.04em;text-transform:uppercase;color:var(--red);
    border:1px dashed var(--red);padding:2px 8px;display:inline-block;margin:0 2px;background:rgba(236,77,51,.06)}
  .legal-foot-note{border-top:1.5px solid var(--ink);padding-top:18px;margin-top:14px;
    font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;opacity:.6;max-width:80ch;line-height:1.6}
  @media(max-width:880px){
    .legal-grid{grid-template-columns:1fr;gap:0}
    .legal-tocwrap{position:static;border-right:none;border-bottom:1.5px solid var(--ink);padding-right:0;padding-bottom:24px;margin-bottom:32px}
    .legal-content{padding-left:0}
    .legal-hero{padding:36px 0;margin-top:10px}
    .legal-body{padding:40px 0}
  }
  @media(max-width:560px){
    .legal-hero{padding:24px 0}
    .legal-hero h1{font-size:clamp(1.6rem,8vw,2.4rem)}
    .legal-body{padding:28px 0}
    .clause{padding:18px 0}
    .clause .cnum h2{font-size:1.2rem}
    .clause p,.clause ul li{font-size:.94rem}
    .legal-meta{flex-direction:column;gap:0;border:1.5px solid var(--ink);margin-top:12px}
    .legal-meta span{border:none;border-bottom:1px solid rgba(21,23,30,.2);margin:0;padding:9px 14px;font-size:.62rem}
    .legal-meta span:last-child{border-bottom:none}
  }