html{
-webkit-text-size-adjust:100%;
-moz-text-size-adjust:100%;
text-size-adjust:100%;
-webkit-tap-highlight-color:transparent;
}
@supports (overflow:clip){
body{ overflow-x:clip; }
}
body{
overflow-wrap:break-word;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
:where(img, video, iframe, canvas, svg){ max-width:100%; }
:where(img, video){ height:auto; }
:where(a, button, [role="button"], summary, label, select, input, textarea){
touch-action:manipulation;
}
@media (pointer:coarse){
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="button"]):not([type="submit"]):not([type="file"]),
select,
textarea{
font-size:16px !important;
}
}
@media (max-width:360px){
html{ -webkit-text-size-adjust:100%; }
:where(h1){ overflow-wrap:anywhere; }
}
@media (orientation:landscape) and (max-height:500px){
:where(section, header, main){ scroll-margin-top:0; }
}