:root{font:18px/1.55 Arial,sans-serif;color:#172b41;background:#f8fbfe}
body{margin:0}header,main{max-width:68rem;margin:auto;padding:1rem clamp(1rem,4vw,3rem)}
header{border-bottom:1px solid #cadbec}header b{color:#0b3158}header small{display:block}
nav{display:flex;flex-wrap:wrap;gap:.45rem 1rem;margin-top:.5rem}
a{color:#075a9b;text-underline-offset:.16em}a:focus-visible,summary:focus-visible{outline:3px solid #075a9b;outline-offset:3px}
h1,h2{color:#0b3158;line-height:1.2}h1{font-size:clamp(2rem,5vw,3rem);margin:.5rem 0}
section{margin:1.5rem 0}.panel,details{background:white;border:1px solid #cadbec;border-radius:.65rem;padding:.8rem 1rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.75rem}
.grid a{display:block}.grid p,details p{margin:.2rem 0}.note{color:#354d65}.tag{font-size:.875rem}
summary{cursor:pointer;font-weight:bold;color:#0b3158}li{margin:.2rem 0}