/* Titan Obsidian Monolith compatibility layer for the remaining standalone
   public tools. It changes presentation only; data, controls and semantics are
   deliberately left intact. */
:root {
  --ink: #070a0b !important;
  --card: #0b1012 !important;
  --cream: #f2efe8 !important;
  --text: #cfd7d5 !important;
  --muted: #9ba7a7 !important;
  --teal: #5ed5d3 !important;
  --tealb: #5ed5d3 !important;
  --teal-deep: #0d292a !important;
  --copper: #d19966 !important;
  --line: rgba(94, 213, 211, .18) !important;
}

html {
  background: #070a0b;
}

body {
  background:
    radial-gradient(circle at 82% -8%, rgba(35, 124, 126, .15), transparent 31rem),
    repeating-linear-gradient(135deg, transparent 0 35px, rgba(94, 213, 211, .014) 36px 37px),
    #070a0b !important;
  text-rendering: optimizeLegibility;
}

h1 {
  font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 900 !important;
  line-height: .92 !important;
  text-transform: uppercase;
}

.nav {
  border-bottom: 1px solid rgba(94, 213, 211, .15) !important;
  background: rgba(7, 10, 11, .95) !important;
  box-shadow: 0 12px 38px rgba(0, 0, 0, .2);
  backdrop-filter: blur(18px);
}

.mark,
.back {
  color: #f2efe8 !important;
}

.mark b,
.eyebrow {
  color: #5ed5d3 !important;
}

.card,
.candidate,
.anchor,
.status > div,
.boundary,
.promotion {
  border-radius: 2px !important;
  box-shadow: 0 18px 55px rgba(0, 0, 0, .1);
}

button,
input,
select,
textarea,
.btn {
  border-radius: 2px !important;
}

:focus-visible {
  outline: 3px solid #d19966;
  outline-offset: 3px;
}

@media (max-width: 700px) {
  h1 {
    overflow-wrap: anywhere;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: .001s !important;
    animation-duration: .001s !important;
    animation-iteration-count: 1 !important;
  }
}