:root {
  --paper: #081117;
  --paper-soft: #0e1a21;
  --soft: #0e1a21;
  --card: #13222a;
  --ink: #edf2f0;
  --muted: #98a8ae;
  --accent: #61c7b2;
  --line: #263740;
  --green: #61c7b2;
  --blue: #77b9e7;
  --amber: #dcb45f;
  --st-passed: #61c7b2;
  --st-advancing: #77b9e7;
}

html { background: #081117; }
body {
  min-height: 100vh;
  background:
    radial-gradient(circle at 78% 20%, rgba(97, 199, 178, .08), transparent 28%),
    linear-gradient(rgba(119, 185, 231, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(119, 185, 231, .025) 1px, transparent 1px),
    #081117;
  background-size: auto, 42px 42px, 42px 42px, auto;
  color: #edf2f0;
}

a { color: #61c7b2; }
.nav {
  background: rgba(8, 17, 23, .94);
  border-bottom-color: #263740;
  backdrop-filter: blur(18px);
}
.nav-inner, .navin { min-height: 70px; }
.brand, .radar-brand { color: #edf2f0; }
.links a, .nav-links a { color: #98a8ae; }
.links a:hover, .nav-links a:hover, .nav-links a[aria-current="page"] { color: #edf2f0; }
.links .ask, .nav-links .nav-cta {
  background: transparent;
  border: 1px solid #30444e;
  color: #a8e7da;
  border-radius: 0;
}

main, main.wrap { padding-top: 72px; padding-bottom: 86px; }
.crumb { color: #7f9299; }
.crumb a { color: #98a8ae; }
.eyebrow, .section-label, .ovlabel { color: #61c7b2; }
h1, h2, h3, .acc-title, .inst .name, .dev .ti { color: #edf2f0; }
.lead { color: #b5c2c6; }
.meta, .note, .dev .m, .dev .s, .faq-a, .lockednote, .gen { color: #98a8ae; }

.glance-lg .gcard,
.instrument,
.inst,
.dev,
.acc,
.cta-box,
.gatebox,
.matrix a {
  background: rgba(14, 26, 33, .94);
  border-color: #263740;
  box-shadow: none;
}
.instrument {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.glance-lg .gcard { border-top: 2px solid rgba(97, 199, 178, .55); }
.glance-lg .gt { color: #77b9e7; }
.glance-lg .gs, .instrument p, .source, .tags span { color: #98a8ae; }
.instrument-top { align-items: center; }
.instrument h3 { font-size: 17px; }
.source {
  margin-top: auto;
}
.source, .faq-q, details { border-color: #263740; }
.source a, .dev a, .inst .meta a { color: #77b9e7; }

.status, .chip {
  background: transparent !important;
  border: 1px solid #3c5661;
  color: #a8e7da !important;
}
.status.live { border-color: rgba(97, 199, 178, .6); }
.status.policy { border-color: rgba(119, 185, 231, .6); color: #a8d5f3 !important; }
.status.pending { border-color: rgba(220, 180, 95, .6); color: #e9ce91 !important; }
.tags span { background: #0a151c; }
.watch {
  background: #13222a;
  border-left-color: #61c7b2;
}
.watch .k, .gatebox .k { color: #61c7b2; }
.acc summary:hover .acc-title, .faq-q summary:hover { color: #a8e7da; }
.faq-q summary::before { background: #23444a; color: #a8e7da; }
.gatefade { background: linear-gradient(rgba(14, 26, 33, 0), #0e1a21); }
.gatebox p, .inst .sum { color: #d4dddc; }
.subform input {
  background: #050b0f;
  border-color: #30444e;
  color: #edf2f0;
}
.subform button { background: #61c7b2; color: #071115; }
.matrix .na { border-color: #263740; color: #71858d; }

.cta {
  background: linear-gradient(105deg, #13222a, #0a161d);
  border: 1px solid #30444e;
  border-top: 2px solid #61c7b2;
  color: #edf2f0;
}
.cta p { color: #98a8ae; }
.cta a { background: #61c7b2; color: #071115; border-radius: 0; }
footer {
  margin-top: 0;
  background: #081117;
  border-top-color: #263740;
  color: #98a8ae;
}
.footer-links a { color: #98a8ae; }

@media (max-width: 760px) {
  main, main.wrap { padding-top: 48px; }
  .grid { min-width: 0; }
  .instrument-top { align-items: flex-start; flex-direction: column; }
  .status { max-width: 100%; white-space: normal; line-height: 1.25; }
  .footer-links { flex-wrap: wrap; row-gap: 10px; }
}