@font-face{font-family:Instrument Serif;src:url(/media/serif.woff2) format('woff2');font-display:swap}
:root{color-scheme:light;--bg:#f7f7f2;--ink:#182630;--muted:#4c606c;--line:#cbd4d4;--accent:#254b61;--button:#fff;--paper:#e8edeb;--serif:"Instrument Serif",Georgia,serif;--sans:system-ui,sans-serif}
:root[data-theme=dark]{color-scheme:dark;--bg:#151c22;--ink:#f2f4ed;--muted:#b6c6cc;--line:#42545d;--accent:#b2d6e8;--button:#182630;--paper:#25323b}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#151c22;--ink:#f2f4ed;--muted:#b6c6cc;--line:#42545d;--accent:#b2d6e8;--button:#182630;--paper:#25323b}}
*,*::before,*::after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--sans);min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-underline-offset:.24em}button,select{font:inherit;color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}.mast{border-bottom:1px solid var(--line)}.bar{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:18px}.brand{font:32px/1 var(--serif);color:var(--ink);text-decoration:none;white-space:nowrap}.bar nav,.foot nav,.actions{display:flex;align-items:center;gap:clamp(10px,2vw,28px);flex-wrap:wrap}.bar nav a,.foot a{text-decoration:none;color:var(--muted)}.bar nav a:hover,.foot a:hover{text-decoration:underline}.icon,.secondary,select{background:transparent;border:1px solid var(--line);border-radius:4px;padding:8px 14px;cursor:pointer}.icon{width:42px;height:42px;padding:0;font-size:21px}.skip{position:absolute;left:12px;top:-100px;padding:8px;background:var(--bg);z-index:4}.skip:focus{top:12px}main{flex:1}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(24px,6vw,90px);padding-block:clamp(38px,7vw,94px)}.eyebrow{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.17em;color:var(--accent)}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:.99;margin:0 0 .35em}h1{font-size:clamp(4rem,9.2vw,8.5rem);letter-spacing:-.04em}.hero h1 span{display:block}h2{font-size:clamp(2.35rem,5vw,4.25rem)}h3{font-size:2rem}.intro{font-size:clamp(1rem,1.6vw,1.17rem);max-width:44ch;color:var(--muted);margin:24px 0}.button{display:inline-block;background:var(--accent);color:var(--button);padding:11px 18px;border-radius:4px;text-decoration:none;font-weight:650}.bookstage{background:var(--paper);display:grid;place-items:center;padding:clamp(20px,4vw,52px);border-radius:6px}.jacket{position:relative;width:min(100%,300px);aspect-ratio:2/3;margin:0;background:#9caeb6;box-shadow:0 18px 36px #16262c42;border-radius:2px 4px 4px 2px;overflow:hidden}.jacket img{display:block;width:100%;height:100%;object-fit:cover}.jacket figcaption{position:absolute;inset:12% 8% auto;text-align:center;color:#152734;font:clamp(2rem,4.7vw,4.3rem)/.85 var(--serif);letter-spacing:-.025em;text-wrap:balance}.jacket figcaption small{display:block;margin-top:18px;font:600 .65rem var(--sans);letter-spacing:.17em;text-transform:uppercase}.latest{border-top:1px solid var(--line);padding:34px 0 54px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.latest h2{margin:0}.latest p{margin:0 0 12px;color:var(--muted)}.foot{border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:.85rem}.foot .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.page{padding-block:55px;max-width:820px}.page h1,.reader h1{font-size:clamp(3rem,7vw,6rem)}.toc{list-style:none;padding:0}.toc li{border-bottom:1px solid var(--line);padding:12px 0}.toc h3{margin-top:18px}.toc ol{padding-inline-start:24px}.tools{padding:14px 0;border-block:1px solid var(--line);margin:24px 0}.tools summary{cursor:pointer;font-weight:650}.options{display:flex;gap:15px;flex-wrap:wrap;padding:14px 0}.options label{display:grid;gap:4px}.reader{max-width:68ch;margin:auto;padding-block:44px}.reader[data-width=narrow]{max-width:56ch}.reader[data-width=wide]{max-width:86ch}.prose{font:1.23rem/1.85 Georgia,serif;overflow-wrap:anywhere}.reader[data-font=sans] .prose{font-family:var(--sans)}.reader[data-size=small] .prose{font-size:1.05rem}.reader[data-size=large] .prose{font-size:1.48rem}.reader[data-size=extra] .prose{font-size:1.72rem}.prose p{margin:0 0 1.12em;white-space:pre-line}.prose hr{border:0;text-align:center;margin:2em 0}.prose hr:after{content:'⁕ ⁕ ⁕';letter-spacing:.25em;color:var(--muted)}.chapter-nav{border-top:1px solid var(--line);margin-top:32px;padding-top:20px;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}.status{overflow-wrap:anywhere}.catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(245px,100%),1fr));gap:28px;padding:0;list-style:none}.catalog .bookstage{margin-bottom:16px}.catalog .jacket{max-width:220px}.catalog .jacket figcaption{font-size:2.5rem}
@media(max-width:680px){.wrap{width:calc(100% - 32px)}.bar{flex-wrap:wrap;min-height:0;padding:12px 0;gap:10px}.bar nav{gap:10px;font-size:.84rem}.brand{font-size:26px}.icon{width:36px;height:36px}.hero{grid-template-columns:1fr;gap:24px}.hero h1 span{display:inline}.hero h1{font-size:clamp(3.75rem,12vw,5.5rem)}.bookstage{padding:26px}.jacket{max-width:218px}.jacket figcaption{font-size:3rem}.latest{grid-template-columns:1fr;gap:12px}}