/* LEGAL / POLICY PAGES — readable editorial surface. Print stays owned by styles.css. */
@media screen {
  .legal-page main.wrap{max-width:980px}
  .legal-page .page-head{
    max-width:820px;
    margin-inline:auto;
    padding:clamp(34px,5vw,54px) 0 22px;
    border-bottom:0
  }
  .legal-page .page-head .sec-kicker{margin-bottom:12px}
  .legal-page .page-head h1{
    max-width:760px;
    font-size:clamp(2.8rem,6.2vw,4.8rem);
    line-height:.94;
    letter-spacing:-.04em
  }
  .legal-page .page-head>p{
    max-width:700px;
    margin-top:15px;
    color:var(--muted);
    font-size:clamp(.94rem,1.25vw,1.02rem);
    line-height:1.65
  }

  .legal-page .legal{
    max-width:820px;
    margin:10px auto 70px;
    padding:clamp(22px,4vw,38px);
    border:1px solid rgba(255,255,255,.075);
    border-radius:20px;
    background:
      radial-gradient(circle at 0 0,rgba(130,255,255,.065),transparent 27%),
      linear-gradient(155deg,rgba(255,255,255,.025),transparent 36%),
      rgba(9,11,17,.82);
    box-shadow:inset 0 1px rgba(255,255,255,.035),0 28px 70px -58px #000
  }
  .legal-page .legal .updated{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    margin:0 0 22px;
    padding:6px 10px;
    border:1px solid rgba(130,255,255,.16);
    border-radius:999px;
    background:rgba(130,255,255,.055);
    color:#b5eef3;
    font-size:.72rem;
    font-weight:850;
    letter-spacing:.13em
  }
  .legal-page .legal h2{
    margin:32px 0 10px;
    padding-top:26px;
    border-top:1px solid rgba(255,255,255,.065);
    color:#eef2fa;
    font-family:'Bricolage Grotesque','Manrope',sans-serif;
    font-size:clamp(1.35rem,2.4vw,1.7rem);
    line-height:1.08;
    letter-spacing:-.025em
  }
  .legal-page .legal .updated+h2,
  .legal-page .legal .updated+p+h2{margin-top:24px}
  .legal-page .legal p{
    color:#9da7b8;
    font-size:.88rem;
    line-height:1.75
  }
  .legal-page .legal p+p{margin-top:11px}
  .legal-page .legal ul{
    display:grid;
    gap:8px;
    margin:12px 0 0 1.1rem;
    color:#9da7b8;
    font-size:.92rem;
    line-height:1.7
  }
  .legal-page .legal strong{color:#e2e7f2}
  .legal-page .legal a{
    color:#aebcff;
    font-weight:750;
    text-decoration-thickness:1px;
    text-underline-offset:3px
  }
  .legal-page .legal a:hover{text-decoration:underline}
}
@media screen and (max-width:640px){
  .legal-page .page-head{padding-top:28px}
  .legal-page .legal{
    margin-top:4px;
    margin-bottom:54px;
    padding:20px 17px;
    border-radius:17px
  }
  .legal-page .legal h2{margin-top:27px;padding-top:22px}
}