:root{--navy:#10233b;--blue:#1b4f72;--teal:#0f766e;--ink:#172033;--muted:#5b6678;--line:#d7e2ec;--pale:#eef7f7;--warn:#fff7e6}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#f5f8fb;line-height:1.62}
a{color:var(--teal)}header{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;padding:46px 18px}.wrap{max-width:1080px;margin:auto}
.eyebrow{color:#86e1d6;font-weight:800;letter-spacing:.12em}.hero h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1.06;margin:.35rem 0}
.badges{display:flex;gap:8px;flex-wrap:wrap}.badge{border:1px solid #7ea4bf;border-radius:999px;padding:6px 11px}
main{padding:24px 16px 60px}section,.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:21px;margin:16px 0;box-shadow:0 7px 20px rgba(16,35,59,.06)}
h2,h3{color:var(--navy)}.notice{background:var(--warn);border-left:5px solid #d69e2e}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
table{width:100%;border-collapse:collapse}th{background:var(--navy);color:#fff}th,td{border:1px solid var(--line);padding:8px;vertical-align:top}
.meta{color:var(--muted);font-size:.92rem}details{border-top:1px solid var(--line);padding:10px 0}summary{font-weight:700;cursor:pointer}
footer{background:var(--navy);color:#dbe7ef;text-align:center;padding:22px}input{width:100%;padding:11px;border:1px solid #b9c8d6;border-radius:8px}
@media(max-width:700px){section{padding:14px;overflow:auto}th,td{min-width:130px}}