/* Public editorial pages use only these shared foundations, without exam fonts or styles. */
:root{font-synthesis:none}
body{min-height:100vh}
button,a{touch-action:manipulation}
button{font:inherit;border:0;border-radius:0;color:inherit}
[hidden]{display:none!important}
main:focus{outline:none}
.brand{gap:24px}
.brand nav a{text-decoration:none}

@media(max-width:700px){.brand{gap:16px}}
@media(max-width:340px){.brand #mobile-nav a{font-size:12px}}