:root{--navy:#17365d;--blue:#eaf3fb;--gold:#c99a2e;--ink:#20262e;--muted:#5d6a78;--bg:#f6f8fb;--card:#fff}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
header{background:linear-gradient(135deg,var(--navy),#24558a);color:#fff;padding:20px 0;box-shadow:0 2px 8px #0002}
.wrap{max-width:1000px;margin:auto;padding:0 24px}.brand{font-size:1.6rem;font-weight:700;letter-spacing:.2px}.tag{opacity:.88;font-size:.95rem}
nav{margin-top:14px;display:flex;flex-wrap:wrap;gap:12px}nav a{color:#fff;text-decoration:none;font-weight:600;border-bottom:2px solid transparent}nav a:hover{border-color:#fff}
main{padding:34px 0}.hero{background:#fff;border-left:5px solid var(--gold);padding:28px;border-radius:10px;box-shadow:0 8px 22px #23364d12}
h1,h2,h3{color:var(--navy)}h1{margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.card{background:var(--card);padding:20px;border-radius:10px;box-shadow:0 6px 18px #23364d10}
.badge{display:inline-block;background:var(--blue);color:var(--navy);padding:5px 9px;border-radius:20px;font-size:.8rem;font-weight:700}.notice{background:#fff4d6;border-left:4px solid var(--gold);padding:14px 16px;border-radius:6px}.muted{color:var(--muted)}
table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px;border:1px solid #dfe4ea;text-align:left}th{background:var(--navy);color:#fff}
footer{margin-top:36px;padding:24px 0;background:#e9edf2;color:#45515e;font-size:.9rem}.small{font-size:.88rem}.mono{font-family:Consolas,Monaco,monospace;background:#eef2f6;padding:2px 5px;border-radius:4px}
.btn{display:inline-block;background:var(--navy);color:#fff;text-decoration:none;padding:9px 14px;border-radius:6px;font-weight:700}.btn:hover{background:#214a79}