:root{
  --bg:#fafaf9; --paper:#ffffff; --ink:#0f0e0d; --muted:#6b6963; --line:#e5e3de;
  --mark:#e9e6df; --on-mark:#0f0e0d;
  --navy:#0f0e0d; --on-navy:#fafaf9; --navy-muted:#a3a19b; --navy-line:#34322e;
  --ok:#1c7548; --warn:#96560a; --anon-bg:#0b0b0d; --anon-fg:#ffffff;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Geist","Helvetica Neue",Arial,sans-serif;
  --mono:"Geist Mono",ui-monospace,Menlo,monospace;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#0f0e0d; --paper:#181715; --ink:#fafaf9; --muted:#a3a19b; --line:#2e2c29;
  --mark:#383632; --on-mark:#fafaf9;
  --navy:#000000; --on-navy:#fafaf9; --navy-muted:#a3a19b; --navy-line:#34322e;
  --ok:#62d09a; --warn:#f0b35a; --anon-bg:#000000; --anon-fg:#ffffff; color-scheme:dark } }
:root[data-theme="dark"]{
  --bg:#0f0e0d; --paper:#181715; --ink:#fafaf9; --muted:#a3a19b; --line:#2e2c29;
  --mark:#383632; --on-mark:#fafaf9;
  --navy:#000000; --on-navy:#fafaf9; --navy-muted:#a3a19b; --navy-line:#34322e;
  --ok:#62d09a; --warn:#f0b35a; --anon-bg:#000000; --anon-fg:#ffffff; color-scheme:dark }

*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}
main{max-width:720px;margin:0 auto;padding:48px max(20px,env(safe-area-inset-right,0px)) 96px max(20px,env(safe-area-inset-left,0px))}
.back{font-size:30px;text-decoration:none;color:var(--ink);display:inline-block}
.wm{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em;line-height:1;white-space:nowrap;display:inline-flex;align-items:center;gap:.13em}
.wm::before,.wm::after{content:"";flex:none;width:.17em;height:.94em;border:.05em solid currentColor}
.wm::before{border-right:0} .wm::after{border-left:0}
.wm .t{display:block;line-height:1;transform:translateY(.12em);padding:0 0 0 .06em}
h1{font-family:var(--serif);font-weight:300;font-size:clamp(32px,5vw,48px);line-height:1.08;letter-spacing:-.02em;margin:40px 0 16px;text-wrap:balance}
h2{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.2;margin:40px 0 10px}
p,li{color:var(--ink)} p{margin:0 0 14px} ul,ol{margin:0 0 14px;padding-left:22px} li{margin-bottom:6px}
a{color:inherit;text-underline-offset:3px}
hr{border:0;border-top:1px solid var(--line);margin:40px 0 16px}
hr+p{font-size:13px;color:var(--muted)}

.product-name{font-style:italic;text-transform:none;letter-spacing:inherit}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}