/* Library Twin r6 — plain pages (sources, privacy, accessibility, support, release news, the Old Clock). */
@font-face{font-family:"Crimson Pro";src:url(/assets/fonts/crimson-pro-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Crimson Pro";src:url(/assets/fonts/crimson-pro-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Crimson Pro";src:url(/assets/fonts/crimson-pro-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Inter";src:url(/assets/fonts/inter-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url(/assets/fonts/inter-600.woff2) format("woff2");font-weight:600;font-display:swap}
:root{--serif:"Crimson Pro",Georgia,serif;--sans:"Inter",system-ui,sans-serif;color-scheme:dark;--bg:#000;--ink:#efe8da;--ink-2:#c6bfb2;--muted:#a3a8a2;--rule:rgba(239,232,218,.16);--accent:#8dc7aa;--copper:#dca690;--reader:#e8b862;--card:#0d1110;--btn:#f0d9a8;--btn-ink:#1a140a}
:root[data-appearance="light"]{color-scheme:light;--bg:#f3eee3;--ink:#1b1814;--ink-2:#40392f;--muted:#5f584e;--rule:rgba(27,24,20,.16);--accent:#245a47;--copper:#8c4e39;--reader:#7a5410;--card:#fbf8f1;--btn:#1f3a30;--btn-ink:#f6f1e6}
@media (prefers-color-scheme:light){:root:not([data-appearance="dark"]){color-scheme:light;--bg:#f3eee3;--ink:#1b1814;--ink-2:#40392f;--muted:#5f584e;--rule:rgba(27,24,20,.16);--accent:#245a47;--copper:#8c4e39;--reader:#7a5410;--card:#fbf8f1;--btn:#1f3a30;--btn-ink:#f6f1e6}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--accent)}a:hover{color:var(--ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.skip{position:absolute;left:.75rem;top:-3rem;padding:.5rem .8rem;border-radius:8px;background:var(--btn);color:var(--btn-ink);font-weight:600;text-decoration:none}.skip:focus{top:.75rem}
.bar{display:flex;align-items:center;gap:1rem;padding:1rem clamp(1rem,5vw,4rem);border-bottom:1px solid var(--rule)}
.brand{display:flex;gap:.5rem;align-items:center;color:var(--ink);text-decoration:none;font:400 1.2rem var(--serif);margin-right:auto}.brand img{width:24px;height:24px;border-radius:5px}
.bar nav{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem;font-size:.88rem}
main{max-width:44rem;margin:0 auto;padding:3.5rem clamp(1rem,5vw,2rem) 4rem}
.overline{font:italic 400 1.05rem/1.3 var(--serif);color:var(--accent);margin:0 0 .6rem}
h1{font:400 clamp(2.1rem,5vw,3.2rem)/1.08 var(--serif);letter-spacing:-.01em;margin:0 0 1rem}
h2{font:400 1.7rem/1.2 var(--serif);margin:2.6rem 0 .6rem}
h3{font:400 1.3rem/1.25 var(--serif);margin:2rem 0 .4rem}
.lede{font-size:1.15rem;color:var(--ink-2)}
.honesty{font-size:.86rem;color:var(--muted);border-left:2px solid var(--copper);padding-left:.8rem}
.meta{font-size:.84rem;color:var(--muted)}
blockquote{margin:1.4rem 0;padding:0 0 0 1.1rem;border-left:2px solid var(--rule);font:400 1.22rem/1.5 var(--serif)}
blockquote footer{font:400 .8rem var(--sans);color:var(--muted);margin-top:.4rem}
blockquote footer a{color:inherit}
.gloss{color:var(--ink-2);margin:.4rem 0 1.6rem}
mark{background:linear-gradient(transparent 58%,rgba(214,160,130,.34) 58%);color:inherit}
.btn{display:inline-block;padding:.85rem 1.2rem;border-radius:999px;background:var(--btn);color:var(--btn-ink);font:600 .92rem var(--sans);text-decoration:none;border:0;cursor:pointer}
.choice{display:grid;gap:.6rem;margin:1.2rem 0}
.choice button{font:400 1.08rem/1.3 var(--serif);text-align:left;color:var(--ink);background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:.75rem 1rem;cursor:pointer}
.choice button[aria-pressed="true"]{border-color:var(--reader);box-shadow:inset 0 0 0 1px var(--reader)}
.response{padding:.8rem 1rem;border-left:2px solid var(--reader);background:var(--card);border-radius:0 10px 10px 0}
details{margin:1.4rem 0;border:1px solid var(--rule);border-radius:12px;padding:.8rem 1rem}
details summary{cursor:pointer;font-weight:600}
dl div{margin:.9rem 0}dt{font-weight:600}dd{margin:.15rem 0 0}
.frame{width:100%;min-height:640px;border:1px solid var(--rule);border-radius:12px;background:#fff}
.cover{float:right;width:120px;height:auto;margin:0 0 1rem 1.2rem;border-radius:2px}
footer.site{border-top:1px solid var(--rule);padding:2rem clamp(1rem,5vw,4rem);font-size:.85rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between}
footer.site a{color:var(--ink-2)}
@media (max-width:560px){.cover{width:88px}.bar{flex-wrap:wrap;gap:.4rem 1rem}.bar nav{width:100%;font-size:.84rem;gap:.25rem .9rem}}
/* long addresses and words wrap instead of widening the page (320 px at 200% text) */
body{overflow-wrap:break-word}a{overflow-wrap:anywhere}h1,h2,h3{overflow-wrap:break-word;hyphens:auto}
.gap{margin:.2rem 0;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}