/* Utility page uses the public brand typography, with no new visual system. */
:root{--notice-width:920px;--notice-gutter:clamp(24px,6vw,90px)}
body{margin:0;background:#fff;color:#242322;font:400 15px/1.9 var(--body,sans-serif)}
nav,main,footer{max-width:var(--notice-width);margin:auto;padding:28px var(--notice-gutter)}
nav{display:flex;justify-content:space-between;font-size:12px}
a{color:inherit;text-underline-offset:4px}
a:focus-visible{outline:2px solid #ad812f;outline-offset:5px}
main{padding-block:40px 70px}
h1{font:400 clamp(28px,3vw,40px)/1.4 var(--display,serif);margin:0 0 24px}
h2{font:500 16px/1.6 var(--body,sans-serif);margin:32px 0 8px}
p{margin:10px 0;color:#55565a}
footer{font-size:11px;color:#6b6c6f;border-top:1px solid #e5e3de}
@media(max-width:600px){main{padding-block:24px 40px}}