:root{color-scheme:dark;--bg:#0b1613;--paper:#e5e2d4;--line:#365045;--gold:#d1b778;--soft:#14261f}*{box-sizing:border-box}html{scroll-padding-top:65px}body{margin:0;background:var(--bg);color:var(--paper);border:3px solid var(--line);min-height:100vh}a{color:var(--gold)}button,select,input{font:11px ui-monospace,monospace;color:inherit;background:var(--soft);border:1px solid var(--line);padding:7px}button,a,select,input{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}.read-header{position:sticky;top:0;z-index:5;display:flex;gap:16px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--bg);font:11px ui-monospace,monospace}.read-brand{margin-right:auto;text-decoration:none}.read-layout{display:grid;grid-template-columns:205px minmax(0,1fr) 290px;gap:24px;padding:24px}.read-contents{position:sticky;top:65px;align-self:start;max-height:calc(100dvh - 85px);overflow:auto;font:11px/1.5 ui-monospace,monospace}.read-contents a{display:block;padding:7px 4px;color:var(--paper);text-decoration:none;border-bottom:1px solid var(--line)}.read-contents a[aria-current]{color:var(--gold)}h1{font:36px/1.15 Georgia,serif}h2{font:25px/1.2 Georgia,serif}.reading-title p,.byline{font:11px/1.6 ui-monospace,monospace;color:#9aa99a}.read-main{max-width:800px;margin:auto;font:19px/1.7 Georgia,serif;min-width:0}.room-book section{padding:35px 0;border-top:1px solid var(--line);scroll-margin-top:65px}.room-book h1{font-size:30px}.room-book h2{font-size:23px}.room-book h3{font-size:20px}.room-book p,.room-book li{overflow-wrap:anywhere}.room-book table{font:13px/1.5 ui-monospace,monospace;width:100%;border-collapse:collapse}.room-book td,.room-book th{padding:8px;border:1px solid var(--line)}.room-book img{max-width:100%}.listen-aside{position:sticky;top:65px;align-self:start;font:12px/1.5 ui-monospace,monospace;border:1px solid var(--line);padding:12px;background:var(--soft)}.listen-aside summary{color:var(--gold);cursor:pointer}.listen-aside select{width:100%;margin:12px 0}.listen-aside button{margin:5px 0}.listen-aside input[type=range]{width:100%;padding:0}#listen-title{font:21px/1.25 Georgia,serif}#listen-current{font:23px/1.3 Georgia,serif;color:var(--gold)}#listen-previous,#listen-next{font:17px/1.4 Georgia,serif;opacity:.5}#listen-message,#listen-time{font-size:10px;color:#9aa99a}.read-footer{padding:15px;border-top:1px solid var(--line);font:10px/1.7 ui-monospace,monospace}.source-note{border:1px solid var(--line);padding:15px;margin:30px 0;font:12px/1.6 ui-monospace,monospace}.listen-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.listen-controls select{width:auto}.paragraph-link{font:10px ui-monospace,monospace;opacity:.5;text-decoration:none;margin-right:8px}section:target{outline:1px solid var(--gold);outline-offset:8px}#listen-section{max-width:100%}
@media(max-width:1100px){.read-layout{grid-template-columns:160px minmax(0,1fr);padding:18px;gap:20px}.listen-aside{position:relative;top:auto;grid-column:2;grid-row:1}.read-main{grid-column:2;grid-row:2}.read-contents{grid-row:1/3}.listen-aside:not([open])>*:not(summary){display:none}}
@media(max-width:650px){.read-layout{display:flex;flex-direction:column;padding:16px}.read-contents{display:none;position:relative;top:0;max-height:45dvh}.read-contents.open{display:block}.read-header{padding:9px;gap:10px;font-size:10px}.read-brand{max-width:46vw}.read-main{font-size:18px}.read-main h1{font-size:29px}.listen-aside{width:100%}.read-header button{font-size:10px}}