:root{font-family:Arial,Helvetica,sans-serif;color:#111;background:#fff;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
.home{width:min(340px,calc(100% - 40px));margin:clamp(64px,24vh,220px) auto 40px}
.home-with-news{width:min(720px,calc(100% - 40px));margin-top:clamp(48px,12vh,110px)}
.home-with-news>form{max-width:340px;margin-inline:auto}
.home-counts{margin:12px 0 0;text-align:center;font-size:14px;line-height:1.5;color:#626262}
.wordmark{display:flex;align-items:center;justify-content:center;gap:9px;color:#244638;font-size:clamp(23px,6.5vw,29px);line-height:1.2;letter-spacing:-.7px;margin:0 0 28px;white-space:nowrap}
.wordmark img{display:block;flex-shrink:0;width:42px;height:42px}
select,button{width:100%;min-height:46px;font:inherit;font-size:16px;color:#111;background:#fff;border:1px solid #c6c9cc;border-radius:4px;padding:10px 12px;cursor:pointer}
select:focus-visible,button:focus-visible{outline:2px solid #244638;outline-offset:3px}
button{margin-top:10px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.home-footer{display:flex;justify-content:space-between;flex-wrap:wrap;flex-shrink:0;gap:12px;width:min(1100px,calc(100% - 40px));margin:auto auto 0;padding:14px 0 20px;border-top:1px solid #d8d8d8;font-size:10px;line-height:1.5;color:#626262}.home-footer nav{display:flex;flex-wrap:wrap;gap:10px 18px}.home-footer a{color:inherit;text-underline-offset:3px}.home-footer a:focus-visible{outline:2px solid #244638;outline-offset:3px}
