@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap");
@import url("https://cdn.jsdelivr.net/npm/geist@1.3.1/dist/fonts/geist-sans/style.css");
@import url("https://cdn.jsdelivr.net/npm/geist@1.3.1/dist/fonts/geist-mono/style.css");
@import url("./brand/styles/landing.css");
@import url("./brand/styles/brand-logos.css");
@import url("./brand/styles/partners.css");
@import url("./brand/styles/map-section.css");

:root {
  --font-geist-sans: "Geist Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-geist-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-instrument-serif: "Instrument Serif", Georgia, serif;
  --reveal-shift: 22px;
}

/* Testnet faucet additions (platform design tokens above) */
.chain-banner {
  position: sticky;
  top: 0;
  z-index: 110;
  background: var(--gold-soft);
  border-bottom: 1px solid var(--gold-line);
  text-align: center;
  padding: 8px 16px;
  font-family: var(--font-geist-mono), monospace;
  font-size: 10.5px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
}
.chain-banner b {
  color: var(--gold);
  font-weight: 600;
}

.nav {
  top: 36px;
}
.hero {
  padding-top: 100px;
}

.checkbox-field {
  margin-top: 8px;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px dashed var(--border-strong);
  background: var(--surface-2);
}
.checkbox-field label.row-label {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--muted);
  text-transform: none;
  letter-spacing: 0;
  font-family: var(--font-geist-sans), sans-serif;
}
.checkbox-field input[type="checkbox"] {
  margin-top: 4px;
  width: 16px;
  height: 16px;
  accent-color: var(--accent);
}

.message {
  min-height: 1.25rem;
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.5;
}
.message.ok {
  color: var(--accent-deep);
}
.message.err {
  color: var(--negative);
}

.hp {
  position: absolute;
  left: -9999px;
  opacity: 0;
  height: 0;
  width: 0;
}

.hidden {
  display: none !important;
}

.skip {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 200;
  background: var(--accent);
  color: #fff;
  padding: 8px 12px;
}
.skip:focus {
  left: 12px;
  top: 12px;
}

.contrast .pane .plist li .ic {
  flex: none;
  width: 19px;
  font-weight: 700;
  color: var(--faint);
}
.contrast .pane.new .plist li .ic {
  color: var(--accent);
}