*{box-sizing:border-box}body{margin:0;background:#f6f8f8;color:#172d32;font:17px/1.7 system-ui,sans-serif}header,main,footer{max-width:880px;margin:auto;padding:24px}header{display:flex;align-items:center;flex-wrap:wrap;gap:20px;border-bottom:1px solid #d0dede}nav{display:flex;flex-wrap:wrap;gap:14px;flex:1}.brand{font-size:23px;font-weight:750;text-decoration:none}a{color:#007e84;text-underline-offset:4px}a[aria-current]{font-weight:750}main{padding-top:40px}h1{font-size:clamp(30px,5vw,44px);line-height:1.2}h2{font-size:21px;line-height:1.4;margin-bottom:8px}section{margin:32px 0}p{overflow-wrap:anywhere;margin-top:8px}.date,footer{font-size:14px;color:#53686d}a:focus-visible{outline:3px solid #009fa4;outline-offset:4px}@media(prefers-color-scheme:dark){body{background:#14242a;color:#e4eff0}a{color:#71d3d5}.date,footer{color:#aebfc4}header{border-color:#37494e}}
header select{max-width:160px;padding:8px;border-radius:8px}h1,h2,p{overflow-wrap:anywhere}