/* Mobile presentation: same content and URL, larger touch targets. */
@media(max-width:650px){
 html{scroll-padding-top:1.25rem}
 body{font-size:1rem;-webkit-text-size-adjust:100%}
 .wrap{padding-left:max(1.125rem,env(safe-area-inset-left));padding-right:max(1.125rem,env(safe-area-inset-right))}
 header nav{flex-wrap:wrap;min-height:4.75rem;padding-top:.5rem;padding-bottom:.5rem;gap:.25rem 1rem}
 .navlinks{gap:.25rem .875rem;margin-left:auto;align-items:center}
 .navlinks a{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;padding:.25rem 0}
 .hero-shell .hero{padding-top:2rem;gap:1.75rem}
 .hero-shell h1{font-size:clamp(2.75rem,12vw,4rem);letter-spacing:-.045em;line-height:1.04}
 .hero .eyebrow{font-size:.8125rem;letter-spacing:.065em;line-height:1.7}
 .intro,.audience,.product-copy>p,.about p{font-size:1rem;line-height:1.65}
 .button,.offer .button,.catalog-action .button{min-height:52px;width:100%;font-size:1rem;line-height:1.4;gap:.75rem;padding:.875rem 1rem}
 .button span{flex-shrink:0}
 .hero-shell img{height:auto;aspect-ratio:4/3;object-fit:cover}
 .image-label{gap:1rem}.image-label b{font-size:.9375rem}
 .topics div{gap:.5rem 1rem;font-size:.875rem}
 .section-heading{flex-wrap:wrap;gap:.75rem;align-items:start}
 .section-heading h2{font-size:clamp(1.75rem,7.8vw,2.125rem);letter-spacing:-.025em;line-height:1.18}
 .edition{font-size:.8125rem}.section{padding-top:2.75rem;padding-bottom:2.75rem}
 .additional-catalog{padding-top:0}
 .product{display:flex;flex-direction:column}
 .product-copy{order:0;padding:1.5rem 1.25rem}
 .guide-cover{order:1;padding:1.5rem}
 .guide-cover img{max-width:200px}
 .offer{order:2;padding:1.75rem 1.25rem}
 .product h3{font-size:clamp(1.875rem,8.8vw,2.375rem);letter-spacing:-.035em;overflow-wrap:break-word}
 .features strong{font-size:1rem}.features small{font-size:.875rem;line-height:1.6}
 .formats{gap:.5rem}.formats span{font-size:.875rem}
 .package{font-size:1.5rem}.oneoff{font-size:.9375rem}
 .price{font-size:3.875rem}.price small{font-size:1.5rem}
 .purchase-note{font-size:.875rem;line-height:1.6}
 .details summary{min-height:48px;padding:.75rem 0;font-size:1rem}
 .details-content li,.details-content p{font-size:1rem;line-height:1.65}
 .details-content>p:last-child{font-size:.875rem}
 .catalog-grid{grid-template-columns:minmax(0,1fr);gap:1.25rem}
 .catalog-copy{padding:1.25rem}.catalog-copy h3{font-size:1.625rem;overflow-wrap:break-word}
 .catalog-description{font-size:1rem}.catalog-format,.catalog-category{font-size:.875rem}
 .about h2{font-size:2.25rem;letter-spacing:-.035em}
 .footer-row a{min-height:44px;display:inline-flex;align-items:center}
 footer{padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}
}
@media(max-width:380px){
 .navlinks{width:100%;margin-left:0;justify-content:space-between}
 header nav{padding-top:.75rem;padding-bottom:.25rem}
 .hero-shell h1{font-size:2.75rem}
 .hero .button{font-size:.9375rem}
 .product-copy,.offer{padding-left:1rem;padding-right:1rem}
}