/* ---------- legal pages ----------
   A quiet reading layout on mineral white: one measure of ~70 characters, numbered sections, a sticky contents list. */
body.page-legal{background:var(--mineral);color:var(--l-ink);color-scheme:light}
.legal{display:block;outline:0}
.legal-head{background:#fff;border-bottom:1px solid var(--hair-l);padding:clamp(2.2rem,5vw,3.6rem) var(--gut-r) clamp(2rem,4vw,2.8rem) var(--gut-l)}
.legal-head-in{max-width:72rem;margin:0 auto}
.crumbs ol{list-style:none;margin:0 0 1.4rem;padding:0;display:flex;flex-wrap:wrap;gap:.4rem;font-size:.9rem;color:var(--graphite)}
.crumbs li+li::before{content:"/";margin-right:.4rem;color:#8994A6}
.crumbs a{color:var(--graphite);text-decoration:none}
.crumbs a:hover{color:var(--navy);text-decoration:underline}
.crumbs a[aria-current]{color:var(--l-ink)}
.legal-head h1{margin:0;font:700 clamp(2.1rem,1.5rem + 2.4vw,3.4rem)/1.05 var(--f-display);font-stretch:106%;letter-spacing:-.03em;color:var(--l-ink)}
.legal-lead{margin:1rem 0 0;max-width:60ch;font-size:clamp(1.05rem,1rem + .25vw,1.2rem);line-height:1.6;color:#334055}
.legal-meta{display:flex;flex-wrap:wrap;gap:.6rem 2.2rem;margin:1.6rem 0 0}
.legal-meta dt{font-size:.84rem;color:var(--graphite)}
.legal-meta dd{margin:.15rem 0 0;font-weight:600;font-size:.95rem}
.legal-draft{margin-top:1.6rem;max-width:66ch;padding:.9rem 1.1rem;border:1px solid #E6C77A;border-left-width:4px;border-radius:8px;background:#FFF8E6;color:#4A3A12}
.legal-draft p{margin:0;font-size:.95rem;line-height:1.55}

.legal-body{max-width:72rem;margin:0 auto;padding:clamp(2rem,5vw,3.5rem) var(--gut-r) clamp(3rem,7vw,5rem) var(--gut-l);
  display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.legal-toc{position:sticky;top:calc(var(--header-h) + 24px);max-height:calc(100vh - var(--header-h) - 48px);overflow-y:auto}
.legal-toc h2{margin:0 0 .7rem;font:600 .95rem/1.2 var(--f-display);font-stretch:104%;color:var(--l-ink)}
.legal-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--hair-l)}
.legal-toc a{display:flex;gap:.4rem;padding:.42rem 0 .42rem .9rem;margin-left:-1px;border-left:2px solid transparent;color:var(--graphite);text-decoration:none;font-size:.9rem;line-height:1.35}
.legal-toc a:hover{color:var(--navy);border-left-color:var(--navy)}
.toc-n{color:#6B778A;font-variant-numeric:tabular-nums}

.legal-doc{max-width:70ch;font-size:1.0625rem;line-height:1.72;color:#253144}
.legal-sec{scroll-margin-top:calc(var(--header-h) + 20px)}
.legal-sec+.legal-sec{margin-top:2.6rem;padding-top:2.4rem;border-top:1px solid var(--hair-l)}
.legal-doc h2{margin:0 0 .9rem;font:650 clamp(1.3rem,1.15rem + .6vw,1.6rem)/1.25 var(--f-display);font-stretch:104%;letter-spacing:-.015em;color:var(--l-ink)}
.sec-n{color:var(--navy);font-variant-numeric:tabular-nums}
.legal-doc h3{margin:1.6rem 0 .5rem;font:600 1.08rem/1.35 var(--f-display);font-stretch:102%;color:var(--l-ink)}
.legal-doc p,.legal-doc ul{margin:0 0 1rem}
.legal-doc ul{padding-left:1.25rem}
.legal-doc li{margin-bottom:.45rem}
.legal-doc li::marker{color:var(--navy)}
.legal-doc a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.legal-doc a:hover{text-decoration-thickness:2px}
.legal-doc code{font-family:var(--f-mono);font-size:.86em;padding:.1em .35em;border-radius:4px;background:#E8ECF1}
.legal-doc :focus-visible{outline-color:var(--navy)}
.status-none{color:var(--graphite)}

.facts{margin:0 0 1rem;border:1px solid var(--hair-l);border-radius:10px;background:#fff}
.facts>div{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr);gap:.4rem 1.2rem;padding:.75rem 1rem}
.facts>div+div{border-top:1px solid var(--hair-l)}
.facts dt{color:var(--graphite);font-size:.95rem}
.facts dd{margin:0}

.table-wrap{margin:0 0 1.2rem;overflow-x:auto;border:1px solid var(--hair-l);border-radius:10px;background:#fff}
.table-wrap:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.legal-doc table{width:100%;min-width:34rem;border-collapse:collapse;font-size:.93rem;line-height:1.5}
.legal-doc th,.legal-doc td{padding:.7rem .85rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--hair-l)}
.legal-doc tr:last-child td{border-bottom:0}
.legal-doc th{font-weight:600;color:var(--l-ink);background:#F7F8FA}

/* information the company still has to confirm */
.todo{display:inline;padding:.08em .35em;border-radius:4px;background:#FFF1CC;color:#4A3500;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-bottom:1px dashed #A8781A}
.todo-tag{font-weight:600}

.form-model{margin-top:1.4rem;padding:1.2rem 1.3rem;border:1px dashed rgba(3,34,80,.35);border-radius:10px;background:#fff}
.form-model h3{margin-top:0}
.form-model p{margin:0 0 .55rem}
.form-model-note{color:var(--graphite);font-size:.95rem}

@media (max-width:1023px){
  .legal-body{grid-template-columns:minmax(0,1fr)}
  .legal-toc{position:static;max-height:none;padding:1rem 1.1rem;border:1px solid var(--hair-l);border-radius:10px;background:#fff}
}
@media (max-width:560px){
  .facts>div{grid-template-columns:minmax(0,1fr);gap:.15rem}
  .legal-doc{font-size:1rem}
}

@media print{
  @page{margin:18mm 16mm}
  .header,.footer,.legal-toc,.skip-link,.crumbs{display:none!important}
  body.page-legal,.legal-head,.facts,.table-wrap{background:#fff!important;color:#000}
  .legal-body{display:block;padding:0}
  .legal-head{padding:0 0 1rem;border:0}
  .legal-doc{max-width:none;font-size:11pt;color:#000}
  .legal-sec{break-inside:avoid-page}
  .legal-doc a[href^="http"]::after{content:" (" attr(href) ")";font-size:.85em}
  .todo{background:none;border-bottom:1px dashed #000;color:#000}
}