:root{--navy:#0c1f2c;--teal:#14877f;--mint:#e6f3f1;--sun:#f2b134;--ink:#17262f;--bg:#fbfcfc;--mut:#5a6b74}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font:17px/1.65 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}
h1,h2,h3{font-family:"Iowan Old Style","Palatino Linotype",Georgia,serif;line-height:1.15;color:var(--navy)}
h1{font-size:clamp(2.2rem,5.5vw,3.8rem)}h2{font-size:clamp(1.6rem,3.5vw,2.4rem);margin-bottom:.6em}h3{font-size:1.2rem;margin-bottom:.3em}
a{color:var(--teal)}.w{max-width:1080px;margin:auto;padding:0 20px}section{padding:64px 0}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}
header{background:var(--navy);position:sticky;top:0;z-index:5}header .w{display:flex;align-items:center;gap:20px;min-height:64px;flex-wrap:wrap}
header a{color:#fff;text-decoration:none}.logo{font:700 1.3rem "Iowan Old Style","Palatino Linotype",Georgia,serif;margin-right:auto}
nav{display:flex;gap:18px;font-size:.95rem;flex-wrap:wrap}
.btn{display:inline-block;background:var(--sun);color:var(--navy)!important;font-weight:700;padding:12px 22px;border-radius:8px;text-decoration:none;border:0;cursor:pointer;font-size:1rem}
.btn.o{background:transparent;border:2px solid #fff;color:#fff!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
.hero{background:var(--navy);color:#fff;padding:72px 0}.hero h1{color:#fff;max-width:16ch}.hero p{max-width:52ch;margin:20px 0 28px;color:#cfdde3}
.hero .g{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.hero img{width:100%;height:auto;border-radius:14px;aspect-ratio:4/3;object-fit:cover}
.hero .b{display:flex;gap:12px;flex-wrap:wrap}.pts{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px;font-size:.95rem;color:#cfdde3}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.c{background:#fff;border:1px solid #dbe6e4;border-radius:12px;padding:24px}.c p,.mut{color:var(--mut)}
.alt{background:var(--mint)}.ba{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ba figure img{width:100%;border-radius:10px;height:auto}.ba figcaption{font-weight:600;margin-top:6px}
ol.st{counter-reset:s;list-style:none;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
ol.st li{counter-increment:s;padding-left:54px;position:relative}ol.st li:before{content:counter(s);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;font-weight:700}
.tags{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}.tags a{display:block;padding:8px 16px;border-radius:99px;background:#fff;border:1px solid #bcd6d2;text-decoration:none;font-weight:600}
details{background:#fff;border:1px solid #dbe6e4;border-radius:10px;padding:16px 20px;margin-bottom:10px}summary{font-weight:700;cursor:pointer}details p{margin-top:10px;color:var(--mut)}
form{display:grid;grid-template-columns:1fr 1fr;gap:14px}form .f{grid-column:1/-1}label{font-weight:600;font-size:.92rem;display:block;margin-bottom:4px}
input,select,textarea{width:100%;font:inherit;padding:11px;border:1px solid #aebfc3;border-radius:8px;background:#fff}
footer{background:var(--navy);color:#cfdde3;padding:48px 0 24px;font-size:.93rem}footer a{color:#fff}footer .grid{margin-bottom:24px}footer ul{list-style:none;padding:0}
.bc{font-size:.9rem;padding:14px 0;color:var(--mut)}
@media(max-width:760px){.hero .g,.ba,form{grid-template-columns:1fr}nav{display:none}section{padding:44px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.logo img{display:block;height:44px;width:auto}.fl{height:40px;width:auto;margin-bottom:10px}.ba figure img{aspect-ratio:4/5;object-fit:cover}.prose ul{padding-left:22px;margin:8px 0 22px}.prose li{margin:4px 0}.prose h2{margin-top:30px}