/* UI_V6 */
/* Shared components, warmed for the selected orange catalogue direction. */
:root{--paper:#fff;--ink:#16383a;--muted:#526e70;--line:#d9e4e5;--green:#19595e;--accent:#19595e;--cyan:#30abb3;--deep:#0e3235;--wash:#e9f6f7;--gold:#2d9ea6;--soft:#f3f7f7;--nav-height:128px}
*{box-sizing:border-box}html{scroll-padding-top:198px}body{margin:0;background:#fff;color:var(--ink);font:14px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",Arial,sans-serif}a{color:var(--accent);text-decoration:none;text-underline-offset:4px}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border:1px solid #b6ccce;border-radius:5px;background:#fff;color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;line-height:1.4;gap:7px}button:hover:not(:disabled),.btn:hover{background:#e9f6f7;border-color:#399197;text-decoration:none}button:disabled{opacity:.58;cursor:not-allowed}.primary{background:var(--cyan);border-color:var(--cyan);color:var(--deep)}.primary:hover:not(:disabled),.btn.primary:hover{background:#299299;border-color:#299299;color:#0d2f31}.quiet{background:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #248087;outline-offset:4px}input,select,textarea{color:var(--ink);accent-color:#1e6b70}input::placeholder,textarea::placeholder{color:#637c7e;opacity:1}svg{flex:none;vertical-align:middle}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site{width:100%;max-width:1360px;margin:0 auto;background:#fff;min-height:100vh;container-type:inline-size}.site.mobile{width:390px;max-width:100%;margin:20px auto;border:1px solid #ccdedf;box-shadow:0 14px 50px #16464914}
/* The product navigation is visible in its own full-width row at every breakpoint. */
.site .head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:76px 52px;align-items:center;gap:0 24px;padding:0 36px;background:#fff;position:sticky;top:0;z-index:50;border:0}
.site .head .logo{grid-column:1;grid-row:1;display:inline-flex;align-items:center;gap:11px;justify-self:start;font:700 25px/1.1 Georgia,serif;letter-spacing:-.7px;color:var(--deep);white-space:nowrap}.logo:hover{text-decoration:none}.brand-mark{width:36px;height:40px;background:var(--cyan);border-radius:4px;display:grid;place-items:center;color:var(--deep)}.brand-mark svg{width:27px;height:27px}.logo .brand-title{font:inherit;letter-spacing:inherit}.logo span{display:none}
.head .tools{grid-column:2;grid-row:1;display:flex;align-items:center;gap:17px}.tools>a{min-height:44px;display:inline-flex;align-items:center;gap:7px;color:var(--deep);font-size:13px}.tools .tool-search svg{width:19px;height:19px}.tools .library-link{background:var(--deep);color:#fff;padding:10px 16px;border-radius:5px}.tools .library-link:hover{background:#164f53;text-decoration:none}.library-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;background:var(--cyan);border-radius:3px;color:#0e3235;font-size:10px;font-weight:700}.tools .hamb{display:none!important}
.site .head nav{display:flex!important;grid-column:1/-1;grid-row:2;align-self:stretch;align-items:stretch;justify-content:flex-start;gap:0;width:calc(100% + 72px);margin:0 -36px;padding:0 25px;background:var(--deep);overflow:visible;flex-wrap:nowrap;min-width:0}.head nav>a{display:flex;align-items:center;justify-content:center;flex-direction:column;flex:none;padding:6px 21px;color:#fff;font-size:14px;font-weight:550;white-space:nowrap;line-height:1.4;border-bottom:3px solid transparent;text-decoration:none}.head nav>a:hover{background:#174c50;color:#fff}.head nav>a[aria-current]{background:var(--cyan);color:var(--deep);border-bottom-color:#fff;font-weight:700}.head nav .en-label{font-size:9px;line-height:1.2;color:#a6cfd2;margin-top:2px;letter-spacing:.2px}.head nav>a[aria-current] .en-label{color:#164f53}.drawer{background:#ebf6f7;padding:16px 24px;border-bottom:1px solid var(--line)}.drawer a{display:block;min-height:44px;padding:9px 0}
.bar{position:fixed;z-index:100;bottom:13px;left:13px;max-width:calc(100vw - 26px);display:flex;align-items:center;gap:8px;padding:7px 9px;background:#0e3235f5;color:#fff;border:1px solid #285f63;border-radius:6px;box-shadow:0 6px 25px #13434620;font-size:10px}.bar:before{content:"预览";color:#80d7dd;font-size:10px;font-weight:700}.bar b,.bar .note{display:none}.bar label{display:flex;align-items:center;gap:5px}.bar select,.bar button{min-height:28px;padding:4px 7px;background:#fff;border-color:#c3d7d8;color:#245559;font-size:10px;border-radius:3px}.bar a.language-link{color:#d9eff1;font-size:10px;text-decoration:underline}.fixture{position:fixed;bottom:5px;right:12px;z-index:75;max-width:45vw;padding:3px 7px;background:#fffffff5;color:#537678;font-size:9px;line-height:1.5;border-radius:3px}
main{padding:26px 36px 60px;min-height:500px}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;color:var(--ink);line-height:1.25;font-weight:600;overflow-wrap:anywhere}h1{font-size:44px;letter-spacing:-1px;margin:10px 0 17px;max-width:850px}h2{font-size:27px;margin:0 0 19px;letter-spacing:-.4px}h3{font-size:21px;margin:0 0 11px;line-height:1.4}html[lang="zh-CN"] main h1{font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;font-size:40px;font-weight:700;line-height:1.35;letter-spacing:0}html[lang="zh-CN"] main h2{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:25px;font-weight:700;line-height:1.4;letter-spacing:0}html[lang="zh-CN"] main h3{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:20px;font-weight:650;line-height:1.45;letter-spacing:0}.eyebrow{font-size:11px;letter-spacing:1.2px;color:var(--accent);font-weight:700;text-transform:uppercase}.lede{font-size:15px;line-height:1.85;max-width:760px;color:var(--muted);margin:0 0 20px}.small,.caption{font-size:12px;line-height:1.8;color:var(--muted)}.caption{margin:10px 0 18px}.crumb{font-size:12px;color:#59797b;margin-bottom:22px}.crumb a{color:#42777b}.section{margin-top:34px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.section-head h2{margin:0}.section-head>a{font-size:12px;font-weight:600;white-space:nowrap}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:29px}.page-heading .lede{margin-bottom:0;font-size:14px}.heading-side{font-size:11px;background:#eff6f6;border:1px solid #dae8e9;border-radius:4px;padding:7px 10px;white-space:nowrap}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:18px 0}.pill{display:inline-block;font-size:11px;line-height:1.5;color:#28666a;background:#eaf4f5;padding:4px 8px;border-radius:3px;margin:3px 4px 3px 0}.callout{padding:18px 21px;border:1px solid #cfe2e3;border-left:4px solid #529fa5;background:#f0f9f9;color:#4d5f60;border-radius:0 4px 4px 0;margin:22px 0;font-size:13px}.answer{max-width:790px}.answer p{font-size:14px;line-height:1.95;color:var(--muted)}details{padding:15px 0;margin-top:18px;border-block:1px solid var(--line)}summary{cursor:pointer}details p{font-size:13px;line-height:1.85}.page-note{border:0;border-top:1px dashed #caddde;margin-top:35px;padding-top:16px;font-size:12px;color:var(--muted)}.page-note p{max-width:900px}.page-note summary{font-size:11px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:24px;border:1px solid #d9e8e9;background:#fff;border-radius:6px}.card p{color:var(--muted);font-size:13px;line-height:1.85}.card:hover{border-color:#8cb6b9}.genre-card{background:#ebf6f7;border:0;border-bottom:3px solid #1b6166;border-radius:5px;padding:27px}.genre-card b{display:block;font-size:23px;font-family:Georgia,serif;color:#175358}.genre-card:hover{background:#d9eff1}.list-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:19px;padding:25px 0;border-bottom:1px solid var(--line)}.number{font:italic 30px/1.25 Georgia,serif;color:#3db4bd}.list-row p{font-size:13px;color:var(--muted)}
/* Homepage: full-width cover stage, editorial collection and an independent chart. */
.site[data-view="home"] main{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:0 29px}.site[data-view="home"] .discover-hero{display:contents}.site[data-view="home"] .discover-copy{grid-column:1/-1;grid-row:1}.site[data-view="home"] .returning{grid-column:1/-1;grid-row:2}.site[data-view="home"] .genre-ribbon{grid-column:1/-1;grid-row:3}.site[data-view="home"] .homepage-picks{grid-column:1;grid-row:4}.site[data-view="home"] .hero-rankings{grid-column:2;grid-row:4}.site[data-view="home"] .discovery-columns{grid-column:1/-1;grid-row:5}.site[data-view="home"] .platform-strip{grid-column:1/-1;grid-row:6}.site[data-view="home"] .method-strip{grid-column:1/-1;grid-row:7}.site[data-view="home"] main>.page-note{grid-column:1/-1;grid-row:8}
.discover-copy{isolation:isolate;position:relative;min-height:318px;padding:31px 34px;border-radius:7px;overflow:hidden;background:linear-gradient(90deg,#30abb3 0 62%,#0e3235 62% 100%);display:flex;flex-direction:column;justify-content:center}.discover-copy>*{max-width:55%}.discovery-kicker{display:flex;align-items:center;gap:7px;color:#154a4e;font-size:10px;font-weight:650;letter-spacing:.9px;line-height:1.5}.discovery-kicker svg{width:15px;height:15px}.discover-copy h1{font-size:46px;line-height:1.15;color:#0e3133;letter-spacing:-1.4px;margin:11px 0 13px;text-wrap:balance}html[lang="zh-CN"] main .discover-copy h1{font-size:42px;line-height:1.35}.discover-copy .lede{color:#154d51;font-size:13px;line-height:1.8;margin:0;max-width:55%}
.discover-copy:before,.discover-copy:after{content:"";position:absolute;z-index:-1;width:clamp(132px,13vw,174px);aspect-ratio:2/3;border-radius:3px;background-position:center;background-repeat:no-repeat;background-size:contain;box-shadow:0 22px 24px #081e2080;pointer-events:none}.discover-copy:before{right:clamp(36px,5vw,70px);top:29px;transform:rotate(7deg);background-image:url("https://cdn-gcs.inkitt.com/vertical_storycovers/ipad_b00b828931c645f2eccdf3396cb15498.jpg")}.discover-copy:after{right:clamp(165px,19vw,245px);top:76px;transform:rotate(-8deg);background-image:url("https://cdn-gcs.inkitt.com/vertical_storycovers/ipad_1769c64788f6df3f6436c76d166971a4.jpg")}
.search{display:flex;align-items:stretch;gap:5px;position:relative;width:100%;max-width:650px;padding:5px;background:#fff;border:2px solid var(--deep);border-radius:5px;margin:21px 0 0}.search input{display:block;flex:1;width:100%;min-width:0;min-height:43px;padding:10px 12px 10px 33px;border:0;border-radius:0;background:transparent;font-size:13px;outline-offset:-1px}.search>.search-symbol{position:absolute;width:18px;height:18px;top:17px;left:13px;color:#4e7c7f}.search button{background:var(--deep);color:#fff;border-color:var(--deep);min-width:72px;min-height:43px;border-radius:3px;padding:10px 16px;font-size:12px}.search button:hover:not(:disabled){background:#18575c;color:#fff;border-color:#18575c}.discover-copy .search{max-width:55%}.discover-copy :focus-visible{outline-color:var(--deep)}.search-shortcuts{display:flex;flex-wrap:wrap;align-items:center;gap:11px;font-size:10px;line-height:1.8;margin-top:11px;color:#174e52}.search-shortcuts a{color:#103b3e;border-bottom:1px solid #468f94}.search-shortcuts a:hover{border-bottom-color:#103b3e;text-decoration:none}.search-shortcuts:after{content:"原书封面仅作视觉示意，非收录名单";position:absolute;right:24px;bottom:16px;width:265px;text-align:center;color:#d4edef;font-size:9px;line-height:1.6}html[lang="en"] .search-shortcuts:after{content:"Original cover references · not a launch list"}
.returning{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #dbe8e9;font-size:12px}.returning>div{display:flex;align-items:center;gap:10px;min-width:0}.returning svg{width:20px;height:20px;color:#1e6b71}.returning br{display:none}.returning small{font-size:11px;color:var(--muted);margin-left:10px}.returning a{font-size:12px;font-weight:650;white-space:nowrap}.genre-ribbon{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:20px 0 1px;font-size:11px}.genre-ribbon>span{font-weight:650;color:#336569;margin-right:5px}.genre-ribbon>a{min-height:34px;display:inline-flex;align-items:center;padding:6px 12px;background:#f0f6f6;border:1px solid #dce8e9;border-radius:4px;color:#26595d}.genre-ribbon>a:hover{background:#dbf0f2;border-color:#78babf;text-decoration:none}
.homepage-picks{margin-top:28px}.homepage-picks .feature-heading{display:none}.homepage-picks .section-head{margin-bottom:6px}.homepage-picks>.caption{margin:0 0 18px;font-size:11px}.homepage-picks .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.homepage-picks .book-card{grid-template-columns:66px minmax(0,1fr);gap:14px;padding:0 0 20px;border-bottom:1px solid #dbe7e8}.homepage-picks .book-card:first-child{grid-column:1/-1;grid-template-columns:102px minmax(0,1fr);gap:22px;padding:19px;background:#edf6f7;border:0;border-radius:5px}.homepage-picks .book-card:first-child h3{font-size:28px}.homepage-picks .book-card .cover{min-height:99px;font-size:12px}.homepage-picks .book-card:first-child .cover{min-height:153px}.homepage-picks .book-card h3{font-size:19px}.homepage-picks .book-card .book-meta{font-size:10px}.homepage-picks .card-action{flex-wrap:wrap;gap:7px}.homepage-picks .card-action>a{font-size:11px}
.hero-rankings{align-self:start;margin-top:28px;border:1px solid #c6dcde;border-top:4px solid var(--deep);padding:18px 20px 15px;border-radius:0 0 5px 5px;background:#fff}.ranking-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:16px}.ranking-heading h2{font-size:23px;margin:0}.ranking-heading>a{font-size:10px;white-space:nowrap}.ranking-switch{display:flex;align-items:center;gap:7px}.ranking-tabs{display:flex;gap:3px;padding:3px;flex:1;min-width:0;background:#edf4f5;border-radius:4px}.ranking-tabs button{flex:1;min-height:33px;padding:6px;font-size:10px;border:0;background:transparent;border-radius:3px;white-space:nowrap;font-weight:600}.ranking-tabs button[aria-pressed=true]{background:var(--deep);color:#fff}.ranking-tabs button[aria-pressed=true]:hover{background:#175256;color:#fff}.ranking-tabs button:hover{background:#d9eeef}.ranking-period select{width:83px;max-width:83px;min-height:39px;font-size:10px;padding:6px 2px;border:1px solid #b6d4d6;background:#fff;border-radius:4px}.ranking-caption{font-size:10px;color:var(--muted);line-height:1.7;margin:11px 0 4px}.ranking-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:62px;padding:10px 0;border-bottom:1px solid #ddeaeb;color:var(--ink)}.ranking-row:last-child{border:0}.ranking-row:hover{text-decoration:none;background:#f5fafa}.ranking-position{font:italic 28px/1 Georgia,serif;color:#347b80}.ranking-row:first-child .ranking-position{color:#32a9b2}.ranking-title{min-width:0}.ranking-title b{display:block;font-size:13px;line-height:1.4;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-title small{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:3px}.ranking-status{font-size:9px;color:#497578;white-space:nowrap}.ranking-method{border:0;border-top:1px solid #d9e7e8;padding:9px 0 0;margin:5px 0 0;font-size:10px;color:var(--muted)}.ranking-method summary{font-size:10px}.ranking-method p{font-size:11px;line-height:1.8}.ranking-empty{min-height:185px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:15px 0}.ranking-empty b{font-size:14px}.ranking-empty p{font-size:12px;color:var(--muted);line-height:1.8}.ranking-empty a{font-size:12px}
.home-columns{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(230px,.85fr);gap:35px;margin-top:35px}.discovery-columns{margin-top:32px;border-top:2px solid var(--deep);padding-top:27px}.discovery-widget{margin-top:0}.discovery-tabs{display:flex;gap:25px;border-bottom:1px solid #cadfe1;margin-bottom:20px}.discovery-tabs button{background:transparent;border:0;border-radius:0;min-height:44px;padding:9px 0;color:var(--muted);font-size:12px;font-weight:550}.discovery-tabs button[aria-pressed=true]{color:#164e52;box-shadow:inset 0 -3px #2da1a9;font-weight:700}.discovery-context{color:var(--muted);font-size:12px;margin:0 0 20px}.discovery-empty{padding:27px;border:1px dashed #a9ccce;background:#f5fafa;min-height:175px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;border-radius:4px}.discovery-empty h3{margin:0 0 10px}.discovery-empty p{font-size:12px;color:var(--muted);line-height:1.8}.discovery-empty a{font-size:12px}.editorial-aside{padding-left:26px;border-left:1px solid #cfe3e4}.editorial-aside h2{font-size:23px}.editorial-feature{padding:19px 0;border-bottom:1px solid #dce8e9}.editorial-feature:last-child{border:0}.feature-heading{font-size:10px;font-weight:700;color:#428489;letter-spacing:.9px;display:block;margin-bottom:8px}.editorial-feature h3{font-size:22px;line-height:1.4}.editorial-feature p{color:var(--muted);font-size:12px;line-height:1.9}.editorial-feature a{font-size:12px;font-weight:650}.platform-strip{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#e4f4f5;border:0;padding:24px 27px;border-radius:5px}.platform-strip h3{margin:0 0 6px;font-size:23px}.platform-strip p{margin:0;color:#37696d;font-size:12px}.platform-strip>a{font-size:12px;font-weight:650;white-space:nowrap}.method-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #cfe4e5;padding:25px 0;margin-top:10px}.method-strip h3{font-size:22px;margin:0 0 7px}.method-strip p{font-size:12px;color:var(--muted);margin:0}.method-strip>a{font-size:12px;white-space:nowrap}
/* Book records stay unchanged, including all unknown and local-feedback states. */
.cover{position:relative;aspect-ratio:2/3;min-width:0;margin:0;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;background:#edf3f3!important;border:1px solid #d3e4e5;border-radius:3px;color:#5d7e80!important;font:500 16px/1.45 system-ui,sans-serif;overflow:hidden;box-shadow:0 4px 8px #1e565a08}.cover>small{font:10px/1.5 system-ui,sans-serif;color:#52777a}.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.cover:has(img)>.cover-name,.cover:has(img)>small{display:none}.cover-status{position:absolute;left:6px;top:6px;max-width:calc(100% - 12px);padding:3px 6px;font:650 10px/1.5 system-ui,sans-serif;border-radius:3px;background:#e2eaeb;color:#48686a;z-index:1}.cover-status.ongoing,.status-inline.ongoing{background:#e3f3f4;color:#1f7076}.cover-status.completed,.status-inline.completed{background:#e0f2e5;color:#246044}.cover-status.unknown,.status-inline.unknown{background:#e2ebec;color:#46696c}.status-inline{display:inline-block;padding:3px 7px;border-radius:3px;font-size:10px;line-height:1.5;background:#e8f1f2;color:#38676a}
.book-card{display:grid;grid-template-columns:95px minmax(0,1fr);gap:18px;padding:0;border:0;border-radius:0;background:transparent;min-width:0}.book-card>.cover-link{display:block;align-self:start}.book-card>.cover-link:hover{text-decoration:none}.book-card .cover{width:100%;min-height:143px;font-size:15px}.book-card h3{margin:1px 0 7px;font-size:22px;line-height:1.4}.book-card h3 a{color:var(--ink)}.book-card h3 a:hover{color:#1b6166}.book-card .byline{display:block;font-size:12px;color:#4f7f82}.book-card .book-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:#50797c;font-size:11px;line-height:1.7;margin-top:8px}.book-meta span+span:before{content:"·";margin-right:5px}.rating-empty{color:#628082;letter-spacing:1px}.rating-empty span{letter-spacing:0}.book-card .rating-empty{font-size:11px;line-height:1.75;margin:9px 0}.book-card .card-action{display:flex;align-items:center;gap:10px;margin-top:11px;flex-wrap:wrap}.book-card .card-action>a{font-size:11px;font-weight:600}.save-mini{min-height:32px;padding:5px 8px;font-size:10px;border-color:#c2dcde;background:#fff;border-radius:4px}.save-mini svg{width:12px;height:12px}.save-mini.is-saved{background:#d9eff1;border-color:#77b6bb;color:#165055}.save-mini.is-saved svg{fill:#bce3e6}.original-cover-hint{font-size:10px;color:var(--muted);margin-top:18px}
/* Catalogue and topic pages. */
.catalogue-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:30px;align-items:start}.filter-shell{padding:0;margin:0;background:#f5f9f9;border:1px solid #cde2e4;border-top:3px solid var(--deep);border-radius:0 0 5px 5px;position:sticky;top:148px;overflow:hidden}.filter-shell>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 17px;border-bottom:1px solid #d5e7e8;font-weight:700;font-size:13px}.filter-shell>summary:after{content:"−";color:#367b80;font-size:18px}.filter-shell:not([open])>summary:after{content:"+"}.filter-shell summary svg{width:18px;height:18px;margin-left:auto}.filters{display:flex;flex-direction:column;gap:18px;padding:18px 16px}.filters label{font-size:12px;font-weight:600;color:#3d7074}.filters input,.filters select{display:block;width:100%;min-height:43px;margin-top:7px;padding:9px 10px;border:1px solid #bddadc;border-radius:4px;background:#fff;font-size:12px}.filters button{min-height:40px;font-size:11px;background:transparent;border-color:#a6cbce}.catalogue-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #d7e8e9;padding-bottom:15px;margin-bottom:18px}.catalogue-toolbar #result-count{font-size:12px;font-weight:600;color:#356e72;margin:0}.view-controls{display:flex;gap:3px;padding:3px;background:#eaf4f5;border-radius:4px}.view-controls button{display:grid;place-items:center;min-height:34px;width:35px;padding:5px;border:0;border-radius:3px;background:transparent;color:#517d80}.view-controls button svg{width:17px;height:17px}.view-controls button[aria-pressed=true]{background:var(--deep);color:#fff}.filter-summary{display:flex;flex-wrap:wrap;gap:7px;font-size:11px;color:var(--muted);margin-bottom:22px}.filter-chip{background:#def1f2;border:1px solid #acd6d9;color:#1e6b70;padding:4px 8px;border-radius:3px}.catalogue-results .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}.catalogue-results .book-card{padding-bottom:25px;border-bottom:1px solid #ddeaeb;grid-template-columns:83px minmax(0,1fr);gap:17px}.catalogue-results .book-card .cover{min-height:125px;font-size:13px}.catalogue-results[data-layout="list"] .grid{grid-template-columns:1fr}.catalogue-results[data-layout="list"] .book-card{grid-template-columns:76px minmax(0,1fr)}.catalogue-results[data-layout="list"] .book-card .cover{min-height:114px}.empty{padding:38px 25px;background:#f7fbfb;border:1px dashed #a7cdd0;border-radius:4px;text-align:center}.empty h2{font-size:24px}.empty p{font-size:13px;color:var(--muted)}.empty button{margin-top:10px}.rankings-index{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:32px;align-items:start}.rankings-index>.ranking-widget{border:1px solid #cae2e4;border-top:4px solid var(--deep);padding:22px;border-radius:0 0 5px 5px}.rankings-index>section>h2{font-size:25px}.rankings-index .card{display:block;padding:25px;background:#edf7f8;border:0}.rankings-index .card h3{font-size:24px}.rankings-index .card span{font-size:12px}
/* One book: strong title, exact edition choices, readable evidence and discussion. */
.detail-hero{display:grid;grid-template-columns:185px minmax(0,1fr);gap:35px;padding:6px 0 30px;border-bottom:3px solid #2ea5ad}.detail-hero>.cover{width:185px;min-height:278px;align-self:start;box-shadow:0 12px 22px #194a4e16;border-radius:4px}.detail-hero h1{font-size:43px;margin:7px 0 9px;max-width:100%}.detail-hero .eyebrow{font-size:11px;color:#316d71}.detail-hero .byline{font-size:13px}.rating-line{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:15px 0;font-size:12px;color:var(--muted)}.rating-line .rating-empty{font-size:22px}.rating-line a{font-size:12px;font-weight:600}.facts{display:flex;align-items:flex-start;flex-wrap:wrap;gap:30px;border-block:1px solid #d6e8e9;padding:14px 0;margin:17px 0 0}.facts small{display:block;font-size:10px;color:#507a7d;margin-bottom:5px}.facts div{font-size:12px;color:#215e62}.detail-hero .lede{font-size:13px;line-height:1.9;color:var(--muted);margin:15px 0 0}.detail-hero .actions{margin:19px 0 0}.detail-hero .actions>*{min-height:46px;font-size:13px;padding-inline:19px}.detail-hero .actions .is-saved{background:#d6eef0;border-color:#6caaae;color:#195a5f}.jump{display:flex;align-items:stretch;gap:1px;background:var(--deep);border:0;border-radius:4px;margin:23px 0 0;padding:4px;position:sticky;top:128px;z-index:35;overflow-x:auto;flex-wrap:nowrap;min-height:51px;scrollbar-width:thin}.jump a{display:flex;align-items:center;justify-content:center;flex:none;min-height:44px;padding:10px 16px;border-radius:2px;color:#d9eef0;white-space:nowrap;font-size:12px;font-weight:550}.jump a[aria-current],.jump a:hover{background:var(--cyan);color:#0e3234;text-decoration:none}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:34px}.detail-main{min-width:0}.detail-main>.section{margin-top:30px}.detail-main .section[id],main .answer[id]{scroll-margin-top:16px}.detail-main h2{font-size:25px}.detail-main .answer p{font-size:14px;line-height:1.95}.reading-dock{align-self:start;position:sticky;top:204px;padding-top:29px}.dock-panel{border:1px solid #bdd7d9;border-radius:5px;overflow:hidden;background:#fff}.dock-heading{padding:18px 19px;background:var(--cyan)}.dock-heading h3{font-size:21px;margin:0 0 4px;color:#124246}.dock-heading small{font-size:11px;color:#245e62}.dock-option{padding:19px;border-bottom:1px solid #dceced}.dock-option:last-child{border:0}.dock-option>b{display:block;font-size:13px}.dock-option>small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.dock-option a{display:inline-block;font-size:12px;margin-top:9px}.dock-note{font-size:11px;color:var(--muted);line-height:1.9;margin:18px 2px}.edition-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.version{padding:21px;border:1px solid #c5e0e2;border-radius:5px;background:#fff;min-width:0}.version.is-selected{border-color:#268991;box-shadow:0 0 0 2px #dbf0f2}.version-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.version h3{font-size:21px;margin:0}.version .small{margin:9px 0}.version dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px;margin:13px 0 16px;padding-top:13px;border-top:1px solid #dbeced;font-size:12px;line-height:1.75}.version dt{color:#4b7a7d}.version dd{margin:0;overflow-wrap:anywhere}.version .actions{margin:10px 0;gap:8px;align-items:stretch}.version .actions>*{min-height:42px;padding:9px 11px;font-size:11px;flex:1}.version>a.small{font-size:11px}.review-summary{display:flex;align-items:center;gap:20px;padding:22px;background:#e6f4f5;border-left:4px solid #20747a;border-radius:0 4px 4px 0}.review-summary>strong{font-size:28px;line-height:1.3;color:#567b7e}.review-summary b{font-size:14px}.review-summary p{font-size:12px;color:var(--muted);margin:6px 0 0}.review-grid{display:grid;grid-template-columns:1fr;gap:18px;margin:22px 0}.review-grid>.card{padding:22px}.review-grid fieldset{padding:0;margin:0;border:0}.review-grid legend{font-size:19px;font-weight:700;margin-bottom:16px}.review-grid label{display:block;font-size:12px;color:#346d71}.rating-choices{display:flex;gap:8px;flex-wrap:wrap}.rating-choices label{position:relative;cursor:pointer}.rating-choices input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.rating-choices span{display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px 10px;font-size:13px;border:1px solid #bddadc;border-radius:4px;background:#fff}.rating-choices input:checked+span{background:#e3f3f4;border-color:#37a0a7;color:#1e6a6f}.rating-choices input:focus-visible+span{outline:3px solid #248087;outline-offset:3px}.review-grid select,.review-grid textarea{display:block;width:100%;padding:11px;border:1px solid #bbdbdd;border-radius:4px;background:#fff;margin:7px 0 16px;font-size:13px}.review-grid textarea{min-height:120px;resize:vertical;line-height:1.8}.review-grid .spoiler-check{display:flex;align-items:center;gap:9px;min-height:44px;margin-bottom:14px}.local-comment{border:1px solid #c8e4e6;border-radius:5px;padding:23px;background:#fff}.local-comment h3{font-size:21px}.local-comment p{font-size:13px}.comment-body{white-space:pre-wrap;overflow-wrap:anywhere}.detail-related{border-top:2px solid var(--deep);padding-top:25px;margin-top:35px}.detail-related .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-related .book-card{grid-template-columns:69px minmax(0,1fr);gap:14px}.detail-related .cover{min-height:104px;font-size:12px}.detail-related .book-card h3{font-size:19px}
/* Personal reading status stays separate from the publication status. */
.library-tabs{display:flex;gap:4px;overflow-x:auto;white-space:nowrap;padding:5px;background:var(--deep);border-radius:4px;margin:25px 0}.library-tabs button{flex:none;min-height:44px;padding:10px 16px;font-size:12px;border:0;border-radius:2px;color:#d4edef;background:transparent}.library-tabs button:hover{background:#18565b;color:#fff}.library-tabs button[aria-selected=true]{background:var(--cyan);color:#134448}.library-tabs small{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;margin-left:6px;border-radius:3px;background:#256367;color:#e4f4f5;font-size:10px}.library-tabs button[aria-selected=true] small{background:#113b3e;color:#fff}.library-row{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(260px,.9fr);gap:22px;align-items:center;padding:23px 0;border-bottom:1px solid #d3e9eb}.library-row>.cover{width:72px;min-height:108px;font-size:12px;padding:8px}.library-row>.cover .cover-status{font-size:8px;top:4px;left:4px;padding:2px 4px}.shelf-info h3{font-size:23px;margin:0 0 6px}.shelf-info p{font-size:12px;color:var(--muted);margin:5px 0}.shelf-info>a{font-size:12px}.shelf-controls{display:grid;grid-template-columns:1fr 1fr;gap:13px;min-width:0}.shelf-controls label{display:block;margin:0;font-size:11px;color:#44797d}.shelf-controls select,.shelf-controls input{display:block;width:100%;min-width:0;min-height:44px;padding:9px;margin-top:6px;border:1px solid #b7dadc;border-radius:4px;background:#fff;font-size:12px}.shelf-controls>.actions{grid-column:1/-1;display:flex;justify-content:flex-end;margin:0}.shelf-controls>.actions button{border:0;background:transparent;color:#427d81;min-height:34px;padding:5px 0;font-size:11px}.library-data{border:0;border-top:1px solid #d3e9eb;padding-top:18px;margin-top:29px;font-size:12px;color:var(--muted)}.library-data summary{font-size:13px}.library-data button,.library-data .btn{font-size:11px;margin-top:17px}.library-data p{font-size:11px}.shelf-empty{text-align:center;padding:48px 25px;background:#eef7f8;border:1px dashed #a1cbce;border-radius:4px}.shelf-empty svg{width:40px;height:40px;color:#3d8a90;margin-bottom:12px}.shelf-empty h2{font-size:26px}.shelf-empty p{max-width:430px;margin:0 auto 22px;font-size:13px;color:var(--muted)}.toast{position:fixed;bottom:70px;left:50%;transform:translateX(-50%);z-index:90;max-width:90vw;padding:13px 21px;background:var(--deep);color:#fff;border:1px solid #497e82;border-radius:5px;box-shadow:0 8px 25px #13444725;font-size:12px}.toast button{min-height:30px;font-size:11px;padding:5px 9px;margin-left:10px;background:#fff}
.method{max-width:830px}.method li{font-size:14px;color:var(--muted);line-height:1.9;margin:13px 0}.method p{font-size:14px;color:var(--muted);line-height:1.9}.footer{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:38px;padding:38px 36px 90px;background:var(--deep);color:#d6eeef;border-top:5px solid #30abb3;font-size:12px}.footer>div>b{display:block;font-size:16px;color:#fff;margin-bottom:12px}.footer p{font-size:12px;color:#c1e3e5;line-height:1.8}.footer .small{font-size:10px;color:#b4dcdf}.footer a{display:inline-block;color:#cbe9eb;font-size:12px;margin:4px 13px 4px 0}.footer a:hover{color:#83d8de}.footer .en-label{display:none}
@container(max-width:1100px){.site .head{padding-inline:30px}.site .head nav{width:calc(100% + 60px);margin-inline:-30px;padding-inline:17px}.head nav>a{padding-inline:18px}main{padding-inline:30px}.discover-copy{padding:29px}.discover-copy>*{max-width:55%}.discover-copy .lede{max-width:55%}.discover-copy .search{max-width:55%}.discover-copy h1{font-size:40px}html[lang="zh-CN"] main .discover-copy h1{font-size:38px}.site[data-view="home"] main{grid-template-columns:minmax(0,1fr) 270px;gap:0 25px}.homepage-picks .book-card{grid-template-columns:57px minmax(0,1fr);gap:12px}.homepage-picks .book-card .cover{min-height:86px;font-size:11px}.homepage-picks .book-card:first-child{grid-template-columns:90px minmax(0,1fr)}.homepage-picks .book-card:first-child .cover{min-height:135px}.homepage-picks .book-card:first-child h3{font-size:25px}.homepage-picks .book-card h3{font-size:18px}.catalogue-layout{grid-template-columns:190px minmax(0,1fr);gap:26px}.catalogue-results .grid{grid-template-columns:1fr}.detail-layout{grid-template-columns:minmax(0,1fr) 225px;gap:26px}.detail-related .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-related .book-card{grid-template-columns:67px minmax(0,1fr)}.library-row{grid-template-columns:68px minmax(0,1fr) minmax(245px,.9fr);gap:19px}.library-row>.cover{width:68px;min-height:102px}.home-columns{grid-template-columns:minmax(0,1.6fr) minmax(215px,.9fr);gap:28px}.editorial-aside{padding-left:23px}}
@container(max-width:760px){.site .head{grid-template-rows:68px 48px;padding:0 20px;gap:0 11px;min-height:116px}.site .head .logo{font-size:21px;gap:8px}.brand-mark{width:32px;height:35px}.brand-mark svg{width:23px;height:23px}.head .tools{gap:7px}.tools>a{font-size:11px}.tools .tool-search{min-width:44px;justify-content:center}.tools .tool-search span{display:none}.tools .library-link{display:inline-flex!important;padding:9px 10px;font-size:11px}.library-count{min-width:16px;height:16px;font-size:9px}.site .head nav{display:flex!important;width:calc(100% + 40px);margin:0 -20px;padding:0 8px;overflow:visible;gap:0}.head nav>a{flex:1;min-width:0;min-height:48px;padding:8px 3px;border-bottom-width:3px;font-size:12px;letter-spacing:0;white-space:nowrap}.head nav .en-label{display:none}main{padding:21px 20px 43px}html{scroll-padding-top:190px}html[lang="zh-CN"] main h1{font-size:31px}html[lang="zh-CN"] main h2{font-size:22px}html[lang="zh-CN"] main h3{font-size:19px}h1{font-size:34px;letter-spacing:-.7px}h2{font-size:24px}h3{font-size:21px}.lede{font-size:14px}.page-heading{display:block;margin-bottom:24px}.page-heading .lede{font-size:13px}.heading-side{display:inline-block;margin-top:14px}.crumb{font-size:11px;margin-bottom:20px}.section-head{align-items:flex-start;gap:14px}.section-head>a{font-size:11px}.section{margin-top:29px}.grid,.grid.two{grid-template-columns:1fr}.card{padding:21px}.site[data-view="home"] main{grid-template-columns:1fr;gap:0}.site[data-view="home"] .discover-copy{grid-column:1;grid-row:1}.site[data-view="home"] .returning{grid-column:1;grid-row:2}.site[data-view="home"] .genre-ribbon{grid-column:1;grid-row:3}.site[data-view="home"] .hero-rankings{grid-column:1;grid-row:4}.site[data-view="home"] .homepage-picks{grid-column:1;grid-row:5}.site[data-view="home"] .discovery-columns{grid-column:1;grid-row:6}.site[data-view="home"] .platform-strip{grid-column:1;grid-row:7}.site[data-view="home"] .method-strip{grid-column:1;grid-row:8}.site[data-view="home"] main>.page-note{grid-column:1;grid-row:9}.discover-copy{min-height:0;padding:25px 22px;background:#30abb3;border-radius:5px}.discover-copy:before,.discover-copy:after{display:none}.discover-copy>*{max-width:100%}.discover-copy h1{font-size:34px;line-height:1.2;max-width:100%;margin:12px 0 14px}html[lang="zh-CN"] main .discover-copy h1{font-size:31px;line-height:1.4}.discover-copy .lede{font-size:12px;line-height:1.9;max-width:100%}.discovery-kicker{font-size:9px;letter-spacing:.6px}.discover-copy .search,.search{max-width:100%;margin-top:19px;padding:4px;gap:4px;border-width:2px}.search input{min-height:44px;font-size:12px;padding-left:31px;padding-right:7px}.search>.search-symbol{width:17px;height:17px;top:17px;left:10px}.search button{min-width:58px;min-height:44px;padding:10px 12px;font-size:12px}.search-shortcuts{gap:8px;font-size:10px;line-height:1.8}.search-shortcuts:after{display:none}.returning{padding:13px 0;font-size:11px;gap:12px}.returning br{display:initial}.returning small{margin:0;font-size:10px}.returning>div{gap:8px}.returning a{font-size:10px}.genre-ribbon{padding:16px 0 0;gap:6px}.genre-ribbon>span{width:100%;font-size:11px;margin-bottom:2px}.genre-ribbon>a{min-height:42px;font-size:11px;padding:8px 10px}.hero-rankings{margin-top:24px;padding:18px 17px 13px}.ranking-heading{margin-bottom:13px}.ranking-tabs button{font-size:11px;min-height:44px;padding:6px}.ranking-period select{min-height:44px;font-size:10px}.ranking-caption{font-size:10px}.ranking-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.ranking-row{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:111px;padding:11px 9px;border-bottom:0;border-right:1px solid #dceaeb}.ranking-row:last-child{border-right:0}.ranking-position{font-size:27px}.ranking-title{width:100%}.ranking-title b{font-size:12px}.ranking-title small{font-size:10px;margin-top:2px}.ranking-status{font-size:10px;margin-top:auto}.ranking-method{margin-top:5px;padding-top:8px}.ranking-method summary{min-height:30px;display:flex;align-items:center;font-size:11px}.ranking-empty{min-height:111px;padding:13px 0}.ranking-empty p{font-size:11px;margin:7px 0 12px}.homepage-picks{margin-top:27px}.homepage-picks .grid{grid-template-columns:1fr;gap:21px}.homepage-picks .book-card,.homepage-picks .book-card:first-child{grid-column:auto;grid-template-columns:82px minmax(0,1fr);gap:18px;padding:0 0 21px;border:0;border-bottom:1px solid #d7e8e9;background:#fff;border-radius:0}.homepage-picks .book-card .cover,.homepage-picks .book-card:first-child .cover{min-height:123px;font-size:13px}.homepage-picks .book-card:first-child h3,.homepage-picks .book-card h3{font-size:22px}.homepage-picks>.caption{font-size:11px}.book-card{grid-template-columns:82px minmax(0,1fr);gap:17px}.book-card .cover{min-height:123px;font-size:13px}.book-card .book-meta{font-size:11px}.book-card .card-action{gap:7px}.book-card .card-action>a{display:inline-flex;align-items:center;min-height:44px}.save-mini{min-height:44px;padding-inline:10px;font-size:11px}.discovery-columns{margin-top:29px;padding-top:25px}.home-columns{grid-template-columns:1fr;gap:27px}.editorial-aside{padding:23px;border:0;background:#eaf6f7;border-top:3px solid #18565a;border-radius:0 0 4px 4px}.editorial-feature{padding:18px 0}.editorial-feature p{font-size:12px}.discovery-tabs{gap:22px}.discovery-tabs button{font-size:12px}.discovery-empty{padding:22px;min-height:160px}.platform-strip{padding:21px;align-items:flex-start;gap:17px}.platform-strip h3{font-size:21px}.platform-strip>a{font-size:11px}.method-strip{gap:17px;align-items:flex-start}.method-strip h3{font-size:21px}.method-strip>a{font-size:11px}.catalogue-layout{grid-template-columns:1fr;gap:22px}.filter-shell{position:static}.filters{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:17px}.filters label:first-child{grid-column:1/-1}.filters select,.filters input,.filters button{min-height:44px}.catalogue-results .grid{grid-template-columns:1fr;gap:25px}.catalogue-results .book-card{grid-template-columns:84px minmax(0,1fr)}.catalogue-results .book-card .cover{min-height:126px}.catalogue-toolbar{gap:12px}.view-controls button{min-height:44px;width:44px}.rankings-index{grid-template-columns:1fr;gap:28px}.rankings-index>.ranking-widget{padding:20px}.rankings-index>section>h2{font-size:23px}.detail-hero{grid-template-columns:94px minmax(0,1fr);gap:8px 19px;padding:0 0 24px}.detail-info{display:contents}.detail-hero>.cover{width:94px;min-height:141px;grid-column:1;grid-row:1/4;font-size:14px}.detail-info>.eyebrow{grid-column:2;grid-row:1;align-self:end;font-size:10px}.detail-info>h1{grid-column:2;grid-row:2;margin:0;align-self:center}.detail-info>.byline{grid-column:2;grid-row:3;font-size:11px}.detail-info>.rating-line,.detail-info>.facts,.detail-info>.lede,.detail-info>.actions{grid-column:1/-1;margin-top:8px}.detail-info>.rating-line{font-size:11px;gap:7px;margin-bottom:4px}.rating-line .rating-empty{font-size:19px}.rating-line a{font-size:11px}.detail-info>.facts{gap:18px;padding:12px 0}.facts div{font-size:11px}.facts small{font-size:10px}.detail-info>.lede{font-size:12px;line-height:1.9}.detail-info>.actions{gap:8px;margin-bottom:0}.detail-info>.actions>*{font-size:12px;min-height:46px;padding:10px 13px}.jump{top:116px;margin-top:19px;gap:1px;padding:4px;min-height:52px}.jump a{font-size:11px;min-height:44px;padding:10px 13px}.detail-layout{grid-template-columns:1fr;gap:0}.reading-dock{display:none}.detail-main>.section{margin-top:27px}.detail-main .section[id],main .answer[id]{scroll-margin-top:12px}.detail-main .answer p{font-size:13px}.edition-grid{grid-template-columns:1fr;gap:15px}.version{padding:20px}.version .actions>*{min-height:44px}.version dl{font-size:11px}.review-summary{padding:19px;gap:13px;align-items:flex-start}.review-summary>strong{font-size:21px;max-width:81px}.review-summary b{font-size:13px}.review-summary p{font-size:11px}.review-grid{grid-template-columns:1fr;gap:16px}.review-grid>.card{padding:20px}.rating-choices span{min-width:42px}.detail-related .grid{grid-template-columns:1fr}.detail-related .book-card{grid-template-columns:75px minmax(0,1fr)}.detail-related .cover{min-height:113px}.library-tabs{margin:22px 0;gap:2px}.library-tabs button{font-size:11px;min-height:44px;padding:10px 11px}.library-tabs small{margin-left:4px;font-size:9px;min-width:15px;height:15px}.library-row{grid-template-columns:62px minmax(0,1fr);gap:16px;padding:19px 0}.library-row>.cover{width:62px;min-height:93px}.shelf-info h3{font-size:22px}.shelf-controls{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:13px;padding-top:16px;border-top:1px solid #dff0f1}.shelf-controls>.actions button{min-height:44px}.footer{grid-template-columns:1fr 1fr;gap:25px;padding:30px 20px 90px}.footer>div:first-child{grid-column:1/-1}.footer a{min-height:30px}.caption{font-size:11px}.callout{padding:17px 19px}.method li,.method p{font-size:13px}.bar{bottom:10px;left:10px;padding:6px 8px;gap:7px}.bar a.language-link{font-size:9px}}
@container(max-width:360px){.site .head{padding-inline:16px;gap:0 8px}.site .head nav{width:calc(100% + 32px);margin-inline:-16px;padding-inline:4px}.site .head .logo{font-size:17px;gap:7px}.brand-mark{width:29px;height:33px}.head .tools{gap:5px}.tools .library-link{padding-inline:8px;font-size:10px}.tools .tool-search{min-width:32px}.head nav>a{font-size:11px;padding-inline:2px}main{padding-inline:16px}.ranking-period select{width:77px;max-width:77px}.rating-choices{gap:6px}.rating-choices span{min-width:39px}.homepage-picks .book-card,.homepage-picks .book-card:first-child{grid-template-columns:74px minmax(0,1fr)}}
@media(max-width:780px){.fixture{display:none}.site.mobile{margin:0 auto;border-radius:0}.bar{font-size:9px;max-width:calc(100vw - 20px)}.bar:before{display:none}.bar select,.bar button{font-size:9px}.bar a.language-link{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Selected concept 3: a working editorial catalogue, adapted to orange. */
:root{--paper:#fff;--ink:#1f3233;--muted:#5f6a6b;--line:#d2ebed;--accent:#29939b;--green:#29939b;--cyan:#4cc7cf;--deep:#1f3638;--wash:#eef8f8;--gold:#37afb8;--soft:#f3fafa;--nav-height:88px}
body{font-size:15px;line-height:1.75;background:#fff}
html{scroll-padding-top:168px}
.site{max-width:1440px}
a{color:var(--accent)}
button,.btn{border-color:#aec9cb;border-radius:4px;font-size:14px}
button:hover:not(:disabled),.btn:hover{background:#ebf7f8;border-color:#3bc0c9}
.primary,.btn.primary{background:#36c0c9;border-color:#36c0c9;color:#fff}
.primary:hover:not(:disabled),.btn.primary:hover{background:#32b4be;border-color:#32b4be;color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#258389}
input,select,textarea{accent-color:#36c0c9}
input::placeholder,textarea::placeholder{color:#687475}
.site .head{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:88px;min-height:88px;gap:0 30px;padding:0 36px;background:#4cc7cf;border-bottom:1px solid #52c9d1}
.site .head .logo{font-size:28px;gap:10px;color:#192c2d;letter-spacing:-.6px}
.brand-mark{background:transparent;border-radius:0;color:#194245;width:38px;height:42px}
.brand-mark svg{width:35px;height:35px;stroke-width:1.55}
.site .head nav{grid-column:2;grid-row:1;width:100%;margin:0;padding:0;gap:20px;background:transparent;align-self:stretch;justify-content:center}
.head nav>a{font-size:15px;padding:0 0;min-height:88px;border-bottom:3px solid transparent;color:#192c2d}
.head nav>a:hover{background:transparent;color:#154a4d;border-bottom-color:#22787e}
.head nav>a[aria-current]{background:transparent;color:#192c2d;border-bottom-color:#164d51;font-weight:750}
.head nav .en-label{display:none}
.head .tools{grid-column:3;grid-row:1;gap:16px}
.tools>a{color:#1f3334;font-size:13px}
.tools .library-link{background:#fff;color:#1f3233;border:1px solid #fff;padding:10px 15px;border-radius:5px}
.tools .library-link:hover{background:#eef8f8;color:#1f3233}
.library-count{background:#e8f5f6;color:#1f6e74}
.drawer{background:#eef8f8}
main{padding:32px 40px 60px}
h1{font-size:46px;color:var(--ink)}
html[lang="zh-CN"] main h1{font-size:42px;color:var(--ink)}
html[lang="zh-CN"] main h2{font-size:26px}
html[lang="zh-CN"] main h3{font-size:22px}
.lede{font-size:15px;color:var(--muted)}
.eyebrow,.feature-heading{font-size:11px;color:#278a91;letter-spacing:.7px}
.crumb,.crumb a{color:#5f7475}
.page-heading{padding-bottom:26px;margin-bottom:27px;border-bottom:1px solid var(--line)}
.heading-side{background:#eef8f9;color:#377b80;border-color:#c9e8ea}
.section-head>a{font-size:13px}
.card{border-color:var(--line);border-radius:4px}
.card:hover{border-color:#89cfd4}
.card p{font-size:14px}
.pill{background:#e9f6f7;color:#248086}
.callout{background:#f3fafb;border-color:#c5e7e9;border-left-color:#45c4cd;color:#397175}
.page-note{border-top-color:#bdd9db;color:#5e7071}
.genre-card{background:#eef8f8;border-bottom-color:#32b2bb}
.genre-card b{color:#1f6e74}
.genre-card:hover{background:#dff2f3}
.number{color:#2fa8b1}
/* The compact search band sits above an index rail, book column, discovery rail. */
.site[data-view="home"] main{padding:0 0 40px;grid-template-columns:18% minmax(0,1fr) 28%;gap:0}
.site[data-view="home"] .discover-hero{display:contents}
.site[data-view="home"] .discover-copy{grid-column:1/-1;grid-row:1}
.discover-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:48px;align-content:center;min-height:204px;padding:26px 40px 28px;isolation:auto;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#fff;overflow:visible}
.discover-copy:before,.discover-copy:after,.search-shortcuts:after,html[lang="en"] .search-shortcuts:after{display:none;content:none}
.discover-copy>*{max-width:100%}
.discover-copy .discovery-kicker{display:none}
.discover-copy h1{grid-column:1;grid-row:1/3;font-size:60px;line-height:1.15;letter-spacing:-1.3px;align-self:end;margin:0 0 12px;color:#1f3233;text-wrap:balance}
html[lang="zh-CN"] main .discover-copy h1{font-size:60px;line-height:1.35;letter-spacing:0}
.discover-copy .lede{grid-column:1;grid-row:3;font-size:14px;line-height:1.75;margin:0;max-width:100%;color:#5a6f70}
.discover-copy .search{grid-column:2;grid-row:1/3;align-self:end;max-width:100%;margin:0 0 9px;padding:0;min-height:58px;border:1px solid #b5c8c9;border-radius:4px;overflow:hidden}
.search{padding:0;border:1px solid #b5c8c9;border-radius:4px;overflow:hidden}
.search input{min-height:56px;font-size:14px;padding-left:43px}
.search>.search-symbol{left:15px;top:19px;color:#68888a}
.search button{min-width:91px;min-height:56px;border-radius:0;background:#36c0c9;border-color:#36c0c9;color:#fff;font-size:14px}
.search button:hover:not(:disabled){background:#32b4be;border-color:#32b4be;color:#fff}
.search-shortcuts{grid-column:2;grid-row:3;gap:8px;font-size:11px;margin:0;color:#5d7274;align-self:start}
.search-shortcuts a{color:#288f96;border:0;background:#eaf6f7;border-radius:3px;padding:3px 8px}
.search-shortcuts a:hover{background:#d1ebed;border:0;color:#1e6a6f}
.site[data-view="home"] .genre-ribbon{grid-column:1;grid-row:2/9;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;align-self:stretch;background:#eef8f8;padding:29px 22px;margin:0;border-right:1px solid #ceeaec}
.genre-ribbon>span{margin:0 0 13px;padding-left:10px;font-size:16px;color:#1f3233}
.genre-ribbon>a{display:flex;align-items:center;min-height:48px;padding:10px;border:0;background:transparent;color:#2b4749;font-size:14px;border-radius:3px}
.genre-ribbon>a:first-of-type{background:#d7eef0;color:#237d83;border-left:3px solid #2fa7af;padding-left:7px}
.genre-ribbon>a:hover{background:#d7eef0;border-color:transparent;color:#20747a}
.genre-ribbon>a:nth-last-child(2){border-top:1px solid #bae2e5;border-radius:0;margin-top:25px;padding-top:19px;min-height:60px}
.site[data-view="home"] .returning{grid-column:2/-1;grid-row:2;padding:10px 28px;background:#f7fcfc;border-bottom:1px solid var(--line);font-size:12px}
.returning svg{color:#2fa8b0}
.site[data-view="home"] .homepage-picks{grid-column:2;grid-row:3/5;margin:0;padding:27px 28px 0}
.homepage-picks .section-head{gap:15px;margin-bottom:8px;align-items:center}
.homepage-picks .section-head h2{font-size:27px;line-height:1.4}
.homepage-picks .section-head>a{font-size:12px}
.homepage-picks>.caption{font-size:11px;line-height:1.6;margin:0 0 18px;max-width:590px;color:#6b8587}
.homepage-picks .grid{display:flex;flex-direction:column;gap:0}
.homepage-picks .book-card,.homepage-picks .book-card:first-child{display:grid;grid-template-columns:144px minmax(0,1fr);gap:24px;min-height:215px;grid-column:auto;padding:0 0 23px;margin:0 0 23px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.homepage-picks .book-card:last-child{margin-bottom:0}
.homepage-picks .book-card .cover,.homepage-picks .book-card:first-child .cover{width:144px;min-height:216px;font-size:17px}
.homepage-picks .book-card h3,.homepage-picks .book-card:first-child h3{font-size:27px;line-height:1.35;margin:5px 0 10px}
html[lang="zh-CN"] main .homepage-picks .book-card h3{font-family:"Songti SC","STSong",serif;font-size:28px;font-weight:700}
.book-card h3 a{color:#1f3233}
.homepage-picks .book-card .byline{font-size:12px;color:#3a858a}
.homepage-picks .book-card .book-meta{font-size:12px;margin-top:12px;color:#5c7274}
.homepage-picks .rating-empty{font-size:16px;margin:10px 0}
.homepage-picks .rating-empty span{font-size:11px}
.homepage-picks .card-action{gap:9px;margin-top:17px;align-items:center;flex-wrap:wrap}
.homepage-picks .card-action>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 13px;background:#36c0c9;color:#fff;border:1px solid #36c0c9;border-radius:4px;font-size:12px;text-decoration:none}
.homepage-picks .card-action>a:hover{background:#32b4be}
.save-mini{min-height:42px;font-size:12px;border:1px solid #aec9cb;border-radius:4px;background:#fff;color:#2e4b4d;padding:8px 11px}
.save-mini.is-saved{background:#e8f5f6;border-color:#52c9d1;color:#25868d}
.site[data-view="home"] .hero-rankings{grid-column:3;grid-row:3;align-self:start;margin:0;padding:28px 24px 22px;border:0;border-left:1px solid var(--line);border-radius:0;background:#fff}
.ranking-heading{margin-bottom:20px;align-items:center}
.ranking-heading h2{font-size:25px}
.ranking-heading>a{font-size:11px}
.ranking-tabs{padding:0;gap:0;background:transparent;border-radius:0;border-bottom:1px solid var(--line)}
.ranking-tabs button{min-height:44px;padding:7px 5px;font-size:12px;border:0;border-bottom:2px solid transparent;border-radius:0;color:#5e7374;background:transparent}
.ranking-tabs button[aria-pressed=true],.ranking-tabs button[aria-pressed=true]:hover{background:transparent;color:#36c0c9;border-bottom-color:#36c0c9}
.ranking-tabs button:hover{background:#eef8f9}
.ranking-caption{font-size:11px;color:#6b888a;margin:12px 0 2px}
.ranking-row{grid-template-columns:35px minmax(0,1fr);gap:12px;min-height:104px;padding:20px 0;border-bottom-color:var(--line)}
.ranking-position{font-size:37px;color:#32aeb7}
.ranking-row:nth-child(2) .ranking-position{color:#599498}
.ranking-title b{font-size:15px;color:#1f3233}
.ranking-title small{font-size:11px;color:#647e80}
.ranking-status{grid-column:2;font-size:10px;justify-self:start;margin-top:-9px;color:#5c7779}
.ranking-method{margin-top:12px;border:0;border-top:1px solid var(--line);padding:10px 0 0}
.ranking-method summary{min-height:32px;font-size:11px;color:#55868a}
.ranking-method p{font-size:12px}
.ranking-empty{padding:23px 0;min-height:160px}
.ranking-empty p{font-size:13px}
.ranking-period select{background:#f3fafb;border-color:#b8d9db}
.site[data-view="home"] .platform-strip{grid-column:3;grid-row:4;margin:0;padding:24px;border:0;border-left:1px solid var(--line);border-top:1px solid var(--line);border-radius:0;display:block;background:#fff}
.platform-strip h3{font-size:23px;line-height:1.45}
.platform-strip p{font-size:12px;margin:8px 0 16px;color:#5d797b}
.platform-strip>a{font-size:12px}
.site[data-view="home"] .method-strip{grid-column:3;grid-row:5;margin:0;padding:24px;border:0;border-left:1px solid var(--line);border-top:1px solid var(--line);background:#f6fbfb;display:block}
.method-strip h3{font-size:21px;line-height:1.5}
.method-strip p{font-size:12px;margin:8px 0 16px;color:#5d797b}
.method-strip>a{font-size:12px}
.site[data-view="home"] .discovery-columns{grid-column:2;grid-row:5;margin:0;padding:27px 28px 0;border:0;display:block}
.discovery-columns .discovery-widget{margin:0}
.discovery-columns .section-head{align-items:start}
.discovery-columns .section-head h2{font-size:25px;line-height:1.4}
.discovery-columns .section-head>a{font-size:11px}
.discovery-tabs{gap:18px;border-bottom-color:var(--line)}
.discovery-tabs button{font-size:12px;color:#5a7375;border-radius:0}
.discovery-tabs button[aria-pressed=true]{border-bottom-color:#36c0c9;color:#299198}
.discovery-context{font-size:12px;color:#5c7a7c}
.discovery-widget .grid{grid-template-columns:1fr}
.discovery-columns .editorial-aside{padding:23px 0;margin-top:23px;border:0;border-top:1px solid var(--line);background:#fff}
.editorial-feature{padding:17px 0;border-color:var(--line)}
.editorial-feature h3{font-size:20px}
.site[data-view="home"] main>.page-note{grid-column:2/-1;grid-row:6;margin:24px 28px 0}
/* Shared templates: same paper, rails, warm rules and controls, without SEO edits. */
.cover{background:#e6f3f4!important;color:#647f81!important;border-color:#c1dee0;box-shadow:0 3px 7px #1a595d0c;font-weight:500}
.cover small{color:#748a8c}
.cover-status.ongoing,.status-inline.ongoing{background:#dcf0f2;color:#1c656a}
.cover-status.completed,.status-inline.completed{background:#e4f2e6;color:#245d3b}
.cover-status.unknown,.status-inline.unknown{background:#e8ecec;color:#576162}
.book-meta,.byline{color:#5d7375}
.book-card .rating-empty,.rating-empty{color:#71888a}
.filter-shell{border-color:#c3e6e8;background:#f3fafa;border-radius:4px}
.filter-shell>summary{background:#e9f6f6;border-color:#c3e6e8;color:#265c60;font-size:14px}
.filters{background:#f3fafa}
.filters label{font-size:12px;color:#406c6f}
.filters select,.filters input{background:#fff;border-color:#b2d5d7;color:#2a4749;min-height:44px;font-size:13px}
.filters button{border-color:#a2d3d7;font-size:12px}
.catalogue-layout{grid-template-columns:218px minmax(0,1fr);gap:32px}
.catalogue-results .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.catalogue-results .book-card{grid-template-columns:100px minmax(0,1fr);gap:20px;border-bottom-color:var(--line)}
.catalogue-results .book-card .cover{min-height:150px;font-size:15px}
.catalogue-results .book-card h3{font-size:24px}
.catalogue-toolbar{border-bottom-color:var(--line)}
.view-controls button[aria-pressed=true]{background:#e8f5f6;border-color:#32b4be;color:#278a91}
.filter-summary button,.filter-summary .filter-chip{background:#e9f6f6;border-color:#9fd6da;color:#227a81}
.empty,.catalogue-empty,.shelf-empty{background:#f3fafb;border-color:#a2d8dc;color:#36676a}
.detail-hero{grid-template-columns:190px minmax(0,1fr);gap:38px;padding:8px 0 30px;border-bottom:1px solid #b4e0e3}
.detail-hero>.cover{width:190px;min-height:285px;box-shadow:0 8px 18px #1b575b12}
.detail-info .eyebrow{color:#29949c}
.detail-info h1{font-size:46px}
.facts{border-color:var(--line)}
.facts small{color:#68888a}
.rating-line a{color:#2a979f}
.detail-info>.actions{margin-top:22px}
.jump{top:88px;background:#f6fbfb;border:1px solid #c1e5e7;border-radius:4px;padding:5px;box-shadow:none;gap:2px}
.jump a{color:#3a6f73;font-size:13px;min-height:44px;padding:11px 18px}
.jump a:hover{background:#def1f2;color:#21747a}
.jump a[aria-current],.jump a.is-active{background:#36c0c9;color:#fff}
.detail-main .section[id],main .answer[id]{scroll-margin-top:16px}
.reading-dock{top:168px}
.dock-panel{border-color:#aadbdf;border-radius:4px}
.dock-heading{background:#e7f5f6;border-bottom:1px solid #b5e0e3;padding:23px 21px}
.dock-heading h3{color:#1f6b70}
.dock-heading small{color:#4b868a}
.dock-option{border-color:var(--line)}
.dock-note{color:#65898c}
.version{border-color:#b5e0e3;border-radius:4px}
.version.is-selected{border-color:#31b0b9;box-shadow:0 0 0 2px #e6f4f5}
.version dl{border-color:var(--line);font-size:13px}
.version dt{color:#5c8487}
.version dd{color:#334a4c}
.review-summary{background:#eff8f9;border-color:#c0e4e7;border-radius:4px}
.review-summary>strong{color:#2a969d}
.review-grid .card{border-color:#bee4e6}
.rating-choices input:checked+span{background:#36c0c9;color:#fff;border-color:#36c0c9}
.rating-choices span{border-color:#a2d4d8}
.review-grid textarea,.review-grid select{border-color:#b1d4d6;background:#fbfdfe}
.local-review{background:#f8fcfc;border-color:#c0e4e7}
.spoiler-preview{border-color:#aedde0;background:#f3fafa}
.library-tabs{border-bottom-color:var(--line)}
.library-tabs button{border-color:transparent;color:#4e7d80;border-radius:0;font-size:13px}
.library-tabs button[aria-selected=true]{background:#ebf7f8;border-color:#54c9d2;color:#288e95}
.library-tabs small{background:#d5edef;color:#25858c}
.library-tabs button[aria-selected=true] small{background:#36c0c9;color:#fff}
.library-row{border-color:var(--line)}
.shelf-info h3{font-size:25px}
.shelf-controls label{font-size:12px;color:#45767a}
.shelf-controls select,.shelf-controls input{border-color:#abd3d6;font-size:13px}
.library-data{border-color:var(--line)}
.footer{background:#eff8f9;border-top:1px solid #bce3e6;color:#417478;padding-top:34px}
.footer>div>b{color:#225053}
.footer p,.footer .small{color:#5e8689}
.footer a{color:#289098;font-size:13px}
.footer a:hover{color:#1b6267}
.bar{background:#1f3638f5;border-color:#386a6e}
.bar:before{color:#abdcdf}
.bar a.language-link{color:#d5edef}
.fixture{color:#5f8285}
.toast{background:#1f3638;border-color:#46878c}
@container(max-width:1190px){
 .site .head{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:70px 48px;min-height:118px;gap:0 20px;padding:0 28px}
 .site .head .logo{font-size:26px}
 .head .tools{grid-column:2;grid-row:1}
 .site .head nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:33px;width:calc(100% + 56px);margin:0 -28px;padding:0 28px;border-top:1px solid #34bcc633}
 .head nav>a{min-height:48px;padding:0 2px;font-size:14px}
 .head nav .en-label{display:none}
 .site[data-view="home"] main{grid-template-columns:174px minmax(0,1fr) 258px}
 .discover-copy{column-gap:30px;padding:25px 28px;min-height:195px}
 .discover-copy h1{font-size:40px}
 html[lang="zh-CN"] main .discover-copy h1{font-size:40px}
 .discover-copy .lede{font-size:12px}
 .discover-copy .search input{font-size:12px}
 .discover-copy .search button{min-width:72px}
 .search-shortcuts{font-size:10px;gap:6px}
 .search-shortcuts a{padding:2px 6px}
 .site[data-view="home"] .genre-ribbon{padding:26px 16px}
 .genre-ribbon>span{font-size:14px}
 .genre-ribbon>a{font-size:12px}
 .site[data-view="home"] .homepage-picks{padding:25px 22px 0}
 html[lang="zh-CN"] main .homepage-picks .section-head h2{font-size:23px}
 .homepage-picks .section-head{flex-wrap:wrap;gap:5px}
 .homepage-picks .book-card,.homepage-picks .book-card:first-child{grid-template-columns:90px minmax(0,1fr);gap:16px;min-height:175px}
 .homepage-picks .book-card .cover,.homepage-picks .book-card:first-child .cover{width:90px;min-height:135px;font-size:13px}
 html[lang="zh-CN"] main .homepage-picks .book-card h3{font-size:23px}
 .homepage-picks .book-card h3,.homepage-picks .book-card:first-child h3{font-size:23px}
 .homepage-picks .book-card .book-meta{font-size:10px;gap:5px}
 .homepage-picks .card-action{gap:7px;margin-top:13px}
 .homepage-picks .card-action>a{padding:7px 10px;font-size:11px}
 .homepage-picks .save-mini{font-size:10px;padding:7px 9px}
 .site[data-view="home"] .hero-rankings{padding:26px 18px 19px}
 .ranking-heading h2{font-size:23px}
 .ranking-title b{font-size:13px}
 .ranking-tabs button{font-size:11px}
 .site[data-view="home"] .platform-strip,.site[data-view="home"] .method-strip{padding:22px 18px}
 .site[data-view="home"] .discovery-columns{padding:25px 22px 0}
 .discovery-columns .section-head{flex-wrap:wrap;gap:7px}
 .discovery-tabs{gap:10px}
 .discovery-tabs button{font-size:11px}
 .catalogue-layout{grid-template-columns:195px minmax(0,1fr);gap:27px}
 .catalogue-results .grid{grid-template-columns:1fr}
 .detail-layout{grid-template-columns:minmax(0,1fr) 230px}
 .jump{top:118px}
 .reading-dock{top:197px}
}
@container(max-width:890px){
 .site[data-view="home"] main{grid-template-columns:158px minmax(0,1fr)}
 .site[data-view="home"] .homepage-picks{grid-column:2;grid-row:3}
 .site[data-view="home"] .hero-rankings{grid-column:2;grid-row:4;margin:0 22px;border:0;border-top:1px solid var(--line);padding:24px 0}
 .ranking-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
 .ranking-row{display:flex;flex-direction:column;align-items:flex-start;justify-content:start;gap:6px;min-height:130px;padding:13px 10px 13px 0}
 .ranking-status{margin:0}
 .ranking-position{font-size:31px}
 .site[data-view="home"] .platform-strip{grid-column:2;grid-row:6;margin:0 22px;border:0;border-top:1px solid var(--line);padding:23px 0}
 .site[data-view="home"] .method-strip{grid-column:2;grid-row:7;margin:0 22px;border:0;border-top:1px solid var(--line);padding:23px 0;background:#fff}
 .site[data-view="home"] .discovery-columns{grid-column:2;grid-row:5}
 .site[data-view="home"] main>.page-note{grid-column:2;grid-row:8}
 .discover-copy{grid-template-columns:1fr;gap:0;padding:25px 26px;min-height:0}
 .discover-copy h1{grid-column:1;grid-row:1;max-width:100%;font-size:40px;margin:0 0 9px}
 .discover-copy .lede{grid-column:1;grid-row:2;max-width:100%}
 .discover-copy .search{grid-column:1;grid-row:3;margin:17px 0 10px;max-width:100%}
 .search-shortcuts{grid-column:1;grid-row:4;font-size:11px}
}
@container(max-width:760px){
 .site .head{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:68px 48px;min-height:116px;padding:0 20px;gap:0 8px}
 .site .head .logo{font-size:22px;gap:8px}
 .brand-mark{width:29px;height:35px}
 .brand-mark svg{width:29px;height:29px}
 .head .tools{gap:7px}
 .tools .tool-search{min-width:34px}
 .tools .library-link{padding:9px 10px;font-size:11px}
 .site .head nav{width:calc(100% + 40px);margin:0 -20px;padding:0 7px;gap:0;justify-content:space-around;background:#4cc7cf;overflow:visible}
 .head nav>a{flex:1;min-width:0;padding:0 3px;font-size:12px;min-height:48px;border-bottom-width:3px;white-space:nowrap}
 main{padding:25px 20px 48px}
 html{scroll-padding-top:190px}
 html[lang="zh-CN"] main h1{font-size:32px}
 html[lang="zh-CN"] main h2{font-size:23px}
 html[lang="zh-CN"] main h3{font-size:21px}
 .page-heading{margin-bottom:23px;padding-bottom:22px}
 .heading-side{font-size:11px;margin-top:13px}
 .site[data-view="home"] main{display:grid;grid-template-columns:1fr;padding-bottom:30px}
 .site[data-view="home"] .discover-copy{grid-column:1;grid-row:1;padding:26px 20px 23px;background:#fff}
 .discover-copy h1{grid-column:1;grid-row:1;font-size:34px;line-height:1.2;margin:0 0 11px}
 html[lang="zh-CN"] main .discover-copy h1{font-size:34px;line-height:1.35}
 .discover-copy .lede{grid-column:1;grid-row:2;font-size:12px;line-height:1.9;color:#527476}
 .discover-copy .search{grid-column:1;grid-row:3;margin:17px 0 11px;min-height:52px}
 .search input{min-height:50px;padding-left:37px;font-size:12px}
 .search>.search-symbol{top:17px;left:11px;width:17px;height:17px}
 .search button{min-height:50px;min-width:66px;padding:10px 12px;font-size:12px}
 .search-shortcuts{grid-column:1;grid-row:4;font-size:10px;gap:5px;margin:0}
 .search-shortcuts a{padding:3px 6px}
 .site[data-view="home"] .returning{grid-column:1;grid-row:2;padding:12px 20px;gap:12px;font-size:11px}
 .site[data-view="home"] .genre-ribbon{grid-column:1;grid-row:3;display:flex;flex-direction:row;flex-wrap:wrap;gap:7px;padding:18px 20px;background:#eef8f8;border:0;border-bottom:1px solid #cae9eb}
 .genre-ribbon>span{width:100%;padding:0;margin:0 0 3px;font-size:12px}
 .genre-ribbon>a,.genre-ribbon>a:first-of-type,.genre-ribbon>a:nth-last-child(2){min-height:42px;padding:8px 10px;margin:0;border:1px solid #bbe2e5;border-radius:3px;background:#fff;font-size:11px;color:#327b80}
 .site[data-view="home"] .homepage-picks{grid-column:1;grid-row:4;padding:25px 20px 0}
 .homepage-picks .section-head{display:flex;flex-wrap:nowrap;gap:15px;align-items:start}
 html[lang="zh-CN"] main .homepage-picks .section-head h2{font-size:23px;line-height:1.5}
 .homepage-picks .section-head>a{font-size:10px;min-height:38px;display:inline-flex;align-items:center}
 .homepage-picks>.caption{font-size:11px;margin-bottom:20px}
 .homepage-picks .book-card,.homepage-picks .book-card:first-child{grid-template-columns:88px minmax(0,1fr);gap:18px;min-height:0;padding:0 0 23px;margin:0 0 23px}
 .homepage-picks .book-card .cover,.homepage-picks .book-card:first-child .cover{width:88px;min-height:132px;font-size:13px}
 html[lang="zh-CN"] main .homepage-picks .book-card h3{font-size:24px;margin:1px 0 8px}
 .homepage-picks .book-card h3,.homepage-picks .book-card:first-child h3{font-size:24px;line-height:1.35}
 .homepage-picks .book-card .book-meta{font-size:10px;margin-top:9px}
 .homepage-picks .rating-empty{font-size:16px;margin:8px 0}
 .homepage-picks .rating-empty span{font-size:10px}
 .homepage-picks .card-action{gap:7px;margin-top:12px}
 .homepage-picks .card-action>a{font-size:11px;min-height:44px;padding:8px 10px}
 .homepage-picks .save-mini{font-size:11px;min-height:44px;padding:8px 10px}
 .site[data-view="home"] .hero-rankings{grid-column:1;grid-row:5;margin:0 20px;padding:24px 0;border:0;border-top:1px solid var(--line)}
 .ranking-heading h2{font-size:24px}
 .ranking-tabs button{font-size:12px;min-height:44px}
 .ranking-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .ranking-row{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:127px;padding:13px 9px 13px 0;border:0;border-right:1px solid var(--line)}
 .ranking-position{font-size:30px}
 .ranking-title b{font-size:12px;line-height:1.5}
 .ranking-title small{font-size:10px}
 .ranking-status{font-size:10px;margin-top:auto}
 .site[data-view="home"] .discovery-columns{grid-column:1;grid-row:6;padding:25px 20px 0;border-top:1px solid var(--line);margin:0}
 .site[data-view="home"] .platform-strip{grid-column:1;grid-row:7;margin:0 20px;padding:23px 0;border:0;border-top:1px solid var(--line)}
 .site[data-view="home"] .method-strip{grid-column:1;grid-row:8;margin:0 20px;padding:23px 0;border:0;border-top:1px solid var(--line)}
 .site[data-view="home"] main>.page-note{grid-column:1;grid-row:9;margin:15px 20px 0}
 .catalogue-layout{grid-template-columns:1fr;gap:23px}
 .catalogue-results .grid{grid-template-columns:1fr;gap:25px}
 .catalogue-results .book-card{grid-template-columns:86px minmax(0,1fr);gap:18px}
 .catalogue-results .book-card .cover{min-height:129px;font-size:13px}
 .catalogue-results .book-card h3{font-size:23px}
 .filters{padding:18px;gap:16px}
 .filters input,.filters select{font-size:12px;min-height:44px}
 .detail-hero{grid-template-columns:96px minmax(0,1fr);gap:8px 20px;padding:0 0 26px}
 .detail-hero>.cover{width:96px;min-height:144px;font-size:14px}
 .detail-info{display:contents}
 .detail-info h1{font-size:32px}
 .detail-info>.facts{padding:14px 0;gap:17px}
 .detail-info>.lede{font-size:13px;line-height:1.95}
 .detail-info>.actions{margin-top:12px}
 .detail-info>.actions>*{min-height:46px;font-size:12px}
 .jump{top:116px;padding:4px;gap:1px;min-height:52px;background:#f2fafa}
 .jump a{min-height:44px;padding:10px 13px;font-size:11px}
 .detail-layout{grid-template-columns:1fr;gap:0}
 .reading-dock{display:none}
 .detail-main .section[id],main .answer[id]{scroll-margin-top:12px}
 .edition-grid{grid-template-columns:1fr}
 .version{padding:21px}
 .version dl{grid-template-columns:95px minmax(0,1fr);font-size:12px}
 .review-grid{grid-template-columns:1fr}
 .review-grid .card{padding:20px}
 .rating-choices span{min-width:42px}
 .library-tabs{gap:2px}
 .library-tabs button{font-size:11px;padding:10px 10px;min-height:44px}
 .library-row{grid-template-columns:64px minmax(0,1fr);gap:17px}
 .library-row>.cover{width:64px;min-height:96px}
 .shelf-controls{grid-column:1/-1;grid-template-columns:1fr 1fr}
 .shelf-controls select,.shelf-controls input{font-size:12px}
 .shelf-info h3{font-size:23px}
 .footer{padding:30px 20px 85px;gap:24px}
 .footer a{font-size:12px}
}
@container(max-width:360px){
 .site .head{padding-inline:16px}
 .site .head .logo{font-size:19px}
 .site .head nav{width:calc(100% + 32px);margin-inline:-16px;padding-inline:4px}
 .head nav>a{font-size:11px;padding-inline:2px}
 .brand-mark{width:26px}
 .tools .library-link{padding-inline:8px;font-size:10px}
 .site[data-view="home"] .discover-copy,.site[data-view="home"] .homepage-picks,.site[data-view="home"] .discovery-columns{padding-inline:16px}
 .site[data-view="home"] .genre-ribbon{padding-inline:16px}
 .homepage-picks .book-card,.homepage-picks .book-card:first-child{grid-template-columns:76px minmax(0,1fr);gap:15px}
 .homepage-picks .book-card .cover,.homepage-picks .book-card:first-child .cover{width:76px;min-height:114px}
}

/* Bright-orange correction requested by the user. */
.primary,.btn.primary,.primary:hover:not(:disabled),.btn.primary:hover,.search button,.search button:hover:not(:disabled),.homepage-picks .card-action>a,.homepage-picks .card-action>a:hover{color:#0c2a2c}
.ranking-tabs button[aria-pressed=true],.ranking-tabs button[aria-pressed=true]:hover{color:#248289;border-bottom-color:#36c0c9}
.jump a[aria-current],.jump a.is-active{background:#36c0c9;color:#0c2a2c}
.rating-choices input:checked+span{background:#36c0c9;color:#0c2a2c;border-color:#30adb6}
.library-tabs button[aria-selected=true] small{background:#36c0c9;color:#0c2a2c}
.homepage-picks .book-card .cover-status{font-size:10px}
/* Root scroll offsets also cover the wider two-row masthead and preview frame. */
@media(max-width:1190px){html{scroll-padding-top:202px}}
html:has(.site.mobile){scroll-padding-top:202px}
.library-tabs{background:transparent;border-radius:0;padding:0}
.library-tabs button{background:transparent}
.library-tabs button:hover{background:#d8eff0;color:#1a5c60}
.review-summary{border-left-color:#4cc7cf}
.rankings-index>.ranking-widget{border-top-color:#36c0c9}
@container(min-width:1191px){
 .site .head .logo{font-size:32px}
 .head nav>a{font-size:16px}
 .site .head nav{gap:24px}
}
@container(max-width:760px){
 html[lang="en"] .site .head .logo{font-size:19px;letter-spacing:-.5px;gap:7px}
 .review-summary{display:block}
 .review-summary>strong{display:block;max-width:none;width:auto;white-space:nowrap;margin-bottom:10px;font-size:23px}
 .review-summary>div{min-width:0}
 .homepage-picks .section-head{display:block}
 .homepage-picks .section-head>a{display:inline-flex;min-height:30px;margin-top:4px;font-size:11px}
}
@container(max-width:360px){
 html[lang="en"] .site .head .logo{font-size:14px;gap:6px}
 html[lang="en"] .tools .library-link{font-size:10px;padding-inline:8px}
}

/* Chosen bookshop composition, stronger controls inspired by the supplied UI. */
:root{--paper:#fff;--ink:#102f33;--muted:#58696b;--line:#dce7e4;--accent:#087c81;--green:#087c81;--cyan:#0a858b;--deep:#123a3d;--wash:#edf6f2;--soft:#f5f7f4;--gold:#b58b4d}
body{background:#fff;color:var(--ink);font-size:15px}
.site .head{background:#fff;border-bottom:2px solid #cbded8}
.site .head .logo{color:#113538}
.brand-mark{color:#0b797d;background:#e4f2ed;border:1px solid #75a6a2;border-radius:9px;box-shadow:0 2px 0 #173f3d21}
.head nav>a{color:#183b3e;font-weight:650}
.head nav>a:hover{color:#067c82;border-bottom-color:#067c82}
.head nav>a[aria-current]{color:#067c82;border-bottom-color:#067c82;background:transparent}
.tools>a{color:#24494c}
.tools .library-link{background:#123a3d;border:2px solid #123a3d;border-radius:10px;color:#fff;box-shadow:0 3px 0 #0c292c}
.tools .library-link:hover{background:#1c5354;color:#fff}
.library-count{color:#0c494a;background:#d2eeE5}
button,.btn{border-radius:8px;border-color:#b2c9c5}
button:hover:not(:disabled),.btn:hover{background:#e9f5ef;border-color:#548e86}
.primary,.btn.primary,.primary:hover:not(:disabled),.btn.primary:hover{background:#087d83;border:2px solid #125455;border-radius:9px;color:#fff;box-shadow:0 3px 0 #123e3d}
.primary:hover:not(:disabled),.btn.primary:hover{background:#096d72}
.primary:active,.btn.primary:active{transform:translateY(2px);box-shadow:0 1px 0 #123e3d}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #0b7c80;outline-offset:4px}
input,select,textarea{accent-color:#087d83}
h1,h2,h3{color:#102f33}
html[lang="zh-CN"] main h1{color:#102f33}
.site[data-view="home"] main{grid-template-columns:minmax(0,1fr) 340px;gap:0 32px;padding:0 48px 48px}
.site[data-view="home"] .discover-copy{grid-column:1/-1;grid-row:1;margin:0 -48px;position:relative;min-height:440px;height:clamp(440px,33.333cqw,480px);padding:30px 48px 32px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;border:0;border-radius:0;background:#f5f4ec url('/ui-v6/assets/hero-room.webp') center/cover no-repeat;isolation:isolate;overflow:hidden}
.discover-copy>*{max-width:47%}
.discover-copy .discovery-kicker{display:block;grid-column:auto;grid-row:auto;font-size:10px;letter-spacing:2.2px;font-weight:600;color:#477a7c;margin:0 0 15px}
.discovery-kicker svg{display:none}
.discover-copy h1{grid-column:auto;grid-row:auto;align-self:auto;max-width:47%;font-size:59px;line-height:1.06;letter-spacing:-1.3px;color:#0d2e31;text-wrap:balance;margin:0 0 17px}
html[lang="zh-CN"] main .discover-copy h1{font-size:74px;line-height:1.12;letter-spacing:0}
.discover-copy h1 .hero-line{display:block}
.discover-copy .lede{grid-column:auto;grid-row:auto;max-width:47%;font-size:14px;line-height:1.8;margin:0 0 20px;color:#455b5e}
.discover-copy .search{grid-column:auto;grid-row:auto;align-self:auto;max-width:47%;margin:0 0 12px;min-height:54px;border:1px solid #73a5a1;overflow:visible;border-radius:9px;background:#fff;box-shadow:0 3px 0 #174d4430;padding:3px;position:relative;z-index:2}
.search input{min-height:46px;font-size:14px;padding-left:38px}
.search>.search-symbol{left:13px;top:17px;color:#5d8080}
.search button,.search button:hover:not(:disabled){min-height:46px;min-width:88px;background:#087d83;border:1px solid #125455;border-radius:7px;box-shadow:none;color:#fff;font-size:14px;padding:10px 18px}
.search button:hover:not(:disabled){background:#0c696d}
.search-shortcuts{grid-column:auto;grid-row:auto;margin:0;gap:11px;font-size:11px;color:#536d6b;max-width:47%;position:relative;z-index:2}
.search-shortcuts a{color:#075e65;background:transparent;border:0;border-bottom:1px solid #76aaa7;padding:0;border-radius:0}
.search-shortcuts a:hover{color:#074a50;background:transparent}
.site[data-view="home"] .returning{grid-column:1/-1;grid-row:2;z-index:1;max-width:315px;width:315px;align-self:center;min-height:76px;padding:13px 10px 13px 0;background:#fff;border:0;font-size:11px;gap:10px}
.returning>div{gap:9px}
.returning br{display:initial}
.returning small{margin-left:0;font-size:10px}
.returning a{font-size:11px}
.returning svg{color:#087d83}
.site[data-view="home"] .genre-ribbon{grid-column:1/-1;grid-row:2;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;align-content:center;align-self:stretch;gap:8px 16px;padding:14px 0;margin:0;min-height:76px;background:#fff;border:0;border-bottom:1px solid #dce7e4}
.site[data-view="home"] main:has(.returning) .genre-ribbon{padding-left:335px}
.genre-ribbon>span{display:none}
.genre-ribbon>a,.genre-ribbon>a:first-of-type,.genre-ribbon>a:nth-last-child(2){display:inline-flex;align-items:center;min-height:44px;padding:6px 0;margin:0;background:transparent;border:0;border-radius:0;font-size:12px;font-weight:600;color:#08777c}
.genre-ribbon>a:hover{background:transparent;color:#064b50;text-decoration:underline}
.site[data-view="home"] .homepage-picks{grid-column:1;grid-row:3;margin:0;padding:32px 0 24px}
.homepage-picks .section-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin:0 0 7px}
html[lang="zh-CN"] main .homepage-picks .section-head h2{font-family:"Songti SC","STSong",serif;font-size:34px;line-height:1.4}
.homepage-picks .section-head h2{font-size:32px}
.homepage-picks .section-head>a{font-size:12px;min-height:30px;display:inline-flex;align-items:center}
.homepage-picks>.caption{font-size:12px;margin:0 0 19px;line-height:1.7;color:#71807e}
.homepage-picks .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:22px 20px}
.homepage-picks .book-card,.homepage-picks .book-card:first-child{display:flex;flex-direction:column;gap:0;min-height:0;grid-column:auto;padding:0;margin:0;border:0;background:transparent;border-radius:0}
.homepage-picks .book-card .cover,.homepage-picks .book-card:first-child .cover{width:100%;min-height:0;aspect-ratio:2/3;font-size:15px}
.homepage-picks .book-card h3,.homepage-picks .book-card:first-child h3,html[lang="zh-CN"] main .homepage-picks .book-card h3{font-family:Georgia,"Songti SC",serif;font-size:19px;line-height:1.4;margin:13px 0 5px}
.homepage-picks .book-card .byline{font-size:11px;color:#66807a}
.homepage-picks .book-card .book-meta{font-size:10px;line-height:1.6;gap:4px;margin-top:7px;color:#657774;flex-wrap:wrap}
.homepage-picks .rating-empty{font-size:14px;line-height:1.6;margin:8px 0}
.homepage-picks .rating-empty span{display:block;font-size:10px;margin:0}
.homepage-picks .card-action{gap:6px;flex-wrap:wrap;margin-top:11px}
.homepage-picks .card-action>a,.homepage-picks .card-action>a:hover{min-height:38px;padding:7px 9px;background:#fff;color:#08767b;border:1px solid #6ba8a5;border-radius:5px;box-shadow:0 2px 0 #dcebe5;font-size:10px}
.homepage-picks .save-mini{min-height:38px;padding:7px 8px;font-size:10px;border-radius:5px}
.save-mini.is-saved{background:#e3f1e9;border-color:#69a294;color:#245d56}
.site[data-view="home"] .hero-rankings{grid-column:2;grid-row:3;margin:32px 0 24px;padding:20px 21px;border:1px solid #d5e2de;border-radius:11px;background:#fff;align-self:start;box-shadow:0 3px 0 #e3ece7}
.ranking-heading h2{font-size:27px}
html[lang="zh-CN"] main .ranking-heading h2{font-family:"Songti SC","STSong",serif;font-size:30px}
.ranking-tabs{background:#f1f6f3;border:0;border-radius:6px;padding:0 3px}
.ranking-tabs button{font-size:12px;border-radius:0;min-height:44px}
.ranking-tabs button[aria-pressed=true],.ranking-tabs button[aria-pressed=true]:hover{color:#08777c;border-bottom-color:#087d83}
.ranking-tabs button:hover{background:#e6f3ec}
.ranking-rows{display:block}
.ranking-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;min-height:96px;padding:16px 0}
.ranking-position{font-size:35px;color:#b78a45}
.ranking-row:nth-child(2) .ranking-position{color:#709798}
.ranking-row:nth-child(3) .ranking-position{color:#7a8889}
.ranking-title b{font-size:14px;color:#173a3d}
.ranking-title small{font-size:11px}
.ranking-status{grid-column:auto;margin:0;font-size:10px;color:#6f7e78}
.site[data-view="home"] .discovery-columns{grid-column:1/-1;grid-row:4;margin:0;padding:28px 0 0;border-top:1px solid #dce7e4;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:40px}
.discovery-columns .editorial-aside{margin:0;padding:0 0 0 26px;border:0;border-left:1px solid #dce7e4;background:#fff}
.discovery-tabs button[aria-pressed=true]{color:#08777c;border-bottom-color:#087d83}
.site[data-view="home"] .platform-strip{grid-column:1/-1;grid-row:5;display:flex;justify-content:space-between;align-items:center;gap:28px;margin:30px 0 0;padding:26px 28px;background:#edf6ef;border:1px solid #bdd5c9;border-radius:12px;box-shadow:0 3px 0 #d5e7dc}
.platform-strip p{margin:6px 0 0;font-size:13px;color:#5d7670}
.site[data-view="home"] .method-strip{grid-column:1/-1;grid-row:6;display:flex;justify-content:space-between;align-items:center;gap:28px;margin:0;padding:27px 0;background:#fff;border:0;border-bottom:1px solid #dce7e4}
.method-strip p{margin:5px 0 0;font-size:13px;color:#657c74}
.site[data-view="home"] main>.page-note{grid-column:1/-1;grid-row:7;margin:20px 0 0}
.cover{background:#edf2ef!important;color:#687b73!important;border-color:#cad9d0}
.cover-status.ongoing,.status-inline.ongoing{background:#fff0d2;color:#765216}
.cover-status.completed,.status-inline.completed{background:#def0e2;color:#255f40}
.cover-status.unknown,.status-inline.unknown{background:#e8ebea;color:#5a6765}
.callout{background:#f2f7ed;border-color:#cbd9c0;border-left-color:#7a9f60;color:#53684a}
.pill,.heading-side{background:#edf5ee;color:#386c5e;border-color:#cbddce}
.filter-shell,.filters{background:#f3f8f1;border-color:#cbdcc9}
.filter-shell>summary{background:#e9f2e4;color:#365e4e;border-color:#c8dbc5}
.filters label{color:#4d6d61}
.filters input,.filters select{border-color:#c1d2c6;color:#26483e;background:#fff}
.view-controls button[aria-pressed=true]{background:#e1f0e6;border-color:#75a28f;color:#245e50}
.detail-hero{border-bottom-color:#c4d8cd}
.detail-info .eyebrow{color:#337264}
.rating-line a{color:#087c81}
.jump{background:#f0f7ee;border-color:#bdd3c4;border-radius:9px;box-shadow:0 2px 0 #d9e9dc}
.jump a{color:#365b4c}
.jump a[aria-current],.jump a.is-active{background:#087d83;color:#fff;border-radius:6px}
.dock-heading{background:#e4f2e7;border-color:#bdd5c6}
.dock-heading h3{color:#245c4c}
.dock-heading small{color:#597767}
.version,.dock-panel,.review-grid .card{border-color:#c4d8ca;border-radius:10px}
.version.is-selected{border-color:#508c74;box-shadow:0 0 0 2px #e7f3e9}
.review-summary{background:#f0f6e9;border-color:#b5cd9c;border-left-color:#6b9865;border-radius:0 10px 10px 0}
.review-summary>strong{color:#59794d}
.rating-choices input:checked+span{background:#087d83;color:#fff;border-color:#125455}
.library-tabs button[aria-selected=true]{background:#e6f2e7;color:#245d4d;border-color:#8fb39b}
.library-tabs button:hover{background:#eaf4e9;color:#2f5c4a}
.library-tabs button[aria-selected=true] small{background:#087d83;color:#fff}
.footer{background:#f2f7f0;color:#5a7566;border-top-color:#c9ddcd}
.footer>div>b{color:#2a5947}
.footer a{color:#326b58}
.footer p,.footer .small{color:#6d8476}
.bar{background:#153b3cf5;border-color:#577f78}
.bar:before{color:#b1dbcc}
.bar a.language-link{color:#dcf1e7}
.toast{background:#173d3d;border-color:#557d72}
/* The carousel contains actual cover files; the photographic room is separate. */
.shelf-carousel{position:absolute;right:0;top:0;bottom:0;width:51%;max-width:none;z-index:1;touch-action:pan-y;user-select:none}
.shelf-viewport{position:absolute;inset:0;overflow:hidden}
.shelf-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(14px);transition:opacity .38s ease,transform .38s ease,visibility .38s;pointer-events:none}
.shelf-slide.is-current{opacity:1;visibility:visible;transform:translateX(0);pointer-events:auto}
.shelf-covers{position:absolute;left:6%;right:8%;bottom:25%;display:flex;align-items:flex-end;justify-content:center;gap:0}
.shelf-covers img{display:block;min-width:0;width:32%;height:auto;max-height:275px;object-fit:contain;object-position:bottom;filter:drop-shadow(4px 7px 5px #123a3b42);border-radius:2px;pointer-events:none}
.shelf-covers img:first-child{width:30%;max-height:242px;transform:rotate(-3deg) translateX(9px);z-index:1}
.shelf-covers img:nth-child(2){width:34%;max-height:300px;z-index:3}
.shelf-covers img:nth-child(3){width:30%;max-height:246px;transform:rotate(3deg) translateX(-8px);z-index:2}
.carousel-controls{position:absolute;left:0;right:0;bottom:39px;display:flex;align-items:center;justify-content:center;gap:9px}
.carousel-controls>button{min-width:44px;min-height:40px;padding:6px 10px;border:1px solid #8db1aa;border-radius:7px;background:#fffdf6f5;color:#1e5553;font-size:11px;font-weight:650;box-shadow:0 2px 0 #1a4c4330}
.carousel-controls>button:hover{background:#dff0e7;border-color:#487f74}
.shelf-dots{display:flex;align-items:center;gap:0}
.shelf-dots button{width:30px;min-width:30px;min-height:38px;border:0;background:transparent;padding:0;box-shadow:none}
.shelf-dots button:before{content:"";display:block;width:7px;height:7px;background:#91aaa0;border-radius:50%}
.shelf-dots button[aria-pressed=true]:before{width:20px;border-radius:8px;background:#145f5d}
.shelf-caption{position:absolute;bottom:8px;right:18px;left:auto;max-width:calc(100% - 36px);margin:0;padding:3px 7px;color:#f1fff7;background:#174947c9;border-radius:4px;font-size:10px;text-align:center;line-height:1.5}
.shelf-carousel:focus-visible{outline-offset:-6px}
@container(max-width:1190px){
 .site .head{background:#fff}
 .site .head nav{background:#fff;border-top-color:#dce9e2}
 .site[data-view="home"] main{grid-template-columns:minmax(0,1fr) 280px;gap:0 25px;padding-inline:30px}
 .site[data-view="home"] .discover-copy{margin-inline:-30px;padding-inline:30px;min-height:395px;height:395px}
 html[lang="zh-CN"] main .discover-copy h1{font-size:61px}
 .discover-copy h1{font-size:46px}
 .discover-copy .lede{font-size:12px;max-width:46%}
 .discover-copy .search,.search-shortcuts{max-width:47%}
 .search input{font-size:12px}
 .search button{min-width:66px;font-size:12px;padding-inline:11px}
 .search-shortcuts{font-size:10px;gap:8px}
 .shelf-covers{left:3%;right:6%;bottom:27%}
 .shelf-covers img:first-child,.shelf-covers img:nth-child(3){max-height:215px}
 .shelf-covers img:nth-child(2){max-height:260px}
 .carousel-controls{gap:6px;bottom:37px}
 .carousel-controls>button{font-size:9px;padding-inline:7px}
 .shelf-dots button{width:25px;min-width:25px}
 .site[data-view="home"] .returning{width:280px;max-width:280px}
 .site[data-view="home"] main:has(.returning) .genre-ribbon{padding-left:295px;gap:5px 13px}
 .genre-ribbon>a{font-size:11px;min-height:33px}
 .homepage-picks .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
 html[lang="zh-CN"] main .homepage-picks .section-head h2{font-size:28px}
 .homepage-picks .section-head>a{font-size:10px}
 .homepage-picks .book-card h3,.homepage-picks .book-card:first-child h3,html[lang="zh-CN"] main .homepage-picks .book-card h3{font-size:18px}
 .site[data-view="home"] .hero-rankings{padding:20px 17px}
 .ranking-heading{gap:8px}
 html[lang="zh-CN"] main .ranking-heading h2{font-size:26px}
 .ranking-row{grid-template-columns:31px minmax(0,1fr);gap:10px}
 .ranking-status{grid-column:2;margin-top:-7px;justify-self:start}
 .site[data-view="home"] .discovery-columns{gap:28px;grid-template-columns:minmax(0,1.5fr) minmax(210px,1fr)}
}
@container(max-width:890px){
 .site[data-view="home"] main{grid-template-columns:minmax(0,1fr) 260px}
 .site[data-view="home"] .discover-copy{min-height:420px;height:420px}
 .discover-copy h1{font-size:42px}
 html[lang="zh-CN"] main .discover-copy h1{font-size:56px}
 .discover-copy .lede{max-width:46%;font-size:12px}
 .search-shortcuts{gap:6px;font-size:9px}
 .shelf-carousel{width:49%}
 .shelf-covers{bottom:31%}
 .carousel-controls{bottom:46px;gap:3px;flex-wrap:wrap}
 .carousel-controls>button{font-size:9px;padding-inline:6px}
 .shelf-dots button{min-width:22px;width:22px}
 .site[data-view="home"] .homepage-picks{grid-column:1;grid-row:3}
 .site[data-view="home"] .hero-rankings{grid-column:2;grid-row:3;margin-inline:0}
 .site[data-view="home"] .discovery-columns{grid-column:1/-1;grid-row:4}
 .site[data-view="home"] .platform-strip{grid-column:1/-1;grid-row:5;margin-inline:0}
 .site[data-view="home"] .method-strip{grid-column:1/-1;grid-row:6;margin-inline:0}
 .site[data-view="home"] main>.page-note{grid-column:1/-1;grid-row:7;margin-inline:0}
 .ranking-rows{display:block}
 .ranking-row{display:grid;min-height:88px;border-right:0}
 .ranking-status{margin:0;grid-column:2}
}
@container(max-width:760px){
 .site .head{background:#fff}
 .site .head nav{background:#fff}
 .site .head .logo{font-size:22px}
 .brand-mark{border-radius:7px;box-shadow:none}
 .tools .library-link{border-radius:7px;padding:8px 9px;font-size:11px;box-shadow:0 2px 0 #0c292c}
 .head nav>a{font-size:12px}
 html[lang="en"] .site .head .logo{font-size:18px}
 .site[data-view="home"] main{grid-template-columns:1fr;padding-inline:20px;gap:0}
 .site[data-view="home"] .discover-copy{grid-column:1;grid-row:1;display:flex;justify-content:flex-start;align-items:stretch;height:auto;min-height:0;margin:0 -20px;padding:27px 20px 0;background:#f5f5ee;overflow:hidden}
 .discover-copy>*{max-width:100%}
 .discover-copy .discovery-kicker{font-size:9px;letter-spacing:1.3px;margin:0 0 12px}
 .discover-copy h1{max-width:100%;font-size:36px;line-height:1.08;margin:0 0 15px}
 html[lang="zh-CN"] main .discover-copy h1{font-size:44px;line-height:1.15}
 .discover-copy h1 .hero-line{display:block}
 .discover-copy .lede{max-width:100%;font-size:13px;line-height:1.9;margin-bottom:17px}
 .discover-copy .search{max-width:100%;margin:0 0 12px;min-height:52px}
 .search input{min-height:44px;font-size:12px;padding-left:33px}
 .search button{min-height:44px;min-width:63px;font-size:12px}
 .search>.search-symbol{left:11px;top:17px}
 .search-shortcuts{max-width:100%;font-size:10px;gap:9px;margin-bottom:12px;line-height:1.8}
 .shelf-carousel{position:relative;right:auto;top:auto;bottom:auto;width:calc(100% + 40px);max-width:none;height:272px;margin:0 -20px;background:#dbe9e1 url('/ui-v6/assets/hero-room.webp') right center/auto 100% no-repeat}
 .shelf-covers{left:12%;right:12%;bottom:27%}
 .shelf-covers img:first-child,.shelf-covers img:nth-child(3){max-height:160px;width:30%}
 .shelf-covers img:nth-child(2){max-height:190px;width:34%}
 .carousel-controls{bottom:27px;gap:9px;flex-wrap:nowrap}
 .carousel-controls>button{min-height:44px;min-width:44px;font-size:10px;padding-inline:8px}
 .shelf-dots button{width:28px;min-width:28px;min-height:44px}
 .shelf-caption{bottom:6px;font-size:9px}
 .site[data-view="home"] .returning{grid-column:1;grid-row:2;max-width:none;width:auto;min-height:67px;padding:15px 0;border-bottom:1px solid #dce7e4}
 .site[data-view="home"] .genre-ribbon,.site[data-view="home"] main:has(.returning) .genre-ribbon{grid-column:1;grid-row:3;padding:15px 0;min-height:0;gap:5px 14px;border-bottom:1px solid #dce7e4;background:#fff}
 .genre-ribbon>span{display:block;width:100%;font-size:12px;margin:0 0 2px;padding:0;color:#54746a}
 .genre-ribbon>a,.genre-ribbon>a:first-of-type,.genre-ribbon>a:nth-last-child(2){font-size:11px;padding:5px 0;min-height:38px;border:0;background:#fff}
 .site[data-view="home"] .homepage-picks{grid-column:1;grid-row:4;padding:25px 0 24px}
 .homepage-picks .section-head{display:block}
 html[lang="zh-CN"] main .homepage-picks .section-head h2{font-size:29px;line-height:1.4}
 .homepage-picks .section-head>a{margin:3px 0 0;min-height:30px;font-size:11px}
 .homepage-picks .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}
 .homepage-picks .book-card,.homepage-picks .book-card:first-child{display:flex;flex-direction:column;gap:0;padding:0;margin:0}
 .homepage-picks .book-card .cover,.homepage-picks .book-card:first-child .cover{width:100%;min-height:0;font-size:14px}
 .homepage-picks .book-card h3,.homepage-picks .book-card:first-child h3,html[lang="zh-CN"] main .homepage-picks .book-card h3{font-size:20px;margin:12px 0 5px}
 .homepage-picks .book-card .book-meta{font-size:10px}
 .homepage-picks .rating-empty span{font-size:10px}
 .homepage-picks .card-action>a,.homepage-picks .save-mini{min-height:44px;font-size:10px;padding:8px 9px}
 .site[data-view="home"] .hero-rankings{grid-column:1;grid-row:5;margin:0 0 25px;padding:22px 20px;border:1px solid #cadfd4}
 .ranking-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;min-height:90px;border:0;border-bottom:1px solid #dce7e4;padding:17px 0}
 .ranking-row:last-child{border:0}
 .ranking-status{grid-column:auto;font-size:10px;margin:0;align-self:center}
 .ranking-title b{font-size:14px}
 .ranking-title small{font-size:11px}
 .site[data-view="home"] .discovery-columns{grid-column:1;grid-row:6;padding:24px 0 0;display:block}
 .discovery-columns .editorial-aside{margin-top:28px;padding:24px 0 0;border:0;border-top:1px solid #dce7e4}
 .site[data-view="home"] .platform-strip{grid-column:1;grid-row:7;display:block;padding:22px;margin:25px 0 0}
 .platform-strip>a{display:inline-flex;min-height:44px;align-items:center;font-size:12px}
 .site[data-view="home"] .method-strip{grid-column:1;grid-row:8;display:block;padding:25px 0}
 .method-strip>a{display:inline-flex;min-height:44px;align-items:center;font-size:12px}
 .site[data-view="home"] main>.page-note{grid-column:1;grid-row:9;margin:12px 0 0}
 .library-tabs{background:transparent}
 .review-summary{display:block}
 .review-summary>strong{display:block;max-width:none;margin-bottom:10px}
}
@container(max-width:360px){
 .site .head .logo{font-size:19px}
 html[lang="en"] .site .head .logo{font-size:13px}
 .site[data-view="home"] main{padding-inline:16px}
 .site[data-view="home"] .discover-copy{margin-inline:-16px;padding-inline:16px}
 html[lang="zh-CN"] main .discover-copy h1{font-size:38px}
 .shelf-carousel{width:calc(100% + 32px);margin-inline:-16px}
 .carousel-controls{gap:5px}
 .carousel-controls>button{font-size:9px;padding-inline:6px}
 .shelf-dots button{min-width:23px;width:23px}
}
@media(prefers-reduced-motion:reduce){.shelf-slide{transition:none;transform:none}.primary:active,.btn.primary:active{transform:none}}

/* User's final colour reference: forest masthead, green hero, red actions. */
:root{--paper:#fffef7;--ink:#164b35;--muted:#607667;--line:#cbdcc5;--accent:#246b42;--green:#2c7f50;--cyan:#ce2b36;--deep:#174d36;--wash:#f1f7e5;--soft:#f8faef;--gold:#ac8339}
body{background:#fdfef7;color:#174d36;font-family:"Avenir Next","PingFang SC","Segoe UI",system-ui,sans-serif}
.site{background:#fffef8}
.site .head{background:#246b42;border-bottom:3px solid #174d36}
.site .head .logo{color:#fff;font-family:"Avenir Next","PingFang SC",system-ui,sans-serif;font-weight:750;letter-spacing:-1px}
.brand-mark{background:#36865c;border:1px solid #88bd90;color:#fff;box-shadow:0 2px 0 #174d36}
.head nav>a,.head nav>a[aria-current]{color:#fff;font-weight:750}
.head nav>a[aria-current]{border-bottom-color:#e5f4da}
.head nav>a:hover{color:#fff;border-bottom-color:#bbdfbd}
.site .head nav{background:#246b42;border-top-color:#48895f}
.tools>a{color:#fff}
.tools .library-link{background:#f8fbed;color:#174d36;border:2px solid #174d36;box-shadow:0 3px 0 #103e2b}
.tools .library-link:hover{background:#e7f1d9;color:#174d36}
.library-count{background:#dcecc9;color:#174d36}
html[lang] .site main h1,html[lang] .site main h2,html[lang] .site main h3{font-family:"Avenir Next","PingFang SC","Segoe UI",system-ui,sans-serif;color:#174d36;font-weight:750;letter-spacing:-.4px}
html[lang] .site main .homepage-picks .section-head h2,html[lang] .site main .ranking-heading h2,html[lang] .site main .homepage-picks .book-card h3{font-family:"Avenir Next","PingFang SC","Segoe UI",system-ui,sans-serif;font-weight:750}
.primary,.btn.primary,.primary:hover:not(:disabled),.btn.primary:hover{background:#ce2b36;border:2px solid #174d36;color:#fff;border-radius:15px;box-shadow:0 5px 0 #174d36;font-weight:750}
.primary:hover:not(:disabled),.btn.primary:hover{background:#c01f2d}
.primary:active,.btn.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #174d36}
button,.btn{border-color:#4e7c5e;border-radius:11px;font-weight:650}
button:hover:not(:disabled),.btn:hover{background:#edf5e1;border-color:#245b3f}
a{color:#236c46}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#ce2b36}
input,select,textarea{accent-color:#ce2b36}
.site[data-view="home"] .discover-copy{background:#2c7f50;background-image:none;min-height:450px;height:clamp(450px,34cqw,490px);padding-block:30px}
.discover-copy .discovery-kicker{color:#1e583b;background:#fcfdf2;border:2px solid #174d36;border-radius:9px;box-shadow:0 3px 0 #174d36;display:inline-flex;align-items:center;min-height:33px;padding:6px 12px;letter-spacing:1px;margin-bottom:20px;transform:rotate(-1deg);font-size:10px;font-weight:750}
html[lang] .site main .discover-copy h1{font-family:"Avenir Next","PingFang SC","Segoe UI",system-ui,sans-serif;color:#fff;font-size:69px;font-weight:800;line-height:1.12;letter-spacing:-1px;text-shadow:0 3px 0 #205e40;margin-bottom:17px}
html[lang="en"] .site main .discover-copy h1{font-size:55px;line-height:1.08}
.discover-copy .lede{color:#e6f2df;font-weight:600;font-size:14px}
.discover-copy .search{border:2px solid #174d36;border-radius:15px;background:#fffef6;box-shadow:0 4px 0 #174d36;padding:4px}
.search input{color:#214e37;font-weight:500}
.search>.search-symbol{color:#49745a}
.search button,.search button:hover:not(:disabled){background:#ce2b36;color:#fff;border:1px solid #ae1d2a;border-radius:10px;font-weight:750}
.search button:hover:not(:disabled){background:#bc202d}
.discover-copy .search-shortcuts{color:#daebd5}
.discover-copy .search-shortcuts a{color:#fff;border-bottom-color:#bbd9ba;font-weight:650}
.discover-copy .search-shortcuts a:hover{color:#fff;background:transparent}
.shelf-carousel{top:27px;bottom:27px;right:28px;width:47.5%;height:auto;background:#e9f1d8 url('/ui-v6/assets/hero-room-green.webp') right center/auto 100% no-repeat;border:3px solid #174d36;border-radius:32px;box-shadow:0 8px 0 #174d36;overflow:hidden}
.shelf-covers{bottom:25%}
.carousel-controls{bottom:36px}
.carousel-controls>button{background:#fffef3;color:#174d36;border:2px solid #174d36;border-radius:10px;box-shadow:0 3px 0 #174d36;font-weight:750}
.carousel-controls>button:hover{background:#e5f1d5;color:#174d36}
.shelf-dots button:before{background:#89ac81}
.shelf-dots button[aria-pressed=true]:before{background:#174d36}
.shelf-caption{background:#174d36df;color:#f3f9e9;right:10px;bottom:8px;border-radius:5px}
.site[data-view="home"] .returning,.site[data-view="home"] .genre-ribbon{background:#fffef7;border-bottom-color:#ccddc5}
.returning svg,.genre-ribbon>a{color:#246b42}
.homepage-picks .card-action>a,.homepage-picks .card-action>a:hover{border:1px solid #4d7c59;background:#fffef4;color:#205e3d;box-shadow:0 2px 0 #bcd1b3;border-radius:7px}
.save-mini.is-saved{background:#e5efd8;border-color:#648c58;color:#265b36}
.site[data-view="home"] .hero-rankings{background:#fffef6;border:2px solid #265e3f;border-radius:18px;box-shadow:0 4px 0 #c5d6b9}
.ranking-tabs{background:#eef5e2;border-radius:10px}
.ranking-tabs button[aria-pressed=true],.ranking-tabs button[aria-pressed=true]:hover{color:#235d3d;border-bottom-color:#ce2b36}
.ranking-row{border-bottom-color:#d4e0c9}
.ranking-position{color:#af7d38}
.ranking-row:first-child .ranking-position{color:#ce2b36}
.ranking-row:nth-child(2) .ranking-position{color:#62896b}
.ranking-row:nth-child(3) .ranking-position{color:#869481}
.ranking-title b{color:#174d36}
.rankings-index>.ranking-widget{background:#fffef6;border:2px solid #265e3f;border-radius:18px;box-shadow:0 4px 0 #c5d6b9}
.genre-card{background:#f0f6e3;border-bottom-color:#2d6f43}
.genre-card b{color:#245c36}
.genre-card:hover{background:#e3efd3}
.site[data-view="home"] .discovery-columns{border-top-color:#cbdcc4}
.discovery-tabs button[aria-pressed=true]{color:#1b5837;border-bottom-color:#ce2b36}
.site[data-view="home"] .platform-strip{background:#f2f7e5;border:2px solid #265e3f;border-radius:20px;box-shadow:0 4px 0 #cbdcc0}
.cover{background:#eff4e6!important;border:1px solid #c6d7bd;color:#6c8068!important}
.cover-status.ongoing,.status-inline.ongoing{background:#fff0d2;color:#765216}
.cover-status.completed,.status-inline.completed{background:#dcefdc;color:#255f40}
.cover-status.unknown,.status-inline.unknown{background:#e8ebea;color:#5a6765}
.callout{background:#f2f7e5;border-color:#bfd2aa;border-left-color:#537f46;color:#46673c}
.pill,.heading-side{background:#edf4df;color:#3d6d3f;border-color:#c3d5b4}
.filter-shell,.filters{background:#f3f8e9;border-color:#8cae7e;border-radius:14px}
.filter-shell>summary{background:#eaf3dc;color:#255d39;border-color:#b1c99b}
.view-controls button[aria-pressed=true]{background:#deebd2;border-color:#5f8c4c;color:#245c36}
.detail-hero{border-bottom-color:#b8d0ad}
.detail-info .eyebrow{color:#4b7a46}
.rating-line a{color:#266e44}
.jump{background:#f2f7e6;border:2px solid #4b7954;border-radius:13px;box-shadow:0 3px 0 #d4e2c7}
.jump a{color:#315f3e}
.jump a[aria-current],.jump a.is-active{background:#246b42;color:#fff;border-radius:8px}
.dock-panel,.version,.review-grid .card{background:#fffef6;border:2px solid #8daa78;border-radius:16px}
.dock-heading{background:#e7f0d7;border-color:#b4cba1}
.dock-heading h3{color:#285e38}
.version.is-selected{border-color:#356f46;box-shadow:0 0 0 3px #dcebd0}
.review-summary{background:#f2f6e5;border-left-color:#59834a}
.rating-choices input:checked+span{background:#ce2b36;color:#fff;border-color:#a41d2a}
.library-tabs button[aria-selected=true]{background:#e3eed5;color:#235a35;border-color:#83a66b}
.library-tabs button[aria-selected=true] small{background:#ce2b36;color:#fff}
.library-tabs button:hover{background:#eaf3dc;color:#225c36}
.footer{background:#f1f6e4;border-top:2px solid #b6cfa5;color:#5e7954}
.footer>div>b{color:#285e38}
.footer a{color:#376f3e}
.bar{background:#174d36f5;border-color:#67925b}
.bar:before{color:#c2e0ad}
.bar a.language-link{color:#e4f3d7}
.toast{background:#174d36;border-color:#6e935e}
@container(max-width:1190px){
 .site .head,.site .head nav{background:#246b42}
 .site .head nav{border-top-color:#4d8a60}
 .site[data-view="home"] .discover-copy{min-height:420px;height:420px}
 html[lang] .site main .discover-copy h1{font-size:57px}
 html[lang="en"] .site main .discover-copy h1{font-size:45px}
 .discover-copy .discovery-kicker{font-size:9px;padding:5px 10px;min-height:30px;margin-bottom:17px}
 .discover-copy .lede{font-size:12px}
 .shelf-carousel{right:20px;top:24px;bottom:24px;width:47%;border-radius:27px}
}
@container(max-width:760px){
 .site .head,.site .head nav{background:#246b42}
 .site .head .logo{color:#fff}
 .tools .library-link{background:#f8fbed;color:#174d36;border-color:#174d36;box-shadow:0 2px 0 #123b2a}
 .site[data-view="home"] .discover-copy{background:#2c7f50;height:auto;min-height:0;padding-top:25px;padding-bottom:0}
 .discover-copy .discovery-kicker{align-self:flex-start;font-size:8px;min-height:28px;padding:4px 9px;margin-bottom:19px;letter-spacing:.7px;border-radius:7px}
 html[lang] .site main .discover-copy h1{font-size:43px;color:#fff;line-height:1.13;letter-spacing:-.6px}
 html[lang="en"] .site main .discover-copy h1{font-size:35px;line-height:1.13}
 .discover-copy .lede{font-size:12px;color:#e6f2df}
 .discover-copy .search{border-radius:13px}
 .shelf-carousel{position:relative;top:auto;bottom:auto;right:auto;width:100%;max-width:100%;height:260px;margin:7px 0 25px;background-color:#e9f1d8;background-image:url('/ui-v6/assets/hero-room-green.webp');border:3px solid #174d36;border-radius:23px;box-shadow:0 6px 0 #174d36}
 .shelf-covers{left:8%;right:8%;bottom:27%}
 .shelf-caption{font-size:8px;max-width:calc(100% - 16px);right:8px;bottom:5px}
 .carousel-controls{bottom:24px;gap:5px}
 .carousel-controls>button{font-size:9px;min-height:44px;padding-inline:7px}
 .site[data-view="home"] .hero-rankings{border-radius:17px}
 .site[data-view="home"] .platform-strip{border-radius:17px}
 .version,.dock-panel,.review-grid .card{border-radius:14px}
}
@container(max-width:360px){
 html[lang] .site main .discover-copy h1{font-size:37px}
 html[lang="en"] .site main .discover-copy h1{font-size:32px}
 .shelf-carousel{height:244px}
 .carousel-controls>button{font-size:8px;padding-inline:5px}
}
@media(prefers-reduced-motion:reduce){.primary:active,.btn.primary:active{transform:none}}

/* Keep the approved folded N unchanged; pair it with the user's selected geometric lettering. */
.novelsift-wordmark{
 --brand-icon:36px;--brand-type:27px;--wordmark-height:28px;
 display:inline-flex!important;align-items:center;gap:9px;flex:none;width:max-content;height:var(--brand-icon);
 color:#f5efdf;background:none;-webkit-mask:none;mask:none;mix-blend-mode:normal;
 font-family:"Avenir Next","Segoe UI",Arial,sans-serif!important;font-size:var(--brand-type);font-weight:600;line-height:1.15;letter-spacing:-.65px;
}
.novelsift-wordmark::before{content:"";display:block;flex:none;width:var(--brand-icon);height:var(--brand-icon);background:url('/ui-v6/assets/novelsift-folded-n-cream-gold.png') calc(var(--brand-icon)*-.669399) calc(var(--brand-icon)*-.505464)/calc(var(--brand-icon)*5.934426) calc(var(--brand-icon)*1.978142) no-repeat;mix-blend-mode:lighten}
.novelsift-wordmark::after{content:"";display:block;flex:none;width:calc(var(--wordmark-height)*4.729167);height:var(--wordmark-height);background:url('/ui-v6/assets/novelsift-geometric-wordmark.png') calc(var(--wordmark-height)*-.145833) calc(var(--wordmark-height)*-.197917)/calc(var(--wordmark-height)*4.979167) calc(var(--wordmark-height)*1.510417) no-repeat;mix-blend-mode:lighten}
.site .head .logo{gap:0;color:#f5efdf;min-height:56px}
.novelsift-footer-brand{display:inline-block;color:#f5efdf}
.novelsift-footer-brand .novelsift-wordmark{--brand-icon:32px;--brand-type:25px;--wordmark-height:25px}
@container(max-width:760px){.head .novelsift-wordmark{--brand-icon:30px;--brand-type:23px;--wordmark-height:24px;gap:8px;letter-spacing:-.45px}.site .head .logo{min-height:48px}}
@container(max-width:360px){.head .novelsift-wordmark{--brand-icon:28px;--brand-type:22px;--wordmark-height:22px}}


/* Localized typography and directional layout; existing design tokens remain authoritative. */
.locale-switcher{display:flex;align-items:center;min-width:0}
.locale-switcher select{max-width:126px;min-height:38px;padding:6px 22px 6px 10px;border:1px solid #665337;border-radius:9px;background:#272019;color:#f4ead8;font:inherit;font-size:13px;line-height:1.4;cursor:pointer}
.head .tools{gap:12px}.head nav{min-width:0;gap:clamp(10px,1.5vw,24px)}
html:not([lang^="zh"]) .head nav a{font-size:14px;white-space:nowrap}
html:not([lang^="zh"]) .discover-copy h1{font-size:clamp(34px,4.2vw,64px);line-height:1.12;letter-spacing:-.035em;max-width:13em;overflow-wrap:normal}
.page-heading h1,.directory-title,.section-head h2{overflow-wrap:anywhere}
.book-title-text,.byline-name{unicode-bidi:isolate}.real-book-card h3,.list-row h2{overflow-wrap:anywhere}
.edition-language-note{font-size:13px!important;line-height:1.65!important;color:#c5b9a5!important;margin-top:16px!important;max-width:62ch}
html[lang="ja"]{line-break:strict;word-break:normal}html[lang="ja"] body{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}html[lang="ja"] .discover-copy h1{letter-spacing:.01em;line-height:1.45;font-size:clamp(28px,3.7vw,50px)}
html[dir="rtl"] body{font-family:"Noto Sans Arabic","Geeza Pro",Tahoma,Arial,sans-serif;text-align:right;line-height:1.85}
html[dir="rtl"] .head nav,html[dir="rtl"] .tools,html[dir="rtl"] .actions,html[dir="rtl"] .facts,html[dir="rtl"] .section-head{direction:rtl}
html[dir="rtl"] .discover-copy h1{font-family:inherit;letter-spacing:0;line-height:1.5;font-size:clamp(30px,3.8vw,54px);max-width:15em}
html[dir="rtl"] .book-info,html[dir="rtl"] .page-heading,html[dir="rtl"] .detail-info,html[dir="rtl"] .reader-help-card{text-align:right}
html[dir="rtl"] .recommendation-score{direction:ltr;left:7px;right:auto}
html[dir="rtl"] input[type="search"],html[dir="rtl"] textarea{text-align:start;direction:rtl}
html[dir="rtl"] .version dl{direction:rtl}html[dir="rtl"] .book-title-text,html[dir="rtl"] .byline-name,html[dir="rtl"] .author-name{display:inline-block;direction:ltr;text-align:left}
html[dir="rtl"] .featured-book-index,html[dir="rtl"] .number,html[dir="rtl"] .rating-choices{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .reader-inline-link,html[dir="rtl"] .button-link{unicode-bidi:plaintext}
@media(max-width:1100px){.head nav{display:none}.head .hamb{display:block}.head .tools{margin-inline-start:auto}.head{gap:12px}.locale-switcher select{max-width:120px}.reader-footer-nav{gap:20px}}
@media(max-width:640px){.head{padding:12px 16px!important;gap:6px!important;min-height:68px!important}.head .logo{flex:0 1 auto;min-width:0}.head .tools{gap:6px!important}.locale-switcher select{max-width:94px;min-height:38px;font-size:12px;padding-inline:7px 17px}.head .tool-search span,.head .library-link{display:none!important}.head .hamb{display:block!important;min-width:36px}.head .novelsift-wordmark{max-width:122px}.discover-copy h1{max-width:100%!important;font-size:34px!important}.discover-copy .lede{font-size:15px;line-height:1.75}.home-genre-links{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.genre-shortcut{flex:none;white-space:nowrap}.real-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}.real-filters label,.real-catalogue-toolbar label{min-width:0}.real-filters select{width:100%;min-width:0}.real-catalogue-toolbar{grid-template-columns:1fr!important}.detail-info h1{font-size:28px!important}.detail-info .facts{gap:12px}.theme-tag{max-width:100%;white-space:normal;line-height:1.5}.section-head{gap:12px;align-items:flex-start}.section-head h2{font-size:22px;line-height:1.35}.section-head>a{font-size:12px;max-width:38%;text-align:end}.collection-card h3{font-size:19px;line-height:1.45}.reader-footer{overflow-wrap:anywhere}html[lang="ja"] .discover-copy h1{font-size:29px!important}html[dir="rtl"] .discover-copy h1{font-size:32px!important}.locale-switcher{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

@media(max-width:640px){.head nav{display:flex!important;gap:20px!important;justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding:9px 16px!important;max-width:100%;scrollbar-width:none}.head nav a{flex:none!important;white-space:nowrap!important;padding-inline:0!important}.real-filters select{font-size:12px!important;padding-inline:10px!important}.global-chart-note{font-size:13px;line-height:1.75}}
@media(max-width:640px){.section-head>a{white-space:normal!important;overflow-wrap:anywhere;min-width:0;line-height:1.5}.section-head h2{min-width:0}.section-head{min-width:0}}
html[dir="rtl"] .novelsift-wordmark{direction:ltr;unicode-bidi:isolate}html[dir="rtl"] [data-book-prev],html[dir="rtl"] [data-book-next]{transform:scaleX(-1)}
/* Editorial labels can be longer than their English seed. Keep each mobile tile readable. */
@media(max-width:640px){
 html[lang] .site[data-view=home] .home-genre-links .genre-shortcut{white-space:normal!important;overflow-wrap:anywhere;min-height:48px!important;height:auto!important;line-height:1.4!important;padding:5px 4px!important;text-align:center}
 html[lang] .head .novelsift-wordmark{--brand-icon:24px;--wordmark-height:18px;gap:6px;max-width:116px}
 html[lang] .head .logo{flex-shrink:0;width:116px;max-width:116px}
 .book-meta{white-space:normal!important;overflow-wrap:anywhere;line-height:1.5!important}
 /* The full-bleed hero uses negative margins; clip only its propagated scroll area at the page edge. */
 .site[data-view=home] main{overflow-x:clip}
}

.real-cover{position:relative!important;overflow:hidden;isolation:isolate;background:#e8e9df!important;padding:0!important;min-height:0!important;aspect-ratio:2/3;border-radius:5px!important}
.real-cover img{width:100%!important;height:100%!important;object-fit:cover;display:block}
.real-cover .cover-status{position:absolute;inset:9px auto auto 8px;z-index:3;max-width:calc(100% - 16px);white-space:nowrap;background:#fff8e9;color:#194b35;box-shadow:0 2px 6px #0002;font:600 10px/1.4 system-ui,sans-serif;padding:4px 7px;border-radius:5px}
.real-cover .cover-status.ongoing{background:#ddf3dc}.real-cover .cover-status.completed{background:#fff0d6}.real-cover .cover-status.unknown{background:#f3f2eb;color:#5c645b}
.real-book-card .book-cover-link{align-self:stretch;display:block;width:100%;min-width:0}.real-book-card .book-info{min-width:0}.real-book-card h3{overflow-wrap:anywhere}.real-book-card .card-summary{font-size:12px;line-height:1.8;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.homepage-picks .real-book-card .book-meta{min-height:30px;line-height:1.5}.homepage-picks .real-book-card .card-summary{display:none}.homepage-picks .real-book-card h3{min-height:44px}
.review-title{font-size:15px;color:#44644d;margin:2px 0 13px}.review-title small{font-size:10px;color:#748674}.detail-hero>.real-cover{width:185px;min-height:0!important}.detail-hero .facts{gap:20px}.detail-hero .facts div{min-width:70px}.detail-hero .actions{flex-wrap:wrap}.detail-hero h1{overflow-wrap:anywhere}
.book-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 22px}.reader-fit{padding:19px 21px;background:#f4f6ec;border:1px solid #dce4d1;border-radius:12px;margin-top:16px}.reader-fit h3{font-size:17px}.reader-fit p{font-size:13px!important;line-height:1.9}.source-list{padding-left:20px;line-height:2}.source-list a{overflow-wrap:anywhere}.reading-dock .dock-option .btn{display:flex;justify-content:center;color:#fff!important;margin-top:16px}.detail-related .real-book-card .real-cover{min-height:0!important}
.real-catalogue-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 200px;align-items:end;gap:20px;margin:0 0 18px;padding:0;border:0}
.real-catalogue-toolbar>label,.real-filters>label{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;font-size:12px;line-height:1.5;font-weight:600;color:#46624a;min-width:0;margin:0}
.real-catalogue-toolbar input,.real-catalogue-toolbar select,.real-filters select{display:block;width:100%;height:46px;min-height:46px;max-width:100%;margin:0;padding:10px 13px;border:1px solid #c1cfb9;border-radius:7px;background:#fff;color:#233e2b;font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;box-shadow:none}
.real-catalogue-toolbar input::placeholder{color:#7a8777}
.real-catalogue-toolbar input:focus,.real-catalogue-toolbar select:focus,.real-filters select:focus{outline:2px solid #2f714a;outline-offset:2px}
.real-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:18px;padding:18px 20px;margin:0 0 18px;background:#f4f6eb;border:1px solid #d7e0ca;border-radius:10px;min-height:0}
.real-filters>button{height:46px;min-height:46px;align-self:end;justify-self:stretch;padding:10px 17px;margin:0;border:1px solid #b7c9ab;background:#fffef8;color:#255536;border-radius:7px;font-size:12px;white-space:nowrap;box-shadow:none}
.real-filters>button:hover{background:#e9efdd}

#real-results>.grid{gap:24px}#real-results .real-book-card{grid-template-columns:92px minmax(0,1fr);padding-bottom:22px;border-bottom:1px solid #dce4d6}#real-results .card-action{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}#real-results .real-book-card h3{font-size:21px;line-height:1.35}
.list-row:has(.list-cover){display:grid;grid-template-columns:36px 80px minmax(0,1fr);gap:20px}.list-cover .real-cover{width:80px}.list-row h2{font-size:22px}.list-row p{font-size:13px;line-height:1.9}.reading-list-card{display:block;margin:0 0 15px}.library-row>.real-cover{width:85px}.library-row .shelf-controls input,.library-row .shelf-controls select{min-height:44px}
.shelf-covers img[role=link]{cursor:pointer}.shelf-covers img[role=link]:focus-visible{outline:4px solid #ffc559;outline-offset:5px}
@container(max-width:760px){.detail-hero>.real-cover{width:130px}.detail-hero h1{font-size:29px!important}.review-title{font-size:13px}.real-filters{gap:12px;padding:16px}.real-filters label{min-width:calc(50% - 12px)}.real-filters button{width:100%}#real-results>.grid{grid-template-columns:1fr}#real-results .real-book-card{grid-template-columns:82px minmax(0,1fr);gap:16px}#real-results .real-book-card h3{font-size:20px}.list-row:has(.list-cover){grid-template-columns:25px 58px minmax(0,1fr);gap:12px}.list-cover .real-cover{width:58px}.list-row h2{font-size:19px}.real-cover .cover-status{font-size:8px;left:5px;top:6px;padding:3px 5px}.detail-hero .facts{gap:15px}.detail-hero .lede{font-size:13px}.reader-fit{padding:17px}.homepage-picks .real-book-card .book-meta{min-height:0}.homepage-picks .real-book-card h3{min-height:0}}
@container(max-width:760px){
 .detail-hero{grid-template-columns:96px minmax(0,1fr);column-gap:18px;row-gap:7px}
 .detail-hero>.real-cover{width:96px;grid-column:1;grid-row:1/5;align-self:start}
 .detail-info>.eyebrow{grid-column:2;grid-row:1;align-self:start}
 .detail-info>h1{grid-column:2;grid-row:2;font-size:26px!important;line-height:1.2;align-self:start}
 .detail-info>.review-title{grid-column:2;grid-row:3;font-size:12px;margin:0;line-height:1.6}
 .detail-info>.review-title small{display:block;font-size:9px}
 .detail-info>.byline{grid-column:2;grid-row:4;align-self:start}
}
/* Reader-facing discovery: the same green bookshop, with real cover shelves. */
.site[data-view="home"] main{display:block!important}
.site[data-view="home"] .discover-hero{display:block!important}
.home-genre-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 0;margin:22px 0 6px;padding:14px 0;border-block:1px solid #dbe1d2}
.genre-nav-label{display:inline-flex;align-items:center;gap:7px;color:#718166;font-size:12px;font-weight:600;margin-right:15px;line-height:2}
.genre-nav-label svg{width:17px;height:17px}
.home-genre-links .genre-shortcut{display:inline-flex;align-items:center;min-height:36px;padding:5px 16px;color:#245638;background:transparent;border:0;border-right:1px solid #dde3d3;border-radius:0;font-size:13px;font-weight:650;line-height:1.6;text-decoration:none}
.home-genre-links .genre-shortcut:last-child{border-right:0}
.home-genre-links .genre-shortcut:hover{color:#b83c32;text-decoration:underline;text-underline-offset:5px}
.tag-mint{background:#e5f2e2!important;border-color:#b4d2ac!important;color:#245e3a!important}
.tag-amber{background:#fff0cd!important;border-color:#e8c779!important;color:#805218!important}
.tag-berry{background:#eee7f8!important;border-color:#cebae7!important;color:#62427e!important}
.tag-blue{background:#e3eef9!important;border-color:#afc9e0!important;color:#345c83!important}
.tag-rose{background:#fce7e4!important;border-color:#e6b7ad!important;color:#934a42!important}
.theme-tag{display:inline-flex;align-items:center;gap:9px;border:1px solid;padding:7px 12px;border-radius:6px;font-size:12px;font-weight:650;line-height:1.5;min-height:34px;text-decoration:none!important;transition:transform .16s}
.theme-tag:hover{transform:translateY(-2px);filter:brightness(.97)}.theme-tag small{font-size:10px;border-left:1px solid currentColor;padding-left:8px;opacity:.7}
.theme-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.book-tags{gap:8px;margin:17px 0}.book-tags .theme-tag{padding:5px 10px;font-size:11px;min-height:30px}
.home-discovery-lead{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start;margin-top:20px}
.site[data-view="home"] .homepage-picks,.site[data-view="home"] .hero-rankings{margin:0;padding:0}
.site[data-view="home"] .hero-rankings{padding:20px;background:#fffef9;border:1px solid #d4dec9;border-radius:13px;box-shadow:0 4px 0 #dbe5cf;position:sticky;top:122px}
.catalogue-shelf-section{margin:36px 0 0;padding:30px 0 0;border-top:1px solid #dce2d3}
.home-discovery-lead .catalogue-shelf-section{border:0;padding:0;margin:0}
.catalogue-shelf-section .section-head{margin-bottom:21px;align-items:baseline}
html[lang] .site main .catalogue-shelf-section .section-head h2{font-family:"Avenir Next","PingFang SC","Segoe UI",system-ui,sans-serif;font-size:28px;font-weight:760;line-height:1.35;color:#174d36;margin:0}
.cover-shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:25px 20px;align-items:start}
.homepage-picks .cover-shelf{grid-template-columns:repeat(4,minmax(0,1fr));gap:27px 18px}
.cover-shelf .real-book-card,.cover-shelf .real-book-card:first-child{display:flex;flex-direction:column;gap:0;grid-column:auto;background:transparent;border:0;padding:0;margin:0;min-height:0;min-width:0;border-radius:0}
.cover-shelf .real-book-card>.book-cover-link{display:block;width:100%;align-self:stretch}
.cover-shelf .real-cover{width:100%;aspect-ratio:2/3;border:1px solid #194a3022;box-shadow:2px 4px 8px #14352016;transition:transform .18s,box-shadow .18s}
.cover-shelf .book-cover-link:hover .real-cover{transform:translateY(-4px);box-shadow:3px 8px 13px #14352025}
.cover-shelf .book-info{display:flex;flex-direction:column;min-width:0;padding:0;flex:1;width:100%}
html[lang] .site main .cover-shelf .real-book-card h3{font-family:"Avenir Next","PingFang SC","Segoe UI",system-ui,sans-serif;font-size:15px;line-height:1.42;margin:8px 0 5px;font-weight:750;overflow-wrap:normal;word-break:normal;min-height:42px}
.cover-shelf .book-meta{font-size:10px!important;line-height:1.5;min-height:0!important;margin:12px 0 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important;color:#687c68}
.cover-shelf .byline{font-size:10px;color:#6a7b63;line-height:1.4;min-height:14px;margin:0;display:block}
.cover-shelf .card-summary{display:none!important}
.cover-shelf .card-action{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px;margin:11px 0 0!important}
.cover-shelf .card-action>a{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;min-height:28px!important;font-size:10px;line-height:1.4;display:inline-flex;align-items:center}
.cover-shelf .save-mini{min-width:30px;min-height:32px;padding:5px 7px;font-size:10px;border:1px solid #c8d4be;background:#fffef9;border-radius:6px;box-shadow:none;display:inline-flex;align-items:center;gap:4px}
.cover-shelf .save-mini svg{width:13px;height:13px}.cover-shelf .save-mini .save-label{display:none}
.ranking-tabs{display:flex}.ranking-tabs button{flex:1;min-width:0;min-height:44px;padding:7px 3px;font-size:11px}
.hero-rankings .ranking-rows{display:block}.hero-rankings .ranking-row,.ranking-widget .ranking-row{display:grid;grid-template-columns:25px 45px minmax(0,1fr);gap:10px;align-items:center;min-height:104px;padding:14px 0;border-bottom:1px solid #e7e9dc}
.ranking-row:last-child{border-bottom:0}.ranking-row .ranking-position{font-size:25px;font-weight:700;letter-spacing:-1px;color:#bc7743}.ranking-row .ranking-cover{display:block;width:45px;height:67.5px;object-fit:cover;border-radius:3px;box-shadow:1px 2px 4px #0002}
.ranking-row .ranking-title b{font-size:12px;line-height:1.45;display:block;overflow-wrap:anywhere}.ranking-row .ranking-title small{font-size:9px;line-height:1.5;display:block;margin-top:4px;color:#6f796b}
.status-pill{display:inline-flex;align-items:center;border-radius:4px;padding:3px 6px;background:#fff0d6;color:#85521d;font-size:9px;line-height:1.3;font-weight:650;margin-top:7px}.status-pill.ongoing{background:#e2f0e0;color:#2c693e}
.ranking-footer{margin-top:14px;padding-top:10px;border-top:1px solid #dce2d3}.ranking-footer a{display:flex;justify-content:space-between;padding:10px 0;font-size:12px}.ranking-footer b{font-size:11px}
.home-topic-boards,.home-bottom-discoveries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:36px}
.topic-board{border:1px solid #d7dfcb;background:#f1f5e8;border-radius:12px;padding:21px;min-width:0}
.topic-rose{background:#fcf1ec;border-color:#ebd9cf}.topic-amber{background:#fbf5e5;border-color:#e8dcc1}.topic-blue{background:#edf3f6;border-color:#d0dde3}.topic-berry{background:#f3eff8;border-color:#ded4e8}
.topic-board .section-head{margin:0 0 13px;align-items:center;gap:10px}html[lang] .site main .topic-board h2{font-size:19px;line-height:1.45;font-weight:750;margin:0}
.topic-book{display:grid;grid-template-columns:52px minmax(0,1fr);gap:13px;align-items:center;padding:13px 0;border-top:1px solid #38522c13;text-decoration:none!important}.topic-book img{width:52px;height:78px;object-fit:cover;border-radius:3px;box-shadow:1px 3px 5px #0002}.topic-book b{font-size:13px;line-height:1.5;display:block}.topic-book small{display:block;font-size:10px;line-height:1.6;color:#7b7a6b;margin-top:6px}
.ongoing-shelf .cover-shelf{grid-template-columns:repeat(6,minmax(0,1fr))}
.site[data-view="home"] .platform-strip{margin-top:34px;display:flex;justify-content:space-between;padding:22px 25px}.platform-strip h2{font-size:23px;margin:0}.platform-strip small{margin-left:8px;color:#66805b}
.detail-related .cover-shelf{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-related .book-cover-link{width:100%}.detail-related .card-action{font-size:11px}.detail-related .real-cover{width:100%}
.detail-info .rating-line{margin:15px 0;display:flex;gap:13px;align-items:center;flex-wrap:wrap;font-size:11px}.rating-stars{color:#a99d7f;font-size:24px;letter-spacing:1px;text-decoration:none!important;line-height:1}.rating-stars.has-rating{color:#bf7b18}.personal-rating{font-size:12px;color:#805218;background:#fff1d5;padding:7px 11px;border-radius:6px}
.book-synopsis{padding-top:10px}.book-synopsis>p{font-size:15px;line-height:2.1;margin:0 0 18px;max-width:76ch;color:#374b38}.book-synopsis .character-line{font-size:12px;color:#61745a;padding-top:13px;border-top:1px solid #dfe5d3}.character-line>span{font-weight:700;margin-right:15px}.book-synopsis .content-note{font-size:11px;color:#8e7660;background:#faf3e7;padding:10px 13px;border-radius:6px;line-height:1.7}.author-name{font-size:20px;font-weight:700;display:inline-block;margin:5px 0 17px}.author-other-works{margin:15px 0 25px}.author-other-works>h3{font-size:17px!important;margin:0 0 15px}.author-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.author-work{min-width:0;display:grid;grid-template-columns:65px minmax(0,1fr);align-items:start;gap:11px}.author-work img{width:65px;height:97.5px;object-fit:cover;border-radius:3px}.author-work h4{font-size:13px;line-height:1.4;margin:3px 0 7px}.author-work p{font-size:10px;line-height:1.6;color:#718067;margin:0}
#reviews .review-grid{gap:20px}#reviews .card{padding:23px}#reviews textarea{display:block;width:100%;min-height:120px;margin:13px 0 8px}#reviews fieldset{padding:0;border:0;margin:0 0 20px}#reviews .rating-choices{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}#reviews .rating-choices span{font-size:12px;padding:9px;min-height:40px;display:inline-flex}#reviews .section-head{flex-wrap:wrap}
.genre-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.genre-directory-card{border:1px solid;min-height:200px;padding:22px;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;text-decoration:none!important}.genre-directory-card h2{font-size:20px!important;margin:0 0 7px}.genre-directory-card p{font-size:11px;margin:0}.genre-cover-stack{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;height:98px}.genre-cover-stack img{width:64px;height:96px;object-fit:cover;box-shadow:2px 3px 6px #0002;border-radius:3px}.genre-cover-stack img:nth-child(2){transform:rotate(5deg)}.genre-cover-stack img:nth-child(3){transform:rotate(10deg)}
.active-theme{padding:12px 16px;background:#fff0d0;border:1px solid #e2c78d;border-radius:8px;font-size:13px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.active-theme a{margin-left:auto;font-size:12px}
@container(max-width:1100px){.home-discovery-lead{grid-template-columns:minmax(0,1fr) 270px;gap:24px}.homepage-picks .cover-shelf{grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 16px}.cover-shelf{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 16px}.topic-board{padding:17px}.topic-book{gap:10px;grid-template-columns:44px minmax(0,1fr)}.topic-book img{width:44px;height:66px}.author-work-grid{grid-template-columns:1fr}.author-work{grid-template-columns:60px minmax(0,1fr)}.author-work img{width:60px;height:90px}}
@container(max-width:760px){

 .home-discovery-lead{display:flex;flex-direction:column;gap:26px;margin-top:20px}.home-discovery-lead>.homepage-picks{width:100%;order:0}.site[data-view="home"] .hero-rankings{width:100%;position:static;order:1;padding:18px}
 .homepage-picks .cover-shelf,.cover-shelf,.ongoing-shelf .cover-shelf,.detail-related .cover-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px}
 html[lang] .site main .cover-shelf .real-book-card h3{font-size:12px;line-height:1.5;margin:7px 0 4px;min-height:54px;font-weight:720}
 .cover-shelf .book-meta{font-size:8px!important;margin-top:8px!important}.cover-shelf .byline{font-size:9px;min-height:25px}.cover-shelf .card-action{gap:2px;margin-top:6px!important}.cover-shelf .card-action>a{font-size:9px;min-height:30px!important}.cover-shelf .save-mini{min-height:32px;font-size:0;width:30px;justify-content:center;gap:0}.cover-shelf .save-mini svg{width:14px;height:14px}
 .catalogue-shelf-section{margin-top:29px;padding-top:24px}html[lang] .site main .catalogue-shelf-section .section-head h2{font-size:21px}.catalogue-shelf-section .section-head{gap:12px;margin-bottom:17px}.catalogue-shelf-section .section-head>a{font-size:10px;white-space:nowrap}
 .hero-rankings .ranking-rows{display:block}.hero-rankings .ranking-row{grid-template-columns:27px 46px minmax(0,1fr);gap:13px;min-height:100px;padding:13px 0}.ranking-row .ranking-title b{font-size:13px}.ranking-row .ranking-title small{font-size:10px}
 .home-topic-boards,.home-bottom-discoveries{grid-template-columns:1fr;gap:18px;margin-top:28px}.topic-board{padding:18px}.topic-book{grid-template-columns:48px minmax(0,1fr);gap:14px}.topic-book img{width:48px;height:72px}.topic-book b{font-size:13px}
 .theme-cloud{gap:8px;margin-top:15px}.theme-tag{font-size:11px;padding:6px 9px;gap:7px}.theme-tag small{font-size:9px;padding-left:7px}.book-tags{margin:12px 0}.book-tags .theme-tag{font-size:10px;padding:5px 8px}
 .site[data-view="home"] .platform-strip{display:block;padding:20px;margin-top:28px}.platform-strip h2{font-size:20px;margin-bottom:15px}.platform-strip .actions{gap:10px;flex-wrap:wrap}.platform-strip .btn{font-size:12px}
 .detail-hero{grid-template-columns:96px minmax(0,1fr);gap:14px 17px}.detail-hero>.real-cover{width:96px;grid-row:1/4}.detail-info>.eyebrow{grid-column:2;grid-row:1}.detail-info>h1{grid-column:2;grid-row:2;font-size:25px!important}.detail-info>.byline{grid-column:2;grid-row:3}.detail-info>.rating-line,.detail-info>.facts,.detail-info>.book-tags,.detail-info>.lede,.detail-info>.actions{grid-column:1/-1;grid-row:auto}.detail-info .rating-line{margin:4px 0 3px;gap:11px}.detail-info .book-tags{margin:0}.detail-info .facts{margin:6px 0}.detail-info>.actions{display:flex;gap:10px;flex-wrap:wrap}
 .book-synopsis>p{font-size:14px;line-height:2;margin-bottom:17px}.book-synopsis .character-line{font-size:11px}.book-synopsis .content-note{font-size:10px}.author-work-grid{grid-template-columns:1fr;gap:16px}.author-work{grid-template-columns:58px minmax(0,1fr)}.author-work img{width:58px;height:87px}.author-work h4{font-size:14px}.author-work p{font-size:11px}
 .genre-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.genre-directory-card{min-height:170px;padding:15px}.genre-directory-card h2{font-size:16px!important;line-height:1.4}.genre-cover-stack{gap:7px;justify-content:flex-start;height:75px}.genre-cover-stack img{width:48px;height:72px}.genre-cover-stack img:nth-child(3){display:none}
 #reviews .card{padding:19px}#reviews .rating-choices{gap:5px}#reviews .rating-choices span{padding:9px 8px}.personal-rating{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.theme-tag,.genre-shortcut,.cover-shelf .real-cover{transition:none}}
/* Long titles wrap rather than truncate inside the cover rankings. */
.ranking-row .ranking-title b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.ongoing-shelf .cover-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ongoing-shelf .cover-shelf .real-book-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;padding:20px;background:#f2f5e8;border:1px solid #d8e2cc;border-radius:11px}
.ongoing-shelf .cover-shelf .card-summary{display:-webkit-box!important;-webkit-line-clamp:3;font-size:12px;line-height:1.8;margin:12px 0 0}
.ongoing-shelf .cover-shelf .real-book-card h3{font-size:18px!important;min-height:0}
@container(max-width:760px){.ongoing-shelf .cover-shelf{grid-template-columns:1fr;gap:15px}.ongoing-shelf .cover-shelf .real-book-card{grid-template-columns:86px minmax(0,1fr);gap:15px;padding:16px}.ongoing-shelf .cover-shelf .real-book-card h3{font-size:16px!important;min-height:0}.ongoing-shelf .cover-shelf .byline{min-height:0}.ongoing-shelf .cover-shelf .card-summary{font-size:11px;-webkit-line-clamp:2}}
.shelf-covers img[role="link"]{pointer-events:auto!important;cursor:pointer}

/* October 28 review: restrained secondary content and readable synopsis text. */
html[lang] .site main .detail-related>.section-head h2{font-size:22px;font-weight:700;line-height:1.4}
.detail-related .cover-shelf{grid-template-columns:repeat(auto-fill,minmax(116px,140px));gap:24px 20px;justify-content:start}
.detail-related .book-cover-link{max-width:140px}
html[lang] .site main .detail-related .real-book-card h3{font-size:13px;font-weight:650;line-height:1.5;min-height:40px}
.detail-related .book-meta{font-size:9px!important}.detail-related .byline{font-size:10px}
.detail-related .card-action>a{display:none!important}.detail-related .card-action{margin-top:7px!important}
html[lang] .site main .book-synopsis>p:not(.content-note){font-size:17px;line-height:1.95;color:#263a2e;font-weight:400;max-width:70ch;margin-bottom:23px}
@container(max-width:760px){
 .home-genre-links{margin-top:20px;padding:10px 0;gap:3px 0}.genre-nav-label{font-size:10px;margin-right:4px}.genre-nav-label svg{width:14px;height:14px}.home-genre-links .genre-shortcut{font-size:11px;min-height:34px;padding:5px 10px}
 .real-catalogue-toolbar{grid-template-columns:minmax(0,1fr);gap:15px}.real-catalogue-toolbar>label:last-child{grid-template-columns:75px minmax(0,1fr);align-items:center}
 .real-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;padding:16px}
 .real-filters>label{min-width:0;flex:initial}.real-filters>button{width:100%;align-self:end;font-size:11px;padding:10px}
 .real-catalogue-toolbar input,.real-catalogue-toolbar select,.real-filters select{font-size:13px;height:46px;min-height:46px}
 .detail-related .cover-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px}.detail-related .book-cover-link{max-width:120px}
 html[lang] .site main .detail-related>.section-head h2{font-size:20px}
 html[lang] .site main .detail-related .real-book-card h3{font-size:12px;min-height:54px}
 html[lang] .site main .book-synopsis>p:not(.content-note){font-size:16px;line-height:1.9;margin-bottom:21px}
}
.detail-related .cover-shelf{grid-template-columns:repeat(8,minmax(0,1fr));gap:24px 20px}
.detail-related .real-book-card{max-width:140px}
@container(max-width:1100px){.detail-related .cover-shelf{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 16px}}
@container(max-width:760px){.detail-related .cover-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px}}

/* Keep the home shelves in the current layout, free of legacy grid row numbers. */
.site[data-view="home"] .home-discovery-lead>.homepage-picks,
.site[data-view="home"] .home-discovery-lead>.hero-rankings{grid-row:auto;grid-column:auto}
.continue-reading-card{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:16px 0;padding:12px 16px;border:1px solid #d7e0cb;border-radius:10px;background:#f2f5e8}
.continue-book{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;min-width:0;flex:1;text-decoration:none!important;color:#254d33}
.continue-book img{display:block;width:36px;height:54px;object-fit:cover;border-radius:3px;box-shadow:1px 2px 4px #22391715}
.continue-book span{display:grid;gap:3px;min-width:0}.continue-book small{font-size:10px;color:#6e8063;line-height:1.3}.continue-book b{display:block;font-size:13px;font-weight:650;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.continue-book em{font-size:10px;font-style:normal;color:#6d7e62;line-height:1.5}
.continue-actions{display:flex;align-items:center;gap:17px;flex-shrink:0}.continue-actions .continue-reading-link{font-size:11px;min-height:40px;padding:9px 13px;background:#fffef7;border:1px solid #b4c7a7;border-radius:7px;color:#28583a;box-shadow:none}.continue-actions .continue-reading-link:hover{background:#e3ecd9}.continue-library{font-size:11px;font-weight:600;white-space:nowrap}
@container(max-width:760px){
 .continue-reading-card{gap:12px;margin:14px 0;padding:11px 12px;align-items:center}.continue-book{grid-template-columns:30px minmax(0,1fr);gap:9px}.continue-book img{width:30px;height:45px}.continue-book b{font-size:12px}.continue-book small{font-size:9px}.continue-book em{font-size:9px}.continue-actions{display:grid;gap:6px;text-align:center}.continue-actions .continue-reading-link{font-size:10px;padding:7px 9px;min-height:36px}.continue-library{font-size:9px}
}
/* Keep verified platform editions visually separate on a shared book page. */
.detail-main #options > .version + .version { margin-top: 16px; }

/* NovelSift reader UI. Content, routes and keyword ownership stay in the catalogue layer. */
.site{--reader-ink:#233b2c;--reader-muted:#5b6d58;--reader-line:#d9e0cf;--reader-paper:#fffef8;--reader-action:#b6362d;--reader-author:#466d86}
.site main{color:var(--reader-ink);min-height:0;padding-block:28px 42px}
.site main p:empty{display:none}
html[lang] .site main h1,html[lang] .site main h2,html[lang] .site main h3{font-family:"Avenir Next","PingFang SC","Segoe UI",system-ui,sans-serif;letter-spacing:-.3px;font-weight:650;color:#214d34}
html[lang] .site main h1{font-size:38px;line-height:1.25;margin:7px 0 13px}
html[lang] .site main h2{font-size:24px;line-height:1.4;margin:0 0 17px}
html[lang] .site main h3{font-size:18px;line-height:1.5;margin:0 0 10px}
.site main p{line-height:1.85}.site main .lede{font-size:15px;line-height:1.85;color:var(--reader-muted);max-width:70ch}
.site main .page-heading{margin:0 0 25px;padding:0 0 20px;border-bottom:1px solid var(--reader-line);gap:20px;align-items:end}
.site main .page-heading .lede{margin:0}.site main .eyebrow{font-size:11px;line-height:1.6;letter-spacing:.8px;color:#637b61}
.site main .crumb{font-size:12px;line-height:1.7;margin:0 0 22px}.site main .section{margin-top:30px}
.site main .section-head{gap:16px;margin-bottom:18px;align-items:baseline}.site main .section-head h2{margin:0}
.site main .card,.site main .version,.site main .reading-list-card{background:var(--reader-paper);border:1px solid var(--reader-line);border-radius:10px;box-shadow:none;padding:22px}
.site main .card p,.site main .answer p{font-size:15px;color:var(--reader-muted);line-height:1.9}
.site main .card:hover{border-color:#afc2a4}.site main .card h2{font-size:22px}.site main .reading-list-card{margin-bottom:18px}
.site main .reading-list-card h2{margin-bottom:10px}.site main .reading-list-card p{margin:0 0 15px}
.site main .button-link,.site main .reading-entry-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 13px;border:1px solid #c77864;border-radius:7px;background:#fff3e9;color:#96372e;font-size:12px;font-weight:650;line-height:1.5;text-decoration:none;white-space:normal}
.site main .button-link:hover,.site main .reading-entry-link:hover{background:#fbe5d7;border-color:#b54e3f;color:#8a2e26;text-decoration:none}
.site main .answer .reading-entry-link{margin:8px 0 0 8px;vertical-align:middle}
.site main .card-action>.card-detail-link{display:inline-flex;align-items:center;justify-content:center;min-height:34px!important;padding:6px 10px!important;background:#fffef8!important;border:1px solid #becbb2!important;border-radius:6px!important;color:#345e3d!important;box-shadow:none!important;font-size:11px;line-height:1.5;text-decoration:none}
.site main .card-action>.card-detail-link:hover{background:#eef3e3!important;border-color:#7f9e75!important}
.site main .cover-shelf .save-mini{position:relative;width:32px;min-width:32px;min-height:34px;justify-content:center;padding:6px;gap:0}
.site main .cover-shelf .save-mini span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site main .detail-related .card-action>.card-detail-link{display:none!important}
.site main .byline{display:inline-flex;align-items:center;gap:6px;color:var(--reader-author);line-height:1.6;font-size:12px;text-decoration:none;min-width:0}
.site main .byline-label{font-size:10px;font-weight:500;color:#78816f;white-space:nowrap}
.site main .byline-name{text-decoration:underline;text-decoration-color:#9db5bf;text-underline-offset:3px;font-weight:500;overflow-wrap:anywhere}
.site main .byline:hover .byline-name{color:#2d5772;text-decoration-color:#2d5772}
.site main .detail-info>.byline{font-size:14px;margin:2px 0 5px}.site main .detail-info .byline-label{font-size:12px}
.site main .cover-shelf .byline{font-size:10px;gap:4px;flex-wrap:wrap}.site main .cover-shelf .byline-label{font-size:9px}
html[lang] .site main .cover-shelf .real-book-card h3{font-size:15px;line-height:1.45;font-weight:650}
html[lang] .site main .detail-hero h1{font-size:38px!important;line-height:1.25;margin:6px 0 14px;max-width:22ch}
.site main .detail-hero{gap:30px;padding-bottom:28px}.site main .detail-hero>.real-cover{width:185px}
.site main .rating-line{font-size:12px}.site main .rating-line a:not(.rating-stars){color:#8f4b36;text-decoration:underline;text-underline-offset:3px}
.site main .detail-main .section{margin-top:28px}.site main .detail-layout{gap:30px}.site main .detail-main>.book-synopsis{margin-top:17px}
.site main .version dl{font-size:13px;line-height:1.8}.site main .version .actions{margin:17px 0 12px}
.site main .jump{border-width:1px;box-shadow:none;border-radius:9px}.site main .jump a{font-size:12px;min-height:42px}
.site main .reading-dock .dock-panel{border:1px solid #a9bc96;border-radius:10px;box-shadow:none}.site main .reading-dock .dock-heading h3{font-size:20px}
.site main .reading-dock .reading-entry-link{display:flex;margin-top:12px;font-size:11px}
.site main .topic-board{background:#f5f6ed;border-color:var(--reader-line);border-radius:10px;padding:21px}
html[lang] .site main .topic-board h2{font-size:19px}.site main .topic-book b{font-weight:650}
.site main .genre-directory-card{background:var(--reader-paper);border:1px solid var(--reader-line);border-radius:10px;min-height:180px;padding:21px}
html[lang] .site main .genre-directory-card h2{font-size:20px!important;margin-bottom:8px}.site main .genre-directory-card p{font-size:12px;color:#60755b}
.site main .genre-cover-stack{justify-content:flex-start;gap:9px;margin-top:17px}.site main .genre-cover-stack img{transform:none!important;width:57px;height:85.5px}
.site main .author-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.site main .author-directory-card{display:grid;grid-template-columns:44px minmax(0,1fr) 16px;align-items:center;gap:14px;padding:18px;border:1px solid var(--reader-line);border-radius:9px;background:var(--reader-paper);text-decoration:none;color:#31543a}
.author-directory-card img{width:44px;height:66px;object-fit:cover;border-radius:3px}.author-directory-card>span{min-width:0}.author-directory-card small{font-size:10px;color:#7d8974}
html[lang] .site main .author-directory-card h2{font-size:17px;line-height:1.45;margin:3px 0 5px;overflow-wrap:anywhere}.author-directory-card em{display:block;font-size:10px;line-height:1.6;font-style:normal;color:#738269;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site main .author-directory-card:hover{border-color:#9bb08e;background:#f7f8ef}
.site main .rankings-index{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}.site main .rankings-index>.ranking-widget{padding:20px;border:1px solid var(--reader-line);border-radius:10px;background:var(--reader-paper)}
html[lang] .site main .ranking-heading h2{font-size:23px}.site main .preference-collections>h2{font-size:24px;margin-bottom:18px}
.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.collection-card{display:flex;flex-direction:column;align-items:start;min-width:0;padding:21px;border:1px solid var(--reader-line);border-radius:10px;background:var(--reader-paper)}
.collection-covers{display:flex;gap:9px;margin-bottom:19px;min-height:96px;align-items:end}.collection-covers a{display:block;width:60px;height:90px}.collection-covers img{width:60px;height:90px;object-fit:cover;border-radius:3px;box-shadow:1px 3px 5px #223b251a}
html[lang] .site main .collection-card h3{font-size:18px;line-height:1.5;margin:0 0 10px}.site main .collection-card p{font-size:13px;line-height:1.8;color:var(--reader-muted);margin:0 0 18px}.collection-card .button-link{margin-top:auto}
.collection-detail+.section .collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.site main .list-row{grid-template-columns:30px 80px minmax(0,1fr);gap:20px;padding:25px 0;border-color:var(--reader-line);align-items:start}.site main .list-row .number{font-size:24px;color:#998364}.site main .list-row h2{font-size:23px;margin:0 0 8px}.site main .list-row p{font-size:14px;margin:12px 0;line-height:1.9}.site main .list-row .book-tags{margin:12px 0 16px}
.site main .library-tabs{margin:22px 0;gap:4px}.site main .library-tabs button{min-height:42px;padding:9px 14px;font-size:12px}
.site main .library-row{padding:22px 0;gap:22px;border-color:var(--reader-line)}.site main .library-row h3{font-size:23px}.site main .shelf-controls{gap:12px}.site main .shelf-controls label{font-size:12px;line-height:1.5;color:var(--reader-muted)}
.site main .shelf-controls input,.site main .shelf-controls select{display:block;width:100%;margin-top:6px;height:44px;min-height:44px;padding:9px 10px;border:1px solid #bac9af;border-radius:6px;background:#fffef9;font:inherit;color:var(--reader-ink)}
.site main .shelf-controls button{min-height:38px;font-size:11px}.site main .shelf-empty,.site main .empty{min-height:0;padding:28px 25px;margin:0;border:1px solid var(--reader-line);border-radius:10px;background:#f6f7ed;text-align:left}.site main .empty h2,.site main .shelf-empty h2{font-size:22px;margin:0 0 10px}.site main .shelf-empty svg{width:32px;height:32px;margin-bottom:12px}.site main .empty p,.site main .shelf-empty p{font-size:14px;margin:0 0 16px}
.site main #search-results{margin-top:25px}.site main .source-list,.site main .method{font-size:15px;line-height:1.95}
.site .footer{padding-block:30px;gap:30px;border-top:1px solid var(--reader-line)}.site .footer a{font-size:12px;line-height:1.7;min-height:30px}.site .footer p,.site .footer small{font-size:12px}
/* Books rather than a photographed room: original covers, spines, titles, clear controls. */
.site[data-view="home"] .discover-copy{height:auto!important;min-height:430px!important}
html[lang] .site main .discover-copy h1{font-size:56px;font-weight:750;line-height:1.15;margin:11px 0 17px;color:#fff}
html[lang="en"] .site main .discover-copy h1{font-size:48px;line-height:1.17}
.site[data-view="home"] .discover-copy:before,.site[data-view="home"] .discover-copy:after{display:none!important}
.site[data-view="home"] .book-carousel{position:absolute;top:24px;bottom:20px;right:24px;width:47%;max-width:none;height:auto;margin:0;padding:0;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible;display:flex;flex-direction:column;justify-content:center;align-items:stretch;touch-action:pan-y}
.book-carousel [data-book-stage]{width:100%}.book-carousel-stage{height:272px;display:grid;grid-template-columns:95px 170px 95px;justify-content:center;align-items:end;gap:12px;perspective:800px;padding:0 4px 10px}
.book-object{position:relative;display:block;aspect-ratio:2/3;width:100%;border-radius:2px 5px 5px 2px;background:#d9ddc9;box-shadow:9px 13px 20px #102d224d;transform-style:preserve-3d;isolation:isolate}
.book-object img{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px 4px 4px 2px;pointer-events:auto}
.book-object:before{content:"";position:absolute;z-index:2;inset:0 auto 0 0;width:7px;background:linear-gradient(90deg,#0005,#fff2 48%,#0001);pointer-events:none}
.book-object:after{content:"";position:absolute;right:-6px;top:3px;bottom:3px;width:6px;background:repeating-linear-gradient(0deg,#eeecd9 0 1px,#c9c8b9 1px 2px);transform:skewY(14deg);transform-origin:left;z-index:-1;box-shadow:2px 1px 2px #112b241f}
.book-front{z-index:3;transform:rotateY(-7deg)}.book-left{z-index:1;transform:translateY(-10px) rotateY(17deg) rotate(-6deg);opacity:.88}.book-right{z-index:1;transform:translateY(-10px) rotateY(-18deg) rotate(6deg);opacity:.88}
.book-carousel-caption{display:grid;gap:5px;text-align:center;margin:13px auto 0;max-width:85%;min-height:61px;align-content:start}.book-carousel-caption>a{font-size:17px;line-height:1.4;font-weight:650;color:#fff;text-decoration:none}.book-carousel-caption>a:hover{text-decoration:underline;text-underline-offset:4px}.book-carousel-caption>span{font-size:11px;color:#e2edda;line-height:1.5}
.book-carousel-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.book-carousel-controls>button{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:4px;border:1px solid #f4f5e180;border-radius:50%;background:#255d3d;color:#fffdf0;font-size:15px;line-height:1;box-shadow:none}.book-carousel-controls>button:hover{background:#1b4a30;border-color:#fffdf0}.book-carousel-dots{display:flex;gap:7px;align-items:center}.book-carousel-dots button{width:7px;height:7px;min-width:7px;min-height:7px;padding:0;border:0;border-radius:50%;background:#accba6;box-shadow:none}.book-carousel-dots button[aria-pressed="true"]{background:#fff7df;outline:2px solid #fff7df4d;outline-offset:3px}.book-carousel-controls .book-carousel-play{font-size:12px;min-width:30px;min-height:30px}
@container(max-width:1100px){
 html[lang] .site main h1{font-size:34px}.site main .author-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.site main .rankings-index{grid-template-columns:250px minmax(0,1fr);gap:23px}.collection-grid{gap:16px}.collection-card{padding:17px}.collection-covers{gap:8px}.collection-covers a,.collection-covers img{width:53px;height:79.5px}
 .book-carousel-stage{grid-template-columns:75px 145px 75px;gap:10px;height:238px}.book-carousel-caption>a{font-size:16px}html[lang] .site main .discover-copy h1{font-size:49px}html[lang="en"] .site main .discover-copy h1{font-size:42px}
}
@container(max-width:760px){
 .site main{padding-block:22px 32px}html[lang] .site main h1{font-size:29px;line-height:1.3}html[lang] .site main h2{font-size:21px;line-height:1.45}html[lang] .site main h3{font-size:17px}
 .site main .page-heading{margin-bottom:22px;padding-bottom:17px}.site main .page-heading .lede{font-size:14px;line-height:1.85}.site main .section{margin-top:25px}.site main .crumb{font-size:10px;line-height:1.7;margin-bottom:18px}.site main .section-head{gap:12px;align-items:baseline}
 .site main .card,.site main .version,.site main .reading-list-card{padding:18px;border-radius:9px}.site main .card p,.site main .answer p{font-size:14px;line-height:1.9}
 html[lang] .site main .detail-hero h1{font-size:26px!important;line-height:1.23;margin:0;max-width:100%}.site main .detail-hero{column-gap:17px;row-gap:12px;padding-bottom:22px}.site main .detail-hero>.real-cover{width:96px}.site main .detail-info>.byline{font-size:12px;gap:6px;margin:0}.site main .detail-info .byline-label{font-size:10px}
 .site main .jump a{font-size:11px;min-height:42px;padding:8px 11px}.site main .detail-layout{gap:0}.site main .detail-main>.book-synopsis{margin-top:18px}.site main .detail-main .section{margin-top:25px}
 .site main .card-action>.card-detail-link{font-size:10px;min-height:34px!important;padding:6px 8px!important}.site main .cover-shelf .save-mini{min-height:34px}
 .site main .cover-shelf .byline{font-size:9px;gap:3px}.site main .cover-shelf .byline-label{font-size:8px}html[lang] .site main .cover-shelf .real-book-card h3{font-size:12px;line-height:1.5}
 .site main .author-directory{grid-template-columns:1fr;gap:13px}.site main .author-directory-card{padding:15px;gap:13px}html[lang] .site main .author-directory-card h2{font-size:17px}.site main .genre-directory-card{min-height:166px;padding:16px}.site main .genre-cover-stack{gap:7px}.site main .genre-cover-stack img{width:45px;height:67.5px}
 .site main .rankings-index{grid-template-columns:1fr;gap:27px}.site main .rankings-index>.ranking-widget{padding:18px}.site main .preference-collections>h2{font-size:21px}
 .collection-grid,.collection-detail+.section .collection-grid{grid-template-columns:1fr;gap:16px}.collection-card{padding:18px}.collection-covers{margin-bottom:14px;min-height:84px;gap:9px}.collection-covers a,.collection-covers img{width:56px;height:84px}html[lang] .site main .collection-card h3{font-size:18px;margin-bottom:9px}.site main .collection-card p{font-size:13px;margin-bottom:15px}
 .site main .list-row{grid-template-columns:23px 58px minmax(0,1fr);gap:12px;padding:22px 0}.site main .list-row h2{font-size:19px}.site main .list-row p{font-size:13px}.site main .list-row .number{font-size:20px}.site main .list-row .book-tags{gap:6px}.site main .list-row .theme-tag{font-size:10px;padding:4px 7px}
 .site main .library-tabs{gap:3px;flex-wrap:wrap}.site main .library-tabs button{font-size:11px;min-height:42px;padding:8px 10px}.site main .library-row{gap:16px;padding:21px 0}.site main .library-row h3{font-size:21px}.site main .shelf-controls{gap:12px;padding-top:15px}.site main .shelf-controls label{font-size:11px}.site main .empty,.site main .shelf-empty{padding:23px 19px}
 .site .footer{padding-block:27px;gap:23px}.site .footer a{font-size:11px}
 .site[data-view="home"] .discover-copy{height:auto!important;min-height:0!important;padding-top:24px;padding-bottom:23px}
 html[lang] .site main .discover-copy h1{font-size:40px;line-height:1.16;margin:13px 0 16px}html[lang="en"] .site main .discover-copy h1{font-size:35px}
 .site[data-view="home"] .book-carousel{position:relative;inset:auto;width:100%;max-width:100%;height:auto;margin:24px 0 0;padding:0;background:none!important;border:0!important;box-shadow:none!important}
 .book-carousel-stage{height:195px;grid-template-columns:70px 120px 70px;gap:12px;padding-bottom:8px}.book-carousel-caption{margin-top:11px;min-height:52px;max-width:90%}.book-carousel-caption>a{font-size:16px}.book-carousel-caption>span{font-size:10px}.book-carousel-controls{margin-top:9px;gap:9px}.book-carousel-controls>button{min-height:34px;min-width:34px}
}
@media(prefers-reduced-motion:reduce){.book-object,.book-carousel *{scroll-behavior:auto;transition:none!important;animation:none!important}}
.site main .discover-copy .lede{color:#e3eedc;font-size:14px;font-weight:500;line-height:1.85}
.book-carousel-dots{gap:2px}.book-carousel-dots button{position:relative;display:grid;place-items:center;width:24px;height:30px;min-width:24px;min-height:30px;background:transparent!important;outline:0!important}
.book-carousel-dots button:after{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#accba6}.book-carousel-dots button[aria-pressed="true"]:after{background:#fff7df;box-shadow:0 0 0 3px #fff7df33}
.book-carousel-dots button:focus-visible{outline:2px solid #fff7df!important;outline-offset:1px}
@container(max-width:760px){.site main .discover-copy .lede{font-size:13px}.book-carousel-controls{gap:6px}.book-carousel-controls>button{min-height:44px;min-width:44px}.book-carousel-controls .book-carousel-play{min-height:36px;min-width:36px}}
/* Preview controls stay in the source, away from the reader-facing interface. */
.bar,.fixture{display:none!important}
.site main .byline-label{color:#66765e}

.site main .author-catalogue>.grid{grid-template-columns:1fr}
.site main .author-catalogue .real-book-card{display:grid;grid-template-columns:100px minmax(0,1fr);gap:24px;max-width:850px;border:1px solid var(--reader-line);border-radius:10px;background:var(--reader-paper);padding:21px;margin:0}
.site main .author-catalogue .real-cover{width:100px}.site main .author-catalogue .card-summary{font-size:14px;line-height:1.85;-webkit-line-clamp:3;max-width:65ch}.site main .author-catalogue .book-meta{margin-top:0;font-size:11px}
.site main .author-catalogue h3{font-size:23px;margin:7px 0 9px}.site main .author-catalogue .card-action{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0 0}
.site main .platform-catalogue{margin-top:0}.site main .platform-access-note,.site main .guide-note{font-size:12px;line-height:1.85;color:#65745d;margin:23px 0 0;padding-top:17px;border-top:1px solid var(--reader-line);max-width:80ch}
.site main .billing-guide{display:grid;gap:18px;max-width:880px}.site main .billing-card{display:grid;grid-template-columns:28px minmax(0,1fr);gap:16px;background:var(--reader-paper);border:1px solid var(--reader-line);border-radius:10px;padding:23px}.site main .billing-card h2{font-size:22px;margin:0 0 11px}.site main .billing-card p{font-size:15px;line-height:1.9;color:var(--reader-muted);margin:0 0 16px}.guide-number{font-size:19px;color:#9b8565;font-weight:600;line-height:1.6}
.site main .section-head>a{color:#8c523a}.site main .answer>a{display:inline-flex;align-items:center;min-height:36px;color:#8c523a;text-decoration:underline;text-underline-offset:4px}
@container(max-width:760px){
 .site main .author-catalogue .real-book-card{grid-template-columns:78px minmax(0,1fr);gap:15px;padding:17px}.site main .author-catalogue .real-cover{width:78px}.site main .author-catalogue h3{font-size:19px;margin:5px 0 8px}.site main .author-catalogue .card-summary{font-size:12px;-webkit-line-clamp:3}.site main .author-catalogue .card-action{gap:8px;margin-top:12px}
 .site main .billing-card{grid-template-columns:21px minmax(0,1fr);gap:12px;padding:18px}.site main .billing-card h2{font-size:20px}.site main .billing-card p{font-size:14px}.guide-number{font-size:17px}.site main .guide-note{font-size:11px}
}

/* Warm ink and gold. Presentation only; retains every route, heading and book. */
:root,.site{color-scheme:dark;--paper:#17130f;--ink:#f5efdf;--muted:#b9ae9c;--line:#3c3328;--green:oklch(81.9766% .146573 81.1686);--accent:oklch(81.9766% .146573 81.1686);--cyan:oklch(81.9766% .146573 81.1686);--deep:#f5efdf;--wash:#252019;--soft:#211b15;--gold:oklch(81.9766% .146573 81.1686);--reader-ink:#f5efdf;--reader-muted:#b9ae9c;--reader-line:#3c3328;--reader-paper:#211b15;--reader-action:oklch(81.9766% .146573 81.1686);--reader-author:#d1b77d}
html,body,.site{background:#17130f!important;color:#f5efdf!important}
.site,.site button,.site input,.site select,.site textarea{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif!important}
.site *{border-color:var(--line)}
.site a{color:#e7c476}.site a:hover{color:#ffdb84}
.site .head{background:#17130ff5!important;border-bottom:1px solid #3c3328!important;box-shadow:none!important;min-height:84px}
.site .head nav{background:transparent!important;border-color:#3c3328!important}
.site .head nav>a{color:#bfb4a2!important;font-weight:600!important;font-size:13px}
.site .head nav>a:hover,.site .head nav>a[aria-current]{color:#f4c458!important;border-bottom-color:oklch(81.9766% .146573 81.1686)!important}
.site .tools>a{color:#e9dfcd!important}.site .tools .library-link{background:oklch(81.9766% .146573 81.1686)!important;color:#211a10!important;border:1px solid oklch(81.9766% .146573 81.1686)!important;box-shadow:none!important;border-radius:30px;padding:12px 19px}
.site .library-count{background:#211b1520;color:#211b15}.site .drawer{background:#211b15;border-color:#3c3328}
html[lang] .site main :is(h1,h2,h3){color:#f5efdf!important;font-family:Arial,"PingFang SC",sans-serif!important;text-shadow:none!important;letter-spacing:-.035em;font-weight:750}
html[lang] .site main h1{font-size:44px;line-height:1.14}
html[lang] .site main h2{font-size:28px;line-height:1.3}
html[lang=en] .site main :is(.page-heading h1,.discover-copy h1,.section-head h2){font-family:Impact,"Arial Narrow",sans-serif!important;font-weight:400;text-transform:uppercase;letter-spacing:.015em}
.site main p,.site main .lede,.site main .card p,.site main .answer p,.site main .billing-card p{color:#bfb4a3;line-height:1.85}
.site main :is(.eyebrow,.discovery-kicker){color:oklch(81.9766% .146573 81.1686)!important;letter-spacing:.13em;font-weight:700;font-size:11px}
.site main :is(.crumb,.small,.caption,.book-meta,.byline-label,.review-title,.genre-nav-label){color:#b3a58f!important}
.site main :is(.byline,.byline-name){color:#d3bc89!important;text-decoration-color:#74603d!important}
.site main .byline:hover .byline-name{color:#f4c458!important}
.site[data-view=home] .discover-copy{background:#17130f!important;border-bottom:1px solid #3c3328;min-height:490px!important;padding-block:56px!important;height:auto!important}
.site .discover-copy .discovery-kicker{background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;transform:none;padding:0;min-height:20px;margin-bottom:20px}
html[lang] .site main .discover-copy h1{font-size:76px!important;line-height:1.08!important;letter-spacing:-.055em;color:#f5efdf!important;margin:12px 0 25px!important;font-weight:850}
html[lang=en] .site main .discover-copy h1{font-size:76px!important;letter-spacing:.01em;max-width:13ch}
.site main .discover-copy h1 em,.site main .discover-copy h1 span{color:oklch(81.9766% .146573 81.1686)!important;font-style:normal}
.site main .discover-copy .lede{color:#bfb4a3!important;font-size:15px;font-weight:400;max-width:48ch}
.site .discover-copy .search{background:#242019!important;border:1px solid #5a4930!important;border-radius:14px!important;box-shadow:none!important;padding:5px;max-width:580px}
.site .search input{background:transparent!important;color:#f5efdf!important;font-size:14px;font-weight:400}
.site .search input::placeholder{color:#a79a85!important}.site .search-symbol{color:#b9aa92!important}
.site .search button,.site .search button:hover:not(:disabled){background:oklch(81.9766% .146573 81.1686)!important;color:#211a10!important;border:0!important;border-radius:10px!important;box-shadow:none!important;min-height:46px;padding-inline:25px}
.site .search-shortcuts,.site .search-shortcuts a{color:#d0b98c!important;border-color:#675536!important;font-size:11px}
.site .book-carousel{background:transparent!important;border-left:1px solid #3c3328!important;border-radius:0!important;padding-left:25px!important;box-shadow:none!important}
.site .book-carousel-caption>a{color:#f5efdf!important;font-family:Arial,sans-serif!important;font-weight:650;font-size:17px}.site .book-carousel-caption>span{color:#b3a58f!important}
.site .book-carousel-controls>button{background:#242019!important;border:1px solid #655335!important;color:#f4c458!important;box-shadow:none!important}
.site .book-carousel-dots button:after{background:#776341}.site .book-carousel-dots button[aria-pressed=true]:after{background:oklch(81.9766% .146573 81.1686);box-shadow:0 0 0 3px #efbb4b22}
.site .book-object{filter:drop-shadow(0 16px 18px #0006)}
.site .home-genre-links{background:oklch(81.9766% .146573 81.1686);border:0;border-radius:0;margin:0 -48px 36px;padding:13px 48px;gap:0}
.site .home-genre-links .genre-shortcut,.site .home-genre-links .genre-nav-label{color:#2a2012!important;border-color:#9a732c!important;font-size:12px}
.site .home-genre-links .genre-shortcut:hover{color:#000!important}
.site main :is(.card,.version,.reading-list-card,.collection-card,.genre-directory-card,.author-directory-card,.topic-board,.billing-card,.empty,.shelf-empty,.reader-fit,.callout,.method,.dock-panel,.ranking-widget),.site[data-view=home] main .hero-rankings{background:#211c16!important;border:1px solid #3c3328!important;box-shadow:none!important;border-radius:14px!important}
.site main :is(.card,.collection-card,.genre-directory-card,.author-directory-card):hover{border-color:#806432!important;background:#292219!important}
.site main :is(.ranking-title b,.topic-book b,.genre-card b,.author-directory-card,.genre-directory-card p){color:#eee5d4!important}
.site main :is(.ranking-tabs,.library-tabs,.tabs){background:#30271c!important;border-radius:9px}
.site main :is(.ranking-tabs,.library-tabs,.tabs) button{background:transparent!important;color:#bdb09b!important;box-shadow:none!important}
.site main :is(.ranking-tabs,.library-tabs,.tabs) button[aria-pressed=true],.site main .tabs .active{background:oklch(81.9766% .146573 81.1686)!important;color:#211a10!important;border-color:oklch(81.9766% .146573 81.1686)!important}
.site main .ranking-position{color:#bba47b!important}.site main .ranking-row:first-child .ranking-position{color:oklch(81.9766% .146573 81.1686)!important}
.site main :is(.ranking-row,.topic-book,.list-row,.library-row,.section,.catalogue-shelf-section,.page-heading,.facts,.jump,.home-genre-links){border-color:#3c3328!important}
.site button,.site .btn{background:#282219;color:#eadcc4;border:1px solid #655335;border-radius:9px;box-shadow:none!important}
.site button:hover:not(:disabled),.site .btn:hover{background:#3a2e1d;color:#ffdb84;border-color:#a28142}
.site :is(.primary,.btn.primary,.reading-entry-link,.button-link){background:oklch(81.9766% .146573 81.1686)!important;color:#211a10!important;border:1px solid oklch(81.9766% .146573 81.1686)!important;border-radius:24px!important;box-shadow:none!important;font-weight:700}
.site :is(.primary,.reading-entry-link,.button-link):hover{background:#ffd174!important;color:#17130f!important;transform:none!important}
.site main .reading-dock .dock-option .btn{color:#211a10!important}
.site main .card-action>.card-detail-link{background:#282219!important;color:#edc779!important;border:1px solid #655335!important;border-radius:8px!important}
.site main .card-action>.card-detail-link:hover{background:#3a2e1d!important;border-color:oklch(81.9766% .146573 81.1686)!important}
.site main .save-mini{background:#211b15!important;border-color:#554631!important;color:#e7c476!important;border-radius:8px}.site main .save-mini.is-saved{background:oklch(81.9766% .146573 81.1686)!important;color:#211a10!important}
.site main .cover-shelf .real-book-card{background:transparent!important;border:0!important;box-shadow:none!important}
.site main .real-cover{background:#30271c!important;border-color:#554631!important;box-shadow:0 6px 15px #0004!important;border-radius:6px!important}
html[lang] .site main .cover-shelf .real-book-card h3{font-family:Arial,"PingFang SC",sans-serif!important;font-size:15px;font-weight:600;letter-spacing:-.015em;line-height:1.5}
.site main .cover-shelf .book-meta{color:#b3a58f!important}.site main .cover-shelf .card-action{margin-top:auto!important;padding-top:12px}.site main .cover-shelf .real-book-card{height:100%}
.site main .real-cover .cover-status{background:#efcf84!important;color:#37250e!important;box-shadow:none}.site main .real-cover .cover-status.ongoing{background:#bdc6ac!important;color:#273322!important}
.site main :is(.status-inline,.pill){background:#382d1e!important;color:#e6c88a!important;border-color:#6b5530!important}
.site main .theme-tag{border-radius:20px!important;box-shadow:none!important}
.site main :is(.tag-mint,.tag-amber){background:#332c1b!important;color:#e8cd83!important;border-color:#6d5c33!important}
.site main .tag-berry{background:#30263b!important;color:#d7b8ef!important;border-color:#655071!important}
.site main .tag-blue{background:#202d33!important;color:#aad3e1!important;border-color:#3f606b!important}
.site main .tag-rose{background:#36231f!important;color:#e9b6a5!important;border-color:#704b40!important}
.site :is(input,select,textarea){background:#201b15!important;color:#f1e7d6!important;border-color:#665439!important;border-radius:9px;accent-color:oklch(81.9766% .146573 81.1686)}
.site input::placeholder,.site textarea::placeholder{color:#ad9e88!important}
.site main .real-filters{background:#211c16!important;border-color:#3c3328!important}
.site main :is(.real-catalogue-toolbar label,.real-filters label,.shelf-controls label){color:#c9bca7!important}
.site main :is(.book-synopsis p,.description p){color:#dfd5c4!important;font-size:17px!important;line-height:1.9}
.site main .jump{background:#211b15!important;border-color:#3c3328!important}.site main .jump a{color:#d9c49c!important}
.site main .rating-line a:not(.rating-stars){color:oklch(81.9766% .146573 81.1686)!important}.site main .rating-stars,.site main .rating-empty{color:oklch(81.9766% .146573 81.1686)!important}
.site main :is(.guide-note,.platform-access-note,.number,.guide-number){color:#baa98c!important}
.site :is(summary,dt,dd,label){color:inherit}.site main details{background:#211b15!important;border-color:#3c3328!important;border-radius:9px}
.site .footer{background:#120f0c!important;border-top:1px solid #3c3328!important;color:#b9aa94}.site .footer a{color:#cbbb9f!important}.site .footer b{color:#f5efdf}.site .footer p{color:#b9aa94}
.site :focus-visible{outline:2px solid oklch(81.9766% .146573 81.1686)!important;outline-offset:4px}
@container(max-width:760px){
 .site .head{min-height:76px}.site .head nav>a{font-size:11px}.site .tools .library-link{padding:10px 13px}
 .site[data-view=home] .discover-copy{min-height:0!important;padding-block:32px!important}
 html[lang] .site main .discover-copy h1{font-size:49px!important;line-height:1.12!important}html[lang=en] .site main .discover-copy h1{font-size:52px!important}
 .site .book-carousel{border-left:0!important;border-top:1px solid #3c3328!important;padding:25px 0 0!important;margin-top:30px!important}
 .site .home-genre-links{margin-inline:-20px;padding:12px 20px;margin-bottom:26px;gap:4px 0}.site .home-genre-links .genre-shortcut{font-size:11px;padding:5px 10px}
 html[lang] .site main h1{font-size:31px}html[lang] .site main h2{font-size:23px}
 .site .homepage-picks .cover-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}
 html[lang] .site main .cover-shelf .real-book-card h3{font-size:13px}
 .site main .cover-shelf .byline{font-size:11px}.site main .cover-shelf .byline-label{font-size:10px}
 .site main .book-synopsis p{font-size:16px!important}
}
.site main .discover-copy h1 .hero-line:first-child{color:#f5efdf!important}
.site main .discover-copy h1 .hero-line:last-child{color:oklch(81.9766% .146573 81.1686)!important;-webkit-text-stroke:1px oklch(81.9766% .146573 81.1686);-webkit-text-fill-color:transparent}
.site .book-carousel-dots button{border:0!important;background:transparent!important;box-shadow:none!important}
.site .book-carousel-controls>button{border-radius:50%!important}
html[lang] .site main :is(h1,h2,h3) a{color:#f5efdf!important}
html[lang] .site main :is(h1,h2,h3) a:hover{color:oklch(81.9766% .146573 81.1686)!important}
.site main :is(.platform-strip,.dock-heading){background:#292219!important;color:#f5efdf!important;border-color:#3c3328!important}
.site main .hero-rankings .ranking-widget{border:0!important;background:transparent!important;border-radius:0!important}
.site main .ranking-title small,.site main .topic-book small{color:#b9ae9c!important}

.site main .facts,.site main .facts strong{color:#e8ddc9!important}.site main .facts small{color:#b9ae9c!important}
.site main .jump a[aria-current],.site main .jump a.active{background:oklch(81.9766% .146573 81.1686)!important;color:#211a10!important}
.site main .status-pill{background:#3b301d!important;color:#efcf84!important}.site main .status-pill.ongoing{background:#2c3426!important;color:#cbd7b7!important}

.site main .facts>div{color:#e8ddc9!important}
.site main .heading-side{background:#30271c!important;color:#ddc79c!important;border:1px solid #655335!important;border-radius:8px}

.site main :is(.ranking-row,.topic-book,.list-row,.library-row):hover{background:#30271c!important}

/* Single-book editorial carousel; existing catalogue and navigation unchanged. */
.site[data-view=home] .book-carousel{top:28px;bottom:28px;right:24px;width:45%;padding:22px 26px!important;border:1px solid #514331!important;border-radius:18px!important;background:#211b15!important;display:flex;justify-content:space-between;gap:20px;box-shadow:0 16px 40px #0002!important;overflow:hidden}
.site .featured-carousel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#d7bd86;font-size:11px;font-weight:700;letter-spacing:.15em}
.site .book-carousel-controls{margin:0;gap:5px}
.site .book-carousel-controls>button{width:34px;height:34px;min-width:34px;min-height:34px;border-color:#514331!important;background:transparent!important;font-size:18px}
.site .book-carousel-controls>button:hover{background:oklch(81.9766% .146573 81.1686)!important;color:#211b15!important}
.site .book-carousel-controls>.book-carousel-play{font-size:12px;border:0!important}
.site .featured-book-layout{display:grid;grid-template-columns:minmax(0,43%) minmax(0,1fr);gap:24px;align-items:center;min-height:0;height:252px}
.site .featured-book-cover{display:block;width:100%;max-width:168px;justify-self:center;aspect-ratio:2/3;border-radius:3px 7px 7px 3px;box-shadow:8px 14px 24px #0007;position:relative;transition:transform .22s ease}
.site .featured-book-cover:hover{transform:translateY(-3px)}
.site .featured-book-cover:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 2px 0 2px #fff3,inset 5px 0 5px #0005;pointer-events:none}
.site .featured-book-cover img{display:block;width:100%;height:100%;aspect-ratio:2/3;object-fit:cover;border-radius:inherit}
.site .featured-book-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.site .featured-book-meta{display:flex;flex-wrap:wrap;gap:5px 10px;font-size:10px;line-height:1.5;color:#d8be87}
.site .featured-book-meta span+span{border-left:1px solid #655335;padding-left:10px}
.site .featured-book-title{font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(20px,2.1cqw,28px);font-weight:500;line-height:1.2;color:#f5efdf!important;text-decoration:none;letter-spacing:-.025em;overflow-wrap:anywhere}
.site .featured-book-title:hover{color:oklch(81.9766% .146573 81.1686)!important}
.site main .featured-book-author{font-size:11px;color:#b9ae9c!important;line-height:1.5;margin:0!important}
.site .featured-book-cta{display:inline-flex;align-items:center;gap:15px;min-height:40px;border-bottom:1px solid #887044;color:oklch(81.9766% .146573 81.1686)!important;font-size:12px;text-decoration:none;font-weight:600}
.site .featured-book-cta span{font-size:19px}
.site .featured-book-index{font-size:12px;letter-spacing:.08em;color:#ddc79c;font-variant-numeric:tabular-nums;margin-top:4px}
.site .featured-book-index span{color:#8f8069}
.site .book-carousel-dots{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;padding-top:16px;border-top:1px solid #453a2c}
.site .book-carousel-dots button{width:42px;height:59px;min-width:42px;min-height:59px;padding:3px;border:1px solid transparent!important;border-radius:4px;background:transparent!important;opacity:.55;transition:opacity .2s,transform .2s;outline:0!important}
.site .book-carousel-dots button:after{display:none!important}
.site .book-carousel-dots button img{display:block;width:100%;height:100%;object-fit:cover;border-radius:1px}
.site .book-carousel-dots button[aria-pressed=true]{border-color:oklch(81.9766% .146573 81.1686)!important;opacity:1;transform:translateY(-3px);box-shadow:none!important}
.site .book-carousel-dots button:hover{opacity:1}
.site .book-carousel-dots button:focus-visible{outline:2px solid oklch(81.9766% .146573 81.1686)!important;outline-offset:3px}
@container(max-width:1000px){
.site[data-view=home] .book-carousel{padding:18px!important;gap:15px}
.site .featured-book-layout{gap:18px;min-height:0;height:230px}
.site .featured-book-copy{gap:10px}.site .featured-book-title{font-size:21px}
.site .book-carousel-dots{gap:8px}.site .book-carousel-dots button{width:38px;min-width:38px;height:54px;min-height:54px}
}
@container(max-width:760px){
.site[data-view=home] .book-carousel{position:relative;inset:auto;width:100%;margin:28px 0 0!important;padding:18px!important;border:1px solid #514331!important;border-radius:14px!important;gap:20px}
.site .featured-carousel-top{font-size:10px}
.site .book-carousel-controls>button{width:38px;height:38px;min-width:38px;min-height:38px}
.site .featured-book-layout{grid-template-columns:42% minmax(0,1fr);gap:18px;min-height:260px;height:260px}
.site .featured-book-title{font-size:20px;line-height:1.2}
.site .featured-book-copy{gap:10px}.site .featured-book-meta{font-size:9px;gap:4px 8px}
.site main .featured-book-author{font-size:10px}.site .featured-book-cta{font-size:11px;gap:8px;min-height:36px}
.site .featured-book-index{font-size:10px}.site .book-carousel-dots{gap:8px;padding-top:15px}
.site .book-carousel-dots button{width:38px;min-width:38px;height:54px;min-height:54px}
}
@container(max-width:365px){.site .featured-book-layout{height:290px;min-height:290px}.site .featured-book-title{font-size:19px}.site .book-carousel-dots{gap:5px}.site .book-carousel-dots button{width:32px;min-width:32px;height:48px;min-height:48px}.site .featured-book-layout{gap:12px}}
@media(prefers-reduced-motion:reduce){.site .featured-book-cover{transition:none}.site .featured-book-cover:hover{transform:none}}
.site[data-view=home] .discover-copy .search{width:48%;max-width:580px;box-sizing:border-box}
@container(max-width:1000px){.site .home-genre-links{margin-inline:-30px;padding-inline:30px}}
@container(max-width:760px){.site[data-view=home] .discover-copy .search{width:100%}.site .home-genre-links{margin-inline:-20px;padding-inline:20px}}

/* One-row genre treatments + restrained ambient light; no content changes. */
.site{--genre-yellow:oklch(81.9766% .146573 81.1686);--genre-ink:oklch(18.6649% .022707 66.0832);background:radial-gradient(ellipse 780px 560px at 93% 220px,#a5673045,transparent 77%),radial-gradient(ellipse 700px 650px at 3% 480px,#78516b30,transparent 80%),radial-gradient(ellipse 1000px 900px at 68% 1450px,#78634020,transparent 80%),linear-gradient(155deg,#191510 0%,#1d1717 24%,#151410 58%,#191510 100%)!important}
html,body{background:#191510!important}
.site[data-view=home] .discover-copy{background:transparent!important;border-color:#f2d8a51c!important}
.site .head{background:#18130fed!important;backdrop-filter:blur(18px);border-color:#efce931f!important}
.site[data-view=home] .book-carousel{background:linear-gradient(145deg,#4c372933,#241e1ad9)!important;border-color:#d7b77b32!important;box-shadow:0 18px 52px #0002,inset 0 1px 0 #ffdf9c0c!important}
.site main :is(.hero-rankings,.topic-board){background:#241e18bf!important;border-color:#cbb17f25!important}
.site .home-genre-links{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;grid-template-columns:none;grid-template-rows:none;gap:0;margin:20px 0 32px!important;padding:8px 16px!important;height:64px;min-height:64px;box-sizing:border-box;background:var(--genre-yellow)!important;border:1px solid #ffe2a43d!important;border-radius:7px;box-shadow:0 8px 24px #08050318;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#583c193d transparent;overscroll-behavior-x:contain;scroll-padding:15px}
.site .home-genre-links .genre-nav-label{display:flex;flex-direction:row;align-items:center;justify-content:center;flex:0 0 auto;gap:7px;margin:0 10px 0 0;padding:0 19px 0 4px;height:27px;grid-column:auto;grid-row:auto;border:0;border-right:1px solid #2c1e1440!important;color:var(--genre-ink)!important;font-size:12px!important;line-height:1;letter-spacing:.035em;font-weight:650;white-space:nowrap}
.site .home-genre-links .genre-nav-label svg{display:block;width:17px;height:17px;stroke-width:1.4;color:inherit}
.site .home-genre-links .genre-shortcut{position:relative;display:inline-flex;flex:1 0 auto;align-items:center;justify-content:center;gap:0;min-height:40px;height:40px;min-width:max-content;padding:0 13px!important;border:0!important;border-radius:4px;background:transparent!important;color:var(--genre-ink)!important;font-size:12.5px!important;line-height:1;letter-spacing:.025em;font-weight:550;white-space:nowrap!important;text-align:center;text-decoration:none;transition:background .2s,color .2s}
.site .home-genre-links .genre-shortcut:before{display:none!important}
.site .home-genre-links .genre-shortcut:after{content:"";display:block;position:absolute;left:13px;right:13px;bottom:7px;width:auto;height:1px;background:var(--genre-ink);border-radius:0;transform:scaleX(0);transition:transform .2s}
.site .home-genre-links .genre-shortcut:hover,.site .home-genre-links .genre-shortcut:focus-visible{color:#000!important;background:#fff1cd20!important}
.site .home-genre-links .genre-shortcut:hover:after,.site .home-genre-links .genre-shortcut:focus-visible:after{transform:scaleX(1)}
.site .home-genre-links .genre-shortcut:focus-visible{outline:2px solid #362616!important;outline-offset:-3px}
html[lang=en] .site .home-genre-links .genre-nav-label,html[lang=en] .site .home-genre-links .genre-shortcut{font-size:12px!important;white-space:nowrap!important;line-height:1.2}
/* B — warm satin capsule */
html[data-genre-style=b] .site .home-genre-links{border-radius:999px;background:linear-gradient(180deg,#fff6d322,transparent 65%),var(--genre-yellow)!important;border-color:#ffe9b780!important;box-shadow:0 8px 30px #e8af3612,inset 0 1px 0 #fff6dc66;padding-inline:18px!important;height:66px;min-height:66px}
html[data-genre-style=b] .site .home-genre-links .genre-nav-label{border-right:0!important;margin-right:5px;padding-right:15px}
html[data-genre-style=b] .site .home-genre-links .genre-shortcut{border-radius:24px}
html[data-genre-style=b] .site .home-genre-links .genre-shortcut:after{display:none}
html[data-genre-style=b] .site .home-genre-links .genre-shortcut:hover,html[data-genre-style=b] .site .home-genre-links .genre-shortcut:focus-visible{background:#fff3cd66!important}
/* C — dark title tab on a gold rail */
html[data-genre-style=c] .site .home-genre-links{border-radius:12px;padding:7px!important;height:62px;min-height:62px;background:linear-gradient(105deg,#fff0c318,transparent 55%),var(--genre-yellow)!important;border-color:#f9d68680!important;box-shadow:0 3px 0 #0604034d,0 12px 30px #0002}
html[data-genre-style=c] .site .home-genre-links .genre-nav-label{align-self:stretch;height:auto;padding:0 16px!important;margin:0 9px 0 0;background:#241b12;border:1px solid #fff3c215!important;border-radius:7px;color:var(--genre-yellow)!important;letter-spacing:.04em}
html[data-genre-style=c] .site .home-genre-links .genre-shortcut{border-radius:6px}
html[data-genre-style=c] .site .home-genre-links .genre-shortcut:after{display:none}
html[data-genre-style=c] .site .home-genre-links .genre-shortcut:hover,html[data-genre-style=c] .site .home-genre-links .genre-shortcut:focus-visible{background:#291e14!important;color:#ffe0a0!important}
@container(max-width:1100px){.site .home-genre-links{padding-inline:12px!important}.site .home-genre-links .genre-nav-label{margin-right:5px;padding-right:11px;font-size:11px!important}.site .home-genre-links .genre-shortcut{font-size:12px!important;padding-inline:10px!important}.site .home-genre-links .genre-shortcut:after{left:10px;right:10px}}
@container(max-width:760px){.site .home-genre-links{margin:18px 0 24px!important;height:58px;min-height:58px;padding:6px 10px!important;border-radius:7px;gap:0}.site .home-genre-links .genre-nav-label{height:25px;gap:6px;margin-right:5px;padding:0 12px 0 2px;font-size:11px!important}.site .home-genre-links .genre-nav-label svg{width:15px;height:15px}.site .home-genre-links .genre-shortcut{flex:0 0 auto;min-height:40px;height:40px;padding-inline:13px!important;font-size:12px!important}html[data-genre-style=b] .site .home-genre-links{height:60px;min-height:60px;padding-inline:12px!important}html[data-genre-style=c] .site .home-genre-links{height:58px;min-height:58px;padding:6px!important}.site{background:radial-gradient(ellipse 460px 650px at 100% 340px,#aa743035,transparent 85%),radial-gradient(ellipse 420px 700px at 0 550px,#82537122,transparent 85%),linear-gradient(165deg,#191510,#211a1a 24%,#171510 65%)!important}}
@media(prefers-reduced-motion:reduce){.site .home-genre-links .genre-shortcut,.site .home-genre-links .genre-shortcut:after{transition:none}}

/* Adopt A; clear discovery copy, visible mobile genres, quieter secondary modules. */
html[lang] .site main .discover-copy h1{font-size:54px!important;line-height:1.2!important;letter-spacing:-.045em!important;width:48%;max-width:none!important;margin:0 0 22px!important;text-wrap:initial;font-weight:750}
html[lang=en] .site main .discover-copy h1{font-size:58px!important;line-height:1.12!important;letter-spacing:.005em!important}
.site main .discover-copy h1 .hero-line{display:block}
.site main .discover-copy h1 .hero-line:last-child{color:oklch(81.9766% .146573 81.1686)!important;-webkit-text-fill-color:currentColor;-webkit-text-stroke:0}
.site main .discover-copy .lede{width:46%;max-width:50ch!important;font-size:14px!important;line-height:1.85!important;margin:0 0 22px!important}
.site[data-view=home] main .platform-strip{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px 26px;margin:26px 0 0!important;padding:13px 0!important;min-height:0!important;background:transparent!important;border:0!important;border-top:1px solid #ccb17a26!important;border-radius:0!important;box-shadow:none!important}
html[lang] .site[data-view=home] main .platform-strip h2{font-family:Arial,'PingFang SC',sans-serif!important;font-size:14px!important;line-height:1.5;letter-spacing:0;font-weight:600;margin:0!important;color:#b7aa93!important}
.site[data-view=home] main .platform-strip .actions{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0;align-items:center}
.site[data-view=home] main .platform-strip .btn{display:inline-flex;align-items:center;min-height:36px;padding:0!important;border:0!important;border-radius:0;background:transparent!important;color:#d6c6a7!important;box-shadow:none!important;font-size:12px;font-weight:500;text-decoration:none}
.site[data-view=home] main .platform-strip .btn:hover{color:#f2c36a!important;text-decoration:underline;text-underline-offset:5px;transform:none}
.site main .theme-cloud{gap:9px;margin-top:18px}
.site main .theme-cloud .theme-tag{background:#2a241eeb!important;border:1px solid #6b59403d!important;color:#e2d7c4!important;border-radius:7px!important;min-height:38px;padding:8px 14px;font-size:13px;font-weight:500;line-height:1.5;letter-spacing:.015em;box-shadow:inset 0 1px 0 #ffffff04;transition:background .18s,color .18s,border-color .18s;transform:none!important;filter:none!important}
.site main .theme-cloud .theme-tag:hover,.site main .theme-cloud .theme-tag:focus-visible{background:oklch(81.9766% .146573 81.1686)!important;border-color:oklch(81.9766% .146573 81.1686)!important;color:#231a10!important}
.site main .home-theme-section .theme-cloud{padding:17px 0 0;border-top:1px solid #c4a57124;border-bottom:0}
@container(max-width:1100px){html[lang] .site main .discover-copy h1{font-size:43px!important}html[lang=en] .site main .discover-copy h1{font-size:46px!important}}
@container(max-width:760px){
 html[lang] .site main .discover-copy h1{width:100%;max-width:100%!important;font-size:34px!important;line-height:1.25!important;margin-bottom:17px!important}
 html[lang=en] .site main .discover-copy h1{font-size:40px!important;line-height:1.13!important}
 .site main .discover-copy .lede{width:100%;font-size:13px!important;margin-bottom:18px!important}
 .site[data-view=home] .home-genre-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,42px);gap:0 9px;height:auto!important;min-height:0!important;padding:6px 12px!important;overflow:visible!important;border-radius:7px!important}
 .site[data-view=home] .home-genre-links .genre-nav-label{display:none!important}
 .site[data-view=home] .home-genre-links .genre-shortcut{display:flex;min-width:0;height:42px;min-height:42px;flex:none;padding:0 2px!important;font-size:12px!important;border-radius:0;border-bottom:1px solid #34241424!important;justify-content:center;white-space:nowrap!important;letter-spacing:0}
 .site[data-view=home] .home-genre-links .genre-shortcut:nth-last-child(-n+3){border-bottom:0!important}
 .site[data-view=home] .home-genre-links .genre-shortcut:after{display:none}
 html[lang=en] .site[data-view=home] .home-genre-links{grid-template-rows:repeat(3,49px)}
 html[lang=en] .site[data-view=home] .home-genre-links .genre-shortcut{white-space:normal!important;font-size:11px!important;height:49px;line-height:1.3}
 .site[data-view=home] main .platform-strip{gap:5px 15px;margin-top:20px!important;padding:10px 0!important}
 html[lang] .site[data-view=home] main .platform-strip h2{font-size:12px!important}
 .site[data-view=home] main .platform-strip .actions{gap:4px 14px}
 .site[data-view=home] main .platform-strip .btn{font-size:11px;min-height:36px}
 .site main .theme-cloud{gap:8px}.site main .theme-cloud .theme-tag{min-height:38px;padding:8px 11px;font-size:12px;letter-spacing:0}
 .site main .home-theme-section .theme-cloud{padding-block:14px}
}
@container(max-width:350px){html[lang] .site main .discover-copy h1{font-size:29px!important}html[lang=en] .site main .discover-copy h1{font-size:34px!important}.site[data-view=home] .home-genre-links{padding-inline:9px!important;column-gap:6px}.site[data-view=home] .home-genre-links .genre-shortcut{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.site main .theme-cloud .theme-tag{transition:none}}

/* Distinct jewel-tone gradients; stable tag identity and shared accessible states. */
.site main .theme-cloud{gap:10px 11px}
.site main .home-theme-section .theme-cloud{position:relative;isolation:isolate;padding:22px!important;border:1px solid #e8c89a17!important;border-radius:16px;background:radial-gradient(ellipse 60% 150% at 0 0,#aa773a1c,transparent 85%),radial-gradient(ellipse 65% 160% at 100% 100%,#78537720,transparent 85%),linear-gradient(110deg,#211d19a6,#211d22a6);box-shadow:inset 0 1px 0 #ffe4ba06}
.site main :is(.theme-cloud,.book-tags) .theme-tag{
 --tag-start:#65428e;--tag-end:#302347;--tag-edge:#b795e6;--tag-glow:#a478d82e;
 position:relative;min-height:42px;padding:9px 17px;font-size:13px;font-weight:500;letter-spacing:.035em;line-height:1.5;
 border:1px solid transparent!important;border-radius:999px!important;color:#fff6ed!important;
 background:linear-gradient(125deg,var(--tag-start),var(--tag-end)) padding-box,linear-gradient(135deg,var(--tag-edge),color-mix(in srgb,var(--tag-edge) 22%,transparent)) border-box!important;
 box-shadow:inset 0 1px 0 #ffffff10,0 3px 8px #00000014;transition:box-shadow .2s,filter .2s;filter:none!important;transform:none!important
}
.site main :is(.theme-cloud,.book-tags) .tag-berry{--tag-start:#65428e;--tag-end:#302347;--tag-edge:#b795e6;--tag-glow:#a478d82e}
.site main :is(.theme-cloud,.book-tags) .tag-blue{--tag-start:#285e96;--tag-end:#182f56;--tag-edge:#73b9ed;--tag-glow:#519ddd2e}
.site main :is(.theme-cloud,.book-tags) .tag-mint{--tag-start:#207564;--tag-end:#183f37;--tag-edge:#79cbb3;--tag-glow:#4dc3a02e}
.site main :is(.theme-cloud,.book-tags) .tag-rose{--tag-start:#94435e;--tag-end:#492638;--tag-edge:#e59aae;--tag-glow:#db7a9a2e}
.site main :is(.theme-cloud,.book-tags) .tag-amber{--tag-start:#8b6125;--tag-end:#493717;--tag-edge:#dfbc6d;--tag-glow:#dbaf512e}
.site main :is(.theme-cloud,.book-tags) .theme-tag:hover,.site main :is(.theme-cloud,.book-tags) .theme-tag:focus-visible{
 color:#fff!important;border-color:transparent!important;filter:brightness(1.17)!important;
 box-shadow:0 0 18px var(--tag-glow),inset 0 1px 0 #ffffff24
}
.site main :is(.theme-cloud,.book-tags) .theme-tag:focus-visible{outline:2px solid var(--tag-edge)!important;outline-offset:3px}
@container(max-width:760px){.site main .home-theme-section .theme-cloud{padding:15px!important;border-radius:13px}.site main .theme-cloud{gap:9px 8px}.site main :is(.theme-cloud,.book-tags) .theme-tag{font-size:12px;min-height:42px;padding:9px 13px;letter-spacing:.015em}}
@media(prefers-reduced-motion:reduce){.site main :is(.theme-cloud,.book-tags) .theme-tag{transition:none}}

.site main .book-tags{gap:8px;align-items:center}.site main .book-tags .theme-tag{font-size:12px;min-height:40px;padding:8px 13px;white-space:normal;overflow-wrap:anywhere}
@container(max-width:760px){.site main .book-tags{gap:8px;margin:10px 0}.site main .book-tags .theme-tag{min-height:44px;padding:10px 13px;font-size:12px;line-height:1.5}}

/* Compact discovery hero: preserve semantic headings, cover assets and lower shelves. */
.site[data-view=home] .discover-copy{min-height:0!important;height:auto!important;padding-block:24px!important;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:40px;align-content:center;overflow:visible}
html[lang] .site[data-view=home] main .discover-copy h1{grid-column:1;grid-row:1;width:100%;max-width:100%!important;font-size:clamp(28px,3cqw,40px)!important;line-height:1.15!important;margin:0 0 12px!important;letter-spacing:-.025em!important;align-self:end}
.site[data-view=home] .discover-copy .lede{grid-column:1;grid-row:2;width:100%;max-width:52ch!important;font-size:13px!important;line-height:1.75!important;margin:0 0 16px!important}
.site[data-view=home] .discover-copy .search{grid-column:1;grid-row:3;width:100%;max-width:100%!important;min-height:48px;margin:0!important;align-self:start}
.site[data-view=home] .discover-copy .search-shortcuts{grid-column:1;grid-row:4;max-width:100%;margin-top:8px}
.site[data-view=home] .book-carousel{position:relative;inset:auto;grid-column:2;grid-row:1/5;width:100%;max-width:100%;height:auto;min-height:0;margin:0!important;padding:16px 20px!important;border-radius:12px!important;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 14px;align-content:center;box-sizing:border-box}
.site .book-carousel [data-book-stage]{grid-column:1/-1;grid-row:1;max-width:100%}
.site .featured-carousel-top{display:contents}
.site .featured-carousel-top>span{display:none}
.site .featured-book-layout{height:auto;min-height:0;grid-template-columns:104px minmax(0,1fr);gap:20px;align-items:center}
.site .featured-book-cover{max-width:104px}
.site .featured-book-copy{gap:8px}
.site main .featured-book-title{font-size:clamp(18px,1.7cqw,23px);line-height:1.25}
.site main .featured-book-author{font-size:11px}
.site .featured-book-meta{font-size:10px}
.site .featured-book-index{display:none}
.site .featured-book-cta{font-size:12px;min-height:40px;gap:10px}
.site .book-carousel-controls{grid-row:2;grid-column:2;justify-self:end;gap:0;margin-top:4px}
.site .book-carousel-controls>button{width:40px;height:40px;min-width:40px;min-height:40px;border:0!important;font-size:17px}
.site .book-carousel-controls>.book-carousel-play{font-size:11px;width:32px;min-width:32px}
.site .book-carousel-dots{grid-row:2;grid-column:1;justify-content:flex-start;gap:0;padding:0;border:0;margin-top:4px;max-width:100%}
.site .book-carousel-dots button{width:26px;min-width:26px;height:40px;min-height:40px;padding:0!important;border:0!important;opacity:1;transform:none!important;display:grid;place-items:center}
.site .book-carousel-dots button img{display:none}
.site .book-carousel-dots button:after{content:"";display:block!important;width:5px;height:5px;border-radius:50%;background:#89795f;box-shadow:none}
.site .book-carousel-dots button[aria-pressed=true]:after{width:16px;border-radius:4px;background:var(--genre-yellow);box-shadow:none}
@container(max-width:1000px){.site[data-view=home] .discover-copy{column-gap:24px}.site[data-view=home] .book-carousel{padding:14px!important}.site .featured-book-layout{grid-template-columns:88px minmax(0,1fr);gap:14px}.site .featured-book-cover{max-width:88px}.site main .featured-book-title{font-size:18px}.site main .featured-book-author{display:none}}
@container(max-width:760px){
 .site[data-view=home] .discover-copy{display:flex!important;gap:0;padding-block:14px 8px!important}
 html[lang] .site[data-view=home] main .discover-copy h1{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
 .site[data-view=home] .discover-copy>.lede{display:none}
 .site[data-view=home] .discover-copy .search{width:100%;min-height:48px}
 .site[data-view=home] .discover-copy .search-shortcuts{margin-top:6px;font-size:10px}
 .site[data-view=home] .book-carousel{display:grid;margin:14px 0 0!important;padding:12px 14px 6px!important;border-radius:10px!important;gap:0 8px}
 .site .featured-book-layout{grid-template-columns:80px minmax(0,1fr);gap:16px;height:auto;min-height:120px}
 .site .featured-book-cover{max-width:80px}
 .site main .featured-book-title{font-size:17px;line-height:1.25}
 .site .featured-book-copy{gap:6px}.site .featured-book-meta{font-size:10px}
 .site .featured-book-cta{font-size:11px;min-height:36px}
 .site .book-carousel-controls{margin-top:2px}
 .site .book-carousel-controls>button{min-height:44px;height:44px;min-width:44px;width:44px}
 .site .book-carousel-controls>.book-carousel-play{min-width:32px;width:32px}
 .site .book-carousel-dots{margin-top:2px}
 .site .book-carousel-dots button{width:24px;min-width:24px;height:44px;min-height:44px}
}

/* Two-row genre directory: all destinations visible, shared gold and logical RTL borders. */
html[lang] .site[data-view=home] .home-genre-links{
 display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(44px,auto));
 gap:0;height:auto!important;min-height:0!important;max-width:100%;padding:6px 10px!important;
 overflow:visible!important;scrollbar-width:none;border-radius:11px!important;
 background:linear-gradient(115deg,#fff2ba24,transparent 62%),var(--genre-yellow)!important;
 border:1px solid #ffe6aa66!important;box-shadow:inset 0 1px 0 #fff6d640,0 8px 24px #00000012;
}
html[lang] .site[data-view=home] .home-genre-links>*{box-sizing:border-box;min-width:0;max-width:100%}
html[lang] .site[data-view=home] .home-genre-links .genre-nav-label,
html[lang] .site[data-view=home] .home-genre-links .genre-shortcut{
 display:flex;align-items:center;justify-content:center;grid-column:auto;grid-row:auto;align-self:stretch;
 flex:none;width:auto;min-width:0;height:auto;min-height:44px;margin:0;padding:9px 15px!important;
 border:0!important;border-radius:0;background:transparent!important;
 font-size:12.5px!important;line-height:1.5!important;letter-spacing:.015em!important;
 white-space:normal!important;overflow-wrap:normal;word-break:normal;text-align:center;text-wrap:balance;
}
html[lang] .site[data-view=home] .home-genre-links .genre-shortcut{font-weight:550;border-inline-start:1px solid #442d1524!important}
html[lang] .site[data-view=home] .home-genre-links .genre-nav-label{gap:8px;font-size:11px!important;font-weight:750;letter-spacing:.045em!important;background:#5b3c1108!important}
html[lang] .site[data-view=home] .home-genre-links>*:nth-child(-n+5){border-bottom:1px solid #442d1529!important}
html[lang] .site[data-view=home] .home-genre-links>*:nth-child(6){border-inline-start:0!important}
html[lang] .site[data-view=home] .home-genre-links .genre-shortcut:after{display:none!important}
html[lang] .site[data-view=home] .home-genre-links .genre-shortcut:hover{background:#fff2c53d!important;color:#171108!important}
html[lang] .site[data-view=home] .home-genre-links .genre-shortcut:focus-visible{background:#fff2c53d!important;outline:2px solid #392711!important;outline-offset:-4px}
html[lang=ar] .site[data-view=home] .home-genre-links .genre-shortcut{font-size:13px!important;line-height:1.65!important;letter-spacing:0!important}
@container(max-width:1000px){html[lang] .site[data-view=home] .home-genre-links .genre-shortcut{font-size:12px!important;padding-inline:10px!important}}
@container(max-width:760px){
 html[lang] .site[data-view=home] .home-genre-links{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(48px,auto));padding:5px 9px!important;border-radius:10px!important;gap:0}
 html[lang] .site[data-view=home] .home-genre-links .genre-nav-label{display:none!important}
 html[lang] .site[data-view=home] .home-genre-links .genre-shortcut{font-size:11px!important;line-height:1.45!important;padding:8px 6px!important;min-height:48px;height:auto!important;border-inline-start:0!important;border-bottom:1px solid #442d1529!important;letter-spacing:0!important}
 html[lang] .site[data-view=home] .home-genre-links .genre-shortcut:nth-last-child(-n+3){border-bottom:0!important}
 html[lang=ar] .site[data-view=home] .home-genre-links .genre-shortcut{font-size:12px!important;line-height:1.6!important}
}

/* Approved provisional UI, reader detail and help refinement — 2026-11-01. */
.site{--detail-text:#eee5d5;--detail-muted:#baaf9c;--detail-line:#514330;--detail-surface:#251f18;--detail-accent:oklch(81.9766% .146573 81.1686)}
.site main .title-status{display:inline-block;vertical-align:middle;margin:0 7px 2px 0;padding:3px 6px;border:1px solid #8f805055;border-radius:4px;background:#51432966;color:#ead7a7!important;font:500 10px/1.5 "Avenir Next","PingFang SC",Arial,sans-serif!important;letter-spacing:.015em;white-space:nowrap;text-decoration:none}
.site main .title-status.ongoing{background:#274a423f;border-color:#69988b66;color:#b4d5c9!important}
.site main .detail-hero h1 .title-status{font-size:12px!important;padding:4px 8px;margin-right:10px}
.site main .featured-book-title .title-status{font-size:10px!important;line-height:1.4!important;color:#ead7a7!important}
.site main .featured-book-title .book-title-text{font:inherit;color:inherit}
.site main .cover-status{display:none!important}
html[lang] .site main .detail-hero h1{max-width:none;font-size:clamp(28px,2.7cqw,36px)!important;line-height:1.25!important;text-wrap:pretty}
.site main .real-cover,.site main .featured-book-cover,.site main .compact-cover{position:relative}
.site main .recommendation-score{position:absolute;left:5px;top:5px;right:auto;bottom:auto;z-index:3;display:inline-flex;align-items:baseline;gap:0;padding:4px 5px;border:1px solid #e7bc6366;border-radius:6px;background:linear-gradient(130deg,#342716f5,#15120ef5);box-shadow:0 2px 9px #0005;line-height:1;color:#ffdc88!important;pointer-events:none;white-space:nowrap;backdrop-filter:blur(6px);font-family:Arial,"PingFang SC",sans-serif!important}
.site main .recommendation-score b{font:600 12px/1 Arial,sans-serif!important;color:#ffdc88!important;font-variant-numeric:tabular-nums}
.site main .recommendation-score small{font:400 9px/1 Arial,sans-serif!important;color:#d8c69f!important}
.site main .recommendation-score .recommendation-label{display:none;font:500 9px/1.2 Arial,"PingFang SC",sans-serif;color:#d8c69f!important}
.site main .detail-hero>.real-cover .recommendation-score{padding:4px 5px;left:6px;top:6px;right:auto;bottom:auto}
.site main .detail-hero>.real-cover .recommendation-score .recommendation-label{display:inline}
.site main .compact-cover{display:block;width:58px;height:87px;flex-shrink:0}
.site main .compact-cover img{display:block;width:100%;height:100%;object-fit:cover}
.site main .ranking-row .compact-cover{width:46px;height:69px}
.site main :is(.compact-cover,.list-cover) .recommendation-score{padding:3px 4px;left:2px;top:2px;right:auto;bottom:auto;border-radius:3px;gap:0}
.site main :is(.compact-cover,.list-cover) .recommendation-score b{font-size:10px!important}
.site main :is(.compact-cover,.list-cover) .recommendation-score small{display:none}
.site main .ranking-title b .title-status,.site main .topic-book b .title-status{font-size:9px!important;padding:2px 5px}
.site main .detail-main,.site main .reading-dock{font-family:"Avenir Next","PingFang SC","Segoe UI",Arial,sans-serif!important;font-size:15px;color:var(--detail-text)}
html[lang] .site main :is(.detail-main,.reading-dock) h2{font-family:inherit!important;font-size:24px!important;font-weight:650!important;line-height:1.4!important;letter-spacing:0!important;margin:0 0 18px!important}
html[lang] .site main :is(.detail-main,.reading-dock) h3,html[lang] .site main #reviews legend{font-family:inherit!important;font-size:18px!important;font-weight:600!important;line-height:1.5!important;letter-spacing:0!important;margin:0 0 14px!important;color:var(--detail-text)!important}
.site main :is(.detail-main,.reading-dock) p{font-size:15px!important;line-height:1.85!important;color:#d7cbbb!important}
html[lang] .site main .book-synopsis>p:not(.content-note){font-size:17px!important;line-height:1.95!important;font-weight:400!important;margin-bottom:22px!important;color:#e5dccd!important}
html[lang] .site main .book-synopsis>.content-note{font:400 13px/1.85 "Avenir Next","PingFang SC",Arial,sans-serif!important;color:#d2bb92!important;background:linear-gradient(110deg,#47372166,#2b241e99)!important;border:1px solid #9b793333!important;border-left:3px solid #b89248!important;border-radius:0 8px 8px 0;padding:13px 17px!important;margin:20px 0 28px!important;max-width:none}
.site main .detail-main>.section{margin-top:34px!important}
.site main .version{padding:24px!important;border-color:var(--detail-line)!important;background:linear-gradient(130deg,#2b241bd9,#211c18)!important}
.site main .version .version-title{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}
html[lang] .site main .version .version-title h3{font-size:18px!important;margin:0!important}
.site main .version .status-pill{font:500 11px/1.5 "Avenir Next","PingFang SC",sans-serif!important;padding:4px 8px;background:#4b3e2855;color:#e3c98f;border:1px solid #71603a66;border-radius:5px}
.site main .version>p{margin:0 0 17px!important;font-size:15px!important;line-height:1.7!important}
.site main .version dl{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px 15px;padding-top:16px;margin:0;border-top:1px solid var(--detail-line);font-size:14px!important;line-height:1.65!important}
.site main .version dt{font-size:13px!important;font-weight:400!important;color:var(--detail-muted)!important}
.site main .version dd{margin:0;color:var(--detail-text)!important;font-size:14px!important}
.site main .version .actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 14px!important}
.site main .version .actions>*{flex:0 1 auto;min-width:160px;width:auto;min-height:46px;padding:11px 22px!important;font:600 14px/1.5 "Avenir Next","PingFang SC",Arial,sans-serif!important}
.site main .version>a.small{display:inline-block;font-size:12px!important;line-height:1.6;color:#d5b36c!important;margin-top:3px}
.site main .detail-layout{grid-template-columns:minmax(0,1fr) 248px;gap:32px;align-items:start}
.site main .reading-dock{display:block;position:sticky;top:112px;padding-top:17px}
.site main .book-directory{display:grid;gap:3px;border:1px solid #80613140;border-radius:12px;padding:19px;background:linear-gradient(145deg,#3227197d,#211b16bf)}
html[lang] .site main .book-directory h2{font-size:14px!important;letter-spacing:.04em!important;margin:0 0 10px!important;color:#c8b58e!important}
.site main .book-directory a{display:block;min-height:40px;padding:9px 11px;border-radius:6px;color:#e1d6c3;font-size:13px;font-weight:500;text-decoration:none;line-height:1.6}
.site main .book-directory a:hover,.site main .book-directory a:focus-visible{background:#e2b35116;color:#ffda85}
.site main .reading-dock .dock-panel{margin-top:16px;border-color:var(--detail-line)!important;background:#251f18!important}
.site main .reading-dock .dock-heading{padding:18px 19px;background:#2c241a!important;border-bottom:1px solid var(--detail-line)}
html[lang] .site main .reading-dock .dock-heading h3{font-size:17px!important;margin:0!important}
.site main .reading-dock .dock-option{padding:19px}
.site main .reading-dock .dock-option>b{font-size:14px!important;color:#eee2cc}
.site main .reading-dock .dock-option>small{font-size:12px!important;line-height:1.6;color:#bbac95!important}
.site main .reading-dock .dock-option .btn{min-height:44px;font-size:13px!important;padding:10px 15px}
.site main .reading-dock .reading-entry-link{display:inline-flex;background:transparent!important;border:0!important;border-radius:0!important;padding:6px 0!important;min-height:34px;color:#dec182!important;font-size:12px!important;justify-content:flex-start;text-decoration:underline;text-underline-offset:4px}
.site main .mobile-book-directory{display:none}
.site main #reviews .review-grid{display:grid;grid-template-columns:1fr;gap:18px}
.site main #reviews .card{padding:24px!important;background:#251f18!important;border-color:var(--detail-line)!important}
.site main #reviews .rating-choices{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px;margin:18px 0 21px!important;max-width:650px}
.site main #reviews .rating-choices label{position:relative;display:block;min-width:0;margin:0}
.site main #reviews .rating-choices span{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:46px;padding:10px 6px;background:linear-gradient(145deg,#393027,#2b241c)!important;border:1px solid #70604a!important;color:#e5dac5!important;border-radius:8px!important;font:500 14px/1.4 "Avenir Next",Arial,sans-serif!important;box-shadow:none!important}
.site main #reviews .rating-choices input:hover+span{border-color:#c5a363!important;color:#ffe5ad!important}
.site main #reviews .rating-choices input:checked+span{background:var(--detail-accent)!important;border-color:var(--detail-accent)!important;color:#251b0e!important;font-weight:750!important;box-shadow:0 2px 8px #0002!important}
.site main #reviews .rating-choices input:focus-visible+span{outline:2px solid #ffe1a2!important;outline-offset:3px}
.site main #reviews legend small{display:inline-block;margin-left:12px;font:400 12px/1.6 "Avenir Next","PingFang SC",Arial,sans-serif!important;color:var(--detail-muted)!important}
.site main #reviews .card>label:not(.spoiler-check){display:block;font-size:13px!important;font-weight:500;color:#cfc2ae!important;line-height:1.7}
.site main #reviews select,.site main #reviews textarea{display:block;width:100%;background:#1b1713!important;border:1px solid #68563b!important;border-radius:8px!important;color:#eee3d0!important;font:400 14px/1.7 "Avenir Next","PingFang SC",Arial,sans-serif!important;padding:11px 13px;min-height:46px}
.site main #reviews select{margin-top:7px}.site main #reviews textarea{min-height:140px;margin:17px 0 12px}
.site main #reviews .spoiler-check{display:flex;align-items:center;gap:9px;font-size:13px!important;margin:12px 0 20px}
.site main #reviews .spoiler-check input{width:17px;height:17px}
.site main #reviews button{font:600 14px/1.5 "Avenir Next","PingFang SC",Arial,sans-serif!important;min-height:44px;padding:10px 22px}
.site main #reviews .personal-rating{color:#d9c297;font-size:13px}
.site main .rating-line{gap:12px;font-size:13px!important}
.site main .rating-line .rating-stars{font-size:14px!important;text-decoration:none!important}
.site main .rating-line .rating-stars small{font-size:11px}
.site main .library-tabs{display:flex;overflow:visible!important;height:auto!important;align-items:center;gap:12px!important;border:0;border-bottom:1px solid #8a704c44!important;border-radius:0!important;background:transparent!important;padding:0 0 3px;margin:25px 0!important;box-shadow:none!important}
.site main .library-tabs button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:11px 14px!important;background:transparent!important;border:0!important;border-radius:5px 5px 0 0!important;color:#bcae96!important;font:500 13px/1.5 "Avenir Next","PingFang SC",Arial,sans-serif!important;box-shadow:none!important;white-space:nowrap}
.site main .library-tabs button small{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin:0!important;padding:0 5px;border:0!important;border-radius:5px;background:#a5937320!important;color:#bba98a!important;font:500 10px/1 Arial,sans-serif!important}
.site main .library-tabs button[aria-selected=true]{color:#f2cc7c!important;background:linear-gradient(0deg,#cca04b12,transparent)!important}
.site main .library-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-4px;left:13px;right:13px;height:2px;border-radius:2px;background:#e9ba5b}
.site main .library-tabs button[aria-selected=true] small{background:#d1a65025!important;color:#f3cf86!important}
.site main .library-tabs button:hover{color:#f0dcc0!important;background:#b7986020!important}
.site main .library-tabs button:focus-visible{outline:2px solid #e9ba5b!important;outline-offset:3px}
.site main .reader-prose{max-width:920px}
.site main .reader-prose section{margin:32px 0}
html[lang] .site main :is(.reader-prose,.reader-help-card) h2{font-family:"Avenir Next","PingFang SC","Segoe UI",sans-serif!important;font-size:23px!important;line-height:1.5;letter-spacing:0!important;margin:0 0 16px}
.site main :is(.reader-prose,.reader-help-card) p,.site main .reader-prose li{font:400 15px/1.95 "Avenir Next","PingFang SC","Segoe UI",sans-serif!important;color:#dacfbf!important;margin:0 0 16px}
.site main .reader-prose ol{padding-left:23px}.site main .reader-prose li{padding-left:5px;margin-bottom:13px}
.site main .reader-inline-link{display:inline-flex;align-items:center;min-height:40px;padding:5px 0;font-size:13px;font-weight:550;color:#efca7d!important;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#a78b5455}
.site main .home-reader-help{margin-top:38px!important;padding-top:30px;border-top:1px solid var(--detail-line)}
.site main .home-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;align-items:start}
.site main details.reader-faq{padding:0;margin:0;background:transparent!important;border:0!important;border-bottom:1px solid #715c3440!important;border-radius:0!important}
.site main .reader-faq summary{padding:18px 23px 18px 0;font:500 15px/1.65 "Avenir Next","PingFang SC",Arial,sans-serif;color:#e8ddc9!important;cursor:pointer}
.site main .reader-faq p{font:400 14px/1.9 "Avenir Next","PingFang SC",Arial,sans-serif!important;color:#cbbfaa!important;margin:0 0 9px}
.site main .reader-faq>div{padding:0 0 18px}
.site main .guide-topic-nav{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 28px}
.site main .guide-topic-nav a{display:inline-flex;align-items:center;min-height:42px;padding:8px 14px;background:#2b231b;border:1px solid #755f3b66;border-radius:7px;color:#e3c484;font-size:13px}
.site main .reader-help-sections{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.site main .reader-help-card{padding:25px;border:1px solid #715d3b55;border-radius:12px;background:linear-gradient(130deg,#352a1c55,#211d18)}
.site main :is(.reader-help-card,.reader-prose section){scroll-margin-top:115px}
.site main #correction-form{display:grid;gap:18px;max-width:700px;margin:25px 0}
.site main #correction-form label{display:grid;gap:8px;font-size:14px}
.site main #correction-form input,.site main #correction-form textarea,.site main #correction-copy{display:block;width:100%;padding:12px;border:1px solid #6c5738;font-size:15px;line-height:1.8;border-radius:8px}
.site main #correction-form button{justify-self:start;min-height:44px;padding:10px 20px}
.site .footer{display:grid!important;grid-template-columns:1.8fr repeat(4,minmax(0,1fr));gap:26px!important;padding:40px 48px 25px!important;background:linear-gradient(120deg,#181410,#1d1712)!important;border-top:1px solid #725c383d!important;color:#d7cab3!important}
.site .footer .footer-intro{grid-column:auto;min-width:0}
.site .footer .footer-intro p{font:500 14px/1.85 "Avenir Next","PingFang SC",Arial,sans-serif!important;color:#dfd0b9!important;margin:15px 0 10px;max-width:38ch}
.site .footer .footer-intro .footer-description{font-size:12px!important;font-weight:400!important;color:#baab94!important;margin:0 0 12px}
.site .footer .novelsift-footer-brand{display:inline-block;min-height:36px}
.site .footer nav{display:flex;flex-direction:column;gap:4px;min-width:0}
.site .footer nav h2{font:600 14px/1.5 "Avenir Next","PingFang SC",Arial,sans-serif!important;color:#eee0c7!important;margin:4px 0 13px;letter-spacing:0!important}
.site .footer a{font:400 12px/1.7 "Avenir Next","PingFang SC",Arial,sans-serif!important;color:#cbb99b!important;min-height:32px;padding:4px 0;display:inline-block}
.site .footer a:hover{color:#ffe0a0!important;text-decoration:underline;text-underline-offset:4px}
.site main .home-reader-help .section-head>a{color:#eac975!important}
.site main .reader-context-links{display:flex;align-items:center;flex-wrap:wrap;gap:7px 25px;margin:30px 0 10px;padding:18px 0;border-top:1px solid #8a704c38;border-bottom:1px solid #8a704c38}
.site main .reader-context-links>span{font:500 12px/1.6 "Avenir Next","PingFang SC",sans-serif;color:#ac9b80;margin-right:8px}
.site main .reader-context-links a{font-size:13px!important;gap:7px;min-height:40px;text-decoration:none}
.site main .reader-context-links a:hover{text-decoration:underline}
.site main .help-card-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px}
.site main .help-card-links a{gap:7px}
.site main .about-reader{max-width:920px}
.site main .about-reader>section:first-child{margin-top:8px}
.site main .about-reader #verification{padding:24px 28px;border:1px solid #725c384d;border-radius:12px;background:linear-gradient(125deg,#382a1b66,#201c1755)}
.site main .guide-questions{margin-top:34px;padding-top:25px;border-top:1px solid #8a704c38}
.site main .correction-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px;align-items:start;margin-top:26px}
.site main .correction-panel{min-width:0;padding:28px;border:1px solid #725c3866;border-radius:14px;background:linear-gradient(145deg,#30261bcc,#201b17ee)}
.site main .correction-book{display:flex;gap:15px;align-items:center;margin:0 0 24px;padding:0 0 22px;border-bottom:1px solid #725c384d}
.site main .correction-book img{flex-shrink:0;object-fit:cover;border-radius:3px;box-shadow:0 2px 9px #0004}
.site main .correction-book>div{display:grid;gap:5px;min-width:0}
.site main .correction-book small,.site main .correction-book span{font:400 12px/1.6 "Avenir Next","PingFang SC",sans-serif;color:#b8a68a}
.site main .correction-book b{font:600 17px/1.5 "Avenir Next","PingFang SC",sans-serif;color:#f1e4cb;overflow-wrap:anywhere}
.site main #correction-form{display:block;max-width:none;margin:0}
.site main #correction-form[hidden],.site main #correction-result[hidden],.site main #correction-error[hidden]{display:none!important}
.site main .correction-fields{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:20px 18px}
.site main #correction-form label{display:grid;gap:8px;font:500 13px/1.7 "Avenir Next","PingFang SC",sans-serif;color:#ddceb2}
.site main .correction-full{grid-column:1/-1}
.site main #correction-form :is(input,textarea,select){display:block;min-width:0;width:100%;margin:0;padding:12px 13px;min-height:46px;border:1px solid #75604099;border-radius:7px;background:#191612!important;color:#eee1c8!important;font:400 14px/1.65 "Avenir Next","PingFang SC",Arial,sans-serif;box-shadow:none}
.site main #correction-form textarea{resize:vertical;min-height:145px}
.site main #correction-form :is(input,textarea)::placeholder{color:#9f947f;opacity:1}
.site main #correction-form :is(input,textarea,select):focus{outline:2px solid #e9ba5b;outline-offset:2px;border-color:transparent}
.site main .correction-submit{display:flex;align-items:center;gap:20px;margin-top:24px}
.site main .correction-submit button{flex-shrink:0;padding:11px 22px!important;font:600 14px/1.6 "Avenir Next","PingFang SC",sans-serif!important;min-height:46px;display:inline-flex;align-items:center;gap:16px}
.site main .correction-submit button:disabled{opacity:.6;cursor:wait}
.site main .correction-submit small{font:400 12px/1.8 "Avenir Next","PingFang SC",sans-serif;color:#b4a58d;max-width:30ch}
.site main .correction-aside{padding:8px 0}
html[lang] .site main .correction-aside h2{font:600 19px/1.5 "Avenir Next","PingFang SC",sans-serif!important;margin:0 0 17px}
.site main .correction-aside ol{padding-left:20px;margin:0 0 20px}
.site main .correction-aside li{padding-left:3px;margin-bottom:13px;font:400 14px/1.9 "Avenir Next","PingFang SC",sans-serif;color:#c4b69e}
.site main .correction-aside p{font:400 13px/1.85 "Avenir Next","PingFang SC",sans-serif;color:#b4a58d;border-top:1px solid #725c384d;padding-top:18px}
.site main .correction-aside>a{display:flex}
.site main .correction-error{padding:13px 16px;border-left:2px solid #e1a486;border-radius:0 7px 7px 0;background:#803b242c;color:#edc6b2;font:400 13px/1.8 "Avenir Next","PingFang SC",sans-serif;margin:20px 0 0}
.site main .correction-receipt{padding:20px 0 5px;outline:none}
html[lang] .site main .correction-receipt h2{font:600 25px/1.5 "Avenir Next","PingFang SC",sans-serif!important;margin:0 0 12px}
.site main .correction-receipt p{font:400 15px/1.9 "Avenir Next","PingFang SC",sans-serif;color:#d4c4a8}
.site main .receipt-number{display:flex;align-items:center;gap:20px;margin:24px 0;padding:19px;border:1px solid #ac874e66;border-radius:9px;background:linear-gradient(110deg,#67502838,#2a241b)}
.site main .receipt-number span{color:#b4a58d;font-size:12px}.site main .receipt-number strong{color:#f1cf8c;font:500 16px/1.6 ui-monospace,monospace;letter-spacing:.025em}
.site main #correction-another{border:0;background:transparent;color:#bba98a;padding:10px 0;font-size:13px;min-height:44px;text-decoration:underline;text-underline-offset:4px}
@container(max-width:900px){.site main .correction-layout{grid-template-columns:1fr;gap:22px}.site main .correction-aside{padding:18px 0}.site main .correction-aside ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@container(max-width:760px){.site main .reader-context-links{gap:5px 19px;padding:14px 0;margin-top:24px}.site main .reader-context-links>span{width:100%;margin:0}.site main .reader-context-links a{font-size:12px!important;min-height:44px}.site main .about-reader #verification{padding:20px}.site main .correction-panel{padding:20px 17px}.site main .correction-fields{grid-template-columns:1fr;gap:18px}.site main #correction-form :is(input,textarea,select){font-size:16px}.site main .correction-submit{align-items:flex-start;flex-direction:column;gap:12px}.site main .correction-submit button{width:100%;justify-content:center}.site main .correction-submit small{max-width:none}.site main .correction-aside ol{display:block}.site main .correction-book b{font-size:15px}.site main .receipt-number{flex-wrap:wrap;gap:9px;padding:16px}.site main .receipt-number strong{font-size:14px}.site main .help-card-links{gap:5px 18px}.site main .help-card-links a{min-height:44px;font-size:12px}}
.site .footer .footer-bottom{grid-column:1/-1;border-top:1px solid #80613a30;padding-top:19px;margin-top:7px;display:grid;gap:8px}
.site .footer .footer-bottom p{font:400 11px/1.9 "Avenir Next","PingFang SC",Arial,sans-serif!important;color:#a99b84!important;margin:0;max-width:110ch}
.site .footer .footer-bottom span{white-space:nowrap;margin-left:12px}
@container(max-width:1100px){.site .footer{grid-template-columns:repeat(4,minmax(0,1fr));padding-inline:30px!important}.site .footer .footer-intro{grid-column:1/-1;max-width:760px}.site .footer .footer-intro p{max-width:70ch}.site main #reviews .rating-choices{grid-template-columns:repeat(5,minmax(0,1fr));max-width:380px}.site main .version .actions>*{min-width:140px}.site main .detail-layout{grid-template-columns:minmax(0,1fr) 220px;gap:23px}}
@container(max-width:760px){
 html[lang] .site main .detail-hero h1{font-size:26px!important;line-height:1.23!important;max-width:100%;text-wrap:wrap}
 .site main .library-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 5px!important;padding-bottom:6px}
 .site main .library-tabs button{padding:9px 4px!important;font-size:12px!important;gap:5px;min-height:44px}
 .site main .library-tabs button[aria-selected=true]:after{bottom:0;left:8px;right:8px}
 .site main .library-tabs button small{font-size:10px!important;min-width:18px;height:18px;padding:0 4px}
 .site main .title-status{font-size:9px!important;line-height:1.4!important;padding:2px 5px;margin-right:5px;vertical-align:baseline}
 .site main .detail-hero h1 .title-status{font-size:10px!important;padding:3px 6px;margin:0 6px 3px 0;vertical-align:middle}
 .site main .recommendation-score{padding:3px 4px;top:4px;left:4px;bottom:auto;right:auto;gap:0;border-radius:4px}.site main .recommendation-score b{font-size:11px!important}.site main .recommendation-score small{font-size:8px!important}
 .site main .detail-hero>.real-cover .recommendation-score{padding:3px 4px;top:4px;left:4px;bottom:auto;right:auto}.site main .detail-hero>.real-cover .recommendation-score .recommendation-label{display:none}
 .site main .detail-layout{display:block}.site main .reading-dock{display:none}
 .site main .mobile-book-directory{display:block;margin:18px 0 0;padding:0;border:1px solid #765d3450;border-radius:9px;background:#2a2219!important}
 .site main .mobile-book-directory summary{display:list-item;padding:13px 17px;min-height:48px;color:#dfc89e;font:500 13px/1.7 "Avenir Next","PingFang SC",Arial,sans-serif}
 .site main .mobile-book-directory nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 12px 12px}
 .site main .mobile-book-directory a{min-height:44px;display:flex;align-items:center;padding:8px 12px;color:#dac5a0;font-size:12px;background:#ffffff04;border-radius:5px}
 html[lang] .site main :is(.detail-main,.reader-prose,.reader-help-card) h2{font-size:21px!important;line-height:1.5!important;margin-bottom:15px!important}
 html[lang] .site main .detail-main h3,html[lang] .site main #reviews legend{font-size:16px!important;line-height:1.5!important;margin-bottom:12px!important}
 html[lang] .site main .book-synopsis>p:not(.content-note){font-size:16px!important;line-height:1.95!important}
 html[lang] .site main .book-synopsis>.content-note{font-size:12px!important;line-height:1.85!important;padding:12px 14px!important}
 .site main .version{padding:19px!important}.site main .version dl{grid-template-columns:64px minmax(0,1fr);gap:9px 12px}.site main .version>p,.site main .version dd{font-size:14px!important}.site main .version dt{font-size:12px!important}
 .site main .version .actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px!important}.site main .version .actions>*{min-width:0;width:100%;font-size:14px!important;min-height:46px}
 .site main #reviews .card{padding:19px!important}.site main #reviews .rating-choices{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:none}.site main #reviews .rating-choices span{min-height:46px;font-size:14px!important}
 .site main #reviews legend small{font-size:11px!important;margin-left:8px}.site main #reviews select,.site main #reviews textarea{font-size:16px!important}.site main #reviews button{min-height:46px;font-size:13px!important}
 .site main .home-faq-grid,.site main .reader-help-sections{grid-template-columns:1fr;gap:0}.site main .reader-help-sections{gap:16px}.site main .reader-help-card{padding:20px}.site main .home-reader-help{margin-top:28px!important;padding-top:25px}
 .site main .reader-faq summary{font-size:14px;padding-block:16px}.site main .reader-faq p{font-size:13px!important}.site main :is(.reader-prose,.reader-help-card) p,.site main .reader-prose li{font-size:14px!important}
 .site main .guide-topic-nav{gap:8px}.site main .guide-topic-nav a{font-size:12px;min-height:44px;padding:8px 11px}
 .site .footer{grid-template-columns:1fr 1fr;padding:28px 20px 24px!important;gap:25px 18px!important}.site .footer .footer-intro{grid-column:1/-1}.site .footer nav h2{font-size:14px!important;margin-bottom:10px}.site .footer a{font-size:12px!important;min-height:36px}.site .footer .footer-bottom p{font-size:11px!important}.site .footer .footer-bottom span{display:block;margin-left:0;margin-top:4px}
}
/* Author discovery and period/genre chart refinement. */
.site main .directory-title{font-size:28px!important;margin:18px 0 26px!important}
.site main .author-search-panel{padding:26px 30px;margin:18px 0 30px;border:1px solid #8d744636;border-radius:16px;background:radial-gradient(ellipse at 90% 0,#84612620,transparent 65%),linear-gradient(120deg,#30261ed9,#211c18)}
.site main #author-search-form>label{display:block;font-size:22px;font-weight:650;color:#f2e9d9;margin:0 0 16px}
.site main .author-search-input{display:flex;gap:10px}
.site main .author-search-input input{flex:1;min-width:0;background:#181613;color:#f4ecdc;border:1px solid #736044;border-radius:9px;padding:13px 16px;min-height:50px;font-size:16px}
.site main .author-search-input button{background:#f7bd41;color:#241a0c;border:1px solid #f7bd41;border-radius:9px;padding:12px 25px;min-height:50px;white-space:nowrap}
.site main .author-filter-row{display:flex;align-items:end;gap:16px;margin-top:20px}
.site main :is(.author-filter-row,.chart-filter-bar,.chart-home-filter) label{display:grid;gap:7px;font-size:12px;color:#beaf98}
.site main :is(.author-filter-row,.chart-filter-bar,.chart-home-filter) select{min-height:44px;width:100%;min-width:0;border:1px solid #6d5a3c;background:#241e17;color:#e9ddc5;border-radius:7px;padding:9px 32px 9px 12px;font-size:14px}
.site main .author-filter-row label{min-width:180px}
.site main :is([data-reset-authors],[data-reset-chart],.author-load-more){min-height:44px;background:#2b241a;color:#d8bf8f;border:1px solid #78603b66;border-radius:7px;padding:10px 18px;font-size:13px}
.site main .author-load-more{display:block;margin:26px auto}
.site main .author-directory-card{min-width:0;box-shadow:none!important;border-color:#78613b40!important;background:linear-gradient(135deg,#33291f7a,#221d1780)!important;border-radius:10px!important}
.site main .author-directory-card h2{font-size:17px!important;line-height:1.4!important}
.site main .author-directory-card em{font-size:12px!important;line-height:1.5!important}
.site main .novel-chart{border:1px solid #80653a55;border-radius:16px;padding:26px 28px;background:radial-gradient(ellipse at 90% 0,#78522d16,transparent 60%),linear-gradient(120deg,#29221caa,#1e1a16aa)}
.site main .chart-control-head{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #a1834933;padding-bottom:20px}
.site main .chart-control-head>a{color:#d5b575;font-size:13px;white-space:nowrap}
.site main .ranking-tabs{display:flex;gap:4px;background:#15120e70;border:1px solid #92723b33;padding:4px;border-radius:10px;margin:0}
.site main .ranking-tabs button{flex:1;border:0!important;background:transparent!important;border-radius:7px;padding:11px 15px;min-height:44px;font-size:14px!important;white-space:nowrap;color:#bfb29a!important;box-shadow:none!important}
.site main .ranking-tabs button[aria-pressed=true]{background:linear-gradient(115deg,#ffd477,#efb638)!important;color:#251b0c!important}
.site main .chart-filter-bar{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;align-items:end;gap:16px;padding:22px 0;border-bottom:1px solid #a183492b}
.site main .chart-home-filter{margin:14px 0 0}
.site main .chart-issue-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin:28px 0 8px}
.site main .chart-issue-heading h2{font-size:25px!important;line-height:1.3!important;margin:0!important}
.site main .chart-issue-heading>span{font-size:12px;color:#b7a486;font-variant-numeric:tabular-nums;white-space:nowrap}
.site main .chart-issue-note{font-size:12px!important;line-height:1.7!important;color:#b4a58d!important;margin:0 0 14px!important}
.site main .chart-issue-note a{color:#d7b878;text-decoration:underline;text-underline-offset:3px}
.site main .novel-chart-row{display:grid;grid-template-columns:36px 84px minmax(0,1fr) auto;align-items:center;gap:22px;padding:25px 0;border-top:1px solid #8b72432e;min-width:0}
.site main .novel-chart-row:first-child{border-top:0}
.site main .chart-number{align-self:start;padding-top:4px;font:500 24px/1.2 Georgia,serif;color:#9e8c6d;font-variant-numeric:tabular-nums}
.site main .novel-chart-row:nth-child(-n+3) .chart-number{color:#e0bc70}
.site main .chart-cover{display:block;width:84px;min-width:0}
.site main .chart-cover .real-cover{width:84px!important;height:126px!important;aspect-ratio:2/3;min-height:0!important;margin:0!important;border-radius:5px!important}
.site main .chart-cover img{display:block;width:100%!important;height:100%!important;object-fit:cover}
.site main .chart-book-info{min-width:0}
.site main .chart-book-info h3{font-size:20px!important;line-height:1.4!important;margin:6px 0!important;font-weight:650!important}
.site main .chart-book-info h3 a{color:#f2e8d4!important;text-decoration:none}
.site main .chart-book-meta{font-size:12px!important;color:#a99c86!important;margin:0!important;line-height:1.6!important}
.site main .chart-book-meta a{color:#d4b67d!important}
.site main .chart-book-info .byline{margin:6px 0!important;font-size:12px!important}
.site main .chart-book-teaser{font-size:14px!important;line-height:1.7!important;margin:8px 0 0!important;color:#c5b9a4!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.site main .chart-book-cta{display:flex;align-items:center;gap:14px;min-height:44px;border:1px solid #97764566;border-radius:8px;padding:10px 15px;color:#e1be77!important;font-size:13px;white-space:nowrap;text-decoration:none;background:#4d382126}
.site main .chart-book-cta:hover{background:#69502e55;border-color:#d6ab61}
.site main .preference-collections{margin-top:38px!important}
.site main :is(.chart-filter-bar,.author-search-panel) :is(input,select,button):focus-visible{outline:2px solid #ffce70;outline-offset:3px}
@media(max-width:760px){
 .site main .author-search-panel{padding:20px 16px;margin-top:12px}
 .site main .author-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
 .site main .author-filter-row label{min-width:0}
 .site main .author-filter-row>button{grid-column:1/-1;justify-self:end}
 .site main .author-search-input button{padding:11px 15px}
 .site main .novel-chart{padding:18px 14px;border-radius:12px}
 .site main .chart-control-head{display:block;padding-bottom:15px}
 .site main .chart-control-head>a{display:inline-flex;min-height:40px;align-items:center;margin-top:5px}
 .site main .chart-filter-bar{grid-template-columns:1fr 1fr;gap:13px;padding:16px 0}
 .site main .chart-filter-bar label:first-child{grid-column:1/-1}
 .site main .chart-filter-bar>button{grid-column:1/-1;justify-self:end}
 .site main :is(.author-filter-row,.chart-filter-bar,.chart-home-filter) select{font-size:16px}
 .site main .chart-issue-heading{align-items:start;flex-direction:column;gap:7px;margin-top:22px}
 .site main .chart-issue-heading h2{font-size:22px!important}
 .site main .novel-chart-row{grid-template-columns:24px 64px minmax(0,1fr);gap:10px;padding:20px 0;align-items:start}
 .site main .chart-number{font-size:20px}
 .site main .chart-cover,.site main .chart-cover .real-cover{width:64px!important}
 .site main .chart-cover .real-cover{height:96px!important}
 .site main .chart-book-info h3{font-size:16px!important;line-height:1.5!important}
 .site main .chart-book-teaser{font-size:13px!important;-webkit-line-clamp:2}
 .site main .chart-book-cta{grid-column:3;justify-self:start;padding:7px 12px;font-size:12px;margin-top:0}
 .site main .ranking-tabs button{padding:10px 7px;font-size:13px!important}
}
.site main:has(.novel-chart)>.page-heading{padding:16px 0 20px!important;margin:0 0 22px!important}
.site main:has(.novel-chart)>.page-heading h1{font-size:32px!important;line-height:1.3!important;margin:8px 0 10px!important}
.site main:has(.novel-chart)>.page-heading p{font-size:14px!important;line-height:1.65!important;margin:0!important}
.site main .chart-filter-bar{padding:16px 0}
.site main .chart-issue-heading{margin-top:22px}
@media(max-width:760px){
 .site main:has(.novel-chart)>.page-heading{padding:12px 0 16px!important;margin-bottom:16px!important}
 .site main:has(.novel-chart)>.page-heading h1{font-size:27px!important}
 .site main .chart-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .site main .chart-filter-bar label:first-child{grid-column:auto}
 .site main .chart-filter-bar select{padding:9px 16px 9px 7px;font-size:13px}
 .site main .chart-filter-bar>button{min-height:36px;padding:6px 10px;font-size:12px}
}

/* Dated chart evidence; intentionally quieter than title and reading CTA. */
.site main .chart-evidence{font-size:12px!important;line-height:1.65!important;color:#c6ac79!important;margin:9px 0 0!important;overflow-wrap:anywhere}
@media(max-width:640px){.site main .chart-evidence{font-size:11px!important;line-height:1.7!important;margin-top:8px!important}}

/* RTL audit: logical search geometry, connected Arabic glyphs and readable chart tabs. */
html[lang=ar] .site{font-family:Tahoma,Arial,sans-serif!important;letter-spacing:0}
html[lang=ar] .site main .discover-copy h1{font-family:Tahoma,Arial,sans-serif!important;letter-spacing:0!important;line-height:1.5!important;font-weight:700}
html[lang=ar] .site :is(.section-head h2,.ranking-widget h2,.reader-footer h2,.page-heading h1,.locale-switcher,.genre-shortcut,.featured-book-meta,.featured-book-cta){font-family:Tahoma,Arial,sans-serif!important;letter-spacing:0!important}
html[lang=ar] .site .search>.search-symbol{left:auto;right:13px;inset-inline-start:13px;inset-inline-end:auto;top:50%;transform:translateY(-50%);pointer-events:none}
html[lang=ar] .site .search input{direction:rtl;text-align:start;padding-inline:34px 10px}
html[lang=ar] .site .locale-switcher select{direction:rtl;padding-inline:10px 25px}
html[lang=ar] .site .featured-book-copy{align-items:flex-start;text-align:start}
html[lang=ar] .site .featured-book-title{unicode-bidi:isolate;letter-spacing:0}
html[lang=ar] .site .featured-book-cta span{transform:scaleX(-1)}
html[lang=ar] .site :is(.book-meta,.featured-book-meta,.featured-book-author){font-size:12px!important;line-height:1.7!important}
/* Long localized labels must wrap inside their tab, not overlap the next label. */
.site main .ranking-tabs button{min-width:0;white-space:normal;overflow-wrap:normal;line-height:1.35;padding-inline:7px}
html[lang=ar] .site main .ranking-tabs button{font-size:13px!important;font-family:Tahoma,Arial,sans-serif!important;line-height:1.6;letter-spacing:0!important}
@container(max-width:760px){
 html[lang=ar] .site .head .tools{flex-shrink:0}
 html[lang=ar] .site .search input{font-size:12px!important}
 html[lang=ar] .site .featured-book-meta{font-size:11px!important}
 .site .featured-book-meta{display:none}
 .site .featured-book-layout{min-height:132px}
 .site main .featured-book-title{font-size:16px;line-height:1.3}
}

@container(max-width:760px){.site[data-view=home] .discover-copy .search-shortcuts{display:none}.site[data-view=home] .book-carousel{margin-top:12px!important}}

/* Mobile header: five fully visible destinations, no internal scroller or duplicate menu. */
@container(max-width:760px){
 html[lang] .site .head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:64px 48px!important;gap:0 8px!important;min-height:0!important;height:auto!important;padding:0 16px!important;box-sizing:border-box;overflow:visible}
 html[lang] .site .head .logo{grid-column:1;grid-row:1;justify-self:start;width:116px!important;max-width:116px!important;min-width:0;min-height:44px;margin:0}
 html[lang] .site .head .novelsift-wordmark{--brand-icon:24px;--wordmark-height:18px;gap:6px;max-width:116px}
 html[lang] .site .head .tools{grid-column:2;grid-row:1;display:flex;align-items:center;justify-self:end;margin:0!important;gap:6px!important;min-width:0;flex-shrink:0}
 html[lang] .site .head .locale-switcher{flex:0 0 auto}
 html[lang] .site .head .locale-switcher select{box-sizing:border-box;width:94px;max-width:94px;min-height:44px;font-size:11px;line-height:1.4;padding-block:6px;border-radius:8px}
 html[lang] .site .head .tool-search{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;height:44px;width:40px;min-width:40px;padding:0!important;gap:0;flex:none}
 html[lang] .site .head .tool-search span{display:none!important}
 html[lang] .site .head .tools .library-link{position:relative;display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;height:44px;min-width:40px;width:40px;padding:0!important;gap:0;font-size:0!important;line-height:0;border:1px solid #88704455!important;border-radius:8px!important;background:#30261a99!important;color:#f4c458!important;box-shadow:none!important;flex:none}
 html[lang] .site .head .library-link:before{content:"";display:block;width:19px;height:21px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3.5h12v17l-6-4-6 4z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
 html[lang] .site .head .library-count{display:none!important}
 html[lang] .site .head .hamb{display:none!important}
 html[lang] .site .head nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:48px;grid-column:1/-1!important;grid-row:2!important;align-self:stretch;align-items:stretch;justify-content:stretch!important;box-sizing:border-box;min-width:0;width:calc(100% + 32px)!important;max-width:none!important;height:48px;min-height:48px;margin:0 -16px!important;padding:0 4px!important;gap:0!important;overflow:visible!important;scrollbar-width:none;border-top:1px solid #efce9315!important;background:transparent!important}
 html[lang] .site .head nav>a{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;width:100%;min-height:48px;margin:0;padding:0 1px!important;flex:none!important;border:0!important;font-size:clamp(10.5px,calc(3.5cqw - .5px),12px)!important;font-weight:600!important;line-height:1.35!important;letter-spacing:-.015em!important;white-space:nowrap!important;overflow:visible!important;text-align:center;text-decoration:none;background:transparent!important}
 html[lang] .site .head nav>a[aria-current]:after{content:"";position:absolute;bottom:4px;width:19px;height:2px;border-radius:2px;background:#f4c458}
 html[lang] .site .head nav .en-label{display:none!important}
 html[lang] .site .head :is(nav>a,.tool-search,.library-link):focus-visible{outline:2px solid #f4c458!important;outline-offset:-3px;border-radius:5px}
 html[dir=rtl] .site .head nav>a{letter-spacing:0!important;font-size:12px!important}
}
@container(max-width:330px){
 html[lang] .site .head{gap:0 6px!important}
 html[lang] .site .head .logo{width:104px!important;max-width:104px!important}
 html[lang] .site .head .novelsift-wordmark{--brand-icon:22px;--wordmark-height:16px;gap:6px;max-width:104px}
 html[lang] .site .head .tools{gap:4px!important}
 html[lang] .site .head .locale-switcher select{width:80px;max-width:80px;padding-inline:6px 16px;font-size:10.5px}
 html[lang] .site .head .tools :is(.tool-search,.library-link){width:36px;min-width:36px}
}

@container(max-width:760px){
 html[lang] .site .head .locale-switcher select{appearance:none;-webkit-appearance:none;padding-inline:8px 21px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23d5c8b1' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:10px 7px;background-position:right 7px center}
 html[dir=rtl] .site .head .locale-switcher select{background-position:left 7px center}
}

@container(max-width:760px){html[lang=ja] .site .head nav>a{white-space:normal!important;word-break:normal;overflow-wrap:anywhere;text-wrap:balance;line-height:1.35!important;padding:3px 2px!important}}

/* Shared mobile corrections. The page tree, entity data and scores are unchanged. */
.site main .reader-not-found{max-width:650px;padding:30px 0 50px}
.site main .reader-not-found h1{font-size:30px;line-height:1.3}
.site main .reader-not-found p{font-size:16px;line-height:1.8;margin:18px 0 24px}
.site main .edition-checked-date{font-size:12px!important;line-height:1.7!important;color:#c5b49a!important;margin-top:7px!important}
.site main .native-select-shell{display:contents}
.site main .native-select-value{display:none}
@container (max-width:760px) {
  html[lang] .site main :is(input:not([type=radio]):not([type=checkbox]),select,textarea) {
    box-sizing:border-box;min-width:0;max-width:100%;font-size:16px!important;
  }
  html[lang] .site main select,
  html[lang] .site main #correction-form select {
    appearance:none!important;-webkit-appearance:none!important;
    min-height:46px;padding-inline:10px 30px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23d5c8b1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;background-size:10px 7px!important;
    background-position:right 10px center!important;
  }
  html[dir=rtl] .site main select,
  html[dir=rtl] .site main #correction-form select {background-position:left 10px center!important}
  html[lang] .site main .page-heading {margin-bottom:20px!important;padding-block:8px 12px!important}
  html[lang] .site main .page-heading h1 {font-size:clamp(24px,7cqw,28px)!important;line-height:1.3!important;margin:8px 0 12px!important}
  html[lang] .site main .page-heading p {font-size:14px!important;line-height:1.75!important}
  html[lang] .site main .page-heading .global-chart-note {margin-top:10px!important;font-size:12px!important;line-height:1.7!important}
  html[lang] .site main .real-catalogue-toolbar {gap:14px;margin-bottom:16px}
  html[lang] .site main .real-filters,
  html[lang] .site main .chart-filter-bar {display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:end;gap:12px!important}
  html[lang] .site main .real-filters {padding:16px!important}
  html[lang] .site main :is(.real-filters,.chart-filter-bar)>label {min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:7px;font-size:12px;line-height:1.5}
  html[lang] .site main :is(.real-filters,.chart-filter-bar)>label:first-child {grid-column:1/-1!important}
  html[lang] .site main :is(.real-filters,.chart-filter-bar)>button {grid-column:1/-1;justify-self:end;width:auto;max-width:100%;min-height:44px!important;padding:9px 14px!important;font-size:12px;white-space:normal}
  html[lang] .site main .chart-control-head .ranking-tabs {width:100%;gap:3px}
  html[lang] .site main .chart-control-head .ranking-tabs button {min-width:0;min-height:48px;font-size:12px!important;line-height:1.4;padding:8px 5px!important;white-space:normal}
  html[lang] .site main .novel-chart-row {grid-template-columns:22px 58px minmax(0,1fr);gap:10px;align-items:start;padding-block:18px}
  html[lang] .site main .chart-cover .real-cover {width:58px;max-width:100%}
  html[lang] .site main .chart-book-info {min-width:0}
  html[lang] .site main .chart-book-info h3 {font-size:17px!important;line-height:1.4!important;margin:6px 0;overflow-wrap:anywhere}
  html[lang] .site main .chart-book-meta {font-size:11px!important;line-height:1.6!important}
  html[lang] .site main .chart-book-cta {grid-column:2/-1;justify-self:start;min-height:44px;white-space:normal}
  html[lang] .site main .detail-hero {grid-template-columns:88px minmax(0,1fr);gap:10px 14px}
  html[lang] .site main .detail-hero>.real-cover {width:88px;max-width:100%;grid-column:1;grid-row:1/4;align-self:start}
  html[lang] .site main .detail-hero h1 {min-width:0;font-size:clamp(20px,6.8cqw,24px)!important;line-height:1.3!important;margin:0!important;overflow-wrap:anywhere}
  html[lang] .site main .detail-info>.eyebrow {font-size:10px;line-height:1.6;letter-spacing:.07em;min-width:0;align-self:end}
  html[lang] .site main .detail-info>.byline {min-width:0;flex-wrap:wrap;gap:4px 7px;line-height:1.6}
  html[lang] .site main .detail-info>.rating-line {flex-wrap:wrap;gap:6px 14px;margin-top:10px}
  html[lang] .site main .detail-info>.facts {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;padding-block:15px}
  html[lang] .site main .detail-info>.facts>div {min-width:0;font-size:13px;overflow-wrap:anywhere}
  html[lang] .site main .detail-info>.actions {display:flex;flex-wrap:wrap;gap:9px}
  html[lang] .site main .detail-info>.actions>* {flex:1 1 100%;min-width:0;width:100%;min-height:48px;padding:11px 14px!important;font-size:14px!important;line-height:1.5;white-space:normal;justify-content:center;text-align:center}
  html[lang] .site main .detail-main #synopsis p {font-size:16px!important;line-height:1.85!important}
  html[lang] .site main .version .actions {display:flex;flex-wrap:wrap;gap:9px}
  html[lang] .site main .version .actions>* {min-width:0;flex:1 1 100%;min-height:46px;font-size:14px!important;line-height:1.5;white-space:normal;justify-content:center;text-align:center}
  html[lang] .site main #reviews .review-grid {grid-template-columns:minmax(0,1fr);gap:16px}
  html[lang] .site main #reviews .card {min-width:0;padding:18px!important}
  html[lang] .site main #reviews .rating-choices {display:grid;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;width:100%;max-width:100%;margin-inline:0}
  html[lang] .site main #reviews .rating-choices label {min-width:0;width:100%}
  html[lang] .site main #reviews .rating-choices span {min-width:0;width:100%;min-height:44px;box-sizing:border-box}
  html[lang] .site main #reviews :is(button,textarea,select) {max-width:100%;white-space:normal}
  html[lang] .site main #reviews button {min-height:44px;font-size:14px;line-height:1.5}
  html[lang] .site main .library-tabs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px!important;margin:16px 0!important}
  html[lang] .site main .library-tabs button {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;min-height:48px;padding:8px 4px!important;gap:3px;white-space:normal;font-size:11px!important;line-height:1.4!important;text-wrap:balance}
  html[lang] .site main .library-tabs button small {min-width:16px;width:16px;height:18px;margin:0!important;padding:0!important}
  html[lang] .site main .library-row {display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px 16px;padding-block:18px;align-items:start}
  html[lang] .site main .library-row>.real-cover {grid-column:1;width:72px;max-width:100%;min-width:0;align-self:start}
  html[lang] .site main .library-row .shelf-info {grid-column:2;min-width:0}
  html[lang] .site main .library-row h3 {font-size:18px!important;line-height:1.4!important;margin:0 0 9px;overflow-wrap:anywhere}
  html[lang] .site main .library-row .shelf-info p {font-size:12px!important;line-height:1.7;margin:8px 0}
  html[lang] .site main .library-row .shelf-info .btn {min-width:0;max-width:100%;min-height:44px;padding:10px 12px!important;font-size:12px!important;line-height:1.4;white-space:normal;justify-content:center;text-align:center}
  html[lang] .site main .shelf-controls {grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;padding-top:14px}
  html[lang] .site main .shelf-controls label {display:grid;grid-template-rows:minmax(34px,auto) 46px;gap:6px;min-width:0;font-size:12px;line-height:1.4}
  html[lang] .site main .shelf-controls :is(input,select) {min-width:0;width:100%;max-width:100%;height:46px;margin:0!important}
  html[lang] .site main .shelf-controls>button {grid-column:1/-1;justify-self:end;min-width:0;min-height:44px;padding-inline:12px;font-size:12px;white-space:normal}
  html[dir=rtl] .site main :is(.detail-info>.eyebrow,.chart-book-meta) {letter-spacing:0;font-size:12px!important}
  html[lang] .site main :is(section[id],.reader-help-card[id],.reader-prose section[id]) {scroll-margin-top:12px!important}
  html[lang] .site main .native-select-shell{position:relative;display:grid;min-width:0;width:100%;align-self:stretch}
  html[lang] .site main .native-select-shell select{position:absolute!important;inset:0!important;z-index:1;opacity:0!important;width:100%!important;height:100%!important;min-height:46px;margin:0!important;cursor:pointer}
  html[lang] .site main .native-select-value{display:block;box-sizing:border-box;min-width:0;min-height:46px;padding:10px 30px 10px 11px;border:1px solid #6d5a3c;border-radius:7px;background:#241e17;color:#e9ddc5;font:400 16px/1.5 Arial,sans-serif;font-family:inherit;white-space:normal;overflow-wrap:anywhere;pointer-events:none}
  html[lang] .site main .native-select-shell:after{content:"";position:absolute;right:11px;top:50%;width:6px;height:6px;margin-top:-5px;border:solid #d5c8b1;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);pointer-events:none}
  html[lang] .site main .native-select-shell:focus-within .native-select-value{outline:2px solid #f0c468;outline-offset:2px}
  html[lang] .site main .native-select-shell.is-disabled{opacity:.7}
  html[lang] .site main .shelf-controls label{grid-template-rows:minmax(34px,1fr) auto}
  html[dir=rtl] .site main .native-select-value{padding:10px 11px 10px 30px;font-family:Tahoma,Arial,sans-serif}
  html[dir=rtl] .site main .native-select-shell:after{right:auto;left:11px}
}
@media(max-width:760px){html{scroll-padding-top:125px!important;scroll-behavior:auto!important}}
/* Compact card actions keep a full touch target on phones. */
@media(max-width:760px){
 .site main .cover-shelf .save-mini{width:44px;min-width:44px;min-height:44px;padding:10px}
 .site main .cover-shelf .save-mini svg{width:16px;height:16px}
 .site main .card-action>.card-detail-link{min-height:44px!important}
}

/* Keep every catalogue link in the DOM; defer off-screen layout and paint only. */
@supports(content-visibility:auto){
  .site main :is(#real-results,.platform-catalogue,.author-catalogue) .real-book-card{
    content-visibility:auto;contain-intrinsic-size:auto 280px;
  }
  .site main .collection-detail>.list-row{content-visibility:auto;contain-intrinsic-size:auto 360px}
  .site main .novel-chart-rows>.novel-chart-row{content-visibility:auto;contain-intrinsic-size:auto 260px}
}


.site main .production-pagination{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0;padding:12px 0;border-block:1px solid #554631}.production-pagination a{padding:8px 13px;min-height:44px;display:inline-flex;align-items:center;border:1px solid #66532f;border-radius:7px}.production-pagination a[aria-current]{background:#f8bd3a;color:#211a10}.bar,.fixture{display:none!important}

/* MOBILE_LANGUAGE_START: visual shell; the native select remains the control. */
@container(max-width:760px){
 html[lang] .site .head .tools .locale-switcher{
  position:relative;isolation:isolate;display:block;flex:0 0 84px;
  box-sizing:border-box;width:84px;height:44px;min-height:44px;
  direction:ltr;border:1px solid #c7a56a36;border-radius:22px;
  color:#eddbb7;background:linear-gradient(180deg,#f5dca410,#f5dca403);
  box-shadow:inset 0 1px 0 #fff3d408;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23cbb995' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,#f5dca410,#f5dca403);
  background-repeat:no-repeat;background-size:8px 6px,100% 100%;background-position:right 11px center,center;
 }
 html[lang] .site .head .tools .locale-switcher::before{
  content:"";position:absolute;left:11px;top:13px;width:16px;height:16px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cbb995' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cellipse cx='12' cy='12' rx='3.8' ry='8.5'/%3E%3Cpath d='M3.5 12h17M5.2 7.2h13.6M5.2 16.8h13.6'/%3E%3C/svg%3E") center/contain no-repeat;
  pointer-events:none;
 }
 html[lang] .site .head .tools .locale-switcher::after{
  content:"EN";position:absolute;inset:0 21px 0 31px;
  display:flex;align-items:center;justify-content:center;
  font:600 13px/1 system-ui,-apple-system,sans-serif;letter-spacing:.04em;
  direction:ltr;pointer-events:none;
 }
 html[lang=fr] .site .head .tools .locale-switcher::after{content:"FR"}
 html[lang=es] .site .head .tools .locale-switcher::after{content:"ES"}
 html[lang="pt-BR"] .site .head .tools .locale-switcher::after{content:"PT"}
 html[lang=ja] .site .head .tools .locale-switcher::after{content:"JA"}
 html[lang=ar] .site .head .tools .locale-switcher::after{content:"AR"}
 html[lang^=zh] .site .head .tools .locale-switcher::after{content:"中"}
 html[lang] .site .head .tools .locale-switcher select{
  position:absolute;inset:0;z-index:1;box-sizing:border-box;
  width:100%!important;max-width:none!important;min-width:0;height:100%;min-height:44px;
  margin:0;padding:0!important;border:0;border-radius:inherit;
  opacity:0;font-size:16px!important;cursor:pointer;color-scheme:dark;
 }
 html[lang] .site .head .tools .locale-switcher:focus-within{
  outline:2px solid #f4c458;outline-offset:3px;border-color:#f4c458;
 }
 html[lang] .site .head .tools .locale-switcher:active{background-color:#f4c45816}
}
@container(max-width:330px){
 html[lang] .site .head .tools .locale-switcher{flex-basis:80px;width:80px}
}
/* MOBILE_LANGUAGE_END */