/* The existing dark retro vocabulary shared by navigation and catalogue views. */
:root { --retro-edge:#8d9b98;--retro-panel:#202526;--retro-type:ui-monospace,Consolas,"Liberation Mono",monospace; }
.site-header { position:static!important;background:var(--bg)!important;backdrop-filter:none!important;border:0!important;padding-top:18px!important; }
.site-header .header-inner { width:calc(100% - var(--gutter)*2);max-width:1456px;height:auto;min-height:82px;padding:14px 22px;border:1px solid var(--retro-edge);box-shadow:inset 0 0 0 4px var(--bg),inset 0 0 0 5px var(--retro-edge);background:var(--retro-panel);gap:20px; }
.site-header .wordmark { font-family:Plex,Arial,sans-serif;font-size:36px;min-height:44px;align-items:center; }
.site-header .header-inner nav { display:flex;align-items:center;gap:12px;font-family:var(--retro-type);font-size:14px; }
.site-header .header-inner nav a[href] { display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 12px;white-space:nowrap; }
.site-header .header-inner nav a::before { content:none!important; }
.site-header nav a[aria-current] { color:var(--accent);text-decoration:underline;text-underline-offset:6px;background:#2c3737; }
.site-header nav a:hover { background:#2c3737; }
.catalogue-view { display:flex;flex-wrap:wrap;gap:10px;margin-top:24px; }
.catalogue-view a { display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--retro-edge);font-family:var(--retro-type);font-size:13px; }
.catalogue-view a[aria-current] { background:var(--retro-panel);color:var(--accent);box-shadow:inset 0 0 0 3px var(--bg); }
.commercial-card .card-image,.dex-tile { border:1px solid var(--retro-edge); }
.commercial-card .card-image>img { object-fit:contain; }
.commercial-card h3 { overflow-wrap:anywhere;font-size:22px;line-height:1.2;margin-top:8px; }
.card-media-caption { color:var(--muted);font-size:13px;margin-top:8px; }
.dex-controls #dex-search { scroll-margin-top:28px; }
.dex-empty-action { display:block;margin-top:12px;background:none;color:var(--accent);text-decoration:underline;min-height:44px;padding:8px 0; }
.character-slot.no-models img,.species-heading.no-models>img { filter:grayscale(1);opacity:.8; }
@media(max-width:700px) {
  .site-header { padding-top:0!important; }
  .site-header .header-inner.wrap { display:flex;width:100%;max-width:none;min-height:68px;height:auto;margin:0;padding:8px 12px;gap:8px;flex-wrap:nowrap;border-inline:0; }
  .site-header .wordmark { font-size:30px; }
  .site-header .header-inner nav { display:flex;flex-wrap:nowrap;gap:3px;font-size:12px;margin:0;grid-template-columns:none; }
  .site-header .header-inner nav a[href] { padding:10px 7px; }
  .catalogue-view { gap:8px; }
  .catalogue-view a { font-size:12px;padding:10px; }
  .commercial-card h3 { font-size:20px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* The public pages now start directly below the shared header. */
body .catalogue-main,body[data-page] .project-main,body .home-overview { padding-top:24px; }
@media(max-width:700px) {
  body .catalogue-main,body[data-page] .project-main,body .home-overview { padding-top:12px; }
}