/* Clearer site typography */
html{font-size:16px}
body{font-family:Arial,"Helvetica Neue",system-ui,sans-serif;line-height:1.55}
h1,h2,h3{line-height:1.18;letter-spacing:-.025em}
h1{font-size:clamp(2.4rem,5vw,4.25rem);font-weight:800}
.hero p{color:#40584d}
.muted{color:#4b6055}
.eyebrow,.material-kicker{font-size:.875rem;letter-spacing:.06em}
.label,#order .label,#order .material-fields .label{font-size:.95rem}
.btn,.nav-btn,.chip,.lang,.account-tools button{font-size:.95rem;line-height:1.35}
.field,.select,.textarea{font-size:1rem;line-height:1.45}
.status,.badge,.cart-note{font-size:.9rem}
@media(max-width:560px){.hero h1{font-size:clamp(2.25rem,10vw,3rem)}.top-actions .btn,.top-actions .auth-link,.top-actions .lang{font-size:.875rem}}