/* Seenly navy + lime theme (Oct 2026). Loaded AFTER styles.css on every page except the frozen /start.
   Sampled from David's Canva graphic: navy #02122C, lime #A2EC55 / #8FCB67, gray outline #9AA0AA. */
:root {
  --bg: #02122c;
  --bg-elev: #0a1d3d;
  --bg-soft: #11284d;
  --line: #3b4a63;
  --text: #ffffff;
  --muted: #b4bcc8;
  --accent: #a2ec55;
  --accent-ink: #02122c;
  --gold: #c5f075;
  --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --display: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}
h1, h2, h3, .section-title, .display, [class*="hero"] h1 { font-family: var(--display); font-weight: 800; letter-spacing: -0.02em; }
.card, .ex-card, .jf-card, .guide-cta { border-radius: 18px; }
.btn-primary { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); font-weight: 700; }
.btn-primary:hover { background: #c5f075; color: var(--accent-ink); }
.btn-ghost { border-color: #9aa0aa; }
.eyebrow { color: var(--accent); }
/* Recolored rules from styles.css */
body { background:
    radial-gradient(1200px 600px at 10% -10%, rgba(162, 236, 85, 0.08), transparent 50%),
    radial-gradient(900px 500px at 100% 0%, rgba(162, 236, 85, 0.06), transparent 45%),
    var(--bg); }
a:hover { color: #c5f075; }
.header-upload-link:hover { color: #c5f075; }
.video-stage { background:
    linear-gradient(160deg, rgba(162, 236, 85, 0.18), transparent 50%),
    #0e1622; }
.chip-role { background: rgba(162, 236, 85, 0.14); border: 1px solid rgba(162, 236, 85, 0.32); }
.chip-title { background: rgba(162, 236, 85, 0.14); border: 1px solid rgba(162, 236, 85, 0.32); }
.chip-specialty { background: rgba(162, 236, 85, 0.14); border: 1px solid rgba(162, 236, 85, 0.34); }
.chip-preset.is-on { background: rgba(162, 236, 85, 0.14); border-color: rgba(162, 236, 85, 0.32); }
.job-grid a.card:hover,
.job-grid a.card:focus-visible { box-shadow: 0 10px 28px rgba(162, 236, 85, 0.12); }
.job-grid a.card:hover .job-cta { color: #c5f075; }
.pin-label { border: 2px solid #02122c; }
.leaflet-popup-content .chip-role { background: rgba(162, 236, 85, 0.18); }
.vis-option:has(input:checked) { background: rgba(162, 236, 85, 0.08); }
.chip-category { background: rgba(162, 236, 85, 0.1); }
.example-badge { border: 1px solid rgba(162, 236, 85, 0.4); }
.auth-tab.is-active { border-bottom-color: var(--accent, #a2ec55); }
.auth-forgot-row .linkish,
button.linkish { color: var(--accent, #a2ec55); }
.script-help-link:hover { color: #c5f075; }
.tele-word.is-now { background: rgba(162, 236, 85, 0.22); }

/* Desktop header: keep nav on one row from 1024px up (Inter runs wider than Figtree). */
.site-header { background: rgba(2, 18, 44, 0.9); }
@media (min-width: 1024px) {
  .header-inner { flex-wrap: nowrap; }
  .site-nav { flex-wrap: nowrap; gap: 0 12px; white-space: nowrap; max-width: none; flex: 0 1 auto; justify-content: flex-end; }
  .site-nav a { white-space: nowrap; font-size: 0.9rem; }
  .site-nav .nav-cta { padding: 7px 14px; }
  .brand { flex-shrink: 0; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .site-nav { gap: 0 9px; }
  .site-nav a { font-size: 0.8rem; padding: 6px 0; }
  .site-nav .nav-cta { padding: 6px 11px; }
  .brand { font-size: 1.1rem; gap: 8px; }
  .brand img { width: 30px; height: 30px; }
  .header-inner { gap: 10px; }
  .header-auth-email { display: none; }
}
@media (min-width: 1024px) and (max-width: 1439px) { .header-auth-email { display: none; } }