/* Responsive layout tuning: never zoom the entire document, which can cause clipping and strange scroll behaviour. */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; }
body { overflow-x: clip; }
img, video, canvas, iframe, svg { max-width: 100%; }
img, video { height: auto; }
@media (max-width: 767px) { [style*="backdrop-filter"], .glass, .glass-card, .glass-panel { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } }
@media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto !important; } }