.legal-page{background:var(--bg,#f5f8fc)}
.legal__header{padding:clamp(8rem,11vw,11rem) 0 clamp(2rem,4vw,3rem);border-bottom:1px solid var(--brd)}
.legal__header h1{font-size:clamp(2.8rem,5.5vw,5rem);line-height:1.1;letter-spacing:-.04em;color:var(--ink);margin:0 0 .7rem}
.legal__header .legal__updated{display:block;margin:0;padding:0;border:0;border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--w55);font-size:.95rem;font-weight:500}
.legal-page .legal{padding-block:clamp(2.5rem,5vw,4.5rem) clamp(5rem,7vw,7rem)}
.legal-page .legal__grid{grid-template-columns:260px minmax(0,680px);justify-content:center;gap:clamp(2rem,5vw,5rem)}
.legal-page .legal__doc{max-width:680px}
.legal__jump{display:none}
[data-theme="dark"] .legal__header h1{color:#fff}
@media(max-width:1080px){.legal-page .legal__grid{grid-template-columns:1fr;justify-content:stretch}.legal__side{position:sticky;top:72px;z-index:20}.legal__jump{display:grid;gap:.4rem;padding:1rem 0;background:var(--bg,#f5f8fc);font-size:.8rem;font-weight:700;color:var(--w55)}.legal__jump select{display:block;width:100%;padding:.75rem 1rem;border:1px solid var(--brd);border-radius:.8rem;background:var(--glass);color:var(--ink);font:inherit}.legal__side .legal__nav{display:none}[data-theme="dark"] .legal__jump{background:#08152c}}
@media(max-width:760px){.legal__header{padding-top:7rem}.legal-page .legal__grid{gap:1.5rem}}

/* QC 23 Oct 2026 #8 (Terms and Privacy, phone): the title and date get the same left margin as "Jump to section"
   (18px), and the sticky "Jump to" bar sits flush under the menu bar. The shadow fills any sub-pixel gap above it. */
@media(max-width:760px){
  .legal-page .legal__header .wrap{padding-inline:18px}
  .legal-page .legal__side{top:62px!important;box-shadow:0 -8px 0 0 var(--bg,#F7FAFD)}
  [data-theme="dark"] .legal-page .legal__side{box-shadow:0 -8px 0 0 #08152c}
}