
:root{--blue:#16577c;--green:#3e9b47;--green2:#76c566;--yellow1:#f0ea74;--yellow2:#feb24d;--bg:#e6e9e9;--text:#111}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.site-header{background:linear-gradient(180deg,var(--yellow1),var(--yellow2));min-height:126px;padding:18px 5vw 0}
.header-inner{max-width:1180px;margin:auto;display:flex;align-items:center;gap:30px}.brandmark{font:700 28px Georgia,serif;color:var(--blue);line-height:1.05;max-width:310px}
.nav{margin-left:auto;display:flex;gap:22px;flex-wrap:wrap;justify-content:flex-end}.nav a{font-size:14px;font-weight:700;color:var(--blue);text-transform:uppercase}
.tagline{background:var(--green);color:#fff;text-align:center;padding:7px 20px;font-size:14px;font-weight:700}
.hero{min-height:286px;background:#bdbfc0;border-bottom:16px solid var(--green2);display:flex;align-items:flex-end;padding:50px 5vw}.hero-inner{width:100%;max-width:1180px;margin:auto;color:#fff}
.hero h1{font:700 42px/1.15 Georgia,serif;margin:0 0 18px}.hero p{margin:0;font-weight:700}
main{max-width:1180px;margin:auto;padding:46px 5vw 70px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-bottom:48px}
.card{background:rgba(255,255,255,.28);padding:0 18px 24px;text-align:center}.card-visual{height:178px;background:linear-gradient(135deg,#d5dad8,#bfc7c3);display:flex;align-items:center;justify-content:center;font:700 46px Georgia,serif;color:#fff;margin-bottom:22px}
.card h2,.article h2{font-family:Georgia,serif;color:var(--blue)}.card h2{font-size:23px;line-height:1.25}.card hr{border:0;border-top:1px solid #777}
.article{background:#fff;padding:34px 38px;margin-top:24px}.article h2{font-size:28px;margin-top:32px}.article h2:first-child{margin-top:0}.article p{font-size:17px}
.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.link-grid a{display:block;background:#eef3f1;border-left:4px solid var(--green);padding:12px 14px;font-weight:700}
.faq{margin-top:38px}.faq details{background:#f4f6f5;margin:10px 0;padding:14px 16px}.faq summary{cursor:pointer;font-weight:700;color:var(--blue)}
.breadcrumb{font-size:14px;margin-bottom:20px}.footer{background:#dfe3e2;padding:42px 5vw 26px;border-top:1px solid #d0d4d3}.footer-inner{max-width:1180px;margin:auto}.footer-links{display:flex;flex-wrap:wrap;gap:14px 22px;margin-bottom:24px}.footer small{color:#555}
.archive-note{font-size:13px;color:#666;margin-top:24px}
@media(max-width:800px){.header-inner{display:block}.brandmark{margin-bottom:18px}.nav{justify-content:flex-start;gap:12px 16px}.hero{min-height:220px}.hero h1{font-size:30px}.cards,.link-grid{grid-template-columns:1fr}.article{padding:24px 20px}.site-header{padding-bottom:18px}}
