/* the legal pages share the site's fonts and colours; the theme is read from the same saved choice */
:root{--paper:#F8F5EC;--ink:#111113;--muted:#5C5C64;--line:#DDD8CC;--signal:#2D2BE0;--sans:'Instrument Sans','Helvetica Neue',Arial,sans-serif;--hand:'Caveat','Bradley Hand',cursive}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#0E0E10;--ink:#F1F1EC;--muted:#A1A1A9;--line:#2B2B30;--signal:#8E8CFF;color-scheme:dark}}
:root[data-theme="dark"]{--paper:#0E0E10;--ink:#F1F1EC;--muted:#A1A1A9;--line:#2B2B30;--signal:#8E8CFF;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:3px}
header,main{width:100%;max-width:1120px;margin-inline:auto;padding-inline:24px}
header{padding-block:24px 0}
.mark{font:600 22px/1 var(--sans);letter-spacing:-.035em;text-decoration:none}
main{flex:1;padding-block:112px 120px}
.label{margin:0 0 20px;font:600 12px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--signal)}
h1{margin:0;font:600 clamp(36px,4.2vw,56px)/1.04 var(--sans);letter-spacing:-.04em}
.note{margin:28px 0 0;font:400 clamp(26px,2.4vw,32px)/1.1 var(--hand);color:var(--signal)}
.back{display:inline-block;margin-top:40px;padding-block:12px;color:var(--muted);text-underline-offset:4px}
.back:hover{color:var(--ink)}