body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1d2a33;margin:0;background:#f7fafc}
header{background:#0b4f6c;color:#fff;padding:1rem}header a{color:#fff;text-decoration:none;margin-right:1rem}.brand{font-weight:700;font-size:1.2rem}
nav{display:inline-block}main{max-width:820px;margin:0 auto;padding:1.5rem 1rem}a{color:#0b6fa4}
table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.95rem}th,td{border:1px solid #cfdbe3;padding:.4rem .6rem;text-align:left}th{background:#e8f1f6}
.note{background:#fff8e1;border-left:4px solid #f0b400;padding:.6rem .9rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.card{background:#fff;border:1px solid #dbe6ee;border-radius:8px;padding:1rem}
footer{text-align:center;font-size:.85rem;color:#5a6b77;padding:2rem 1rem}
img{max-width:100%;height:auto}
.hero{position:relative;max-height:420px;overflow:hidden;background:#0b4f6c}
.hero img{display:block;width:100%;height:420px;object-fit:cover;opacity:.85}
.hero-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(90deg,rgba(5,30,45,.75),rgba(5,30,45,.25))}
.hero-text h1{color:#fff;max-width:820px;margin:0;font-size:clamp(1.6rem,4vw,2.8rem);line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.hero-credit{position:absolute;right:.5rem;bottom:.3rem;font-size:.7rem;color:#dde}.hero-credit a{color:#fff}
@media(max-width:600px){.hero img{height:260px}}
.page-img{margin:1rem 0 1.5rem}.page-img img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:8px}
.page-img figcaption{font-size:.75rem;color:#5a6b77;text-align:right}