/* HINABI — legal pages. Inherits the site tokens; adds long-form reading styles. */
.legal-hero{padding:9.5rem 0 2.5rem;border-bottom:1px solid rgba(26,20,17,.1)}
.legal-hero .eyebrow{font-family:var(--sans);font-size:.68rem;font-weight:600;letter-spacing:.28em;
  text-transform:uppercase;color:var(--gold-3);margin-bottom:1.1rem}
.legal-hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(2.4rem,6vw,3.6rem);
  line-height:1.05;letter-spacing:.005em;margin:0 0 1rem}
.legal-hero .updated{font-size:.82rem;color:var(--ink-soft);letter-spacing:.02em}

.legal-body{max-width:44rem;padding:3rem 0 5rem;font-size:1.02rem;color:var(--ink)}
.legal-body .lede{font-family:var(--serif);font-style:italic;font-size:1.4rem;line-height:1.5;
  color:var(--ink-soft);margin:0 0 2.6rem}
.legal-body section{margin:0 0 2.4rem;scroll-margin-top:6rem}
.legal-body h2{font-family:var(--serif);font-weight:400;font-size:1.7rem;line-height:1.2;
  margin:2.8rem 0 .9rem;color:var(--ink)}
.legal-body h2 .n{color:var(--gold-3);font-size:1.05rem;font-weight:600;font-family:var(--sans);
  letter-spacing:.06em;margin-right:.6rem;vertical-align:.12em}
.legal-body h3{font-family:var(--sans);font-weight:600;font-size:.94rem;letter-spacing:.02em;
  margin:1.6rem 0 .5rem;color:var(--ink)}
.legal-body p{margin:0 0 1rem}
.legal-body ul{margin:0 0 1rem;padding-left:1.15rem}
.legal-body li{margin:0 0 .5rem;padding-left:.25rem}
.legal-body li::marker{color:var(--gold-3)}
.legal-body a{color:var(--gold-3);text-decoration:underline;text-underline-offset:2px;
  text-decoration-color:rgba(154,110,34,.4)}
.legal-body a:hover{text-decoration-color:var(--gold-3)}
.legal-body strong{font-weight:600;color:var(--ink)}
.legal-body .box{background:var(--paper-2);border:1px solid rgba(26,20,17,.1);border-radius:4px;
  padding:1.2rem 1.4rem;margin:1.6rem 0;font-size:.95rem;
  box-shadow:0 1px 2px rgba(84,62,38,.14),0 8px 18px -10px rgba(76,56,34,.2)}
.legal-body .box p:last-child{margin-bottom:0}

.legal-toc{border:1px solid rgba(26,20,17,.12);border-radius:4px;padding:1.3rem 1.5rem;margin:0 0 3rem;
  background:var(--paper-2)}
.legal-toc h2{font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ink-soft);margin:0 0 .8rem}
.legal-toc ol{margin:0;padding-left:1.2rem;columns:2;column-gap:2rem;font-size:.9rem}
.legal-toc li{margin:0 0 .4rem}
.legal-toc a{text-decoration:none;color:var(--ink)}
.legal-toc a:hover{color:var(--gold-3)}
@media(max-width:620px){.legal-toc ol{columns:1}}