:root{--reading-scale:1;--reading-font:ui-rounded,'Avenir Next','Trebuchet MS',Arial,sans-serif}
html[data-reading-size="larger"]{--reading-scale:1.125}
html[data-reading-size="largest"]{--reading-scale:1.25}
body{font-family:var(--reading-font);font-size:calc(1.125rem * var(--reading-scale));line-height:1.75}
html body p,html body li{color:#4d5d53;line-height:1.75}
html.halloween body p,html.halloween body li{color:#594b60}
main p,main li,.hero p,.card p,.step p{font-size:calc(1.125rem * var(--reading-scale))}
.card p,.step p,.new-book-summary p{font-size:calc(1.0625rem * var(--reading-scale))}
main h1,main h2,main h3{font-family:var(--reading-font);font-weight:700;letter-spacing:-.035em;line-height:1.2;overflow-wrap:break-word}
main h1,.hero h1,.christmas-detail h1{font-size:clamp(calc(2rem * var(--reading-scale)),4.5vw,calc(3.5rem * var(--reading-scale)))}
main h2,.upcoming h2,.christmas-copy h2,.cta h2{font-size:clamp(calc(1.75rem * var(--reading-scale)),3vw,calc(2.5rem * var(--reading-scale)))}
main h3,.card h3,.upcoming h3,.christmas-copy h3{font-size:calc(1.625rem * var(--reading-scale))}
.step h3{font-size:calc(1.125rem * var(--reading-scale));font-family:var(--reading-font)}
.christmas-subtitle{font-size:calc(1.25rem * var(--reading-scale))}
header nav a,.button,.textlink,.card a,.new-book-cta{font-size:calc(1rem * var(--reading-scale))}
.eyebrow,.tag,.coming-label,.new-book-status{font-size:calc(.8125rem * var(--reading-scale));line-height:1.6;letter-spacing:.08em}
.book-details span,.release-note,.preview-note,.values,.ribbon,footer,.christmas-cover figcaption{font-size:calc(.9375rem * var(--reading-scale));line-height:1.65}
.note{font-size:calc(.9375rem * var(--reading-scale))!important}
.new-book-summary h2{font-size:calc(1.5rem * var(--reading-scale))}
.new-book-summary p{max-width:65ch}
.new-book-banner{grid-template-columns:80px minmax(0,1fr) auto;gap:20px}
.new-book-cover{width:80px}
.card{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);padding:28px 24px;gap:24px}
.card>div,.section-top>*,.christmas-detail>*,.upcoming>*,.christmas-coming>*,.hero>div,.new-book-summary{min-width:0}
.card a,.button,.new-book-cta{white-space:normal;overflow-wrap:break-word;line-height:1.5}
header{height:auto;min-height:104px;gap:20px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
header nav{flex-wrap:wrap;gap:12px 24px}
.section-top{align-items:start}
.reading-tools{max-width:1240px;margin:auto;padding:8px 38px;display:flex;justify-content:flex-end;align-items:center;gap:12px;color:var(--ink);font:500 .875rem/1.4 var(--reading-font)}
.reading-tools[hidden]{display:none}
.reading-options{display:flex;gap:4px;padding:3px;border:1px solid #d6d8cd;border-radius:12px;background:#fffdf7}
.reading-options button{font:600 .875rem/1.3 var(--reading-font);border:0;border-radius:8px;background:transparent;color:#374d46;min-height:44px;padding:8px 12px;cursor:pointer}
.reading-options button[aria-pressed="true"]{color:white;background:var(--green)}
.reading-options button:hover{box-shadow:inset 0 0 0 1px var(--green)}
.reading-options button:focus-visible{outline:3px solid #a95732;outline-offset:2px}
.reading-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:960px){.card{display:flex;flex-direction:column;align-items:start}.new-book-banner{grid-template-columns:68px minmax(0,1fr)}.new-book-cover{width:68px;grid-row:1/3;align-self:start}.new-book-cta{grid-column:2;justify-self:start}}
@media(max-width:700px){.christmas-detail{gap:28px}.reading-tools{padding:6px 24px;gap:8px;justify-content:center;flex-wrap:wrap}.reading-options button{padding:8px 10px}.actions{flex-wrap:wrap}.card{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);padding:24px 18px;gap:20px}.card h3{font-size:calc(1.375rem * var(--reading-scale))}.section-top{display:block}.christmas-detail h1{letter-spacing:-.025em}.new-book-summary h2{font-size:calc(1.375rem * var(--reading-scale))}.new-book-summary p{font-size:calc(1rem * var(--reading-scale))}.values{flex-wrap:wrap}.ribbon{gap:12px;flex-wrap:wrap}}
@media(max-width:400px){.card{display:flex}.card .book{width:150px;margin:0 auto}.reading-tools{padding-left:16px;padding-right:16px}.reading-options button{padding:8px}.new-book-banner{width:calc(100% - 32px);padding:14px;gap:12px}.new-book-cta{grid-column:1/-1}.new-book-cover{grid-row:auto}.new-book-summary h2{font-size:calc(1.25rem * var(--reading-scale))}}
