/* ============================================================
   LEGAL / ARTICLE READING STYLE
   Layered on top of site.css for legal pages and (later) blog
   posts. Header, footer, buttons and .eyebrow-pill come from
   site.css; only the reading column lives here.
============================================================ */
:root{--link:#4f5fd6}

.legal-head{max-width:840px;margin:0 auto;padding:72px 32px 0}
.legal-head h1{font-family:var(--font-head);font-weight:500;font-size:clamp(40px,6vw,60px);letter-spacing:-0.02em;line-height:1.04;color:var(--ink)}
.legal-head .updated{margin-top:18px;color:var(--ink-soft);font-size:15px}

.legal-body{max-width:840px;margin:0 auto;padding:36px 32px 96px;font-size:16px;line-height:1.75;color:#37332b}
.legal-body h2{font-family:var(--font-head);font-weight:500;font-size:26px;letter-spacing:-0.01em;margin:46px 0 14px;color:var(--ink);padding-top:14px;border-top:1px solid var(--line)}
.legal-body h3{font-family:var(--font-head);font-weight:500;font-size:20px;letter-spacing:-0.01em;margin:30px 0 10px;color:var(--ink)}
.legal-body h4{font-family:var(--font-head);font-weight:500;font-size:17px;margin:22px 0 8px;color:var(--ink)}
.legal-body p{margin:0 0 16px}
.legal-body ul{list-style:none;margin:0 0 18px;padding:0}
.legal-body li{position:relative;padding:0 0 10px 22px;margin:0}
.legal-body li::before{content:"";position:absolute;left:2px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--c-intel)}
.legal-body a{color:var(--link);text-decoration:underline;text-underline-offset:2px}
.legal-body a:hover{color:#3344c0}
.legal-body strong{color:var(--ink);font-weight:600}
.back-home{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-weight:500;font-size:15px;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:2px}

@media(max-width:920px){
  .legal-head,.legal-body{padding-left:22px;padding-right:22px}
}