/* turnspotter.com: the public site (README round 60). Poster style: one display face (Anton), IBM Plex for reading and data,
   flat ink and paper sections, one signal colour (acid lime) for anything you can act on, red only for the Rug Desk.
   No gradients, no glass, no emoji, no decorative motion (README round 46). Fonts are served from this server: the site
   makes no requests to anyone else. */
@font-face{font-family:"Anton";src:url(/s/fonts/anton-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plex";src:url(/s/fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plex";src:url(/s/fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(/s/fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(/s/fonts/ibm-plex-mono-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
:root{--ink:#0a0b0d;--ink2:#14161b;--paper:#f1ece1;--paper2:#e4ddcc;--lime:#c8ff3e;--red:#ff4b3e;--mute:#9aa0ad;--mute-p:#5d5a52;
  --rule:rgba(241,236,225,.16);--rule-p:rgba(10,11,13,.18);--display:"Anton",Impact,"Arial Narrow Bold",sans-serif;
  --body:"Plex",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Plex Mono",ui-monospace,"SF Mono",Menlo,monospace}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
body{margin:0;background:var(--ink);color:var(--paper);font:400 17px/1.55 var(--body)}
a{color:inherit}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
.kicker{font:600 12px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase}
.display{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.005em;line-height:.92;margin:0}
.lime{color:var(--lime)}
/* top bar */
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;border-bottom:1px solid var(--rule)}
.mark{display:flex;align-items:center;gap:10px;font:600 13px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;text-decoration:none}
.mark i{width:12px;height:12px;background:var(--lime);display:block}
.bar a.member{font:500 13px/1 var(--mono);color:var(--mute);text-decoration:none;border-bottom:1px solid var(--rule);padding-bottom:3px}
.bar a.member:hover{color:var(--paper)}
/* buttons */
.btn{font:600 16px/1 var(--body);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 24px;border:2px solid transparent;cursor:pointer;text-decoration:none;border-radius:0}
.btn-lime{background:var(--lime);color:var(--ink)}
.btn-lime:hover{background:#d8ff70}
.btn-ink{background:var(--ink);color:var(--paper)}
.btn-ink:hover{background:#25272d}
.btn-line{background:transparent;color:inherit;border-color:currentColor}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.35;cursor:not-allowed}
.btn:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
/* footer */
.foot{border-top:1px solid var(--rule);padding:26px 0 40px;color:var(--mute);font-size:14px;display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:space-between}
.foot nav{display:flex;flex-wrap:wrap;gap:8px 22px}
.foot a{color:var(--paper);text-decoration:none;border-bottom:1px solid var(--rule)}
/* legal pages */
.legal{background:var(--paper);color:var(--ink)}
.legal .bar{border-color:var(--rule-p)}
.legal .bar a.member{color:var(--mute-p);border-color:var(--rule-p)}
.legal .mark i{background:var(--ink)}
.legal article{max-width:760px;padding:40px 0 56px}
.legal h1{font-size:clamp(48px,9vw,84px);margin-bottom:10px}
.legal .updated{font:500 13px/1.4 var(--mono);color:var(--mute-p);margin:0 0 28px}
.legal .tldr{border:2px solid var(--ink);padding:18px 20px;margin:0 0 34px}
.legal .tldr b{font:600 12px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;display:block;margin-bottom:10px}
.legal .tldr ul{margin:0;padding-left:20px}
.legal .tldr .after{margin:12px 0 0}
.legal h2{font:400 26px/1.1 var(--display);text-transform:uppercase;margin:38px 0 10px}
.legal p,.legal li{color:#23231f}
.legal li{margin-bottom:6px}
.legal .foot{border-color:var(--rule-p);color:var(--mute-p)}
.legal .foot a{color:var(--ink);border-color:var(--rule-p)}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}