/* Legal pages stay deliberately editorial: one readable column, stable section
   anchors, and no decorative UI competing with the policy text. */

.legal-main{padding:clamp(52px,8vw,96px) var(--gutter) clamp(40px,7vw,80px)}
.legal-document{width:min(100%,760px);margin-inline:auto}
.legal-title{padding-bottom:clamp(34px,5vw,54px);border-bottom:1px solid var(--line)}
.legal-title h1{margin-top:10px}
.legal-title>p:not(.eyebrow):not(.legal-updated){max-width:650px;margin-top:20px;color:var(--ink-soft);font-size:18px}
.legal-title .legal-updated{margin-top:13px;color:var(--ink-faint);font-size:13px}
.legal-document section{padding:30px 0;border-bottom:1px solid var(--line-soft)}
.legal-document section:last-child{border-bottom:0}
.legal-document h2{margin-bottom:12px;font:400 clamp(22px,3vw,27px)/1.25 var(--serif);letter-spacing:-.012em}
.legal-document p,.legal-document li,.legal-document address{color:var(--ink-soft);font-size:15.5px;line-height:1.72}
.legal-document p+p{margin-top:12px}
.legal-document ul{display:grid;gap:9px;padding-left:21px}
.legal-document strong{color:var(--ink);font-weight:650}
.legal-document address{font-style:normal}
.legal-document a{color:var(--ink);text-decoration-color:var(--mint-deep);text-decoration-thickness:1px;text-underline-offset:3px}
.legal-document a:hover{text-decoration-thickness:2px}

@media (max-width:700px){
  .legal-main{padding-top:42px}
  .legal-document section{padding:25px 0}
  .legal-title>p:not(.eyebrow):not(.legal-updated){font-size:17px}
}