@font-face{font-family:Areal;src:url("/fonts/areal.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
body[data-font="areal"]{--selected-font:Areal,Arial,Helvetica,sans-serif}
.font-control{display:flex;align-items:center;gap:7px;font:11px Arial,Helvetica,sans-serif;white-space:nowrap}
.font-control select{font:12px Arial,Helvetica,sans-serif;color:#000;background:#fff;border:1px solid #000;border-radius:0;height:32px;max-width:135px;padding:4px 7px}
.font-control select:focus-visible{outline:2px solid #000;outline-offset:4px}
body[data-font="courier"]{--selected-font:"Courier New",Courier,monospace}
body[data-font="arial"]{--selected-font:Arial,Helvetica,sans-serif}
body[data-font="times"]{--selected-font:"Times New Roman",Times,serif}
body[data-font="mono"]{--selected-font:ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",monospace}
body[data-font] main,body[data-font] main *{font-family:var(--selected-font)!important}
body:is([data-font="courier"],[data-font="mono"]) .statement h1{font-size:clamp(48px,8.5vw,128px)}
body:is([data-font="courier"],[data-font="mono"]) .notice h1{font-size:clamp(40px,7.2vw,86px)}
@media(max-width:650px){body:is([data-font="courier"],[data-font="mono"]) .statement h1{font-size:clamp(40px,12vw,78px)}}