:root{--sand:#f6efe4;--ink:#15313b;--sea:#177d86;--sun:#ef9b34;--card:#ffffff;--muted:#62727a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
header{background:linear-gradient(135deg,#0f6570,#1d8990);color:#fff}
.wrap{max-width:1080px;margin:auto;padding:0 22px}
.top{display:flex;justify-content:space-between;align-items:center;padding:18px 0;gap:20px}.brand{font-weight:800;font-size:1.15rem}.nav{display:flex;gap:14px;flex-wrap:wrap}.nav a{color:#fff;text-decoration:none;font-size:.95rem}
.hero{padding:72px 0 62px}.hero h1{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.05;max-width:850px;margin:0 0 20px}.hero p{font-size:1.15rem;max-width:760px;color:#e7f6f7}
main{padding:50px 0}.section{margin:0 0 48px}.section h2{font-size:1.8rem;margin-bottom:14px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{display:block;padding:24px;background:var(--sand);border-radius:18px;color:var(--ink);text-decoration:none;box-shadow:0 8px 25px rgba(0,0,0,.05)}.card strong{display:block;font-size:1.25rem;margin-bottom:5px}.card span{color:var(--muted)}
a{color:var(--sea)}.breadcrumb{font-size:.9rem;color:#dcebed;margin-bottom:15px}.breadcrumb a{color:#fff}
footer{background:#102a32;color:#cbd8dc;padding:32px 0;margin-top:45px}.footergrid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footergrid a{color:#fff}
.badge{display:inline-block;background:#fff2df;color:#8a5310;padding:7px 12px;border-radius:999px;font-size:.85rem;font-weight:700;margin-bottom:14px}
@media(max-width:760px){.top{align-items:flex-start;flex-direction:column}.nav{gap:10px}.cards{grid-template-columns:1fr}.hero{padding:48px 0}.hero p{font-size:1rem}}

.article-photo{margin:0 0 42px}
.article-photo img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.08);background:#eef3f4}
.article-photo figcaption{font-size:.82rem;color:var(--muted);margin-top:8px}
.article-photo figcaption a{color:inherit}

.intro-copy{font-size:1.08rem;color:#29444c}
.section p{max-width:900px}
.section ul{max-width:900px;padding-left:1.25rem}
.section li{margin:.45rem 0}
.section h3{margin-top:1.5rem;font-size:1.2rem}