*{box-sizing:border-box}.qtbooks{--navy:#10283d;--gold:#e3b655;max-width:1200px;margin:0 auto;padding:40px 22px;font:17px/1.6 system-ui,sans-serif;color:#173047}.qtbooks h1{font-size:clamp(34px,5vw,58px);line-height:1.12;margin:12px 0 20px}.qtbooks h2{font-size:30px;line-height:1.25}.qtbooks h3{font-size:23px;line-height:1.3}.qtbooks .hero{background:var(--navy);color:white;padding:45px;border-radius:20px}.qtbooks .eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:750;color:#e3b655}.qtbooks .hero p{max-width:760px}.qtbooks nav{display:flex;gap:14px;flex-wrap:wrap;margin:25px 0}.qtbooks a{color:inherit}.qtbooks nav a{padding:10px 18px;border:1px solid #cbd7e1;border-radius:30px;text-decoration:none}.qtbooks .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.qtbooks .book{display:grid;grid-template-columns:140px 1fr;gap:24px;background:white;border:1px solid #d9e3eb;border-radius:18px;padding:26px;scroll-margin-top:25px}.qtbooks .title-panel{background:var(--navy);color:white;border-top:5px solid var(--gold);border-radius:8px;min-height:210px;padding:20px 15px;display:flex;flex-direction:column;justify-content:center;font-weight:750;line-height:1.4}.qtbooks .title-panel small{font-weight:400;font-size:12px;margin-top:16px;color:#f1d695}.qtbooks .book h3{margin:5px 0 10px}.qtbooks .subtitle{font-size:13px;color:#52697c;margin:0}.qtbooks .meta{color:#52697c;font-size:14px}.qtbooks .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.qtbooks .btn{display:inline-block;padding:11px 17px;border-radius:8px;background:var(--navy);color:white;font-weight:650;text-decoration:none}.qtbooks .secondary{background:#edf2f6;color:var(--navy)}.qtbooks .note{background:#edf2f6;padding:28px;border-radius:16px;margin:35px 0}.qtbooks .detail{grid-template-columns:200px 1fr}.qtbooks .detail .title-panel{min-height:300px}.qtbooks section{margin:34px 0}.qtbooks a:focus-visible{outline:3px solid #d49d22;outline-offset:4px}@media(max-width:900px){.qtbooks .grid{grid-template-columns:1fr}}@media(max-width:520px){.qtbooks{padding:24px 14px}.qtbooks .hero{padding:28px}.qtbooks .book,.qtbooks .detail{grid-template-columns:1fr}.qtbooks .title-panel{min-height:140px}.qtbooks .detail .title-panel{min-height:180px}}.qtbooks .cover-image{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 8px 18px #10283d22}.qtbooks .detail .cover-image{max-width:240px}@media(max-width:520px){.qtbooks .cover-image{max-width:180px;margin:auto}}.qtbooks .title-panel{align-self:start}.qtbooks .bundles{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.qtbooks .bundle{border:1px solid #d9e3eb;border-radius:14px;padding:24px}.qtbooks .bundle h3{margin-top:0}
/* Keep the bookshop banner independent of the site theme layout. */
.qtbooks .hero{display:block!important;min-height:0!important;text-align:left!important}.qtbooks .hero h1{color:#fff!important;font-family:system-ui,sans-serif!important;font-size:clamp(34px,5vw,58px)!important;line-height:1.12!important;max-width:none!important;margin:12px 0 20px!important}.qtbooks .hero p{max-width:760px!important;width:auto!important}.qtbooks .hero .eyebrow{color:#e3b655!important}.qtbooks h2,.qtbooks h3{font-family:system-ui,sans-serif!important}