/* Touch-friendly controls; preserve the original product artwork. */
header .languages button{min-width:44px;min-height:44px}
header .menu{min-width:44px;min-height:44px;line-height:1;border-radius:8px}
header .menu:focus-visible{outline:3px solid #619aff;outline-offset:3px}
@media(max-width:760px){
 header{gap:10px;padding-top:10px;padding-bottom:10px}
 header .brand{gap:8px}
 header .languages{margin-left:auto;padding:2px}
 header #nav{max-height:65vh;max-height:65dvh;overflow-y:auto;overscroll-behavior:contain}
 header #nav a{min-height:44px;display:flex;align-items:center;padding:8px 12px;border-radius:6px}
 header #nav a.active{background:#edf3ff}
 .hero .intro{font-size:16px;line-height:1.7}
 .hero .actions{gap:10px;margin:24px 0}
 .hero .actions .btn{flex:1 1 160px;text-align:center}
 .hero h1{font-size:clamp(34px,10vw,42px);overflow-wrap:break-word}
 .pagehead h1,.detail-layout h1{overflow-wrap:anywhere}
 .detail-layout>*,.catalogue-heading>*,.research-tools>*{min-width:0}
 .detail-actions{display:flex;flex-wrap:wrap;gap:10px}
 .detail-actions .btn{flex:1 1 180px;text-align:center;min-height:44px}
 .specs{column-gap:12px}.specs dd{overflow-wrap:anywhere}
 .research-tools input,.research-tools select,.variant-control select{font-size:16px}
 .lesson-body h2{line-height:1.3}.lesson-body p{line-height:1.8}
 .footlinks a{min-height:44px;display:inline-flex;align-items:center}
 .footlinks{gap:4px 20px}
}
@media(max-width:430px){
 header .brand-copy small{display:none}
 header .brand-copy strong{font-size:15px}
 header .brand img{width:30px;height:30px}
 header .menu{order:2;margin-left:auto}
 header .languages{order:3;margin-left:0}
 header #nav{order:5}
}
@media(max-width:350px){
 header{padding-left:12px;padding-right:12px;gap:6px}
 header .brand{gap:6px}header .brand-copy strong{font-size:14px}
 header .brand img{width:26px;height:26px}
 .preview{font-size:9px;letter-spacing:.06em}
}