:root{--navy:#294638;--ink:#253e32;--orange:#ad4522;--pale:#f3ecdc}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);line-height:1.65}a{color:#135a86}header{background:#f3ecdc;color:var(--ink);border-bottom:1px solid #dfd5bf}nav{max-width:1100px;margin:auto;padding:17px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}nav a{color:var(--ink);text-decoration:none;margin-left:18px;font-size:.95rem}.brand{display:block;line-height:0}.brand img{display:block;width:min(320px,65vw);height:auto}.hero{background:linear-gradient(120deg,#213e31,#3b5c47);color:white;padding:80px 22px}.wrap{max-width:1100px;margin:auto}.hero h1{font-size:clamp(2.3rem,4.6vw,3.65rem);line-height:1.12;max-width:1050px;margin:0 0 20px}.hero p{font-size:1.18rem;max-width:670px}.btn{display:inline-block;background:var(--orange);color:#fff;text-decoration:none;padding:12px 22px;border-radius:8px;font-weight:750;margin:8px 10px 0 0}.btn.secondary{background:transparent;color:white;border:1px solid #f3ecdc}.section{padding:58px 22px}.section.alt{background:var(--pale)}h2{font-size:2rem;line-height:1.2;margin-top:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid #dfd5bf;border-radius:12px;padding:24px}.card h3{margin:0 0 8px}footer{background:#213d30;color:#f3ecdc;padding:36px 22px}footer a{color:#fff}footer .links{display:flex;gap:20px;flex-wrap:wrap}.notice{background:#f7eddd;border-left:4px solid var(--orange);padding:16px 20px;border-radius:4px}main.article{max-width:850px;margin:auto;padding:48px 22px 75px}main.article h1{line-height:1.2}main.article h2{margin-top:32px;font-size:1.4rem}@media(max-width:720px){.cards{grid-template-columns:1fr}nav a{margin:0 14px 0 0}.hero{padding:60px 22px}}
nav a:hover,nav a:focus-visible{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:5px}a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.btn:hover{filter:brightness(1.08)}

/* Keep the homepage headline in two intentional lines on larger screens. */
@media(min-width:900px){.hero h1{font-size:clamp(2.7rem,4vw,3.35rem);max-width:none}.hero h1 .headline-line{display:block;white-space:nowrap}}