/* Shared navigation for the existing static field-guide pages. */
body.seo-page{
  --bg-dark:#0a2522;--bg-dark-secondary:#0d2e29;--bg-surface:#123c35;--bg-card:#143d35;
  --ink-light:#faf8f0;--ink-body:#e8eee5;--ink-muted:#bdcfc2;--ink-faint:#a6beae;
  --sea-deep:#153f36;--sea-primary:#295b48;--sea-light:#47785f;
  --aqua-glow:#c9ddc2;--aqua-mint:#b5d1b0;--coral-pulse:#eaac98;--coral-soft:#eaac981a;
  --sun-gold:#e3ce9c;--sun-soft:#e3ce9c16;--line-glass:#adc7b03b;--line-strong:#adc7b080;
  --glass-card:#123a33;--glass-dark:#09251f;--glass-border:#adc7b04d;
  --font-sans:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif;
  --font-serif:Georgia,'Times New Roman',serif;--radius-md:6px;--radius-lg:8px;
  --radius-pill:5px;--shadow-card:none;--shadow-glow:none;
  background:#0a2522;font-family:var(--font-sans);font-size:16px;line-height:1.65;
}
.seo-page a,.seo-page a:visited{color:#d1dfc9;text-underline-offset:.22em}
.seo-page a:hover{color:#faf8f0}
.seo-page h1,.seo-page h2,.seo-page h3{color:#f4f2e8;font-family:var(--font-serif);font-weight:400;line-height:1.2;letter-spacing:-.025em}
.seo-page h1{font-size:clamp(2rem,4.5vw,3.25rem)}
.seo-page h2{font-size:clamp(1.6rem,3vw,2.1rem)}
.seo-page .topbar{background:#0a2522;border-radius:0;border-bottom:1px solid var(--line-glass);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.seo-page .wordmark,.seo-page .wordmark:visited{color:#f2efe7;font:700 22px/1.2 var(--font-sans);letter-spacing:-.8px;text-decoration:none}
.seo-page .topbar-inner{flex-wrap:wrap;gap:.75rem 1.5rem}
.seo-page .seo-nav{flex-wrap:wrap;gap:.5rem 1rem}
.seo-page .seo-nav a{min-height:44px;display:inline-flex;align-items:center;font-size:.85rem;font-weight:500}
.seo-page .breadcrumbs{font-size:.85rem;line-height:1.7;color:var(--ink-muted);margin-bottom:1.4rem}
.seo-page .breadcrumbs a,.seo-page .breadcrumbs a:visited{color:#d1dfc9;text-decoration:underline}
.seo-page .eyebrow{color:var(--ink-muted);font-family:var(--font-sans);font-size:.75rem;letter-spacing:.12em}
.seo-page .place-article,.seo-page .species-article,.seo-page .directory-card,.seo-page .species-directory-card{background:#123a33;border:1px solid var(--line-glass);border-radius:8px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.seo-page .directory-card,.seo-page .species-directory-card{padding:1.5rem}
.seo-page .directory-card h2,.seo-page .directory-card h3{margin-top:0}
.seo-page .directory-card:hover,.seo-page .place-chip:hover{transform:none;box-shadow:none}
.seo-page .directory-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important}
.seo-page .place-chip{background:#153f36;border-color:var(--line-strong);color:var(--ink-body);border-radius:5px;box-shadow:none}
.seo-page .place-chip:hover{background:#214d3e;border-color:#91aa89;color:#f4f2e8}
.seo-page .place-chip strong{color:#d1dfc9}
.seo-page .quick-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.5rem 0}
.seo-page .btn.primary,.seo-page .primary-btn{background:#b34b3c;color:#fff!important;border:1px solid #d47966;border-radius:4px;box-shadow:none;font:600 .9rem/1.5 var(--font-sans);text-decoration:none;padding:.8rem 1.1rem;min-height:44px;display:inline-flex;align-items:center}
.seo-page .btn.primary:hover,.seo-page .primary-btn:hover{background:#9e4034;color:#fff;box-shadow:none;transform:none}
.seo-page .btn.ghost{background:#213f33;color:#e2ead8!important;border:1px solid #789274;border-radius:4px;box-shadow:none;font:500 .9rem/1.5 var(--font-sans);text-decoration:none;padding:.8rem 1.1rem;min-height:44px;display:inline-flex;align-items:center}
.seo-page .btn.ghost:hover{background:#2b4b3a;transform:none}
.seo-page .place-meta,.seo-page .sci-name,.seo-page .card-region{color:var(--ink-muted)}
.seo-page .seo-footer{max-width:1000px;margin:3rem auto;padding:1.5rem;border-top:1px solid var(--line-glass);font-size:.85rem;line-height:2;color:var(--ink-muted)}
.seo-page .table-responsive{overflow-x:auto}
.seo-page input{font-family:var(--font-sans);box-shadow:none}
.seo-page a:focus-visible,.seo-page button:focus-visible,.seo-page input:focus-visible{outline:3px solid #ead4a5;outline-offset:4px}
@media(max-width:760px){
  .seo-page .topbar{position:relative}
  .seo-page .topbar-inner{align-items:flex-start}
  .seo-page .seo-nav{width:100%;gap:.25rem .85rem}
  .seo-page .seo-nav a{font-size:.85rem}
  .seo-page .page-container{padding:0 1rem;margin:1rem auto}
  .seo-page .place-article,.seo-page .species-article{padding:1.25rem}
}