/* earth.exposed shared chrome v1.0.0. Self-contained: its own tokens, no dependency on the host site's CSS
   or scripts. Light and dark follow the host's data-theme attribute on <html> (all network sites use it) and the
   system preference otherwise. Generated by tools/chrome.mjs from network/chrome.css; do not edit the copy. */
.ex-net-bar, .ex-net-foot {
  --ex-bg: #0f1a20; --ex-ink: #d6e2e8; --ex-ink-strong: #ffffff; --ex-accent: #7fd1c9; --ex-line: rgba(255,255,255,.12);
  --ex-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --ex-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;
  font-family: var(--ex-font); font-size: 12.5px; line-height: 1.4; color: var(--ex-ink); background: var(--ex-bg);
  box-sizing: border-box; width: 100%; max-width: 100vw; overflow-x: hidden;
}
.ex-net-bar *, .ex-net-foot * { box-sizing: border-box; }
.ex-net-inner { max-width: 1180px; margin: 0 auto; padding: 0 16px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; min-height: 32px; }
.ex-net-bar { border-bottom: 1px solid var(--ex-line); }
.ex-net-home { color: var(--ex-ink-strong); text-decoration: none; font-weight: 700; letter-spacing: -.01em; white-space: nowrap; }
.ex-net-home em { font-style: normal; color: var(--ex-accent); }
.ex-net-tag { color: var(--ex-ink); opacity: .85; white-space: nowrap; }
.ex-net-sites { display: flex; flex-wrap: wrap; gap: 2px 12px; margin-left: auto; font-family: var(--ex-mono); font-size: 11.5px; }
.ex-net-sites a { color: var(--ex-ink); text-decoration: none; padding: 6px 0; border-bottom: 2px solid transparent; white-space: nowrap; }
.ex-net-sites a:hover, .ex-net-sites a:focus-visible { color: var(--ex-ink-strong); border-bottom-color: var(--ex-line); outline: none; }
.ex-net-sites a[aria-current="true"] { color: var(--ex-ink-strong); border-bottom-color: var(--ex-accent); }
.ex-net-bar[data-network-site="earth.exposed"] .ex-net-sites a[data-site="earth.exposed"] { color: var(--ex-ink-strong); border-bottom-color: var(--ex-accent); }
.ex-net-bar[data-network-site="water.exposed"] .ex-net-sites a[data-site="water.exposed"] { color: var(--ex-ink-strong); border-bottom-color: var(--ex-accent); }
.ex-net-bar[data-network-site="waste.exposed"] .ex-net-sites a[data-site="waste.exposed"] { color: var(--ex-ink-strong); border-bottom-color: var(--ex-accent); }
.ex-net-bar[data-network-site="oceans.exposed"] .ex-net-sites a[data-site="oceans.exposed"] { color: var(--ex-ink-strong); border-bottom-color: var(--ex-accent); }
.ex-net-foot { border-top: 1px solid var(--ex-line); font-family: var(--ex-mono); font-size: 11.5px; }
.ex-net-foot .ex-net-inner { padding-top: 10px; padding-bottom: 10px; }
.ex-net-foot a { color: var(--ex-accent); text-decoration: none; }
.ex-net-foot a:hover, .ex-net-foot a:focus-visible { text-decoration: underline; }
.ex-net-foot-links { display: flex; flex-wrap: wrap; gap: 2px 14px; }
.ex-net-slot:empty { display: none; }
.ex-net-slot { margin-left: auto; color: var(--ex-ink); }
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) .ex-net-bar, :root:not([data-theme="dark"]) .ex-net-foot {
    --ex-bg: #eef3f5; --ex-ink: #2b3a44; --ex-ink-strong: #0f1a20; --ex-accent: #0a6b85; --ex-line: rgba(15,26,32,.12);
  }
}
:root[data-theme="light"] .ex-net-bar, :root[data-theme="light"] .ex-net-foot {
  --ex-bg: #eef3f5; --ex-ink: #2b3a44; --ex-ink-strong: #0f1a20; --ex-accent: #0a6b85; --ex-line: rgba(15,26,32,.12);
}
@media (max-width: 640px) {
  .ex-net-tag { display: none; }
  .ex-net-sites { margin-left: 0; width: 100%; justify-content: flex-start; }
  .ex-net-slot { margin-left: 0; }
}
@media print { .ex-net-bar, .ex-net-foot { display: none !important; } }