:root{--yonsininen:#232f3d;--jaansininen:#cbe9f4;--jaansininen-keskisavy:#b6d0de;--lehtivihrea:#51b147;--tumma-lehtivihrea:#3f9636;--jaavalkoinen:#f6fafc;--teksti:#232f3d;--teksti-toissijainen:#56697b;--reunus:#c9dbe6}body{background:var(--jaavalkoinen);color:var(--teksti);margin:0;font-family:Inter,Roboto,system-ui,sans-serif}.site-header{background:var(--yonsininen);color:#fdfdfd}.site-topline{justify-content:space-between;align-items:center;gap:1rem;max-width:60rem;margin:0 auto;padding:.6rem 1rem .2rem;display:flex}.site-nav{flex-wrap:wrap;align-items:center;gap:.25rem 1.4rem;max-width:60rem;margin:0 auto;padding:0 1rem .6rem;display:flex}.site-brand{color:#fdfdfd;text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:.7rem;padding:.25rem 0;font-weight:700;text-decoration:none;display:flex}.site-brand img{border-radius:8px;width:44px;height:44px;display:block}.site-brand span{color:var(--jaansininen-keskisavy)}.site-nav a:not(.site-brand){color:var(--jaansininen);border-bottom:2px solid #0000;padding:.35rem 0;font-size:.95rem;font-weight:600;text-decoration:none}.site-nav a:not(.site-brand):hover{color:#fdfdfd;border-bottom-color:var(--lehtivihrea)}.site-topline .lang{opacity:.9;border:1px solid #fff6;border-radius:3px;align-items:center;display:flex;overflow:hidden}.site-topline .lang:hover{opacity:1}.site-topline .lang img{display:block}.site-main{max-width:48rem;margin:0 auto;padding:2rem 1rem}.hero{text-align:center;padding:1.5rem 0 .5rem}.hero img{border-radius:16px;width:min(220px,55vw);height:auto;box-shadow:0 4px 20px #232f3d2e}.hero h1{margin:1.25rem 0 0}.cta{background:var(--lehtivihrea);color:#fff;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:inline-block}.cta:hover{background:var(--tumma-lehtivihrea)}.news-date{color:var(--teksti-toissijainen);margin:0;font-size:.85rem}.news-section{border-top:3px solid var(--jaansininen-keskisavy);margin-top:2.5rem;padding-top:1rem}.news-teaser{border-bottom:1px solid var(--reunus);padding:.75rem 0}.news-teaser h3{margin:0 0 .15rem}.news-teaser h3 a{color:inherit;text-decoration:none}.news-teaser h3 a:hover{text-decoration:underline}.news-teaser p{margin:.25rem 0 0}.news-item{border-bottom:1px solid var(--reunus);padding:1.25rem 0}.news-item:last-of-type{border-bottom:none}.news-item h2{margin-top:0}.site-footer{border-top:1px solid var(--reunus);max-width:60rem;color:var(--teksti-toissijainen);flex-wrap:wrap;gap:1rem;margin:2rem auto 0;padding:1rem;font-size:.85rem;display:flex}.site-footer a{color:var(--teksti-toissijainen)}