.rank-wrap{max-width:1220px;margin:auto;padding:0 40px;font-family:var(--sans);color:var(--ink)}.rank-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}.rank-brand{font:30px var(--serif);letter-spacing:.12em}.rank-brand span{font:13px var(--sans);color:var(--sub);letter-spacing:0;margin-left:12px}.rank-header nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap;font-size:14px}.rank-header nav a{min-height:44px;display:flex;align-items:center}.rank-header [hidden]{display:none!important}.rank-intro{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;padding:52px 0 22px}.rank-eyebrow{font-size:13px;letter-spacing:.14em;color:#95432f}.rank-intro h1{font:44px/1.3 var(--serif);letter-spacing:.08em;margin:10px 0 15px}.rank-intro p:last-child{font-size:16px;line-height:1.8;color:var(--sub);max-width:660px}.rank-intro button{border:1px solid #8a7862;border-radius:5px;padding:12px 20px;background:transparent;color:var(--ink);font:14px var(--sans);white-space:nowrap;min-height:44px;cursor:pointer}.rank-intro button:disabled{color:#6c6458;background:#e8e1d4;cursor:wait}.rank-status{font-size:13px;color:#71604a;margin-bottom:28px;min-height:24px}.platform-tabs{display:flex;border-bottom:1px solid #c9bda6;gap:34px}.platform-tabs button{background:none;border:0;padding:15px 3px 17px;color:var(--sub);font:19px var(--serif);border-bottom:3px solid transparent;cursor:pointer}.platform-tabs button span{display:block;font:12px var(--sans);margin-top:8px;color:#746955}.platform-tabs button[aria-selected=true]{border-color:var(--vermilion);color:var(--ink)}.board-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.board-tabs button{background:transparent;color:var(--sub);border:1px solid #c6b99e;border-radius:4px;min-height:44px;padding:10px 15px;font:14px var(--sans);cursor:pointer}.board-tabs button[aria-pressed=true]{color:#fff7eb;background:#70533b;border-color:#70533b}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.board-source{font-size:12px;color:#79563a;margin:0 0 8px}.board-heading h2{font:28px/1.4 var(--serif);margin:0 0 8px}.board-heading>a{color:#775038;font-size:14px;min-height:44px;display:flex;align-items:center;white-space:nowrap}.board-scope,.board-method{color:var(--sub);font-size:14px;line-height:1.8}.board-method{margin-top:10px;max-width:900px}.board-time{font-size:12px;color:#756b5a;margin-top:12px}.board-error{color:#8e3c2c;font-size:14px;line-height:1.7;padding:12px 0}.rank-search{display:flex;gap:14px;align-items:center;margin:28px 0 18px;font-size:14px;color:var(--sub)}.rank-search input{font:14px var(--sans);background:var(--cream-card);color:var(--ink);border:1px solid #bfb29a;border-radius:4px;min-height:44px;padding:10px 14px;width:310px;max-width:100%}.rank-search input::placeholder{color:#7a7061}.book-list-header{display:grid;grid-template-columns:1fr 150px 110px;padding:12px 0;color:#746956;border-bottom:1px solid #cbbfa8;font-size:12px}.book-list-header span:not(:first-child){text-align:right}.book-list{list-style:none}.book-row{display:grid;grid-template-columns:42px minmax(0,1fr) 150px 110px;align-items:center;gap:18px;padding:21px 0;border-bottom:1px solid var(--line)}.book-rank{font:25px var(--serif);color:#8a7558;align-self:start;padding-top:3px}.book-row:nth-child(-n+3) .book-rank{color:var(--vermilion)}.book-identity h3{font-size:17px;font-weight:600;line-height:1.55;overflow-wrap:anywhere}.book-identity a:hover{text-decoration:underline;text-underline-offset:4px}.book-author{font-size:14px;color:#655c4f;margin:5px 0}.book-details{font-size:12px;line-height:1.6;color:#756b5a}.book-metric{text-align:right;font-variant-numeric:tabular-nums}.book-metric strong{font-weight:500;font-size:19px}.book-metric small{display:block;color:#786b57;font-size:12px;margin-top:4px}.book-change{font-size:13px;color:#6d604b;text-align:right}.rank-coverage{font-size:12px;color:#776953;margin-top:18px;line-height:1.7}.rank-empty{padding:52px 18px 60px;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rank-empty h3{font:24px var(--serif);margin-bottom:16px}.rank-empty p{font-size:14px;color:var(--sub);line-height:1.8;margin-bottom:20px}.rank-empty a{display:inline-block;font-size:15px;color:#864732;min-height:44px;padding:10px}.rank-footnote{margin:42px 0 30px;padding-top:25px;border-top:1px solid #cbbfa8}.rank-footnote h2{font:20px var(--serif);margin:0 0 12px}.rank-footnote p{font-size:13px;line-height:1.9;color:#6d6251;max-width:940px;margin:8px 0}.rank-footnote>div{display:flex;flex-wrap:wrap;gap:20px;margin-top:16px}.rank-footnote a{color:#784d37;font-size:13px;min-height:44px;display:flex;align-items:center}.rank-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:24px 0 35px;color:#746957;font-size:13px}.rank-wrap :focus-visible{outline:2px solid #a6442f;outline-offset:4px}.rank-skip{position:fixed;left:10px;top:-80px;background:#2d2820;color:#fff;padding:12px;z-index:100}.rank-skip:focus{top:10px}
@media(max-width:800px){.rank-wrap{padding:0 24px}.rank-header{align-items:flex-start;flex-direction:column;gap:12px}.rank-header nav{gap:8px 20px}.rank-intro{padding-top:34px;align-items:flex-start}.rank-intro h1{font-size:37px}.book-row{grid-template-columns:32px minmax(0,1fr) 100px 75px;gap:12px}.book-list-header{grid-template-columns:1fr 100px 75px}.platform-tabs{gap:25px}.board-heading{align-items:flex-start}.book-metric strong{font-size:17px}}
@media(max-width:500px){.rank-wrap{padding:0 18px}.rank-brand{font-size:27px}.rank-header nav{gap:8px 16px;font-size:13px}.rank-intro{display:block}.rank-intro h1{font-size:34px}.rank-intro button{margin-top:18px;width:100%}.rank-intro p:last-child{font-size:15px}.platform-tabs{gap:0;justify-content:space-between}.platform-tabs button{font-size:16px;padding:12px 0;width:31%}.platform-tabs button span{font-size:11px;line-height:1.5}.board-tabs button{width:100%;text-align:left}.board-heading{display:block}.board-heading h2{font-size:24px}.board-heading>a{margin-top:10px}.rank-search{align-items:flex-start;flex-direction:column;gap:9px}.rank-search input{width:100%}.book-list-header{display:none}.book-row{grid-template-columns:27px minmax(0,1fr);gap:8px 12px;padding:22px 0}.book-identity h3{font-size:16px}.book-rank{font-size:23px}.book-metric{grid-column:2;display:flex;gap:8px;align-items:baseline;text-align:left}.book-metric small{margin-top:0}.book-change{grid-column:2;text-align:left;font-size:12px}.book-details{font-size:12px}.rank-footer{display:block;line-height:1.9}.rank-footer a{display:inline-block;margin-top:12px;min-height:44px}.rank-footnote>div{display:block}.rank-status{font-size:12px;line-height:1.8}}
/* Keep the books, rather than introductory copy, in the first viewport. */
.rank-header{padding:18px 0}.rank-intro{padding:25px 0 15px;align-items:center}.rank-intro h1{font-size:36px;margin:8px 0}.rank-intro p:last-child{font-size:15px;line-height:1.6}.rank-status{margin-bottom:14px}.platform-tabs button{padding:12px 3px}.board-tabs{margin:16px 0}.board-heading h2{font-size:25px;margin-bottom:5px}.board-method{margin-top:5px;font-size:13px}.board-time{margin-top:7px}.rank-search{margin:16px 0 12px}.book-row{padding:16px 0}@media(max-width:500px){.rank-intro{padding:24px 0 14px}.rank-intro h1{font-size:32px}.rank-intro button{margin-top:14px}.rank-search{margin-top:18px}.book-row{padding:18px 0}}
.board-explanation{margin:8px 0}.board-explanation summary{font-size:13px;color:#705b44;cursor:pointer;min-height:32px;padding:6px 0}.board-explanation[open]{padding-bottom:10px}.board-explanation[open] p{margin-top:8px}@media(max-width:500px){.rank-header{padding:12px 0 10px;gap:8px}.rank-intro{display:flex;align-items:center;gap:16px;padding:22px 0 14px}.rank-intro>div>p{display:none}.rank-intro h1{font-size:28px;margin:0;white-space:nowrap}.rank-intro button{width:auto;margin:0;padding:10px 14px}.rank-status{font-size:12px;line-height:1.6;margin-bottom:8px}.board-tabs{gap:8px;margin:15px 0}.board-tabs button{width:auto;flex:1;padding:10px 8px;font-size:12px;text-align:center;line-height:1.5}.board-heading{display:flex;gap:12px;align-items:center}.board-heading h2{font-size:21px}.board-heading>a{font-size:12px;margin:0}.board-source{font-size:11px}.board-explanation summary{font-size:12px;min-height:32px}.rank-search{margin:14px 0 8px;gap:6px}.book-row{padding:16px 0}.book-change{font-size:11px}}

.rank-wrap{max-width:1480px;padding-inline:clamp(18px,2.2vw,36px)}