:root{--ink:#102f46;--soft:#526a79;--paper:#f5f8f7;--white:#fff;--jade:#087f72;--mist:#dcefeb;--line:#cad8d6;--seal:#a64b3c;--shadow:0 18px 50px rgba(16,47,70,.1);--serif:"STZhongsong","Songti SC",SimSun,serif;--sans:"Microsoft YaHei","PingFang SC",sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}html{color-scheme:light}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.65}button,input,select{font:inherit}button{color:inherit}.skip-link{position:fixed;left:16px;top:-60px;z-index:100;padding:10px 15px;color:#fff;background:var(--ink)}.skip-link:focus{top:12px}:focus-visible{outline:3px solid rgba(8,127,114,.34);outline-offset:3px}.topbar{min-height:68px;padding:0 max(22px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;border-bottom:1px solid var(--line);background:rgba(245,248,247,.96);position:sticky;top:0;z-index:20}.wordmark{display:flex;align-items:center;gap:10px;color:inherit;font:700 18px var(--serif);text-decoration:none}.wordmark span{width:32px;height:32px;display:grid;place-items:center;color:#fff;background:var(--ink);border-radius:50% 50% 8px 50%}.topbar nav{display:flex;gap:5px}.nav-button,.text-button{padding:8px 10px;border:0;background:transparent;cursor:pointer}.nav-button{border-bottom:2px solid transparent;font-size:14px}.nav-button.is-active{color:var(--jade);border-color:var(--jade)}.account-area{display:flex;justify-content:flex-end;align-items:center;gap:8px;color:var(--soft);font-size:13px}.text-button{text-decoration:underline;text-underline-offset:4px}.workspace,.collection-panel{width:min(1180px,calc(100% - 44px));margin:0 auto}.panel{display:none}.panel.is-active{display:grid}.workspace{min-height:calc(100vh - 180px);grid-template-columns:1fr 440px;gap:9vw;align-items:center;padding:74px 0 90px}.kicker{margin:0 0 12px;color:var(--jade);font:700 11px/1.4 Consolas,monospace;letter-spacing:.16em}.intro-column h1{max-width:680px;margin:0 0 20px;font:700 clamp(40px,6vw,70px)/1.15 var(--serif);letter-spacing:-.04em}.intro-column>p:not(.kicker){max-width:620px;color:var(--soft);font-size:17px}.plain-facts{max-width:620px;margin:42px 0 0;border-block:1px solid var(--line)}.plain-facts div{display:grid;grid-template-columns:120px 1fr;padding:13px 0;border-bottom:1px dotted var(--line)}.plain-facts div:last-child{border:0}.plain-facts dt{color:var(--soft);font-size:13px}.plain-facts dd{margin:0}.action-stack{display:grid;gap:16px}.paper-card{padding:25px;background:#fff;border:1px solid var(--line);border-radius:18px 18px 4px 18px;box-shadow:var(--shadow)}.compact-card{box-shadow:none;background:transparent}.card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font:700 21px var(--serif)}.card-heading small{color:var(--jade);font:500 11px var(--sans)}label{display:block;margin:12px 0 6px;font-size:13px;font-weight:700}input,select{width:100%;min-height:43px;padding:9px 11px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink)}input[type=file]{padding:7px}.field-note,.muted{color:var(--soft);font-size:13px}.primary-button,.secondary-button{min-height:43px;padding:9px 17px;border-radius:7px;cursor:pointer;font-weight:700}.primary-button{width:100%;margin-top:12px;color:#fff;background:var(--ink);border:1px solid var(--ink)}.secondary-button{background:#fff;border:1px solid var(--ink)}.collection-panel{min-height:calc(100vh - 180px);padding:66px 0 90px;align-content:start}.section-line{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}.section-line h2{margin:0;font:700 42px var(--serif)}#library-search{display:flex;gap:8px}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:24px}.empty-state{display:block;padding:50px 0;color:var(--soft)}.book-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px}.book-card h3{margin:0 0 8px;font:700 20px var(--serif)}.book-card p{min-height:24px;margin:0 0 20px;color:var(--soft);font-size:13px}.book-actions{display:flex;gap:8px}.book-actions button{padding:7px 10px;border:1px solid var(--line);background:var(--paper);cursor:pointer}.reader-shell{min-height:calc(100vh - 68px);display:grid;grid-template-columns:280px minmax(0,1fr);background:#edf3f1}.reader-rail{padding:30px 25px;background:#fff;border-right:1px solid var(--line);overflow:auto}.reader-rail h1{margin:10px 0 4px;font:700 27px/1.3 var(--serif)}.reader-meter{margin:26px 0;height:4px;position:relative;background:var(--line)}.reader-meter span{display:block;width:0;height:100%;background:var(--seal)}.reader-meter output{position:absolute;right:0;top:8px;color:var(--soft);font:12px Consolas,monospace}.reader-rail details{margin-top:30px;border-top:1px solid var(--line);padding-top:14px}.reader-rail summary{cursor:pointer;font-weight:700}.chapter-list{padding-left:22px;max-height:32vh;overflow:auto}.chapter-list button{padding:4px;border:0;background:none;text-align:left;cursor:pointer}.chapter-list button[aria-current=true]{color:var(--jade);font-weight:700}.toggle-row{display:flex;align-items:center;gap:8px}.toggle-row input{width:auto}.sync-state{margin-top:30px;color:var(--soft);font-size:12px}.reading-stage{--reader-size:20px;--reader-leading:1.9;max-width:940px;width:100%;min-height:calc(100vh - 68px);margin:0 auto;padding:70px clamp(34px,8vw,110px) 100px;position:relative;background:#fff}.reading-stage[data-theme=mist]{background:#eef5f2}.reading-stage[data-theme=night]{color:#d9e4e2;background:#132934}.chapter-slot{min-height:20vh;padding:24px 0;border-bottom:1px solid var(--line)}.chapter-slot h2{margin:0 0 24px;font:700 28px/1.3 var(--serif)}.chapter-slot pre{margin:0;white-space:pre-wrap;word-break:break-word;font:var(--reader-size)/var(--reader-leading) var(--serif)}.chapter-slot:not(.is-current){opacity:.72}.page-marker{position:fixed;right:20px;top:50%;display:flex;align-items:center;gap:8px;color:var(--seal);font:11px Consolas,monospace;writing-mode:vertical-rl}.page-marker:before{content:"";width:1px;height:60px;background:var(--seal)}.reader-controls{position:fixed;right:28px;bottom:24px;display:flex;gap:8px}.reader-controls button{padding:9px 16px;border:1px solid var(--ink);background:#fff;cursor:pointer}.recovery-notice{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:rgba(16,47,70,.78)}.recovery-notice[hidden]{display:none}.recovery-notice>div{width:min(520px,100%);padding:30px;background:#fff;border-radius:18px 18px 4px 18px}.copy-row{display:flex;gap:8px}.copy-row .secondary-button{flex:none}.recovery-notice h2,dialog h2{margin:0;font:700 31px var(--serif)}dialog{width:min(430px,calc(100% - 30px));padding:0;border:0;border-radius:16px;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(16,47,70,.62)}dialog form{padding:30px}.dialog-close{float:right;border:0;background:none;font-size:25px;cursor:pointer}.live-status{position:fixed;left:50%;bottom:24px;z-index:80;transform:translateX(-50%);margin:0;padding:9px 16px;color:#fff;background:var(--ink);border-radius:6px;opacity:0;pointer-events:none;transition:opacity .2s}.live-status.is-visible{opacity:1}footer{padding:24px;background:var(--ink);color:#c7d8d7;font-size:12px}footer>div{width:min(1180px,100%);margin:auto;display:flex;justify-content:space-between;gap:20px}footer a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.reading-loading{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:24px;background:rgba(237,243,241,.9);backdrop-filter:blur(6px)}.loading-sheet{width:min(430px,100%);padding:34px 34px 30px;position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px 18px 4px 18px;box-shadow:var(--shadow)}.loading-sheet h2{margin:0 0 10px;font:700 31px/1.25 var(--serif)}.loading-sheet>p:not(.kicker){min-height:26px;margin:0;color:var(--soft);font-size:14px}.loading-bookmark{position:absolute;right:32px;top:0;width:22px;height:52px;background:var(--seal);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}.loading-track{height:3px;margin-top:25px;overflow:hidden;background:var(--mist)}.loading-track span{display:block;width:0;height:100%;background:var(--jade);transition:width .18s ease}.loading-track.is-indeterminate span{width:38%;animation:loading-page 1.2s ease-in-out infinite}@keyframes loading-page{0%{transform:translateX(-110%)}100%{transform:translateX(290%)}}
@media(max-width:800px){.topbar{grid-template-columns:1fr auto;padding:0 14px}.topbar nav{position:fixed;left:0;right:0;bottom:0;z-index:30;justify-content:space-around;padding:7px;background:#fff;border-top:1px solid var(--line)}.account-area{display:none}.workspace{grid-template-columns:1fr;gap:36px;padding:45px 0 85px}.intro-column h1{font-size:42px}.collection-panel{padding:42px 0 85px}.book-grid{grid-template-columns:1fr}.section-line{align-items:stretch;flex-direction:column}.reader-shell{grid-template-columns:1fr}.reader-rail{padding:20px;border-right:0;border-bottom:1px solid var(--line)}.reader-rail details{margin-top:16px}.chapter-list{max-height:240px}.reading-stage{min-height:60vh;padding:36px 22px 110px}.reader-controls{left:0;right:0;bottom:0;z-index:35;padding:10px 14px;justify-content:space-between;background:#fff;border-top:1px solid var(--line)}.reader-controls button{width:48%}.page-marker{display:none}footer{padding-bottom:75px}footer>div{flex-direction:column}.plain-facts div{grid-template-columns:105px 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.loading-track.is-indeterminate span{width:60%;animation:none}}
.reader-controls button{min-width:86px}

/* Web reader: stationary directory and one measured viewport page. */
body.is-reading{height:100dvh;overflow:hidden}
body.is-reading footer{display:none}
.reader-shell{height:calc(100dvh - 68px);min-height:0;grid-template-columns:280px minmax(0,1fr);grid-template-rows:minmax(0,1fr);position:relative;overflow:hidden}
.reader-rail{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.reader-rail h1{flex:none;max-height:2.6em;overflow:hidden}
.reader-rail .reader-meter{flex:none}
.directory-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid var(--line)}
.directory-heading h2{margin:0;font:700 17px var(--serif)}
.directory-heading span{white-space:nowrap;color:var(--soft);font-size:11px}
.reader-rail .chapter-list{min-height:0;max-height:none;flex:1;margin:12px 0 0;padding:0 4px 0 22px;overflow-y:auto;overscroll-behavior:contain}
.chapter-list li{padding:3px 0}
.chapter-list button{width:100%;padding:5px 7px;border-left:2px solid transparent;line-height:1.4}
.chapter-list button[aria-current=true]{border-left-color:var(--jade);background:var(--mist)}
.reader-rail details{flex:none;margin-top:12px;padding-top:10px}
.reader-rail .sync-state{flex:none;margin:12px 0 0}
.sync-conflict{position:relative;z-index:4;margin:0 0 18px;padding:12px 16px;border:1px solid #bd7541;border-radius:8px;background:#fff6ed;color:#53331d;font-size:14px}
.sync-conflict p{margin:4px 0}.sync-conflict div{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.sync-conflict button{padding:6px 12px;border:1px solid #ad6f42;border-radius:5px;background:#fff;cursor:pointer}
.reading-stage{height:100%;min-height:0;display:flex;flex-direction:column;padding:35px clamp(28px,5vw,80px) 82px;overflow:hidden}
.chapter-slot.is-current{min-height:0;flex:1;display:flex;flex-direction:column;padding:0;border:0;overflow:hidden}
.chapter-slot h2{flex:none;margin:0 0 18px;font-size:24px}
.chapter-slot pre{min-height:0;flex:1;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}
.chapter-slot .page-measurer{position:absolute;left:clamp(28px,5vw,80px);right:clamp(28px,5vw,80px);width:auto;height:auto;max-height:none;visibility:hidden;overflow:visible;pointer-events:none}
.page-marker{position:absolute;right:24px;top:auto;bottom:27px;writing-mode:horizontal-tb}
.page-marker:before{width:38px;height:1px}
.reader-controls{position:absolute;right:clamp(28px,5vw,80px);bottom:20px;z-index:2}
@media(max-width:800px){.is-reading .topbar nav{display:none}.reader-shell{grid-template-columns:210px minmax(0,1fr)}.reader-rail{padding:18px}.reading-stage{height:100%;min-height:0;padding:26px 24px 82px}.reader-controls{left:auto;right:24px;bottom:19px;width:auto;padding:0;background:transparent;border:0}.reader-controls button{width:auto;min-width:76px}.page-marker{display:flex;left:24px;right:auto}}

.blog-reader-eyebrow{display:none}
.reader-rail .keyboard-hint{flex:none;margin:14px 0 0;color:var(--soft);font-size:11px;line-height:1.5}

/* The blog theme borrows an editorial reading rhythm, not another site's branding. */
.is-reading[data-reader-theme=blog]{--ink:#27313e;--soft:#687381;--paper:#f4f6f8;--jade:#e55b39;--mist:#fff0eb;--line:#dfe4e9;--seal:#e55b39;--serif:"Microsoft YaHei","PingFang SC",sans-serif}
.is-reading[data-reader-theme=blog] .topbar{color:#fff;background:#202226;border-color:#202226}
.is-reading[data-reader-theme=blog] .wordmark{font:700 19px var(--sans);letter-spacing:.02em}
.wordmark .wordmark-label{width:auto;height:auto;display:inline;color:inherit;background:none;border-radius:0}
.is-reading[data-reader-theme=blog] .wordmark span[aria-hidden=true]{background:#e55b39;border-radius:5px}
.is-reading[data-reader-theme=blog] .nav-button,.is-reading[data-reader-theme=blog] .account-area{color:#c8ced4}
.is-reading[data-reader-theme=blog] .nav-button.is-active{color:#ff926f;border-color:#e55b39}
.is-reading[data-reader-theme=blog] .reader-shell{gap:14px;padding:14px 18px;background:#f4f6f8}
.is-reading[data-reader-theme=blog] .reader-rail,.is-reading[data-reader-theme=blog] .reading-stage{height:100%;margin:0;border:1px solid #e4e8ed;border-radius:7px;background:#fff;box-shadow:0 3px 14px rgba(31,42,54,.045)}
.is-reading[data-reader-theme=blog] .reader-rail{padding:24px 20px}
.is-reading[data-reader-theme=blog] .reader-rail h1{font:700 22px/1.35 var(--sans)}
.is-reading[data-reader-theme=blog] .reader-meter{background:#edf0f3}
.is-reading[data-reader-theme=blog] .directory-heading h2{font:700 16px var(--sans)}
.is-reading[data-reader-theme=blog] .chapter-list button{border-radius:3px;color:#526070}
.is-reading[data-reader-theme=blog] .chapter-list button[aria-current=true]{color:#d64b2c;background:#fff0eb;border-left-color:#e55b39}
.is-reading[data-reader-theme=blog] .reading-stage{max-width:1060px;padding-top:30px;color:#27313e}
.is-reading[data-reader-theme=blog] .blog-reader-eyebrow{display:flex;flex:none;align-items:center;gap:10px;margin:0 0 18px;color:#e55b39;font:700 12px/1.4 var(--sans)}
.is-reading[data-reader-theme=blog] .blog-reader-eyebrow span{padding-left:10px;border-left:1px solid #dfe4e9;color:#73808d;font-weight:400}
.is-reading[data-reader-theme=blog] .chapter-slot h2{margin-bottom:22px;padding:0 0 16px;border-bottom:1px solid #e8edf1;font:700 27px/1.4 var(--sans)}
.is-reading[data-reader-theme=blog] .chapter-slot pre{font-family:var(--sans);line-height:var(--reader-leading)}
.is-reading[data-reader-theme=blog] .page-marker{left:clamp(28px,5vw,80px);right:auto;color:#e55b39}
.is-reading[data-reader-theme=blog] .reader-controls button{border-color:#d9dfe5;border-radius:4px;color:#354050;background:#fff}
.is-reading[data-reader-theme=blog] .reader-controls #next-page{border-color:#e55b39;color:#fff;background:#e55b39}
.is-reading[data-reader-theme=blog] .reader-controls button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:800px){.is-reading[data-reader-theme=blog] .reader-shell{grid-template-columns:205px minmax(0,1fr);gap:8px;padding:8px}.is-reading[data-reader-theme=blog] .reader-rail{padding:16px}.is-reading[data-reader-theme=blog] .reading-stage{padding:22px 20px 78px}.is-reading[data-reader-theme=blog] .chapter-slot h2{font-size:21px}.is-reading[data-reader-theme=blog] .page-marker{display:none}}
@media(max-width:600px){.is-reading[data-reader-theme=blog] .reader-shell{grid-template-columns:126px minmax(0,1fr);gap:6px;padding:6px}.is-reading[data-reader-theme=blog] .reader-rail{padding:12px 8px}.is-reading[data-reader-theme=blog] .reader-rail .kicker,.is-reading[data-reader-theme=blog] .reader-rail h1,.is-reading[data-reader-theme=blog] .reader-rail #reader-author,.is-reading[data-reader-theme=blog] .reader-meter,.is-reading[data-reader-theme=blog] .keyboard-hint,.is-reading[data-reader-theme=blog] #chapter-position{display:none}.is-reading[data-reader-theme=blog] .directory-heading{margin-top:12px}.is-reading[data-reader-theme=blog] .chapter-list{padding-left:16px}.is-reading[data-reader-theme=blog] .chapter-list button{padding:5px 3px;font-size:12px}.is-reading[data-reader-theme=blog] .reading-stage{padding:15px 12px 68px}.is-reading[data-reader-theme=blog] .blog-reader-eyebrow{margin-bottom:10px;font-size:10px}.is-reading[data-reader-theme=blog] .chapter-slot h2{margin-bottom:14px;padding-bottom:10px;font-size:18px}.is-reading[data-reader-theme=blog] .chapter-slot pre{font-size:min(var(--reader-size),17px)}.is-reading[data-reader-theme=blog] .reader-controls{left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.is-reading[data-reader-theme=blog] .reader-controls button{width:100%;min-width:0;padding:7px 2px;white-space:nowrap;font-size:12px}.is-reading[data-reader-theme=blog] .reader-rail .sync-state{font-size:10px}}

/* The reader keeps its single left rail in the plain themes. */
.reader-rail{position:relative}
.reader-info{display:flex;flex:none;min-width:0;max-height:calc(100% - 260px);flex-direction:column;overflow-y:auto}
.reader-info #close-reader{align-self:flex-start}
.reader-directory{position:relative;display:flex;min-height:260px;flex:1;flex-direction:column;padding-top:36px}
.reader-directory #toggle-directory{position:absolute;top:3px;right:0;z-index:1;padding:6px 9px;border:1px solid var(--line);border-radius:4px;background:#fff;font-size:12px;cursor:pointer}
.reader-rail .chapter-list{list-style:none;padding-left:0;overflow-x:hidden}
.chapter-list button{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:start;gap:8px;min-width:0}
.chapter-number{min-width:2.5ch;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.chapter-label{min-width:0;overflow-wrap:anywhere}
.blog-article-heading{display:none}
.reader-actionbar{display:contents}
.is-reading .reader-shell.is-rail-collapsed{grid-template-columns:64px minmax(0,1fr)}
.reader-shell.is-rail-collapsed .reader-rail{padding:0}
.reader-shell.is-rail-collapsed .reader-info,.reader-shell.is-rail-collapsed .reader-directory>:not(#toggle-directory){display:none}
.reader-shell.is-rail-collapsed .reader-directory{padding:0}
.reader-shell.is-rail-collapsed #toggle-directory{top:17px;left:9px;right:9px;padding:10px 5px;writing-mode:vertical-rl}

/* A restrained technical-article layout: factual metadata, article, live contents. */
.is-reading[data-reader-theme=blog]{--ink:#20232b;--soft:#697586;--paper:#f7f8fa;--jade:#f2553c;--mist:#fff2ee;--line:#e8eaee;--seal:#f2553c;--serif:"Microsoft YaHei","PingFang SC",sans-serif}
.is-reading[data-reader-theme=blog] .topbar{min-height:50px;grid-template-columns:auto 1fr auto;gap:28px;padding:0 24px;color:#20232b;background:#fff;border-color:#e8eaee}
.is-reading[data-reader-theme=blog] .wordmark{font-size:18px}
.is-reading[data-reader-theme=blog] .wordmark span[aria-hidden=true]{background:#f2553c}
.is-reading[data-reader-theme=blog] .topbar nav{justify-content:flex-start;gap:16px}
.is-reading[data-reader-theme=blog] .nav-button,.is-reading[data-reader-theme=blog] .account-area{color:#303747}
.is-reading[data-reader-theme=blog] .nav-button{padding:12px 3px 9px;border-bottom-width:3px}
.is-reading[data-reader-theme=blog] .nav-button.is-active{color:#f2553c;border-color:#f2553c}
.is-reading[data-reader-theme=blog] .reader-shell{width:min(1680px,100%);height:calc(100dvh - 50px);margin:auto;grid-template-columns:220px minmax(0,1fr) 260px;gap:8px;padding:8px 12px;background:#f7f8fa}
.is-reading[data-reader-theme=blog] .reader-rail{display:contents}
.is-reading[data-reader-theme=blog] .reader-info,.is-reading[data-reader-theme=blog] .reader-directory,.is-reading[data-reader-theme=blog] .reading-stage{height:100%;min-height:0;margin:0;border:1px solid #e8eaee;border-radius:0;background:#fff;box-shadow:none}
.is-reading[data-reader-theme=blog] .reader-info{grid-column:1;grid-row:1;max-height:none;padding:16px;overflow:auto}
.is-reading[data-reader-theme=blog] .reader-info #close-reader{padding:3px 0;color:#697586;font-size:13px;text-decoration:none}
.is-reading[data-reader-theme=blog] .reader-info .kicker{margin-top:20px;color:#8993a1;font-size:10px}
.is-reading[data-reader-theme=blog] .reader-info h1{max-height:none;margin:0;font:700 17px/1.5 var(--sans);overflow-wrap:anywhere}
.is-reading[data-reader-theme=blog] .reader-info .reader-meter{margin:24px 0 34px}
.is-reading[data-reader-theme=blog] .reader-info details{margin-top:26px}
.is-reading[data-reader-theme=blog] .reader-info .keyboard-hint{margin-top:auto;padding-top:24px}
.is-reading[data-reader-theme=blog] .reader-directory{grid-column:3;grid-row:1;min-height:0;padding:0 0 10px;overflow:hidden}
.is-reading[data-reader-theme=blog] .reader-directory .directory-heading{align-items:center;padding:11px 76px 11px 13px;border:0;background:#f3f4f6}
.is-reading[data-reader-theme=blog] .reader-directory .directory-heading h2{font:700 14px/1.5 var(--sans)}
.is-reading[data-reader-theme=blog] .reader-directory .directory-heading span{display:none}
.is-reading[data-reader-theme=blog] .reader-directory #toggle-directory{top:7px;right:9px;padding:4px 6px;border:0;color:#697586;background:transparent}
.is-reading[data-reader-theme=blog] .reader-directory .chapter-list{margin:0;padding:7px 5px;scrollbar-width:thin}
.is-reading[data-reader-theme=blog] .reader-directory .chapter-list li{padding:0}
.is-reading[data-reader-theme=blog] .reader-directory .chapter-list button{padding:9px 8px;border-left:3px solid transparent;border-radius:0;color:#404956;font-size:13px;line-height:1.45}
.is-reading[data-reader-theme=blog] .reader-directory .chapter-list button[aria-current=true]{border-left-color:#f2553c;color:#e94d32;background:#fff3ef}
.is-reading[data-reader-theme=blog] .reading-stage{grid-column:2;grid-row:1;max-width:none;padding:20px 28px 70px;color:#20232b}
.is-reading[data-reader-theme=blog] .blog-article-heading{display:block;flex:none;margin:0 0 18px}
.is-reading[data-reader-theme=blog] .blog-reader-eyebrow{margin:0 0 8px;color:#f2553c;font-size:12px}
.is-reading[data-reader-theme=blog] .blog-article-heading h1{margin:0 0 11px;font:700 clamp(22px,2vw,30px)/1.4 var(--sans);letter-spacing:.01em;overflow-wrap:anywhere}
.is-reading[data-reader-theme=blog] .blog-article-meta{display:flex;gap:18px;margin:0;color:#8993a1;font-size:12px}
.is-reading[data-reader-theme=blog] .blog-article-meta span:empty{display:none}
.is-reading[data-reader-theme=blog] .chapter-slot h2{margin:0 0 14px;padding:0;border:0;font:700 18px/1.5 var(--sans)}
.is-reading[data-reader-theme=blog] .reader-actionbar{position:absolute;right:0;bottom:0;left:0;display:flex;height:58px;align-items:center;justify-content:space-between;padding:0 24px;border-top:1px solid #e8eaee;background:#fff}
.is-reading[data-reader-theme=blog] .page-marker,.is-reading[data-reader-theme=blog] .reader-controls{position:static;display:flex;align-items:center;gap:8px;width:auto;padding:0}
.is-reading[data-reader-theme=blog] .page-marker{color:#8993a1;writing-mode:horizontal-tb}
.is-reading[data-reader-theme=blog] .page-marker:before{display:none}
.is-reading[data-reader-theme=blog] .reader-controls button{min-width:76px;padding:7px 12px;border-color:#dfe3e8;border-radius:4px;font-size:13px}
.is-reading[data-reader-theme=blog] .reader-shell.is-rail-collapsed{grid-template-columns:220px minmax(0,1fr) 44px}
.is-reading[data-reader-theme=blog] .reader-shell.is-rail-collapsed .reader-info{display:flex}
.is-reading[data-reader-theme=blog] .reader-shell.is-rail-collapsed .reader-directory{display:flex;padding:0}
.is-reading[data-reader-theme=blog] .reader-shell.is-rail-collapsed .reader-directory #toggle-directory{top:10px;right:5px;left:5px;padding:8px 2px;border:1px solid #e8eaee;writing-mode:vertical-rl}
@media(max-width:1100px){.is-reading[data-reader-theme=blog] .reader-shell{grid-template-columns:180px minmax(0,1fr) 215px}.is-reading[data-reader-theme=blog] .reader-shell.is-rail-collapsed{grid-template-columns:180px minmax(0,1fr) 44px}.is-reading[data-reader-theme=blog] .reading-stage{padding-right:20px;padding-left:20px}}
@media(max-width:800px){.is-reading[data-reader-theme=blog] .topbar nav{display:none}.is-reading[data-reader-theme=blog] .reader-shell,.is-reading[data-reader-theme=blog] .reader-shell.is-rail-collapsed{grid-template-columns:minmax(0,1fr) 190px;grid-template-rows:52px minmax(0,1fr)}.is-reading[data-reader-theme=blog] .reader-shell.is-rail-collapsed{grid-template-columns:minmax(0,1fr) 44px}.is-reading[data-reader-theme=blog] .reader-info{grid-column:1/-1;grid-row:1;flex-direction:row;align-items:center;gap:10px;padding:5px 12px;overflow:visible}.is-reading[data-reader-theme=blog] .reader-info .kicker,.is-reading[data-reader-theme=blog] .reader-info #reader-author,.is-reading[data-reader-theme=blog] .reader-info .reader-meter,.is-reading[data-reader-theme=blog] .reader-info .keyboard-hint,.is-reading[data-reader-theme=blog] .reader-info .sync-state{display:none}.is-reading[data-reader-theme=blog] .reader-info h1{flex:1;min-width:0;max-height:1.5em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}.is-reading[data-reader-theme=blog] .reader-info details{margin:0;padding:0;border:0}.is-reading[data-reader-theme=blog] .reader-info details[open]{position:absolute;top:4px;right:12px;z-index:10;width:225px;padding:9px 12px;border:1px solid #e8eaee;background:#fff;box-shadow:0 8px 24px #20232b20}.is-reading[data-reader-theme=blog] .reading-stage{grid-column:1;grid-row:2}.is-reading[data-reader-theme=blog] .reader-directory{grid-column:2;grid-row:2}}
@media(max-width:600px){.is-reading[data-reader-theme=blog] .reader-shell{grid-template-columns:minmax(0,1fr) 126px;gap:5px;padding:5px}.is-reading[data-reader-theme=blog] .reader-shell.is-rail-collapsed{grid-template-columns:minmax(0,1fr) 42px}.is-reading[data-reader-theme=blog] .reading-stage{padding:12px 12px 67px}.is-reading[data-reader-theme=blog] .blog-article-heading h1{font-size:19px}.is-reading[data-reader-theme=blog] .reader-directory .chapter-list button{gap:4px;padding:7px 3px;font-size:11px}.is-reading[data-reader-theme=blog] .reader-actionbar{padding:0 10px}.is-reading[data-reader-theme=blog] .reader-controls button{min-width:57px;padding:6px 4px}}
.source-job-state{margin:1.25rem 0;padding:1rem 1.25rem;border:1px solid #d5dce6;border-radius:10px;background:#fff;color:#25334b}
.source-job-state p{margin:0 0 .65rem}
.source-job-state .secondary-button{display:inline-block;margin-right:.5rem;text-decoration:none}
#source-search{display:flex;gap:8px;min-width:min(100%,390px)}
#source-search input{min-width:0}
#source-search button{white-space:nowrap}
#source-panel .book-actions{flex-wrap:wrap}