.compact-home{max-width:1100px;padding-top:6px;padding-bottom:24px}.home-banner{margin:0 0 22px}.home-banner-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:14px;background:#17171d;outline-offset:4px}.home-banner-track::-webkit-scrollbar{display:none}.home-banner-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.home-banner-slide>a,.home-banner-slide>button{display:block;position:relative;width:100%;height:340px;border:0;padding:0;background:#17171d;cursor:pointer;overflow:hidden}.home-banner-slide img{width:100%;height:100%;display:block;object-fit:contain}.home-banner-label{position:absolute;top:12px;left:14px;padding:6px 10px;background:#17171dd9;border-radius:20px;color:#fff;font-size:10px}.home-banner-slide .cover-logo-stamp{right:2.5%;bottom:5%;width:2%;max-width:22px;min-width:12px}.home-banner-controls{display:flex;justify-content:space-between;align-items:center;min-height:40px;padding:4px 0}.home-banner-dots{display:flex;gap:3px;align-items:center}.home-banner-dots button{position:relative;width:24px;height:28px;padding:0;border:0;background:none;cursor:pointer}.home-banner-dots button:before{content:'';display:block;width:6px;height:6px;margin:auto;border-radius:20px;background:#d6d1df;transition:width .2s}.home-banner-dots button[aria-current=true]:before{width:20px;background:#6651aa}.home-banner-buttons{display:flex;align-items:center;gap:3px}.home-banner-buttons button{height:32px;min-width:32px;border:0;background:transparent;color:#746c80;cursor:pointer;border-radius:5px;padding:7px;font:inherit;font-size:10px}.home-banner-buttons button:hover{background:#f3f0f7}.home-banner-buttons svg{height:16px;width:16px}.home-banner-buttons>span{font-size:11px;min-width:42px;text-align:center;color:#8b8494;font-variant-numeric:tabular-nums}.home-banner-buttons #home-banner-pause{padding:5px 8px;min-width:40px;border-left:1px solid var(--line);border-radius:0}.home-continue{display:flex;align-items:center;gap:12px;background:#f6f3fb;padding:14px 16px;border:1px solid #eae4f4;border-radius:9px;margin:0 0 28px}.home-continue>span:first-child{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#ebe4f5;border-radius:50%;color:#715aaa}.home-continue svg{width:17px;height:17px}.home-continue>div{flex:1;min-width:0}.home-continue small{display:block;font-size:10px;color:#8a7b9d;margin-bottom:4px}.home-continue b{display:block;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home-continue .home-continue-episode{display:flex;align-items:center;gap:5px;font-size:11px;flex-shrink:0;color:#76608f}.home-work-section{padding:0 0 28px;margin:0 0 30px;border-bottom:1px solid var(--line)}.home-work-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.home-work-heading h2{font-size:21px;letter-spacing:-.7px;margin:0;line-height:1.5}.home-work-heading>a{display:flex;gap:4px;align-items:center;color:#948b9e;font-size:11px;flex-shrink:0}.home-work-heading>a svg{width:15px;height:15px}.home-work-heading>span{font-size:10px;color:var(--muted)}.home-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 36px}.home-work-row{display:flex;gap:15px;align-items:center;min-width:0;border-radius:7px}.home-work-row:hover .home-work-copy h3{color:#7454af}.home-work-cover{position:relative;width:76px;flex:0 0 76px;align-self:flex-start}.home-work-cover .cover{width:100%;height:108px;aspect-ratio:2/3;position:relative;border-radius:6px;overflow:hidden;padding:8px}.home-work-cover .cover strong{font-size:14px}.home-work-cover .cover-author,.home-work-cover .cover-imprint{font-size:5px}.home-work-copy{min-width:0;flex:1}.home-work-copy h3{font-size:15px;line-height:1.5;font-weight:650;letter-spacing:-.3px;margin:0 0 7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.home-work-copy p{font-size:11px;color:#8a8193;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-work-copy>.home-work-meta{display:flex;gap:0;flex-wrap:wrap;align-items:center;font-size:10px;line-height:1.8;color:#9c94a4}.home-work-copy>.home-work-meta span+span:before{content:'·';padding:0 5px}.home-work-copy>small{display:block;font-size:10px;color:#88719e;margin-top:6px}.home-list-empty{grid-column:1/-1;border:1px dashed #e5e0eb;border-radius:8px;color:#9b93a4;font-size:12px;line-height:1.8;padding:19px 16px;margin:0}.home-samples{border-bottom:0}.compact-home a:focus-visible,.compact-home button:focus-visible{outline:2px solid #8061b0;outline-offset:3px}.compact-home .discovery-writer{margin-bottom:0}.compact-home .discovery-writer b{font-size:15px}
@media(min-width:1000px){.home-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 50px}.home-work-cover{width:82px;flex-basis:82px}.home-work-cover .cover{height:120px}.home-work-copy h3{font-size:16px}.home-work-copy p{font-size:12px}.home-work-copy>.home-work-meta{font-size:11px}}
@media(max-width:600px){.compact-home{padding-top:0;padding-left:16px;padding-right:16px}.home-banner{margin-bottom:14px}.home-banner-track{border-radius:9px}.home-banner-slide>a,.home-banner-slide>button{height:auto;aspect-ratio:16/9;max-height:250px}.home-banner-label{top:8px;left:8px;font-size:8px;padding:4px 7px}.home-banner-controls{min-height:34px;padding:2px 0}.home-banner-dots button{width:22px;height:28px}.home-banner-buttons button{height:28px;min-width:28px;padding:5px}.home-banner-buttons>span{font-size:10px;min-width:36px}.home-continue{padding:11px 12px;gap:10px;margin-bottom:24px}.home-continue b{font-size:12px}.home-continue small{font-size:9px}.home-work-section{padding-bottom:23px;margin-bottom:23px}.home-work-heading{margin-bottom:14px}.home-work-heading h2{font-size:18px}.home-work-heading>a{font-size:10px}.home-work-grid{grid-template-columns:1fr;gap:15px}.home-work-cover{width:64px;flex-basis:64px}.home-work-cover .cover{height:88px}.home-work-copy h3{font-size:14px;margin-bottom:5px}.home-work-copy p{font-size:11px;margin-bottom:3px}.home-work-copy>.home-work-meta{font-size:10px}.home-work-row{gap:13px}.home-work-cover .cover strong{font-size:12px}.home-list-empty{font-size:11px;padding:15px 12px}.home-work-copy>small{margin-top:3px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.home-banner-dots button:before{transition:none}.home-banner-track{scroll-behavior:auto}}

/* Cover-first shelves: three cards on phones, four on wider screens. */
.compact-home .home-work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 18px;align-items:start}.compact-home .home-work-row{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0}.compact-home .home-work-cover{width:100%;flex:0 0 auto;align-self:stretch}.compact-home .home-work-cover .cover{width:100%;height:auto;aspect-ratio:2/3;border-radius:9px;padding:0;box-shadow:0 2px 8px #18122612}.compact-home .home-work-cover .cover:not(.preset-cover):not(.has-cover){padding:15px}.compact-home .home-work-copy{width:100%;flex:0 0 auto}.compact-home .home-work-copy h3{font-size:15px;line-height:1.3;min-height:0;margin:0}.compact-home .home-work-copy p{font-size:12px;line-height:1.35;margin:0 0 1px}.compact-home .home-work-copy>.home-work-meta{font-size:10px;line-height:1.35}.compact-home .home-work-copy>small{font-size:10px;line-height:1.35;margin-top:1px}.compact-home .home-work-cover .cover-logo-stamp{width:11%;max-width:22px;min-width:7px}.compact-home .home-work-section{margin-bottom:30px;padding-bottom:28px}
@media(max-width:700px){.compact-home .home-work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}.compact-home .home-work-row{gap:5px}.compact-home .home-work-cover .cover{border-radius:7px}.compact-home .home-work-copy h3{font-size:12px;letter-spacing:-.3px;line-height:1.3;min-height:0;margin:0}.compact-home .home-work-copy p{font-size:10px}.compact-home .home-work-copy>.home-work-meta{font-size:9px;line-height:1.35}.compact-home .home-work-copy>.home-work-meta span+span:before{padding:0 3px}.compact-home .home-work-copy>small{font-size:9px}.compact-home .home-work-section{margin-bottom:25px;padding-bottom:24px}}

/* Match ranking shelves to the home surface, independent of reader theme. */
body:has(.best-page){--bg:#fff;--paper:#fff;--ink:#211d27;--muted:#8a8193;--line:#eeebf2;--green:#7355a7;--soft:#f6f3fa;background:#fff;color:#211d27}body:has(.best-page) .site-footer,body:has(.best-page) .bottom-nav{background:#fff;color:#77717f;border-color:#eeebf2}body:has(.best-page) .main-tabs.discovery-tabs>a.active{background:#19191c;color:#fff;border-color:#19191c}body:has(.best-page) .main-tabs.discovery-tabs{gap:12px}.best-page{padding-top:22px;padding-bottom:40px}.best-heading{margin:0 0 22px}.best-heading .eyebrow{color:#9a8dac;font-size:9px;letter-spacing:1.6px}.best-heading h1{font-size:28px;letter-spacing:-1px;line-height:1.4;margin:9px 0 7px}.best-heading p{font-size:12px;color:#92899c;line-height:1.8;margin:0}.best-page .best-tabs{gap:25px;margin:0 0 18px;border-color:#eeebf2}.best-page .best-tabs a{font-size:14px;color:#8d8496;padding:12px 0}.best-page .best-tabs a.active{color:#7050a5;border-color:#7050a5}.best-page .best-filters{gap:12px;margin-bottom:18px}.best-page .best-filters a{background:#fff;border:1px solid #e8e3ef;color:#71677e;display:inline-flex;align-items:center;justify-content:center;font-size:11px;min-height:36px;padding:7px 16px}.best-page .best-filters a.on{background:#19191c;color:#fff;border-color:#19191c}.best-result-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 19px}.best-result-heading b{font-size:12px;font-weight:500;color:#81768f}.best-result-heading>span{font-size:10px;color:#a59caf}.best-cover-card{min-width:0;position:relative}.best-card-save{display:flex;align-items:center;gap:4px;border:0;padding:5px 0;margin-top:8px;background:none;font-size:10px;color:#95869f}.best-card-save svg{width:14px;height:14px}.best-card-save.is-saved{color:#7954ae}.best-page .best-policy{background:#faf9fc;border:1px solid #eeeaf3;padding:15px 17px;margin:28px 0 0;color:#887b94;font-size:11px;line-height:1.9}.best-page .best-policy summary{cursor:pointer;font-size:11px;font-weight:500}.best-page .best-policy p{margin:12px 0 8px}.best-page .best-policy small{color:#a69bae}.best-empty{text-align:center;padding:34px 16px 38px;border:1px dashed #e8e1ef;border-radius:10px;margin-top:10px}.best-empty>span{display:inline-flex;width:48px;height:48px;justify-content:center;align-items:center;background:#f5f0fa;border-radius:50%;color:#a38cbb}.best-empty svg{width:23px;height:23px}.best-empty h2{font-size:16px;margin:18px 0 9px;color:#51465e}.best-empty p{font-size:12px;line-height:1.9;color:#a195ab;margin:0 0 20px}.best-empty>a{font-size:11px;border-color:#e6dfed;color:#806a93;background:#fff}.best-empty>a svg{height:14px;width:14px}
@media(max-width:600px){.best-page{padding-top:16px}.best-heading{margin-bottom:14px}.best-heading h1{font-size:23px;margin-top:7px}.best-heading p{font-size:11px}.best-page .best-tabs{margin-bottom:15px;gap:24px}.best-page .best-tabs a{font-size:13px;padding:11px 0}.best-page .best-filters{gap:10px}.best-page .best-filters>div{gap:5px}.best-page .best-filters a{font-size:10px;min-height:32px;padding:6px 12px}.best-result-heading{margin:18px 0 15px}.best-result-heading b{font-size:10px}.best-card-save{font-size:9px;gap:3px}.best-page .best-policy{padding:13px;margin-top:23px}.best-empty{padding:28px 12px}.best-empty h2{font-size:14px}.best-empty p{font-size:11px}}

/* Reader-first public surfaces; reader pages keep their saved reading theme. */
body:has(.reader-platform-page){--bg:#fff;--paper:#fff;--ink:#211d27;--muted:#8a8193;--line:#eeebf2;--green:#7355a7;--soft:#f6f3fa;background:#fff;color:#211d27}body:has(.reader-platform-page) .site-footer,body:has(.reader-platform-page) .bottom-nav{background:#fff;color:#77717f;border-color:#eeebf2}body:has(.reader-platform-page) .main-tabs.discovery-tabs>a.active{background:#19191c;color:#fff;border-color:#19191c}body:has(.reader-platform-page) .main-tabs.discovery-tabs{gap:12px}.reader-my-page{max-width:900px;padding-top:26px;padding-bottom:36px}.reader-my-page .page-title{margin-bottom:24px}.reader-my-page .page-title h1{font-size:28px;margin-bottom:8px}.reader-my-page .page-title p{font-size:12px;color:#91859e}.reader-my-page .my-stats{margin:0 0 28px}.reader-my-recent{margin:26px 0}.reader-my-recent .section-heading h2{font-size:18px}.reader-my-recent .section-heading>a{font-size:11px}.reader-my-book{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.reader-my-book>span{width:50px;flex:0 0 50px}.reader-my-book .cover{width:50px;height:75px;border-radius:5px;overflow:hidden}.reader-my-book>div{flex:1;min-width:0}.reader-my-book b{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-my-book small{display:block;font-size:11px;color:#9d91a7;margin-top:7px}.reader-my-book>svg{width:17px;height:17px;color:#aaa0b1}.reader-first-book{padding:24px;background:var(--soft);border-radius:10px;margin-bottom:28px}.reader-first-book h2{font-size:18px}.reader-first-book p{font-size:12px;color:var(--muted)}.reader-first-book .primary{font-size:12px;margin-top:8px}.reader-operator-panel{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.reader-operator-panel h2{font-size:12px;color:#9f93aa}.reader-my-page .my-panel h2{font-size:17px}
@media(max-width:600px){.reader-my-page{padding-top:20px}.reader-my-page .page-title h1{font-size:23px}.reader-my-page .my-stats{margin-bottom:23px}.reader-my-book{gap:12px}.reader-my-book b{font-size:13px}.reader-my-book small{font-size:10px}}

/* Compact four-column ranking shelves. */
.rank-shelf{padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid #eeebf2}.rank-shelf-heading{margin-bottom:20px}.rank-shelf-heading h2{font-size:25px;line-height:1.4;letter-spacing:-.6px;margin:0 0 7px}.rank-shelf-heading p{font-size:13px;margin:0 0 5px;color:#77717f}.rank-shelf-heading small{font-size:11px;color:#99929e}.rank-poster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}.rank-poster{display:block;min-width:0}.rank-poster-cover .cover{width:100%;height:auto;aspect-ratio:2/3;overflow:hidden;border-radius:9px;padding:0;position:relative;box-shadow:0 2px 8px #18122612}.rank-poster-cover .cover:not(.preset-cover):not(.has-cover){padding:15px}.rank-poster-cover .cover-logo-stamp{width:11%;max-width:22px;min-width:7px}.rank-poster-bar{display:flex;align-items:center;justify-content:space-between;gap:4px;background:#f0f0f1;border-radius:5px;padding:3px 7px;margin:9px 0 7px;min-height:25px;font-variant-numeric:tabular-nums}.rank-poster-bar b{font-size:16px;font-weight:750;color:#17171c}.rank-poster-bar span{font-size:10px;color:#827d87;white-space:nowrap}.rank-poster h3{font-size:15px;font-weight:500;line-height:1.5;margin:0;min-height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.rank-poster:hover h3{color:#7355a7}.rank-poster:focus-visible{outline:2px solid #7355a7;outline-offset:4px;border-radius:6px}
@media(max-width:700px){.rank-poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 9px}.rank-shelf-heading h2{font-size:21px}.rank-shelf-heading p{font-size:12px}.rank-shelf-heading small{font-size:10px}.rank-poster-cover .cover{border-radius:7px}.rank-poster h3{font-size:13px;letter-spacing:-.3px}.rank-poster-bar{padding:2px 5px;margin:8px 0 6px;min-height:22px}.rank-poster-bar b{font-size:14px}.rank-poster-bar span{font-size:9px}.rank-shelf{margin-bottom:26px;padding-bottom:26px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Keep cover captions compact and put ranks beside the title. */
.compact-home .home-work-title{display:flex;align-items:baseline;gap:5px;margin:0 0 2px;min-width:0}.compact-home .home-work-title h3{flex:1;min-width:0}.compact-home .home-work-title .home-work-rank{position:static;flex:0 0 auto;display:inline;color:#7355a7;font-size:1em;font-weight:800;line-height:1.3;background:none;padding:0;border-radius:0;min-width:0;height:auto}.compact-home .home-work-copy p{line-height:1.35;margin:0 0 1px}.compact-home .home-work-copy>small{line-height:1.35;margin-top:1px}@media(max-width:700px){.compact-home .home-work-title{gap:4px;margin-bottom:1px}.compact-home .home-work-title .home-work-rank{font-size:12px}}

/* One catalog on the main page during the reader launch. */
.home-catalog-search{display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:10px 14px;border:1px solid #e5e0ea;border-radius:10px;background:#faf9fc;color:#81768d}.home-catalog-search svg{width:19px;height:19px}.home-catalog-search input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:#211d27;font-size:13px;padding:3px 0}.home-catalog-search:focus-within{outline:2px solid #7355a7;outline-offset:2px}.home-work-heading>span{font-size:12px;color:#91859e}.bottom-nav{grid-template-columns:repeat(3,minmax(0,1fr))}

.compact-home>.home-banner{margin-bottom:8px}.compact-home>.home-banner+.home-work-section{margin-top:0}.best-page>.back{display:inline-flex;margin-bottom:24px}

.rank-shelf-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.rank-shelf-title>a{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:12px;color:#8a8193}.rank-shelf-title>a svg{width:16px;height:16px}.rank-shelf-heading{margin-bottom:12px}.rank-poster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 12px}.rank-poster h3{min-height:0;line-height:1.3}.rank-poster-bar{margin:5px 0 3px}.rank-shelf{margin-bottom:20px;padding-bottom:20px}@media(max-width:700px){.rank-poster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 7px}.rank-poster h3{font-size:11px;line-height:1.3;min-height:0}.rank-poster-bar{padding:2px 4px;gap:2px;min-height:20px;margin:4px 0 3px}.rank-poster-bar b{font-size:12px}.rank-poster-bar span{font-size:8px;letter-spacing:-.4px}.rank-shelf-title>a{font-size:11px}.rank-shelf-heading{margin-bottom:10px}.compact-home .home-work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 7px}}

.catalog-search-dialog{width:min(760px,calc(100% - 28px));max-width:760px;max-height:85vh;overflow-y:auto}.catalog-search-dialog .home-catalog-search{margin-bottom:16px}.catalog-search-dialog .home-work-grid{gap:14px 10px}

/* Main-page shelves: three larger covers, followed by a glimpse of the next work. */
.compact-home :is(#home-best-grid,#home-recent-grid),.compact-home #home-recommended-grid{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:3px 0 7px;margin-top:-3px;-webkit-overflow-scrolling:touch}.compact-home :is(#home-best-grid,#home-recent-grid)::-webkit-scrollbar,.compact-home #home-recommended-grid::-webkit-scrollbar{display:none}.compact-home :is(#home-best-grid,#home-recent-grid)>.home-work-row,.compact-home #home-recommended-grid>.home-work-row{flex:0 0 calc((100% - 24px)/3.15);scroll-snap-align:start;scroll-margin-inline:0}.compact-home :is(#home-best-grid,#home-recent-grid)>.home-list-empty,.compact-home #home-recommended-grid>.home-list-empty{flex:1;min-width:100%}.compact-home :is(#home-best-grid,#home-recent-grid):focus-visible,.compact-home #home-recommended-grid:focus-visible{outline:2px solid #8061b0;outline-offset:4px;border-radius:8px}@media(max-width:700px){.compact-home :is(#home-best-grid,#home-recent-grid),.compact-home #home-recommended-grid{gap:10px}.compact-home :is(#home-best-grid,#home-recent-grid)>.home-work-row,.compact-home #home-recommended-grid>.home-work-row{flex-basis:calc((100% - 20px)/3.15)}}

.home-story-section{margin:0 0 32px}.home-story-section:empty{display:none}.home-story-track{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:15px;outline-offset:4px;background:#1d1b23}.home-story-track::-webkit-scrollbar{display:none}.home-story-slide{flex:0 0 100%;min-width:0;position:relative;isolation:isolate;aspect-ratio:16/9;min-height:520px;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:#1d1b23;color:#fff}.home-story-art,.home-story-shade{position:absolute;inset:0;z-index:-1;pointer-events:none}.home-story-art .cover{width:100%;height:100%;aspect-ratio:auto;border-radius:0;padding:0}.home-story-art .cover img{object-fit:cover;object-position:center 35%}.home-story-shade{background:linear-gradient(180deg,#14111c00 0%,#14111c08 42%,#14111c90 70%,#14111cf2 100%)}.home-story-kicker,.home-story-position{position:absolute;top:22px;font-size:12px;line-height:1.5;background:#15121b90;color:#fff;padding:6px 11px;border-radius:20px}.home-story-kicker{left:26px}.home-story-position{right:26px;font-variant-numeric:tabular-nums}.home-story-content{position:absolute;left:34px;right:34px;bottom:18px;max-width:600px}.home-story-content h2{margin:0 0 8px;font-size:25px;color:#fff;letter-spacing:-.7px}.home-story-intro{font-family:'Noto Serif KR',serif;font-size:16px;line-height:1.55;color:#f5f1f9;margin:0 0 9px;white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.home-story-meta{color:#d2ccd9;font-size:12px;line-height:1.5;margin:0 0 10px}.home-story-actions{display:flex;gap:10px;align-items:stretch}.home-story-read,.home-story-favorite{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;min-height:44px;font:inherit;font-size:13px;font-weight:700;padding:9px 16px}.home-story-read{flex:0 1 auto;background:#7957cb;color:#fff;border:1px solid transparent}.home-story-favorite{background:#ffffff0d;color:#fff;border:1px solid #ffffff65;cursor:pointer;white-space:nowrap}.home-story-favorite.is-saved{border-color:#d0b7ff;background:#7957cb55;color:#eedfff}.home-story-favorite.is-saved svg{fill:currentColor}.home-story-actions svg{width:20px;height:20px;flex-shrink:0}.home-story-detail{display:inline-flex;align-items:center;gap:5px;margin-top:8px;color:#e1d9ec;font-size:12px}.home-story-detail svg{width:13px;height:13px}.home-story-controls{display:flex;justify-content:flex-end;align-items:center;gap:9px;padding:8px 0 0}.home-story-controls button{display:flex;align-items:center;justify-content:center;width:34px;height:32px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);cursor:pointer}.home-story-controls button:disabled{opacity:.3;cursor:default}.home-story-controls svg{width:16px;height:16px}.home-story-controls span{font-size:11px;color:var(--muted);min-width:36px;text-align:center}.home-story-track:focus-visible,.home-story-controls button:focus-visible{outline:2px solid #8061b0;outline-offset:3px}@media(max-width:700px){.home-story-section{margin-bottom:25px}.home-story-track{border-radius:12px}.home-story-slide{aspect-ratio:4/5;min-height:440px}.home-story-content{left:16px;right:16px;bottom:14px}.home-story-content h2{font-size:20px;margin-bottom:6px}.home-story-intro{font-size:14px;line-height:1.5;-webkit-line-clamp:2;margin-bottom:7px}.home-story-meta{font-size:10px;margin-bottom:9px}.home-story-kicker,.home-story-position{top:16px;font-size:10px;padding:5px 9px}.home-story-kicker{left:16px}.home-story-position{right:16px}.home-story-read,.home-story-favorite{min-height:44px;padding:8px 12px;font-size:12px;gap:5px}.home-story-actions{gap:7px}.home-story-actions svg{width:16px;height:16px}.home-story-detail{font-size:10px;margin-top:7px}}

/* Compact vertical best lists, shared by home and ranking pages. */
.best-list-panel{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper)}
.compact-home #home-best-grid,.best-list{display:block;overflow:visible;padding:0;margin:0}
.best-list-row{display:grid;grid-template-columns:64px 32px minmax(0,1fr);align-items:center;gap:14px;padding:14px 18px;color:var(--ink);text-decoration:none;min-width:0}
.best-list-row+.best-list-row{border-top:1px solid var(--line)}
.best-list-cover .cover{width:64px;height:90px;aspect-ratio:auto;border-radius:5px;padding:0}.best-list-cover .cover img{object-fit:cover}.best-list-cover .cover-logo-stamp{max-width:16px;max-height:16px}
.best-list-rank{text-align:center;font-size:21px;line-height:1.2;font-variant-numeric:tabular-nums}.best-list-copy{min-width:0}.best-list-copy h3{font-size:17px;font-weight:650;line-height:1.45;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.best-list-copy p{font-size:12px;color:var(--muted);margin:0 0 3px;line-height:1.5}.best-list-copy small{font-size:11px;color:var(--muted)}
.best-list-more{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.best-list-more svg{width:15px;height:15px;transform:rotate(90deg)}.best-list-row:focus-visible,.best-list-more:focus-visible{outline:2px solid #8061b0;outline-offset:-3px}.best-list-row:hover{background:var(--wash,#f7f5fa)}
@media(max-width:700px){.best-list-row{grid-template-columns:52px 25px minmax(0,1fr);gap:10px;padding:10px 12px}.best-list-cover .cover{width:52px;height:74px}.best-list-rank{font-size:18px}.best-list-copy h3{font-size:14px;margin-bottom:3px}.best-list-copy p{font-size:11px}.best-list-copy small{font-size:10px}}

/* Full-width landscape artwork for the four featured novels. */
.home-banner-slide>a{isolation:isolate;height:350px;text-align:left;color:#fff}
.home-banner-slide>a>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;z-index:-2}
.home-banner-slide>a>.cover{position:absolute;inset:0;width:100%;height:100%;border-radius:0;z-index:-2}
.home-banner-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,15,23,.82) 0%,rgba(12,15,23,.58) 30%,rgba(12,15,23,.12) 64%,rgba(12,15,23,0) 100%);z-index:-1;pointer-events:none}
.home-banner-copy{position:absolute;left:6%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:13px;max-width:47%;text-shadow:0 2px 16px #0008}
.home-banner-title{font-size:46px;font-weight:800;line-height:1.2;letter-spacing:-1.8px;white-space:nowrap;color:#fff}
.home-banner-author{font-size:16px;line-height:1.4;color:#f3f0ed}
.home-banner-cta{display:inline-flex;align-items:center;gap:14px;padding:10px 15px;border:1px solid #ffffff80;border-radius:6px;background:#10182026;color:#fff;font-size:13px;line-height:1.4;margin-top:11px;backdrop-filter:blur(3px)}
.home-banner-cta svg{width:14px;height:14px}
.home-banner-slide>a:focus-visible{outline:3px solid #fff;outline-offset:-4px}
@media(max-width:600px){.home-banner-slide>a{height:auto;aspect-ratio:16/9;max-height:none}.home-banner-copy{left:6%;gap:8px;max-width:49%}.home-banner-title{font-size:clamp(23px,7vw,36px);letter-spacing:-1.1px}.home-banner-author{font-size:12px}.home-banner-cta{font-size:10px;padding:7px 10px;margin-top:5px;gap:8px}.home-banner-cta svg{width:11px;height:11px}}

/* More cover, less padding; ranking rows continue naturally down the page. */
.best-list-row{grid-template-columns:80px 28px minmax(0,1fr);gap:12px;padding:5px 12px;min-height:0}
.best-list-cover{line-height:0}.best-list-cover .cover{width:80px;height:112px;margin:0;border-radius:5px}
.best-list-copy h3{margin:0 0 4px;line-height:1.35}.best-list-copy p{margin:0 0 4px;line-height:1.4}.best-list-copy small{display:block;line-height:1.4}
.best-list-more{min-height:38px}.compact-home .home-work-section:last-child{margin-bottom:16px}
@media(max-width:700px){.best-list-row{grid-template-columns:66px 24px minmax(0,1fr);gap:10px;padding:4px 10px}.best-list-cover .cover{width:66px;height:93px}.best-list-copy h3{font-size:15px;line-height:1.35;margin:0 0 4px}.best-list-copy p{font-size:11px;margin:0 0 4px}.best-list-copy small{font-size:10px}.best-list-rank{font-size:18px}.best-list-more{min-height:36px}}

.home-service-notice{padding:10px 14px;margin:4px 0 20px;border:1px solid #e8e4f0;border-radius:8px;background:#f8f7fb;color:var(--muted);font-size:13px;line-height:1.5}body.dark .home-service-notice{background:var(--soft);border-color:var(--line)}@media(max-width:600px){.home-service-notice{padding:9px 10px;margin-bottom:18px;font-size:12px}}

/* Let the artwork fill each banner, with a light lower fade behind the caption. */
.home-banner-slide>a>img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.home-banner-slide>a>.cover{inset:0;width:100%;height:100%}
.home-banner-slide>a>.cover img{object-fit:cover;object-position:center 30%}
.home-banner-shade{display:block;background:linear-gradient(180deg,transparent 40%,#0c0f1726 65%,#0c0f17b3 100%)}
.home-banner-copy{left:5%;right:5%;top:auto;bottom:24px;transform:none;max-width:none;gap:7px}
.home-banner-title{white-space:normal;overflow-wrap:anywhere;font-size:38px}
.home-banner-author{font-size:15px}
.home-story-slide{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);align-items:center;aspect-ratio:auto;min-height:0}
.home-story-art{position:relative;inset:auto;z-index:0;aspect-ratio:2/3;min-width:0}
.home-story-art .cover img{object-fit:contain;object-position:center}
.home-story-art .cover-logo-stamp{display:none}
.home-story-shade{display:none}
.home-story-content{position:relative;inset:auto;max-width:none;min-width:0;padding:64px 28px 24px}
.home-story-actions{flex-wrap:wrap}
.home-story-kicker,.home-story-position{z-index:1}
@media(max-width:700px){
 .home-story-slide{display:block;aspect-ratio:auto;min-height:0}
 .home-story-content{padding:18px 16px 20px}
 .home-story-intro{font-size:14px}
}
@media(max-width:600px){
 .home-banner-slide>a{aspect-ratio:3/2}
 .home-banner-copy{left:6%;right:6%;top:auto;bottom:16px;max-width:none;gap:5px}
 .home-banner-title{font-size:clamp(24px,6.4vw,34px);letter-spacing:-.8px}
 .home-banner-author{font-size:12px}
}

/* Dedicated audiobook artwork uses its native landscape composition on every screen. */
.home-banner-slide>a:has(>img[data-audio-banner]){height:auto;max-height:none;aspect-ratio:16/9}
.home-banner-slide>a>img[data-audio-banner]{inset:0;width:100%;height:100%;object-fit:contain;object-position:center}

/* Author credit follows uploaded covers throughout the catalog and reader shelves. */
.cover.has-cover .cover-author-credit{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;align-items:center;justify-content:center;min-height:17%;padding:4px 19%;background:linear-gradient(180deg,#11182740,#111827e6);color:#fff;font-size:clamp(7px,1vw,13px);font-weight:650;line-height:1.3;letter-spacing:.04em;text-align:center;text-shadow:0 1px 3px #000;overflow-wrap:anywhere;pointer-events:none}
.best-list-cover .cover-author-credit,.row-cover .cover-author-credit,.reader-my-book .cover-author-credit{font-size:8px;padding-top:2px;padding-bottom:2px}
.home-story-art .cover-author-credit,.detail-hero-backdrop .cover-author-credit,.discovery-art .cover-author-credit{display:none}
@media(max-width:700px){.compact-home .home-work-cover .cover-author-credit{font-size:10px}.best-list-cover .cover-author-credit,.reader-my-book .cover-author-credit{font-size:7px}}