:root{--c:#0b5c8a;--bg:#f6f8fa;--t:#1d2731}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--t);background:#fff}
a{color:var(--c)}header{background:var(--c);color:#fff}header .w{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center;justify-content:space-between}
header a{color:#fff;text-decoration:none}header .logo{font-weight:700;font-size:1.15rem}header nav a{margin-left:1rem}
.w{max-width:1040px;margin:0 auto;padding:1rem}h1{font-size:1.8rem;line-height:1.25;margin:.6rem 0 1rem}h2{font-size:1.35rem;margin-top:2rem}
.crumb{font-size:.85rem;color:#555}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem;padding:0;list-style:none}
.grid li a{display:block;padding:.7rem .9rem;background:var(--bg);border-radius:6px;text-decoration:none}
table{border-collapse:collapse;width:100%;margin:1rem 0}td,th{border-bottom:1px solid #e3e7eb;padding:.55rem;text-align:left;vertical-align:top}
th{background:var(--bg)}td.p{white-space:nowrap;font-weight:600}.note{font-size:.88rem;color:#555;background:var(--bg);padding:.8rem 1rem;border-radius:6px}
footer{margin-top:3rem;background:#1d2731;color:#cfd6dc;font-size:.88rem}footer a{color:#fff}
@media(max-width:600px){h1{font-size:1.45rem}header nav a{margin:0 1rem 0 0}}