@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600&family=Noto+Serif+TC:ital,wght@0,500;0,600;0,700;1,500&display=swap";:root{--paper: #f3efe5;--paper-deep: #e9e2d5;--surface: #f9f6ef;--ink: #27251f;--muted: #746f64;--accent: #70423c;--accent-soft: #d7c4b5;--line: #c9c1b3;--cover-width: 118px;--serif: "Noto Serif TC", "Songti TC", serif;--sans: "Noto Sans TC", system-ui, sans-serif;font-family:var(--sans);color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper)}button,input,select{font:inherit}button{cursor:pointer;color:inherit}.app{min-height:100vh}header{height:68px;max-width:1240px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:sticky;top:0;z-index:20;background:#f3efe5f7;border-bottom:1px solid var(--line)}.brand{justify-self:start;border:0;background:none;padding:0;font:700 22px var(--serif);letter-spacing:-.03em}.brand span{margin-left:7px;color:var(--accent);font:500 11px var(--sans);letter-spacing:.12em}header nav,footer nav{display:flex;gap:30px;align-items:center}header nav{grid-column:2}header nav button,header nav a,footer nav button{border:0;background:none;padding:3px 0;color:var(--ink);text-decoration:none;font-size:13px;border-bottom:1px solid transparent}header nav button:hover,header nav a:hover{border-color:var(--ink)}.menu{display:none;justify-self:end;border:0;background:none}.menu svg{width:22px}.section{max-width:1180px;margin:0 auto;padding:66px 28px}.hero{max-width:1180px;margin:0 auto;padding:34px 28px 64px;display:grid;grid-template-columns:92px minmax(0,1.25fr) minmax(250px,.65fr);column-gap:48px;align-items:start;border-bottom:1px solid var(--ink)}.issue{padding-top:5px;color:var(--muted);font-size:9px;line-height:1.5;letter-spacing:.12em;writing-mode:vertical-rl}.issue p{margin:0 0 22px;color:var(--ink);font-weight:600}.issue span{display:inline-block;margin-left:10px}.hero-copy{padding-top:30px}.hero h1{margin:18px 0 22px;max-width:650px;font:600 clamp(34px,4.1vw,52px)/1.4 var(--serif);letter-spacing:-.04em}.hero h1 em{color:var(--accent);font-weight:500}.hero-copy>p{max-width:590px;margin:0;color:var(--muted);font:500 14px/2 var(--serif)}.hero-search{display:block;margin-top:38px;max-width:590px}.hero-search>label{display:block;margin-bottom:8px;color:var(--muted);font-size:10px;letter-spacing:.08em}.hero-search>div{display:flex;align-items:center;border-block:1px solid var(--ink)}.hero-search svg{flex:0 0 auto;width:17px}.hero-search input{width:100%;padding:15px 12px;border:0;outline:0;background:transparent;font:500 13px var(--serif)}.hero-index{margin-top:38px;border-top:1px solid var(--ink)}.hero-index>p{padding:14px 0 12px;border-bottom:1px solid var(--line)}.hero-index button{width:100%;display:grid;grid-template-columns:28px 1fr;gap:12px;padding:17px 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left}.hero-index b{color:var(--accent);font:500 10px var(--sans)}.hero-index span{font:500 13px/1.7 var(--serif)}.hero-index span small{display:block;margin-top:3px;color:var(--muted);font:400 11px/1.55 var(--sans)}.hero-index button:hover span{color:var(--accent)}.eyebrow{margin:0;color:var(--accent);font-size:10px;font-weight:600;letter-spacing:.19em}.featured{padding-top:38px;padding-bottom:44px}.ad-frame{position:relative;min-height:96px;padding-top:28px;padding-bottom:28px;border-block:1px solid var(--line);background:#f9f6ef57}.ad-frame>span{display:block;margin-bottom:14px;color:var(--muted);font-size:8px;letter-spacing:.18em;text-align:center}.ad-frame .adsbygoogle{min-height:50px}.detail>.ad-frame{margin-top:48px;padding-inline:0}.section-title,.result-meta{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-title{border-bottom:1px solid var(--line);padding-bottom:17px}.section-title h2,.directory h1,.related h2{margin:5px 0 0;font:600 29px var(--serif);letter-spacing:-.035em}.section-title>span,.result-meta{color:var(--muted);font-size:11px}.book-grid{display:grid}.book-card{min-width:0;cursor:pointer;outline-offset:4px}.featured .book-grid{grid-template-columns:repeat(3,1fr);column-gap:38px;border-top:1px solid var(--ink)}.featured .book-card{display:grid;grid-template-columns:var(--cover-width) 1fr;gap:20px;align-items:start;padding:22px 0 0;border-bottom:1px solid var(--line)}.featured .book-card.reverse{direction:ltr}.cover-wrap{position:relative;width:var(--cover-width)}.cover-media{width:var(--cover-width);display:flex;flex-direction:column;align-items:flex-start;gap:9px}.book-cover{width:var(--cover-width);aspect-ratio:2 / 3;padding:18px;display:flex;flex-direction:column;justify-content:space-between;color:#f8f1e5;font-family:var(--serif);border:1px solid rgba(37,35,31,.25);box-shadow:5px 7px #25231f1a}.book-cover:after{content:"";width:35%;border-top:1px solid currentColor;opacity:.7}.book-cover.cover-image{object-fit:cover;display:block;padding:0}.book-cover.cover-image:after{display:none}.book-cover small{font:500 7px var(--sans);letter-spacing:.15em}.book-cover b{max-width:8em;font-size:clamp(17px,2vw,25px);line-height:1.45}.book-cover span{font:400 9px var(--sans)}.cover-love{background:#854747}.cover-scifi{background:#344c56}.cover-xianxia{background:#536454}.cover-fantasy{background:#625367}.personal-pick{width:max-content;max-width:100%;padding:5px 9px;display:inline-flex;flex-direction:row;align-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--accent);font:600 9px/1.2 var(--sans);letter-spacing:.05em;white-space:nowrap}.personal-pick b{color:#c62828;font-size:10px;line-height:1}.book-kicker{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.book-kicker .eyebrow{margin:0}.bl-badge{display:inline-flex;align-items:center;justify-content:center;min-width:27px;padding:3px 7px 2px;border:1px solid #b6902e;border-radius:999px;background:#e7c968;color:#4b3a12;box-shadow:inset 0 1px #fffadaa6;font:700 8px/1.2 var(--sans);letter-spacing:.12em;white-space:nowrap}.card-personal-pick{padding:3px 7px;font-size:8px}.rating-badge{position:absolute;right:-9px;bottom:13px;padding:5px 8px;background:var(--surface);border:1px solid var(--ink);color:var(--ink);font:600 10px var(--sans)}.book-copy{min-width:0}.book-copy h3{margin:5px 0 4px;font:600 20px/1.45 var(--serif);letter-spacing:-.025em}.book-copy h3 i{margin-right:6px;color:var(--accent);font-style:normal}.list-favorite-heart{margin-right:7px;color:#a63d36;font-style:normal;text-shadow:0 1px 0 rgba(255,245,235,.55)}.text-link{border:0;background:none;padding:0;color:var(--muted);font-size:12px}.text-link:hover{color:var(--accent)}.summary{margin:12px 0;color:var(--muted);font:500 13px/1.8 var(--serif)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:0;border-bottom:1px solid var(--line);background:transparent;padding:4px 2px 3px;color:var(--muted);font-size:10px}.chip:hover,.chip.active{border-color:var(--accent);color:var(--accent)}.directory .tag-hash{display:inline-block;margin-right:2px;font:500 17px/0 var(--serif);vertical-align:-2px}.book-copy time{display:block;margin-top:14px;color:var(--muted);font-size:10px}.controls{padding-top:44px;padding-bottom:22px;display:grid;grid-template-columns:1fr auto;gap:18px 32px;align-items:end;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}.controls{scroll-margin-top:82px}.catalog-label{grid-column:1 / -1;display:flex;align-items:baseline;gap:18px;padding-bottom:17px;border-bottom:1px solid var(--line)}.catalog-label p,.catalog-label h2{margin:0}.catalog-label h2{font:600 25px var(--serif)}.categories,.tools,.mode{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.categories>button{border:0;border-bottom:1px solid transparent;background:transparent;padding:7px 5px;color:var(--muted);font-size:12px}.categories>button:hover,.categories>button.active{border-color:var(--ink);color:var(--ink)}.filter-pill{border:1px solid var(--accent)!important;color:var(--accent)!important;padding-inline:9px!important}.tools label{display:flex;align-items:center;border-bottom:1px solid var(--ink)}.tools label svg{width:15px}.tools input{width:190px;border:0;outline:0;background:transparent;padding:8px 7px;font-size:12px}.tools select{border:1px solid var(--line);border-radius:0;background:transparent;padding:8px 24px 8px 9px;font-size:12px}.mode{gap:0;border-left:1px solid var(--line)}.mode button{border:0;background:transparent;padding:6px 8px;color:var(--muted)}.mode button.active{color:var(--ink)}.mode svg{width:17px;height:17px}.results{padding-top:30px}.results .book-grid{grid-template-columns:1fr 1fr;column-gap:56px;row-gap:0;border-top:1px solid var(--ink)}.results .book-card{display:grid;grid-template-columns:118px 1fr;gap:24px;align-items:start;padding:28px 0;border-bottom:1px solid var(--line)}.results .book-card:nth-child(4n+2),.results .book-card:nth-child(4n+3){grid-template-columns:var(--cover-width) 1fr}.results .cover-wrap{width:var(--cover-width);margin:0}.results .book-copy h3{font-size:18px}.results .summary{min-height:3.6em}.result-meta{padding-bottom:12px;margin-bottom:28px;border-bottom:1px solid var(--line)}.table{border-top:1px solid var(--ink)}.tr{width:100%;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr .7fr 1fr;gap:14px;align-items:center;padding:16px 5px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;font-size:12px}.tr.head{color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.06em}.tr.head button{border:0;background:none;padding:0;text-align:left;font-weight:600}.tr:not(.head):hover{background:#ffffff52}.table-category{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.detail-kicker{margin-bottom:2px}.sentinel{padding:42px 0 0;text-align:center;color:var(--muted);font-size:11px}.empty{padding:80px 0;text-align:center}.empty button,.back{border:0;background:none;color:var(--accent);font-weight:600}.directory{max-width:840px;min-height:70vh}.back{display:flex;align-items:center;gap:6px;padding:8px 0;margin-bottom:34px}.back svg{width:17px}.directory>section{margin:38px 0}.directory>section h2{padding-bottom:12px;border-bottom:1px solid var(--line);font:600 16px var(--serif)}.tags-directory .tag-group{margin-block:44px}.tags-directory .tag-group h2{font-size:18px}.tags-directory .chips{gap:10px 12px}.tags-directory .chip{padding:9px 4px;font-size:14px;line-height:1.35}.stroke-index{margin:28px 0 44px;padding:16px 0;border-block:1px solid var(--ink);scroll-margin-top:88px}.stroke-index>span{display:block;margin-bottom:12px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.12em}.stroke-index>div{display:flex;flex-wrap:wrap;gap:8px}.stroke-index button{min-width:42px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font:600 12px var(--serif)}.stroke-index button:hover,.stroke-index button:focus-visible{border-color:var(--accent);color:var(--accent);background:#ffffff59}.author-group{scroll-margin-top:88px}.author-list{display:flex;flex-direction:column;margin-top:28px;border-top:1px solid var(--ink)}.author-list>button{border:0;border-bottom:1px solid var(--line);background:transparent;padding:18px 3px;display:flex;justify-content:space-between;text-align:left}.author-list span{color:var(--muted);font-size:11px;display:flex;gap:8px;align-items:center}.author-list svg{width:15px}.overview{max-width:1120px;min-height:70vh}.overview-intro{max-width:650px;margin-bottom:58px}.overview-intro h1{margin:8px 0 12px;font:600 clamp(34px,6vw,56px) var(--serif);letter-spacing:-.04em}.overview-intro>p:last-child{margin:0;color:var(--muted);font:500 14px/1.9 var(--serif)}.overview-browser{border-top:1px solid var(--ink)}.overview-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,280px));gap:18px;padding:28px 0 34px;border-bottom:1px solid var(--line)}.overview-selectors label{display:grid;gap:8px}.overview-selectors label>span{color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.12em}.overview-selectors select{width:100%;padding:12px 36px 12px 13px;border:1px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);font:600 13px var(--serif)}.overview-selectors select:disabled{border-color:var(--line);color:var(--muted);cursor:not-allowed}.overview-prompt{min-height:220px;display:grid;place-items:center;color:var(--muted);font:500 13px var(--serif);text-align:center}.overview-results{padding-top:42px}.overview-result-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--ink)}.overview-result-heading h2{margin:0;color:var(--accent);font:600 clamp(25px,4vw,37px) var(--serif)}.overview-result-heading span{color:var(--muted);font-size:11px;white-space:nowrap}.overview-category{padding:38px 0 48px;border-bottom:1px solid var(--ink)}.overview-category-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px}.overview-category-heading h3{margin:0;font:600 20px var(--serif)}.overview-category-heading span{color:var(--muted);font-size:10px}.overview-category.is-special .overview-category-heading h3{color:var(--accent)}.overview-book-list{display:grid;gap:0}.overview-book{display:grid;grid-template-columns:var(--cover-width) minmax(0,1fr);gap:30px;padding:28px 0;border-top:1px solid var(--line)}.overview-book:first-child{border-top:0;padding-top:0}.overview-cover{align-self:start;padding:0;border:0;background:transparent;text-align:left}.overview-cover .cover-media,.overview-cover .book-cover{width:var(--cover-width)}.overview-book-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.overview-book-title{padding:0;border:0;background:none;color:var(--ink);font:600 19px/1.45 var(--serif);text-align:left}.overview-book-title:hover{color:var(--accent)}.overview-book-heading p{margin:5px 0 0;color:var(--muted);font-size:11px}.overview-personal-pick{flex:0 0 auto;padding:4px 8px;font-size:9px}.overview-highlights{margin-top:18px}.overview-highlights>b{display:block;margin-bottom:7px;color:var(--accent);font:600 11px var(--serif);letter-spacing:.08em}.overview-highlights ul{margin:0;padding-left:18px;color:var(--muted);font:500 12px/1.75 var(--serif)}.overview-highlights p{margin:0;color:var(--muted);font:500 12px/1.75 var(--serif)}.overview-review{margin-top:18px}.overview-review>b{display:block;margin-bottom:7px;color:var(--accent);font:600 11px var(--serif);letter-spacing:.08em}.overview-review p{margin:0 0 8px;color:var(--muted);font:500 12px/1.85 var(--serif);white-space:pre-line}.overview-review p:last-child{margin-bottom:0}.overview-tags{display:flex;flex-wrap:wrap;gap:7px 10px;margin-top:16px}.overview-tags span{color:var(--muted);font-size:10px}.year-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px}.year-heading h2{margin:0;color:var(--accent);font:600 37px var(--serif)}.year-heading span{color:var(--muted);font-size:11px}.period-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.period{min-width:0;border-top:1px solid var(--line)}.period>header{position:static;height:auto;padding:18px 0 15px;display:flex;gap:13px;align-items:flex-start;border-bottom:1px solid var(--line);background:transparent}.period>header>span{width:31px;height:31px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font:600 13px var(--serif)}.period h3{margin:0;font:600 15px/1.5 var(--serif)}.period header p{margin:3px 0 0;color:var(--muted);font-size:10px}.period ol{list-style:none;margin:0;padding:0}.period li{border-bottom:1px solid var(--line)}.period li button{width:100%;padding:14px 2px;display:grid;grid-template-columns:38px 1fr 16px;gap:10px;align-items:center;border:0;background:transparent;text-align:left}.period li button:hover b{color:var(--accent)}.period li time{color:var(--muted);font-size:9px}.period li span{min-width:0}.period li b,.period li small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.period li b{font:600 13px/1.5 var(--serif)}.period li small{margin-top:3px;color:var(--muted);font-size:9px}.period li svg{width:14px;color:var(--muted)}.period-empty{margin:0;padding:30px 2px;color:var(--muted);font:500 12px var(--serif)}.detail{max-width:960px}.detail-head{display:grid;grid-template-columns:var(--cover-width) 1fr;gap:52px;align-items:center;margin:20px 0 70px}.detail-head h1{margin:10px 0 13px;font:600 clamp(28px,5vw,43px)/1.4 var(--serif);letter-spacing:-.035em}.review-title{margin:-4px 0 14px;color:var(--muted);font:500 15px/1.7 var(--serif)}.detail-meta{display:flex;gap:18px;margin:20px 0;color:var(--muted);font-size:12px}.detail-meta b{color:var(--accent)}.review{max-width:680px;margin:0 auto;font:500 16px/2.05 var(--serif)}.review h2{margin-top:0;font:600 19px var(--serif)}.book-blurb{margin-bottom:38px;padding:0 0 28px 24px;border-left:2px solid var(--accent-soft);border-bottom:1px solid var(--line)}.book-blurb>div{margin-top:12px;color:var(--muted);font-size:15px;line-height:1.9}.book-blurb>div p{margin:0 0 12px}.book-blurb>div p:last-child{margin-bottom:0}.review ul{margin:0 0 42px;padding:25px 22px 25px 42px;border-block:1px solid var(--line);background:transparent}.review p{margin:0 0 28px}.review-body p{white-space:pre-line}.article-nav{display:flex;justify-content:space-between;gap:20px;margin:60px 0;padding-block:22px;border-block:1px solid var(--line)}.article-nav button{border:0;background:none;display:flex;align-items:center;gap:8px;color:var(--accent);font-size:12px}.article-nav svg{width:16px}.related{padding-top:35px;border-top:1px solid var(--ink)}.related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.related>div>button{border:0;background:transparent;padding:0;text-align:left}.related .cover-media{margin-bottom:17px;gap:7px}.related .book-cover{width:var(--cover-width)}.related .personal-pick{padding:3px 7px 3px 6px;gap:4px;border-color:#25231f47;border-radius:3px;color:var(--muted);font-size:8px;font-weight:600;letter-spacing:.08em}.related .personal-pick b{color:#c62828;font-size:9px}.related-review-title,.related-book-title{display:block}.related-review-title{font:600 15px/1.5 var(--serif)}.related-book-title{margin-top:5px;color:var(--muted);font-size:11px}footer{max-width:1180px;margin:55px auto 0;padding:42px 28px 32px;display:grid;grid-template-columns:1fr auto;gap:24px;border-top:1px solid var(--ink)}footer p{max-width:480px;color:var(--muted);font-size:12px;line-height:1.8}footer small{grid-column:1 / -1;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.footer-links{display:flex;flex-direction:column;align-items:flex-end;gap:22px}.social-links{gap:10px}.social-links a{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:transparent;transition:border-color .18s ease,color .18s ease,background-color .18s ease}.social-links a:hover,.social-links a:focus-visible{border-color:var(--accent);color:var(--accent);background:#70423c0f}.social-links a:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}.social-links svg{width:16px;height:16px;stroke-width:1.7}.quick-nav{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:18;display:flex;flex-direction:column;gap:7px}.quick-nav button{width:38px;height:38px;padding:0;display:grid;place-items:center;border:1px solid rgba(39,37,31,.45);border-radius:50%;background:#f9f6efeb;box-shadow:0 3px 12px #27251f1f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.quick-nav button:hover,.quick-nav button:focus-visible{color:var(--accent);border-color:var(--accent)}.quick-nav svg{width:16px;height:16px}@media(max-width:900px){header{grid-template-columns:1fr auto}header nav{display:none;position:absolute;left:0;right:0;top:72px;padding:22px 28px;flex-direction:column;align-items:flex-start;background:var(--paper);border-bottom:1px solid var(--ink)}header nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:55px 1fr;gap:24px 30px}.hero-index{grid-column:2;margin-top:0;display:grid;grid-template-columns:repeat(3,1fr)}.hero-index>p{grid-column:1 / -1}.hero-index button{padding-right:18px}.featured .book-grid{grid-template-columns:1fr 1fr;gap:34px}.featured .book-card{border-bottom:0}.featured .book-card:nth-child(3){display:none}.results .book-grid{grid-template-columns:1fr 1fr}.controls{grid-template-columns:1fr;align-items:stretch}.catalog-label{grid-column:auto}.tools{justify-content:flex-start}.tr{grid-template-columns:2fr 1fr .7fr}.tr>*:nth-child(3),.tr>*:nth-child(4),.tr>*:nth-child(6){display:none}.period-grid{grid-template-columns:1fr;gap:34px}}@media(max-width:600px){:root{--cover-width: 96px}header{padding-inline:18px}.section{padding:42px 18px}.hero{padding:28px 18px 42px;grid-template-columns:1fr;gap:26px}.issue{display:flex;gap:14px;writing-mode:initial;padding-bottom:10px;border-bottom:1px solid var(--line)}.issue p{margin:0 auto 0 0}.issue span{margin:0}.hero-copy{padding-top:2px}.hero h1{font-size:32px}.hero-search{margin-top:28px}.hero-index{grid-column:auto;display:block}.section-title{align-items:start}.section-title>span{display:none}.featured .book-grid{grid-template-columns:1fr;gap:0}.featured .book-card{grid-template-columns:var(--cover-width) 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.featured .book-card:nth-child(3){display:grid}.results .book-grid{grid-template-columns:1fr;row-gap:42px}.results .book-card,.results .book-card:nth-child(4n+2),.results .book-card:nth-child(4n+3){display:grid;grid-template-columns:var(--cover-width) 1fr;gap:22px;align-items:start}.results .cover-wrap{width:var(--cover-width);margin:0}.results .summary{min-height:0}.tools label{flex:1 1 100%}.tools input{width:100%}.detail-head{grid-template-columns:var(--cover-width) 1fr;gap:24px;align-items:start}.detail-head h1{margin-top:7px;font-size:26px}.detail-meta{flex-direction:column;gap:5px}.related>div{grid-template-columns:1fr}.related>div>button{display:grid;grid-template-columns:var(--cover-width) 1fr;column-gap:18px}.related .cover-media{width:var(--cover-width);grid-row:1 / 3;margin:0}.related .book-cover{width:var(--cover-width)}.article-nav{flex-direction:column}.article-nav button:last-child{justify-content:flex-end}footer{grid-template-columns:1fr;margin-top:20px;padding-inline:18px}footer nav{align-items:flex-start}.footer-links{align-items:flex-start}footer small{grid-column:auto}.quick-nav{right:max(10px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));gap:5px}.quick-nav button{width:34px;height:34px}.stroke-index{margin-bottom:34px;overflow:hidden}.stroke-index>div{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.stroke-index button{flex:0 0 auto}.overview-intro{margin-bottom:40px}.overview-selectors{grid-template-columns:1fr}.overview-result-heading{align-items:flex-start;flex-direction:column;gap:6px}.overview-book{grid-template-columns:88px minmax(0,1fr);gap:18px}.overview-cover .cover-media,.overview-cover .book-cover{width:88px}.overview-book-heading{display:block}.overview-personal-pick{margin-top:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}