*{margin:0;padding:0;box-sizing:border-box}body{font-family:Georgia,'Times New Roman',serif;color:#1c2b33;line-height:1.75;background:#fff}
a{color:#0a6e8a;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
header{background:#052430;padding:16px 0;position:sticky;top:0;z-index:50;box-shadow:0 2px 12px rgba(0,0,0,.25)}
header .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.logo{color:#fff;font-size:1.4rem;font-weight:bold;letter-spacing:.5px}.logo span{color:#5ecbe8}
nav{display:flex;flex-wrap:wrap}nav a{color:#cfe8f2;margin-left:16px;font-size:.92rem;font-family:Arial,sans-serif}
.hero{position:relative;color:#fff;min-height:430px;display:flex;align-items:center;background:#073b4c center/cover no-repeat}
.hero .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,36,48,.55),rgba(5,36,48,.75))}
.hero .wrap{position:relative;text-align:center;width:100%;padding:70px 20px}
.hero h1{font-size:2.7rem;margin-bottom:14px;text-shadow:0 2px 14px rgba(0,0,0,.4)}
.hero p{font-size:1.18rem;color:#e2f2f8;max-width:660px;margin:0 auto}
.hero .wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:48px}
.herocredit{position:absolute;right:10px;bottom:12px;font-family:Arial,sans-serif;font-size:.65rem;color:rgba(255,255,255,.75);z-index:2}
.stats{background:#062d3a;color:#fff;padding:34px 0}
.statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px;text-align:center}
.stat .n{font-size:2.3rem;font-weight:bold;color:#5ecbe8;font-family:Georgia,serif}.stat .n span{font-size:1.3rem}
.stat .l{font-family:Arial,sans-serif;font-size:.85rem;color:#bcd9e4;text-transform:uppercase;letter-spacing:1px}
main{padding:48px 0}
h2.sect{font-size:1.7rem;color:#073b4c;margin:38px 0 6px}p.sect{color:#5a6b72;margin-bottom:14px;font-family:Arial,sans-serif;font-size:.95rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:18px}
.card{border:1px solid #e2e9ec;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 1px 5px rgba(7,59,76,.06);transition:box-shadow .2s}
.card:hover{box-shadow:0 6px 22px rgba(7,59,76,.14)}
.card img{height:185px;width:100%;object-fit:cover}
.card .pad{padding:18px 20px 20px}
.card h3{font-size:1.1rem;margin:6px 0 8px;line-height:1.4}.card p{font-size:.93rem;color:#4a5b63}
.cat-label{font-family:Arial,sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:1.2px;color:#0a6e8a;font-weight:bold}
.breadcrumbs{font-family:Arial,sans-serif;font-size:.85rem;color:#68797f;margin-bottom:20px}
article{max-width:780px}
article h1{font-size:2.2rem;line-height:1.28;margin-bottom:10px;color:#052430}
article .meta{font-family:Arial,sans-serif;color:#68797f;font-size:.9rem;margin-bottom:22px}
figure.lead{margin:0 0 30px}figure.lead img{border-radius:12px;width:100%;max-height:460px;object-fit:cover}
figure.lead figcaption{font-family:Arial,sans-serif;font-size:.72rem;color:#8a989e;margin-top:6px;text-align:right}
article h2{font-size:1.5rem;margin:36px 0 12px;color:#073b4c;border-left:4px solid #5ecbe8;padding-left:12px}
article h3{font-size:1.15rem;margin:24px 0 8px}article p{margin-bottom:16px}article ul{margin:0 0 16px 26px}article li{margin-bottom:6px}
.related{margin-top:52px;border-top:2px solid #e2e9ec;padding-top:28px}.related h2{font-size:1.35rem;margin-bottom:16px;color:#073b4c}
footer{background:#052430;color:#9fc2cf;padding:38px 0;margin-top:60px;font-family:Arial,sans-serif;font-size:.88rem}
footer a{color:#cfe8f2}footer .cols{display:flex;flex-wrap:wrap;gap:44px;margin-bottom:20px}
footer h4{color:#fff;margin-bottom:8px;font-size:.95rem}footer li{list-style:none;margin-bottom:5px}
@media(max-width:640px){.hero h1{font-size:1.85rem}article h1{font-size:1.6rem}.hero{min-height:340px}}