/* The Gearso pages: the game's own stylesheet (css/style.css, copied from html/ by `make site`) set for reading.
   Only its tokens are used here: no colour of their own. */
html,body{height:auto;overflow:auto;user-select:text;-webkit-user-select:text}
.doc{width:min(760px,100%);margin:0 auto;padding:clamp(40px,8vh,96px) 16px 56px;line-height:1.65;font-size:clamp(17px,.6vw + 13px,21px)}
.doc header{display:flex;align-items:center;gap:.9em;margin-bottom:.6em}
.doc header img{width:3.6em;height:3.6em;border-radius:.75em}
.doc header a{color:inherit;text-decoration:none}
.doc h1{font-family:'Cabin Sketch',cursive;font-weight:700;font-size:2.6em;line-height:1;margin:0}
.doc h2{margin:1.8em 0 .4em;padding-bottom:.4em;border-bottom:1.5px dashed var(--chalk-3);font-size:.75em;font-weight:400;
  letter-spacing:.24em;text-transform:uppercase;color:var(--glow)}
.doc p,.doc li{color:var(--chalk);letter-spacing:.02em}
.doc ul{padding-left:1.25em}
.doc li{margin:.3em 0}
.doc a{color:var(--accent-hi);text-decoration:underline dashed;text-underline-offset:3px}
.doc a:focus-visible{outline:2px dashed var(--glow);outline-offset:3px}
.doc .lede{color:var(--chalk-2)}
.doc footer{margin-top:2.5em;font-size:.8em;color:var(--chalk-2)}