@font-face{font-family:Labial;src:url('assets/mono.ttf') format('truetype');font-display:swap}@font-face{font-family:Labial;src:url('assets/mono-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:dark;--ink:#eeeae0;--red:#fb3939;--muted:#a6a49d;--line:#393936}*{box-sizing:border-box}body{margin:0;background:#10100f;color:var(--ink);font-family:Labial,monospace;font-variant-numeric:slashed-zero}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:transparent}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:5px}.bar{height:90px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{font-weight:700;font-size:30px;letter-spacing:-2px;text-decoration:none}.brand span{font-size:14px;color:var(--red);margin-left:10px;letter-spacing:0}.edition{font-size:11px;letter-spacing:.14em;color:var(--muted)}.bar button{border:1px solid #66665f;padding:12px 17px;font-size:12px}.bar button span{color:var(--red);margin-left:15px}main{max-width:1500px;padding:24px 4vw 16px;margin:auto}.intro{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);margin-bottom:24px}.live-dot{width:6px;height:6px;border-radius:100%;background:var(--red)}.test{margin-left:auto;font-size:9px;letter-spacing:.14em}#slide{display:grid;grid-template-columns:1.1fr 1fr;min-height:min(590px,calc(100svh - 230px));border:1px solid var(--line)}.story{padding:28px;display:flex;flex-direction:column}.article-heading{display:grid;grid-template-columns:58px 1fr;gap:20px;align-items:start}.motif{color:var(--red);padding-top:3px}.motif svg{width:54px;height:54px}.author{margin:0 0 18px;font-size:14px;line-height:1.55;color:#e8e4d9}h1{font-size:clamp(23px,2.6vw,39px);line-height:1.18;letter-spacing:-.045em;margin:0;overflow-wrap:anywhere;font-weight:700}.summary-area{margin:26px 0 24px;padding-top:22px;border-top:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:.15em;color:var(--red);margin:0 0 17px}.summary{font-size:clamp(16px,1.55vw,21px);line-height:1.65;max-width:44ch;margin:0}.article-bottom{margin-top:auto;display:flex;gap:16px;align-items:center;justify-content:space-between;padding-top:20px;font-size:11px}.article-bottom>span{color:var(--muted)}.article-bottom a{display:inline-block}.article-bottom a span{color:var(--red)}.page-area{margin:0;background:#d0ccc3;padding:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.page-area img{width:auto;max-width:100%;height:clamp(300px,calc(100svh - 290px),510px);object-fit:contain;filter:drop-shadow(0 10px 12px #0003)}figcaption{color:#494741;font-size:9px;line-height:1.5;margin-top:20px;text-align:center}figcaption span{margin:0 10px;color:#9d2c26}.navigation{display:flex;align-items:center;justify-content:space-between;padding:20px 0;gap:12px}.navigation button{border:none;font-size:16px;padding:9px 0;min-width:110px}.navigation button:hover{color:var(--red)}.navigation button span{font-size:11px}.navigation button:disabled{opacity:.25;cursor:default}.position{display:flex;align-items:baseline;gap:9px}.position strong{font-size:26px;font-weight:400}.position>span{font-size:12px;color:var(--muted)}#next-author{font-size:9px;max-width:220px;margin-left:15px}.progress{background:#343430;height:2px}.progress i{height:2px;background:var(--red);display:block;transition:width .3s ease}.reader-note{font-size:9px;color:#8c8b84;line-height:1.6;padding-top:17px;max-width:85ch}dialog{width:min(900px,94vw);max-height:88dvh;background:#171715;color:var(--ink);border:1px solid #66665e;padding:30px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.toc-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.toc-head h2{font-size:24px;margin:0 0 26px}.toc-head button{border:1px solid #666;font-size:24px;width:38px;height:38px}.search-label{display:block;font-size:11px;margin-bottom:8px}input{width:100%;padding:13px;color:inherit;border:1px solid #55554d;background:#22221e;margin-bottom:15px}ol{list-style:none;padding:0;margin:0}li{border-bottom:1px solid var(--line)}li button{border:0;text-align:left;padding:16px 6px;display:grid;grid-template-columns:32px 30px 1fr;gap:14px;align-items:center;width:100%}li button:hover,li button[aria-current=true]{background:#292925}li svg{width:26px;height:26px;color:var(--red)}li .toc-number{color:var(--muted);font-size:11px}li strong{display:block;font-size:12px;font-weight:400;margin-bottom:5px}li .toc-title{font-size:11px;line-height:1.5;color:var(--muted)}[hidden]{display:none!important}.changing{animation:arrive .25s ease-out}@keyframes arrive{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(min-width:1600px){#slide{min-height:660px}.page-area img{height:570px}.story{padding:45px}}@media(max-width:900px){.edition{display:none}.bar{height:74px}main{padding-top:20px}.story{padding:25px}.article-heading{grid-template-columns:40px 1fr;gap:12px}.motif svg{width:38px;height:38px}h1{font-size:27px}.summary{font-size:16px}.page-area{padding:18px}.page-area img{height:430px}#slide{min-height:570px}#next-author{display:none}}@media(max-width:650px){.bar{padding:0 5vw}.brand{font-size:25px}.bar button{padding:10px;font-size:10px}.bar button span{margin-left:3px}main{padding:20px 5vw}.intro{font-size:9px;margin-bottom:17px}.test{font-size:8px}#slide{grid-template-columns:1fr;min-height:0}.story{padding:24px 20px}.author{font-size:12px;margin-bottom:13px}h1{font-size:25px}.summary-area{margin-top:27px}.summary{font-size:16px;line-height:1.65}.article-bottom{font-size:10px}.page-area{padding:23px 20px}.page-area img{height:auto;max-height:420px;max-width:100%}.navigation button{min-width:70px}.position strong{font-size:23px}.reader-note{font-size:8px}.toc-head h2{font-size:20px}dialog{padding:20px}li button{grid-template-columns:23px 25px 1fr;gap:10px}.navigation{position:sticky;bottom:0;background:#10100ff5;border-bottom:1px solid var(--line);z-index:2}}@media(prefers-reduced-motion:reduce){.changing{animation:none}.progress i{transition:none}}

.page-area figcaption{max-width:42ch;font-size:11px;line-height:1.7}.page-area figcaption strong{font-size:10px;letter-spacing:.05em}.page-area figcaption p{margin:12px 0 0}.page-area figcaption a{color:#63372a;font-weight:700}