.reader{max-width:1680px;margin:auto;padding:108px 4% 60px}.reader-intro{margin-bottom:38px}.back-link{font-size:12px;color:var(--muted)}.reader-intro>div{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:28px}.reader-intro h1{font-size:44px}.reader-intro .eyebrow{margin-bottom:12px}.reader-intro p:not(.eyebrow){color:var(--muted);font-size:14px;margin-top:14px}.reader-intro .text-link{white-space:nowrap}.reader-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:36px}.contents{position:sticky;top:90px;align-self:start;max-height:calc(100vh - 120px);overflow:auto;padding-right:10px;scrollbar-width:thin}.contents summary{font-size:13px;font-weight:700;padding:12px 0;cursor:pointer;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.contents summary span{font-size:10px;color:var(--muted)}#chapters{padding-top:12px;display:grid;gap:6px}.chapter{display:flex;align-items:center;text-align:left;gap:10px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:5px;padding:7px;cursor:pointer;font-family:inherit;line-height:1.4}.chapter img{width:64px;height:36px;object-fit:contain;background:#030a11;border-radius:2px}.chapter span{font-size:10px}.chapter b{display:block;color:#6f9caf;font-size:9px;margin-bottom:3px}.chapter:hover{background:#ffffff08}.chapter[aria-current="page"]{background:#17303d;color:#e6f5f8;border-color:#69b4bd55}.slide-heading{display:flex;align-items:center;gap:20px;margin:10px 0 18px;min-height:30px}.slide-heading>span{font-size:11px;color:var(--accent);white-space:nowrap}.slide-heading h2{font-size:22px;letter-spacing:-.02em}.slide-image{display:block;width:100%;border:1px solid #ffffff22;padding:0;background:#03111c;border-radius:5px;overflow:hidden;position:relative;cursor:zoom-in;aspect-ratio:16/9}.slide-image img{width:100%;height:100%;object-fit:contain}.slide-image>span{position:absolute;bottom:14px;right:14px;background:#06111dde;color:#d4e8ef;font:11px Arial;padding:7px 10px;border-radius:4px;opacity:0}.slide-image:hover>span,.slide-image:focus-visible>span{opacity:1}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);gap:10px}.toolbar button,.zoom-controls button,.zoom-bar button{background:#162735;color:#e4f3f6;border:1px solid #ffffff20;border-radius:5px;padding:10px 18px;cursor:pointer;font:12px inherit}.toolbar button:disabled,.zoom-controls button:disabled{opacity:.35;cursor:default}.toolbar label{font-size:11px;color:var(--muted)}select{background:#172b38;color:white;padding:7px;border:1px solid #ffffff22;border-radius:4px;margin:0 6px}.reader-hint{font-size:10px;color:#8297ab;margin-top:15px}.transcript{margin-top:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.transcript summary{font-size:12px;cursor:pointer}.transcript p{white-space:pre-line;color:var(--muted);font-size:14px;margin-top:20px;line-height:1.8}.original-note{font-size:10px;color:#7f94a6;margin-top:25px;max-width:720px}dialog{color:white;background:#050d17;border:1px solid #354454;border-radius:8px;width:96vw;max-width:none;height:94vh;padding:0}dialog::backdrop{background:#000d;backdrop-filter:blur(7px)}.zoom-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:15px;border-bottom:1px solid var(--line);height:60px;font-size:12px}.zoom-scroll{height:calc(100% - 122px);overflow:auto;display:flex;align-items:center}.zoom-scroll img{width:100%;min-width:1100px;height:auto;object-fit:contain}.zoom-controls{display:flex;justify-content:space-between;padding:10px 20px;height:62px;border-top:1px solid var(--line)}@media(max-width:900px){.reader-layout{grid-template-columns:175px minmax(0,1fr);gap:20px}.chapter img{width:44px;height:26px}.chapter{padding:5px;gap:7px}.slide-heading h2{font-size:18px}.reader-intro>div{align-items:start}.reader-intro h1{font-size:36px}}@media(max-width:650px){.reader{padding:90px 5% 45px}.reader-intro>div{display:block}.reader-intro .text-link{display:inline-block;margin-top:20px}.reader-intro h1{font-size:34px}.reader-layout{grid-template-columns:1fr;gap:14px}.contents{position:static;max-height:none;overflow:visible;padding:0}.contents[open]{max-height:260px}#chapters{max-height:210px;overflow:auto;grid-template-columns:1fr 1fr}.chapter{min-height:50px}.chapter img{width:50px;height:29px}.slide-heading{margin-top:14px}.slide-heading h2{font-size:18px}.toolbar button{padding:10px 13px}.reader-hint{font-size:9px}.slide-image>span{opacity:1;font-size:9px;bottom:6px;right:6px}.zoom-bar{padding:10px;font-size:10px}.zoom-scroll img{min-width:1000px}.reader-intro{margin-bottom:25px}}
