/* Lake City Vibe public site. Brand colours from the Lake City Vibe brand package (src/api/SeedAssets/BrandPackages). */
:root{--bg:#fff;--fg:#14213d;--muted:#5a6275;--accent:#0059a0;--brand:#003165;--brand-deep:#001d4b;--pink:#d6337f;
  --draft-bg:#fff4d6;--draft-fg:#6b4500;--border:#d7dce6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0b1324;--fg:#e8edf6;--muted:#a9b3c7;--accent:#8cc2ff;
  --draft-bg:#3a2a00;--draft-fg:#ffd77a;--border:#26324a}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.masthead{background:linear-gradient(180deg,var(--brand),var(--brand-deep));color:#fff}
.masthead .inner{max-width:46rem;margin:0 auto;padding:1rem 16px;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.masthead img{display:block;height:36px;width:auto;max-width:100%}
.masthead nav{border:0;margin:0;padding:0;display:flex;gap:1rem;flex-wrap:wrap}
.masthead nav a{color:#fff;text-decoration:none;font-weight:600}
.masthead nav a:hover,.masthead nav a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--pink);text-underline-offset:4px}
main{max-width:46rem;margin:0 auto;padding:1.5rem 16px 4rem}
.hero{padding:2.5rem 0 1rem}
.hero h1{font-size:2.4rem;margin:0 0 .5rem}
.hero p{font-size:1.15rem;color:var(--muted);margin:0 0 1.5rem}
.button{display:inline-block;background:var(--pink);color:#fff;padding:.75rem 1.25rem;border-radius:999px;font-weight:700;text-decoration:none}
.button[aria-disabled="true"]{opacity:.75;cursor:default}
.draft{background:var(--draft-bg);color:var(--draft-fg);border:1px solid currentColor;border-radius:8px;padding:.75rem 1rem;font-weight:600}
h1{font-size:1.9rem;line-height:1.25;margin:1.5rem 0 .25rem}
h2{font-size:1.25rem;margin-top:2rem}
.meta{color:var(--muted);margin:0 0 1.5rem}
a{color:var(--accent)}
footer{max-width:46rem;margin:0 auto;padding:1rem 16px 3rem;border-top:1px solid var(--border);color:var(--muted);font-size:.95rem}
footer a{margin-right:1rem}
.todo{background:var(--draft-bg);color:var(--draft-fg);padding:0 .25em;border-radius:3px}