/* path: assets/ea-header.css
 * Description: Shared Earth Access family header (top nav + masthead) used across
 * all earthaccess.us sites (gis, floodnet, …). Self-contained: brand values are
 * hardcoded here (not page :root vars) so any site can drop it in unchanged.
 * Pair with ea-header.js. Canonical source — keep the copy in each repo identical.
 */
.ea-hd{--ea-teal:#12baa9;--ea-teal-text:#0a7a6f;--ea-on-teal:#212121;--ea-ink:#000;--ea-muted:#828282;
  font-family:"Trueno",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.ea-hd .ea-topbar{background:var(--ea-teal);font-size:.8rem;font-weight:700}
.ea-hd .ea-topbar .in{max-width:76rem;margin:0 auto;padding:7px 24px;display:flex;gap:20px;flex-wrap:wrap}
.ea-hd .ea-topbar a{color:var(--ea-on-teal);text-decoration:none}
.ea-hd .ea-topbar a:hover{color:var(--ea-ink);border-bottom:2px solid var(--ea-on-teal)}
.ea-hd .ea-topbar a.here{color:var(--ea-ink);border-bottom:2px solid var(--ea-ink)}
.ea-hd .ea-mast{max-width:76rem;margin:0 auto;padding:28px 24px 2px}
.ea-hd .ea-word{font-size:1.9rem;font-weight:800;letter-spacing:-.01em;color:var(--ea-ink);line-height:1.1}
.ea-hd .ea-word span{color:var(--ea-teal-text)}
.ea-hd .ea-tag{color:var(--ea-muted);font-size:.95rem;margin-top:2px}