:root{--lagoon:#1f5f66;--deep:#123f45;--mist:#d9eeee;--foam:#f3faf9;--sun:#f2d98d;--ink:#16363a;--white:#fff}
*{box-sizing:border-box}
body{margin:0;font:19px/1.75 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--foam)}
h1,h2,h3{font-family:"Iowan Old Style",Palatino,"Palatino Linotype",Georgia,serif;font-weight:500;line-height:1.2}
a{color:var(--lagoon)}
:focus-visible{outline:3px solid var(--sun);outline-offset:3px}
header{position:sticky;top:0;z-index:5;background:var(--deep);color:var(--white)}
.bar{max-width:1000px;margin:auto;padding:12px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px}
.brand{display:flex;align-items:center;text-decoration:none}
.logo{display:block;height:44px;width:auto}
nav{display:flex;flex-wrap:wrap;gap:4px 20px}
nav a{color:var(--white);text-decoration:none;font-size:.95rem;padding:6px 0;opacity:.92}
nav a:hover{text-decoration:underline;text-underline-offset:4px}
main{max-width:40rem;margin:auto;padding:48px 20px 24px}
main h1{font-size:clamp(1.9rem,5vw,2.7rem);margin:0 0 .3em}
main h2{font-size:1.5rem;margin:1.8em 0 .4em}
.by{color:var(--lagoon);font-weight:600;font-size:.95rem;margin:0 0 1.6em}
.lede{font-size:1.2rem}
ol,ul{padding-left:1.3em}li{margin-bottom:.6em}
.cta{background:var(--deep);color:var(--white);border-radius:14px;padding:28px;margin:48px 0 24px}
.cta h2{margin-top:0;color:var(--white)}
.cta a.btn{display:inline-block;background:var(--sun);color:var(--deep);font-weight:600;border-radius:999px;padding:12px 26px;text-decoration:none}
.note{font-size:.9rem;opacity:.85}
.cards{display:grid;gap:18px;margin-top:28px}
.cards a{display:block;background:var(--white);border-radius:14px;padding:24px;text-decoration:none;color:var(--ink)}
.cards a:hover{box-shadow:0 0 0 3px var(--mist)}
.cards h2{margin:0 0 .3em;font-size:1.35rem}
.cards p{margin:0}
footer{text-align:center;padding:36px 20px;font-size:.9rem;color:var(--lagoon)}
.footlogo{display:block;height:40px;width:auto;margin:0 auto 14px}