:root{
  --paper:#F6FAFA; --ink:#10252A; --muted:#4D6469; --sea:#0B6870; --sea-ink:#FFFFFF; --line:#CFE0E1; --foam:#E4F1F1;
  box-sizing:border-box; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){--paper:#0D1B1F; --ink:#E6F0F0; --muted:#9DB4B8; --sea:#5CC3CB; --sea-ink:#08181B; --line:#25393E; --foam:#12272B;}
}
:root[data-theme="dark"]{--paper:#0D1B1F; --ink:#E6F0F0; --muted:#9DB4B8; --sea:#5CC3CB; --sea-ink:#08181B; --line:#25393E; --foam:#12272B;}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next","Segoe UI",system-ui,-apple-system,sans-serif;line-height:1.6;font-size:1.0625rem}
.wrap{max-width:46rem;margin:0 auto;padding:0 1.5rem}
header.hero{padding:5rem 0 2rem}
h1{font-size:clamp(2.4rem,7vw,4rem);line-height:1.05;letter-spacing:-.02em;font-weight:600;margin:0 0 1.25rem;max-width:14ch}
.lede{font-size:1.2rem;color:var(--muted);max-width:34rem;margin:0 0 2rem}
.btn{display:inline-block;background:var(--sea);color:var(--sea-ink);text-decoration:none;font-weight:600;padding:.85rem 1.4rem;border-radius:.5rem}
.btn:hover{filter:brightness(1.08)}
:focus-visible{outline:3px solid var(--sea);outline-offset:3px}
.tide{display:block;width:100%;height:auto;margin:3rem 0 0;color:var(--sea)}
section{padding:3.5rem 0}
h2{font-size:1.6rem;line-height:1.2;font-weight:600;margin:0 0 1rem;letter-spacing:-.01em}
p{margin:0 0 1rem;max-width:36rem}
.year{margin:2rem 0 0;padding:0;border-top:1px solid var(--line)}
.row{display:grid;grid-template-columns:7rem 1fr;gap:1rem;padding:1.15rem 0;border-bottom:1px solid var(--line)}
.row dt{font-weight:600}
.row dd{margin:0;color:var(--muted)}
.note{font-size:.95rem;color:var(--muted);margin-top:1.25rem}
.close{background:var(--foam);border-radius:1rem;padding:2.5rem 1.75rem;margin:1rem 0 0}
.close p{color:var(--muted)}
.site{padding:1.75rem 0 0}
.site a{font-weight:600;color:var(--ink);text-decoration:none}
.page{padding:3rem 0 1rem}
.page h1{font-size:clamp(2rem,5.5vw,2.75rem);max-width:none;margin-bottom:1.5rem}
.page h2{font-size:1.3rem;margin:2.25rem 0 .6rem}
.page a{color:var(--sea)}
footer{padding:2.5rem 0 3rem;color:var(--muted);font-size:.95rem}
footer nav{display:flex;flex-wrap:wrap;gap:1.5rem;margin:0 0 .75rem}
footer a{color:inherit}
@media (max-width:30rem){.row{grid-template-columns:1fr;gap:.15rem}header.hero{padding-top:3rem}}