/* Buyer journey: clearer choice, persistent navigation and readable mobile cards. */
html{scroll-padding-top:112px}
.header{position:sticky;top:0;z-index:30}
.header-inner{min-height:82px}
.header nav a{display:flex;align-items:center;min-height:44px}
.hero{padding-block:46px}
.hero h1{font-size:clamp(42px,4.4vw,64px)}
.hero-description{max-width:510px}
.hero-visual{padding-top:0}
.hero .checkout-context{font-size:12px;line-height:1.6;color:#c6cdd1;margin-top:12px}
.hero-secondary{min-height:44px;margin-top:13px}
.hero-note{margin-top:5px}
.hero-note a,.sample-shortcut{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:#d4d8da}
.sample-shortcut{margin-top:10px}
.hero .current-price strong{font-size:44px}
.comparison{padding-block:64px}
.comparison .section-intro{margin-bottom:28px}
.comparison .comparison-card{padding:26px;gap:0}
.comparison .choice-copy h3{font:700 34px/1.15 Playfair,Georgia,serif;margin:12px 0}
.comparison .choice-copy>p:last-child{font-size:15px;color:var(--muted);line-height:1.6}
.comparison .featured .choice-copy>p:last-child{color:#d1d7da}
.comparison .value-label{display:inline-block}
.comparison .comparison-card>.price-block{margin:18px 0 0}
.comparison .price-prefix{display:none}
.comparison .choice-value{font-size:12px!important;color:var(--muted);margin-top:8px}
.comparison .featured .choice-value{color:#c6cdd1}
.comparison .choice-action{margin-top:auto;padding-top:22px}
.comparison .choice-action .button{width:100%;min-height:52px}
.comparison .choice-action .purchase{margin:0}
.comparison-note{max-width:920px}
.included-books a{text-decoration-color:#b2bec4;text-underline-offset:3px}
.included-books a:hover{text-decoration-color:currentColor}
@media(max-width:1023px){.header nav .nav-faq{display:none}.header nav a:not(.nav-faq){display:flex}.header nav{gap:18px}.comparison .comparison-card{padding:20px}.comparison .choice-action .button{font-size:12px}.comparison .choice-copy h3{font-size:30px}}
@media(max-width:767px){
  html{scroll-padding-top:94px}
  .header-inner{min-height:70px;gap:12px}
  .header .logo img{width:128px}
  .header nav{gap:12px;font-size:12px}
  .header nav a.nav-compare,.header nav a.nav-faq{display:none}
  .hero{padding-block:28px 34px}
  .hero .eyebrow{margin-bottom:15px}
  .hero h1{font-size:clamp(37px,9.5vw,52px)}
  .hero-description{margin-top:18px;line-height:1.6}
  .hero-context{margin-top:10px}
  .hero-purchase{margin-top:21px}
  .hero .current-price strong{font-size:42px}
  .hero-grid{gap:16px}
  .hero-note{margin-top:0}
  .hero-note a{font-size:12px}
  .hero .collection-mockup{padding-top:8px}
  .comparison{padding-block:46px}
  .comparison .section-intro h2{font-size:34px}
  .comparison .comparison-grid{gap:14px}
  .comparison .comparison-card{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding:20px;border-top-width:1px}
  .comparison .comparison-card.featured{border-left:4px solid var(--cyan)}
  .comparison .choice-copy{grid-column:1;grid-row:1}
  .comparison .choice-copy h3{font-size:27px;margin:10px 0}
  .comparison .choice-copy>p:last-child{font-size:13px;line-height:1.5}
  .comparison .choice-copy .product-meta,.comparison .value-label{font-size:10px;line-height:1.5}
  .comparison .value-label{padding:3px 5px}
  .comparison .comparison-card>.price-block{grid-column:2;grid-row:1;margin:0;align-self:center}
  .comparison .former-row{font-size:11px;gap:6px;margin:0 0 8px}
  .comparison .discount{font-size:10px}
  .comparison .current-price{gap:4px}
  .comparison .current-price strong{font-size:29px}
  .comparison .currency{font-size:9px}
  .comparison .choice-value{grid-column:1/-1;margin-top:13px;font-size:12px!important}
  .comparison .choice-action{grid-column:1/-1;padding-top:14px}
  .comparison .choice-action .button{font-size:13px;justify-content:space-between}
  .comparison-note{font-size:12px;line-height:1.7}
  .book-card{grid-template-columns:88px minmax(0,1fr);gap:0 18px;padding:22px 0 30px}
  .book-card>.product-art{grid-column:1;grid-row:1/3;width:88px;height:136px;padding:0;align-self:start;background:transparent}
  .book-body{display:contents}
  .book-body>.product-meta{grid-column:2;grid-row:1;align-self:end;font-size:11px}
  .book-body>h3{grid-column:2;grid-row:2;align-self:start;font-size:23px;line-height:1.25;margin:9px 0 18px}
  .book-body>p:not(.product-meta),.book-body>.resources,.book-body>details,.book-body>.card-bottom{grid-column:1/-1}
  .book-body>p:not(.product-meta){font-size:16px;margin-top:16px;line-height:1.6}
  .book-body>.resources{font-size:14px;line-height:1.65;margin:13px 0 0;padding-left:18px}
  .book-body>.audience{font-size:12px!important;margin-top:13px!important}
  .book-body>details{margin-top:16px}
  .book-body summary{font-size:13px;min-height:48px}
  .book-body>.card-bottom{padding-top:6px}
  .book-body .button{font-size:14px;min-height:52px;justify-content:space-between;padding-inline:16px;width:100%}
  .book-body .button svg{display:block}
  .book-body .currency{display:inline}
  .mobile-buy span{font-size:11px;max-width:150px}
  .mobile-buy .button{font-size:12px;padding-inline:12px}
  .mobile-buy svg{display:none}
}
@media(max-width:359px){
  .header .logo img{width:118px}.header nav{font-size:11px;gap:9px}.header-inner{gap:9px}
  .comparison .comparison-card{padding:16px;gap:0 10px}.comparison .current-price strong{font-size:26px}
  .comparison .choice-copy h3{font-size:25px}.comparison .choice-action .button{font-size:12px}
  .book-body>h3{font-size:21px}.mobile-buy span{max-width:123px}.mobile-buy .button{font-size:11px}
}