:root {
  --bg: #070d12;
  --bg-soft: #101a22;
  --card: #0f1720;
  --text: #deebf4;
  --muted: #9db0bf;
  --emerald: #2bc084;
  --amber: #f7b84b;
  --red: #ff6b6b;
  --line: #263341;
}
* { box-sizing: border-box; }
body { margin: 0; font-family: Inter, system-ui, sans-serif; background: radial-gradient(circle at 20% -10%, #163026 0%, var(--bg) 48%); color: var(--text); }
a { color: #91d8ff; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid var(--amber); outline-offset: 2px; border-radius: 8px; }
.container { width: min(1120px, 92vw); margin: 0 auto; }
.site-header { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(10px); background: rgba(7,13,18,.88); border-bottom: 1px solid var(--line); }
.nav { display:flex; justify-content:space-between; align-items:center; padding: .9rem 0; gap:1rem; }
.nav ul{display:flex;list-style:none; padding:0; margin:0; gap:.5rem; flex-wrap:wrap}
.nav a,.nav details summary { color: var(--text); text-decoration:none; padding:.5rem .75rem; border-radius:.5rem; }
.nav a[aria-current='page'], .chip.active { background:#173728; color:#b6ffdd; }
.hero { padding: 4rem 0 2rem; }
.kicker {color: var(--amber); text-transform: uppercase; letter-spacing: .08em; font-weight: 700; font-size:.82rem;}
h1 { font-size: clamp(2rem, 5vw, 3.4rem); margin:.35rem 0; }
.lead { max-width: 72ch; color: var(--muted); }
.actions { display:flex; gap:.75rem; flex-wrap:wrap; margin-top:1.3rem; }
.btn { display:inline-block; padding:.75rem 1rem; border:1px solid var(--line); background:var(--card); color:var(--text); text-decoration:none; border-radius:.7rem; }
.btn.primary { background:linear-gradient(120deg,#1f7a55,#164f39); border-color:#2a8f68; }
.mission { margin: 1.5rem 0 2.6rem; padding:1.1rem; border-left:4px solid var(--emerald); background: rgba(17,31,24,.7); border-radius:.4rem; }
.emphasis { color:#9dffd2; font-weight:700; }
.filters {display:flex; flex-wrap:wrap; gap:.6rem; margin:1.5rem 0 .7rem;}
.chip { background:#12202a; border:1px solid var(--line); color:var(--text); padding:.45rem .7rem; border-radius:99px; cursor:pointer; }
.search { margin: .5rem 0 1.2rem; }
.search input { width:100%; background:#0d141b; color:var(--text); border:1px solid var(--line); padding:.75rem .9rem; border-radius:.6rem; }
.section { margin: 2rem 0 2.5rem; }
.section h2 { margin-bottom:.4rem; font-size:1.4rem; }
.grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(270px, 1fr)); gap:1rem; }
.card { background:linear-gradient(170deg,#111b25,#0d151e); border:1px solid var(--line); border-radius:.95rem; overflow:hidden; display:flex; flex-direction:column; }
.preview { aspect-ratio: 16 / 9; border-bottom:1px solid var(--line); background:#0c1319; }
.preview img{ width:100%; height:100%; object-fit:cover; display:block; }
.fallback{padding:.65rem; height:100%; color:#d4e4ef;}
.mini-top{display:flex;align-items:center;gap:.35rem; font-size:.72rem; color:#8ea2b1; margin-bottom:.45rem}
.dot{width:.42rem;height:.42rem;border-radius:50%;display:inline-block;background:#4a5d6e}
.line{height:.42rem;background:#22303b;border-radius:8px;margin:.36rem 0}
.tags-mini{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.55rem}.tags-mini span{font-size:.68rem;background:#153328;border:1px solid #24513f;padding:.15rem .4rem;border-radius:999px}
.content{padding:.9rem}
.meta{display:flex; justify-content:space-between; align-items:center; gap:.5rem; font-size:.8rem; color:var(--muted); }
.badge{background:#2a2213;color:#ffd999;border:1px solid #644f28;padding:.18rem .45rem;border-radius:99px}
.card h3{margin:.55rem 0 .35rem;font-size:1.08rem}
.small{font-size:.88rem;color:var(--muted)}
.list{margin:.45rem 0 .3rem; padding-left:1rem; color:#cddae4; font-size:.9rem}
.tags{display:flex;flex-wrap:wrap; gap:.4rem;margin:.55rem 0}.tags span{background:#12222c;border:1px solid var(--line);padding:.2rem .5rem;border-radius:99px;font-size:.72rem}
.links{display:flex; gap:.6rem; margin-top:.5rem; flex-wrap:wrap}
.footer{border-top:1px solid var(--line);padding:2rem 0;margin-top:2rem;color:var(--muted)}
.caution{color:#ffb7b7}
@media (max-width:640px){.nav{flex-direction:column; align-items:flex-start;}}

/* Batch 1 cleanup: prevent preview bleed, reduce endless card height, improve filters */
.chip.active {
  background: rgba(52, 211, 153, .18);
  border-color: rgba(52, 211, 153, .55);
  color: #d9fff0;
}

.section-description {
  max-width: 78ch;
  line-height: 1.6;
}

.card {
  min-height: 0;
}

.preview {
  min-height: 150px;
}

.fallback {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}

.line-wide { width: 70%; }
.line-full { width: 94%; }
.line-short { width: 55%; }

.details {
  margin-top: .7rem;
  border: 1px solid rgba(139, 161, 177, .16);
  background: rgba(7, 13, 18, .34);
  border-radius: .65rem;
  padding: .65rem .75rem;
}

.details summary {
  cursor: pointer;
  color: #bfe8d5;
  font-size: .9rem;
  font-weight: 700;
}

.details summary:hover {
  color: #ffffff;
}

.details .list {
  margin-top: .7rem;
}

.links a {
  color: #a7f3d0;
  text-decoration: none;
  font-weight: 700;
}

.links a:hover {
  color: #ffffff;
}

@media (max-width: 720px) {
  .nav {
    align-items: flex-start;
    flex-direction: column;
  }

  .nav ul {
    width: 100%;
  }

  .grid {
    grid-template-columns: 1fr;
  }
}

/* Batch 2 polish: RG Herd ecosystem shell + tighter reading flow */
body {
  background:
    radial-gradient(circle at 18% -8%, rgba(52, 211, 153, .17), transparent 34%),
    radial-gradient(circle at 82% 12%, rgba(251, 191, 36, .08), transparent 28%),
    linear-gradient(180deg, #020617 0%, #08111a 48%, #020617 100%);
}

.site-header {
  background: rgba(2, 6, 23, .82);
  border-bottom: 1px solid rgba(148, 163, 184, .18);
  box-shadow: 0 12px 38px rgba(0,0,0,.22);
}

.nav {
  min-height: 72px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  text-decoration: none;
  color: var(--text);
  min-width: 0;
}

.brand img {
  display: block;
  height: 2.25rem;
  width: auto;
  max-width: 13rem;
  object-fit: contain;
}

.brand span {
  border-left: 1px solid rgba(148, 163, 184, .25);
  padding-left: .75rem;
  color: #a7f3d0;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.nav nav {
  display: flex;
  align-items: center;
  gap: .35rem;
  flex-wrap: wrap;
}

.nav ul {
  display: none;
}

.nav details {
  position: relative;
}

.nav details summary {
  list-style: none;
}

.nav details summary::-webkit-details-marker {
  display: none;
}

.network-menu {
  position: absolute;
  right: 0;
  top: calc(100% + .6rem);
  z-index: 60;
  min-width: 13rem;
  display: flex;
  flex-direction: column;
  gap: .15rem;
  padding: .45rem;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: .75rem;
  background: rgba(15, 23, 42, .97);
  box-shadow: 0 22px 50px rgba(0, 0, 0, .38);
}

.network-menu a {
  padding: .55rem .7rem;
}

.hero {
  padding: clamp(3.25rem, 8vw, 6rem) 0 2.25rem;
}

.kicker {
  color: #34d399;
  text-transform: uppercase;
  letter-spacing: .18em;
  font-size: .76rem;
  font-weight: 850;
}

h1 {
  max-width: 860px;
  letter-spacing: -.065em;
}

.lead {
  max-width: 760px;
  color: #dbeafe;
  font-size: clamp(1.08rem, 2vw, 1.28rem);
  line-height: 1.65;
}

.mission {
  border: 1px solid rgba(52, 211, 153, .24);
  border-left: 4px solid var(--emerald);
  background:
    linear-gradient(135deg, rgba(52, 211, 153, .10), rgba(15, 23, 42, .74)),
    rgba(15, 23, 42, .72);
  box-shadow: 0 24px 70px rgba(0,0,0,.28);
}

#browse {
  border: 1px solid rgba(148, 163, 184, .16);
  background: rgba(15, 23, 42, .42);
  border-radius: 1rem;
  padding: 1rem;
}

.filters {
  margin-top: 0;
}

.search {
  margin-bottom: 0;
}

.section {
  scroll-margin-top: 92px;
}

.section h2 {
  font-size: clamp(1.55rem, 3vw, 2.15rem);
  letter-spacing: -.035em;
}

.grid {
  align-items: start;
}

.card {
  border-color: rgba(148, 163, 184, .17);
  box-shadow: 0 18px 52px rgba(0,0,0,.22);
}

.card:hover {
  border-color: rgba(52, 211, 153, .30);
  transform: translateY(-1px);
  transition: border-color .18s ease, transform .18s ease;
}

.preview {
  background:
    radial-gradient(circle at 25% 15%, rgba(52, 211, 153, .16), transparent 34%),
    linear-gradient(135deg, #0c1319, #111b25);
}

.content {
  padding: 1rem;
}

.card h3 {
  font-size: 1.16rem;
  letter-spacing: -.02em;
}

.small {
  line-height: 1.58;
}

.footer {
  background: rgba(255,255,255,.035);
  box-shadow: 0 -18px 48px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06);
}

.footer-inner {
  display: flex;
  gap: 1.25rem;
  align-items: center;
  justify-content: space-between;
}

.footer-signal {
  margin: 0 0 .5rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: .72rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #64748b;
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: .85rem;
  font-size: .82rem;
}

.footer-links a {
  color: #94a3b8;
  text-decoration: none;
}

.footer-links a:hover {
  color: #e2e8f0;
}

@media (max-width: 820px) {
  .nav {
    gap: .9rem;
  }

  .nav nav {
    width: 100%;
    overflow-x: auto;
    padding-bottom: .25rem;
  }

  .network-menu {
    left: 0;
    right: auto;
  }

  .footer-inner {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Batch 3: default guided browsing flow */
.browse-intro {
  margin-bottom: .85rem;
  max-width: 76ch;
}

.browse-intro .small {
  margin: 0;
  color: #cbd5e1;
}

/* Batch 4: compact cards and reduce scroll bulk */
.grid {
  grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
  gap: .85rem;
}

.card {
  border-radius: .85rem;
}

.preview {
  aspect-ratio: auto;
  min-height: 112px;
  max-height: 128px;
}

.fallback {
  padding: .55rem;
}

.mini-top {
  margin-bottom: .36rem;
}

.line {
  height: .34rem;
  margin: .28rem 0;
}

.tags-mini {
  margin-top: .42rem;
}

.tags-mini span {
  font-size: .62rem;
  padding: .12rem .34rem;
}

.content {
  padding: .82rem;
}

.card h3 {
  margin: .46rem 0 .28rem;
  font-size: 1.02rem;
}

.meta {
  font-size: .72rem;
}

.badge {
  font-size: .68rem;
}

.small {
  font-size: .88rem;
}

.details {
  margin-top: .55rem;
  padding: .55rem .62rem;
}

.details summary {
  font-size: .82rem;
}

.list {
  font-size: .84rem;
  line-height: 1.45;
}

.tags {
  gap: .3rem;
  margin: .45rem 0;
}

.tags span {
  font-size: .65rem;
  padding: .16rem .38rem;
}

.links {
  margin-top: .4rem;
  font-size: .86rem;
}

.section {
  margin: 1.65rem 0 2.1rem;
}

.section h2 {
  margin-bottom: .25rem;
}

@media (min-width: 1100px) {
  .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .preview {
    min-height: 96px;
    max-height: 112px;
  }

  .content {
    padding: .78rem;
  }
}

/* Batch 5: distinct KIT identity — field manual / hacker guide / responder green */
:root {
  --bg: #030806;
  --card: #07110d;
  --line: rgba(109, 140, 108, .28);
  --text: #e7f0e8;
  --muted: #91a493;
  --emerald: #0b5a32;
  --field: #0f2a1d;
  --field-2: #163b27;
  --olive: #5e6f45;
  --tan: #c7b88a;
  --medic: #9fe6bd;
}

html {
  background: #030806;
}

body {
  color: var(--text);
  background:
    linear-gradient(rgba(159, 230, 189, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(159, 230, 189, .018) 1px, transparent 1px),
    radial-gradient(circle at 18% 6%, rgba(12, 90, 50, .35), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(94, 111, 69, .18), transparent 30%),
    radial-gradient(circle at 30% 90%, rgba(15, 42, 29, .58), transparent 36%),
    linear-gradient(180deg, #030806 0%, #07100c 46%, #020403 100%);
  background-size:
    34px 34px,
    34px 34px,
    auto,
    auto,
    auto,
    auto;
  position: relative;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  opacity: .22;
  background:
    repeating-linear-gradient(
      135deg,
      rgba(94, 111, 69, .12) 0,
      rgba(94, 111, 69, .12) 14px,
      transparent 14px,
      transparent 42px
    ),
    radial-gradient(circle at 72% 22%, rgba(199, 184, 138, .08), transparent 22%);
  mix-blend-mode: screen;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  opacity: .13;
  background-image:
    linear-gradient(transparent 96%, rgba(159, 230, 189, .18) 100%);
  background-size: 100% 5px;
}

/* Header: less homepage, more secure field terminal */
.site-header {
  background:
    linear-gradient(90deg, rgba(3, 8, 6, .96), rgba(7, 17, 13, .91)),
    rgba(3, 8, 6, .96);
  border-bottom: 1px solid rgba(159, 230, 189, .22);
  box-shadow: 0 18px 50px rgba(0,0,0,.42);
}

.brand span {
  color: var(--medic);
  border-left-color: rgba(159, 230, 189, .28);
  text-shadow: 0 0 18px rgba(159, 230, 189, .25);
}

.nav a,
.nav details summary {
  color: #b7c8b8;
  border: 1px solid transparent;
}

.nav a:hover,
.nav details summary:hover {
  color: #f4fff7;
  border-color: rgba(159, 230, 189, .20);
  background: rgba(15, 42, 29, .55);
}

.nav a[aria-current='page'],
.chip.active {
  background: rgba(12, 90, 50, .42);
  border-color: rgba(159, 230, 189, .36);
  color: #ecfff3;
  box-shadow: inset 0 0 0 1px rgba(159, 230, 189, .06);
}

.network-menu {
  background: rgba(5, 13, 9, .98);
  border-color: rgba(159, 230, 189, .25);
}

/* Hero: field-guide title treatment */
.hero {
  border-bottom: 1px solid rgba(109, 140, 108, .14);
}

.kicker {
  color: var(--tan);
  letter-spacing: .22em;
}

.kicker::before {
  content: "▣ ";
  color: var(--medic);
}

h1 {
  color: #f3fff6;
  text-shadow:
    0 0 28px rgba(159, 230, 189, .16),
    0 2px 0 rgba(0,0,0,.5);
}

.lead {
  color: #c5d8c7;
}

/* Mission block: like a waterproof field note */
.mission {
  border: 1px solid rgba(159, 230, 189, .26);
  border-left: 5px solid rgba(159, 230, 189, .78);
  background:
    linear-gradient(135deg, rgba(12, 90, 50, .20), rgba(7, 17, 13, .84)),
    repeating-linear-gradient(
      90deg,
      rgba(159, 230, 189, .035) 0,
      rgba(159, 230, 189, .035) 1px,
      transparent 1px,
      transparent 12px
    );
  box-shadow:
    0 28px 80px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.mission strong {
  color: #f5fff7;
}

.mission p {
  color: #c9d9c9;
}

/* Browse panel: equipment tray */
#browse {
  border: 1px solid rgba(159, 230, 189, .22);
  background:
    linear-gradient(180deg, rgba(7, 17, 13, .82), rgba(3, 8, 6, .82));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 20px 70px rgba(0,0,0,.32);
}

.browse-intro .small {
  color: #b7c8b8;
}

.chip {
  background: rgba(7, 17, 13, .86);
  border-color: rgba(109, 140, 108, .30);
  color: #b7c8b8;
}

.chip:hover {
  color: #f3fff6;
  border-color: rgba(159, 230, 189, .34);
  background: rgba(15, 42, 29, .78);
}

.search input {
  background: #050d09;
  border-color: rgba(109, 140, 108, .32);
  color: #ecfff3;
}

.search input:focus {
  outline: 2px solid rgba(159, 230, 189, .42);
  outline-offset: 2px;
}

/* Sections */
.section h2 {
  color: #f3fff6;
  display: inline-flex;
  align-items: center;
  gap: .55rem;
}

.section h2::before {
  content: "";
  display: inline-block;
  width: .7rem;
  height: .7rem;
  border: 1px solid rgba(159, 230, 189, .68);
  background: rgba(12, 90, 50, .65);
  box-shadow: 0 0 18px rgba(159, 230, 189, .18);
  transform: rotate(45deg);
}

.section-description {
  color: #aebfae;
}

/* Cards: kit patches / field index cards */
.card {
  background:
    linear-gradient(180deg, rgba(10, 23, 17, .96), rgba(5, 12, 8, .98));
  border-color: rgba(109, 140, 108, .24);
  border-radius: .55rem;
  box-shadow:
    0 20px 54px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.035);
  position: relative;
}

.card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, rgba(159,230,189,.72), rgba(94,111,69,.26));
  opacity: .75;
}

.card:hover {
  border-color: rgba(159, 230, 189, .38);
  transform: translateY(-2px);
}

.preview {
  background:
    radial-gradient(circle at 15% 22%, rgba(159, 230, 189, .14), transparent 26%),
    linear-gradient(135deg, #07110d, #0f1f16 58%, #050a07);
  border-bottom-color: rgba(109, 140, 108, .24);
}

.fallback {
  color: #d9eadb;
}

.mini-top {
  color: #9db09e;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.dot {
  background: #526b4f;
}

.line {
  background: rgba(109, 140, 108, .34);
}

.tags-mini span {
  background: rgba(12, 90, 50, .35);
  border-color: rgba(159, 230, 189, .20);
  color: #c9f4d8;
}

.content {
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), transparent);
}

.meta {
  color: #839783;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.badge {
  background: rgba(199, 184, 138, .11);
  color: #eadfb3;
  border-color: rgba(199, 184, 138, .28);
}

.card h3 {
  color: #f4fff7;
}

.small {
  color: #bdcebe;
}

.details {
  background: rgba(3, 8, 6, .52);
  border-color: rgba(109, 140, 108, .24);
}

.details summary {
  color: #aee8c4;
}

.details summary::marker {
  color: var(--tan);
}

.list {
  color: #c6d6c7;
}

.list strong {
  color: #f1fff5;
}

.tags span {
  background: rgba(12, 90, 50, .23);
  border-color: rgba(109, 140, 108, .28);
  color: #c7e4cf;
}

.links a {
  color: #9fe6bd;
}

.links a::after {
  content: " ↗";
  color: rgba(199, 184, 138, .9);
}

/* Buttons */
.btn {
  background:
    linear-gradient(180deg, rgba(15, 42, 29, .92), rgba(5, 12, 8, .96));
  border-color: rgba(109, 140, 108, .35);
  color: #f2fff6;
  border-radius: .42rem;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}

.btn:hover {
  border-color: rgba(159, 230, 189, .45);
  background: rgba(15, 42, 29, .98);
}

.btn.primary {
  background: #0b5a32;
  border-color: rgba(159, 230, 189, .58);
  color: #f4fff7;
}

/* Closing/footer: remove homepage feel */
.footer {
  background:
    linear-gradient(90deg, rgba(3, 8, 6, .98), rgba(7, 17, 13, .92));
  border-top-color: rgba(159, 230, 189, .18);
}

.footer-signal {
  color: #657b66;
}

.footer-links a {
  color: #9db09e;
}

.footer-links a:hover {
  color: #f4fff7;
}

/* Reduce accidental homepage polish */
a {
  text-underline-offset: 3px;
}

::selection {
  background: rgba(159, 230, 189, .28);
  color: #ffffff;
}

/* Batch 6: mute green billboard effect; shift to charcoal / olive / field manual */
:root {
  --bg: #050807;
  --card: #0a0f0c;
  --line: rgba(118, 128, 100, .22);
  --text: #e4e8df;
  --muted: #9ba391;
  --emerald: #244934;
  --field: #1b2a20;
  --field-2: #263322;
  --olive: #6f7558;
  --tan: #b7aa7a;
  --medic: #b8d2b2;
}

body {
  background:
    linear-gradient(rgba(183, 170, 122, .018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(183, 170, 122, .014) 1px, transparent 1px),
    radial-gradient(circle at 16% 4%, rgba(36, 73, 52, .20), transparent 32%),
    radial-gradient(circle at 84% 14%, rgba(111, 117, 88, .12), transparent 28%),
    radial-gradient(circle at 38% 92%, rgba(27, 42, 32, .30), transparent 38%),
    linear-gradient(180deg, #050807 0%, #090f0b 46%, #030504 100%);
  background-size:
    42px 42px,
    42px 42px,
    auto,
    auto,
    auto,
    auto;
}

body::before {
  opacity: .10;
  background:
    repeating-linear-gradient(
      135deg,
      rgba(111, 117, 88, .10) 0,
      rgba(111, 117, 88, .10) 18px,
      transparent 18px,
      transparent 58px
    ),
    repeating-linear-gradient(
      38deg,
      rgba(36, 73, 52, .08) 0,
      rgba(36, 73, 52, .08) 26px,
      transparent 26px,
      transparent 74px
    );
  mix-blend-mode: normal;
}

body::after {
  opacity: .055;
  background-image:
    linear-gradient(transparent 96%, rgba(183, 170, 122, .20) 100%);
}

/* Muted header */
.site-header {
  background:
    linear-gradient(90deg, rgba(5, 8, 7, .96), rgba(10, 15, 12, .94));
  border-bottom-color: rgba(183, 170, 122, .15);
}

.brand span {
  color: #c8d8c2;
  text-shadow: none;
  border-left-color: rgba(183, 170, 122, .22);
}

.nav a:hover,
.nav details summary:hover {
  background: rgba(36, 73, 52, .28);
  border-color: rgba(183, 170, 122, .18);
}

.nav a[aria-current='page'],
.chip.active {
  background: rgba(36, 73, 52, .30);
  border-color: rgba(183, 170, 122, .30);
  color: #edf3e8;
  box-shadow: none;
}

/* Hero: no glow billboard */
.kicker {
  color: #b7aa7a;
}

.kicker::before {
  color: #9fb59b;
}

h1 {
  color: #edf3e8;
  text-shadow: 0 2px 0 rgba(0,0,0,.45);
}

.lead {
  color: #c4ccbd;
}

/* Panels */
.mission {
  border-color: rgba(183, 170, 122, .18);
  border-left-color: rgba(183, 170, 122, .58);
  background:
    linear-gradient(135deg, rgba(36, 73, 52, .12), rgba(10, 15, 12, .88)),
    repeating-linear-gradient(
      90deg,
      rgba(183, 170, 122, .022) 0,
      rgba(183, 170, 122, .022) 1px,
      transparent 1px,
      transparent 14px
    );
  box-shadow:
    0 24px 60px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.035);
}

#browse {
  border-color: rgba(183, 170, 122, .16);
  background:
    linear-gradient(180deg, rgba(10, 15, 12, .84), rgba(5, 8, 7, .88));
}

.chip {
  background: rgba(10, 15, 12, .86);
  border-color: rgba(118, 128, 100, .24);
  color: #b6c0ad;
}

.chip:hover {
  color: #edf3e8;
  border-color: rgba(183, 170, 122, .24);
  background: rgba(36, 73, 52, .24);
}

.search input {
  background: #060a08;
  border-color: rgba(118, 128, 100, .24);
}

.search input:focus {
  outline-color: rgba(183, 170, 122, .35);
}

/* Section marker: olive/tan instead of neon */
.section h2::before {
  border-color: rgba(183, 170, 122, .48);
  background: rgba(111, 117, 88, .46);
  box-shadow: none;
}

.section-description {
  color: #aeb7a7;
}

/* Cards: calmer field index cards */
.card {
  background:
    linear-gradient(180deg, rgba(12, 17, 13, .97), rgba(6, 10, 8, .99));
  border-color: rgba(118, 128, 100, .20);
  box-shadow:
    0 16px 44px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.025);
}

.card::before {
  background: linear-gradient(180deg, rgba(183,170,122,.46), rgba(111,117,88,.18));
  opacity: .55;
}

.card:hover {
  border-color: rgba(183, 170, 122, .30);
  transform: translateY(-1px);
}

.preview {
  background:
    radial-gradient(circle at 16% 22%, rgba(111, 117, 88, .13), transparent 28%),
    linear-gradient(135deg, #080d0a, #10170f 58%, #050806);
  border-bottom-color: rgba(118, 128, 100, .20);
}

.mini-top {
  color: #9ba391;
}

.dot {
  background: #69725a;
}

.line {
  background: rgba(118, 128, 100, .24);
}

.tags-mini span {
  background: rgba(36, 73, 52, .20);
  border-color: rgba(118, 128, 100, .20);
  color: #c5d0bd;
}

.meta {
  color: #8c9685;
}

.badge {
  background: rgba(183, 170, 122, .10);
  color: #d8cca0;
  border-color: rgba(183, 170, 122, .22);
}

.card h3 {
  color: #edf3e8;
}

.small {
  color: #bcc6b7;
}

.details {
  background: rgba(5, 8, 7, .48);
  border-color: rgba(118, 128, 100, .19);
}

.details summary {
  color: #c6d8c0;
}

.tags span {
  background: rgba(36, 73, 52, .16);
  border-color: rgba(118, 128, 100, .22);
  color: #c2ccb9;
}

.links a {
  color: #c9d8c2;
}

.links a::after {
  color: rgba(183, 170, 122, .78);
}

/* Buttons: field gear, not glowing CTA */
.btn,
.btn.primary {
  background:
    linear-gradient(180deg, rgba(36, 73, 52, .58), rgba(8, 13, 10, .96));
  border-color: rgba(118, 128, 100, .34);
  color: #edf3e8;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

.btn:hover,
.btn.primary:hover {
  border-color: rgba(183, 170, 122, .34);
  background: rgba(36, 73, 52, .36);
}

/* Footer */
.footer {
  background:
    linear-gradient(90deg, rgba(5, 8, 7, .98), rgba(10, 15, 12, .94));
  border-top-color: rgba(183, 170, 122, .13);
}

.footer-signal {
  color: #6f7a69;
}

::selection {
  background: rgba(183, 170, 122, .24);
  color: #ffffff;
}

/* Batch 7: | base | green as accent, not billboard */
:root {
  --base-green: #004820;
  --base-green-deep: #003417;
  --base-green-soft: rgba(0, 72, 32, .42);
  --bg: #050706;
  --card: #0b100d;
  --card-2: #10150f;
  --line: rgba(132, 139, 113, .20);
  --text: #e6e8df;
  --muted: #a0a697;
  --olive: #68704f;
  --olive-soft: rgba(104, 112, 79, .18);
  --tan: #b8aa7d;
  --tan-soft: rgba(184, 170, 125, .18);
  --steel: #8b9b90;
}

/* Overall: dark easy-eye field manual, not green background */
html,
body {
  background-color: #050706;
}

body {
  color: var(--text);
  background:
    linear-gradient(rgba(184, 170, 125, .012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(184, 170, 125, .010) 1px, transparent 1px),
    radial-gradient(circle at 18% 2%, rgba(0, 72, 32, .13), transparent 28%),
    radial-gradient(circle at 86% 16%, rgba(104, 112, 79, .10), transparent 26%),
    radial-gradient(circle at 44% 92%, rgba(184, 170, 125, .055), transparent 34%),
    linear-gradient(180deg, #050706 0%, #090d0a 48%, #030403 100%);
  background-size:
    44px 44px,
    44px 44px,
    auto,
    auto,
    auto,
    auto;
}

body::before {
  opacity: .075;
  background:
    repeating-linear-gradient(
      128deg,
      rgba(0, 72, 32, .18) 0,
      rgba(0, 72, 32, .18) 16px,
      transparent 16px,
      transparent 76px
    ),
    repeating-linear-gradient(
      43deg,
      rgba(104, 112, 79, .12) 0,
      rgba(104, 112, 79, .12) 22px,
      transparent 22px,
      transparent 94px
    );
  mix-blend-mode: normal;
}

body::after {
  opacity: .045;
  background-image: linear-gradient(transparent 96%, rgba(184, 170, 125, .18) 100%);
}

/* Header */
.site-header {
  background:
    linear-gradient(90deg, rgba(5, 7, 6, .98), rgba(11, 16, 13, .96));
  border-bottom-color: rgba(184, 170, 125, .14);
  box-shadow: 0 16px 44px rgba(0,0,0,.42);
}

.brand span {
  color: #d5ded1;
  border-left-color: rgba(184, 170, 125, .24);
  text-shadow: none;
}

.nav a,
.nav details summary {
  color: #b5bdad;
}

.nav a:hover,
.nav details summary:hover {
  color: #f0f4ea;
  background: rgba(104, 112, 79, .14);
  border-color: rgba(184, 170, 125, .18);
}

.nav a[aria-current='page'],
.chip.active {
  background: rgba(0, 72, 32, .34);
  border-color: rgba(0, 72, 32, .78);
  color: #f1f6ef;
}

.network-menu {
  background: rgba(7, 10, 8, .98);
  border-color: rgba(184, 170, 125, .20);
}

/* Hero */
.kicker {
  color: var(--tan);
}

.kicker::before {
  color: var(--base-green);
}

h1 {
  color: #eef2e9;
  text-shadow: 0 2px 0 rgba(0,0,0,.46);
}

.lead {
  color: #c7cec2;
}

/* Mission field note */
.mission {
  border-color: rgba(184, 170, 125, .17);
  border-left-color: var(--base-green);
  background:
    linear-gradient(135deg, rgba(0, 72, 32, .10), rgba(11, 16, 13, .90)),
    repeating-linear-gradient(
      90deg,
      rgba(184, 170, 125, .018) 0,
      rgba(184, 170, 125, .018) 1px,
      transparent 1px,
      transparent 14px
    );
  box-shadow:
    0 22px 62px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.028);
}

.mission p {
  color: #c5ccbf;
}

/* Browse/filter tray */
#browse {
  border-color: rgba(184, 170, 125, .15);
  background:
    linear-gradient(180deg, rgba(13, 18, 14, .88), rgba(6, 9, 7, .92));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 18px 56px rgba(0,0,0,.32);
}

.browse-intro .small {
  color: #bac2b5;
}

.chip {
  background: rgba(10, 14, 11, .92);
  border-color: rgba(132, 139, 113, .22);
  color: #b8c0b1;
}

.chip:hover {
  color: #f1f6ef;
  background: rgba(104, 112, 79, .13);
  border-color: rgba(184, 170, 125, .24);
}

.search input {
  background: #070a08;
  border-color: rgba(132, 139, 113, .22);
  color: #eef2e9;
}

.search input:focus {
  outline-color: rgba(0, 72, 32, .75);
}

/* Section accents */
.section h2 {
  color: #eef2e9;
}

.section h2::before {
  border-color: rgba(0, 72, 32, .85);
  background: var(--base-green);
  box-shadow: none;
}

.section-description {
  color: #aeb6aa;
}

/* Cards: mostly charcoal/olive, green only as marker */
.card {
  background:
    linear-gradient(180deg, rgba(14, 19, 15, .98), rgba(7, 10, 8, .99));
  border-color: rgba(132, 139, 113, .19);
  border-radius: .55rem;
  box-shadow:
    0 16px 44px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.022);
}

.card::before {
  background: linear-gradient(180deg, var(--base-green), rgba(104,112,79,.20));
  opacity: .72;
}

.card:hover {
  border-color: rgba(184, 170, 125, .28);
  transform: translateY(-1px);
}

.preview {
  background:
    radial-gradient(circle at 18% 24%, rgba(0, 72, 32, .10), transparent 26%),
    linear-gradient(135deg, #080b09, #11160f 58%, #050706);
  border-bottom-color: rgba(132, 139, 113, .18);
}

.fallback {
  color: #d8ded3;
}

.mini-top {
  color: #98a190;
}

.dot {
  background: #5f684e;
}

.line {
  background: rgba(132, 139, 113, .22);
}

.tags-mini span {
  background: rgba(0, 72, 32, .18);
  border-color: rgba(0, 72, 32, .34);
  color: #c7d1c1;
}

.meta {
  color: #899283;
}

.badge {
  background: rgba(184, 170, 125, .10);
  color: #d7cda3;
  border-color: rgba(184, 170, 125, .20);
}

.card h3 {
  color: #eef2e9;
}

.small {
  color: #bbc3b6;
}

.details {
  background: rgba(5, 7, 6, .50);
  border-color: rgba(132, 139, 113, .18);
}

.details summary {
  color: #d5ded1;
}

.details summary:hover {
  color: #f4f7ef;
}

.details summary::marker {
  color: var(--tan);
}

.list {
  color: #c3cbbf;
}

.list strong {
  color: #eef2e9;
}

.tags span {
  background: rgba(104, 112, 79, .13);
  border-color: rgba(132, 139, 113, .20);
  color: #c4ccbf;
}

.links a {
  color: #d8e0d3;
}

.links a:hover {
  color: #ffffff;
}

.links a::after {
  color: rgba(184, 170, 125, .76);
}

/* Buttons: restrained, sample green only for primary/accent */
.btn {
  background:
    linear-gradient(180deg, rgba(16, 21, 15, .96), rgba(7, 10, 8, .98));
  border-color: rgba(132, 139, 113, .28);
  color: #eef2e9;
  border-radius: .42rem;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

.btn:hover {
  border-color: rgba(184, 170, 125, .32);
  background: rgba(16, 21, 15, .98);
}

.btn.primary {
  background:
    linear-gradient(180deg, rgba(0, 72, 32, .92), rgba(0, 52, 23, .92));
  border-color: rgba(0, 72, 32, .95);
  color: #f3f7ef;
}

/* Footer */
.footer {
  background:
    linear-gradient(90deg, rgba(5, 7, 6, .98), rgba(11, 16, 13, .96));
  border-top-color: rgba(184, 170, 125, .12);
}

.footer-signal {
  color: #747d6f;
}

.footer-links a {
  color: #a6aea1;
}

.footer-links a:hover {
  color: #eef2e9;
}

/* Explicitly prevent accidental light panels */
.card,
.preview,
.fallback,
.mission,
#browse,
.footer,
.site-header,
.network-menu,
.details,
.search input,
.chip,
.btn {
  color-scheme: dark;
}

::selection {
  background: rgba(0, 72, 32, .55);
  color: #ffffff;
}

/* Batch 9: neutral camo field manual — green accent only */
:root {
  --accent-green: #004820;
  --accent-green-soft: rgba(0, 72, 32, .52);

  --ink: #050505;
  --charcoal: #0b0c0a;
  --charcoal-2: #11120e;
  --charcoal-3: #171711;

  --khaki: #b8aa7d;
  --khaki-soft: rgba(184, 170, 125, .18);
  --olive: #6e7056;
  --olive-soft: rgba(110, 112, 86, .16);
  --mud: #3b3528;
  --mud-soft: rgba(59, 53, 40, .24);

  --warning: #c58a2d;
  --warning-soft: rgba(197, 138, 45, .18);

  --text: #e7e2d4;
  --muted: #aaa493;
  --line: rgba(184, 170, 125, .20);
}

/* Page base: neutral, not green */
html,
body {
  background: #050505 !important;
  background-color: #050505 !important;
  color: var(--text) !important;
}

body {
  background-image:
    radial-gradient(circle at 12% 10%, rgba(110, 112, 86, .13), transparent 24%),
    radial-gradient(circle at 82% 18%, rgba(59, 53, 40, .18), transparent 30%),
    radial-gradient(circle at 28% 82%, rgba(184, 170, 125, .07), transparent 34%),
    linear-gradient(135deg, rgba(184, 170, 125, .012) 25%, transparent 25%),
    linear-gradient(225deg, rgba(110, 112, 86, .010) 25%, transparent 25%),
    linear-gradient(180deg, #050505 0%, #0a0b09 48%, #040403 100%) !important;
  background-size:
    auto,
    auto,
    auto,
    54px 54px,
    54px 54px,
    auto !important;
}

/* Kill previous green overlays */
body::before,
body::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* Header: tactical charcoal */
.site-header {
  background: rgba(5, 5, 5, .97) !important;
  border-bottom: 1px solid rgba(184, 170, 125, .18) !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, .46) !important;
}

.brand span {
  color: var(--khaki) !important;
  border-left-color: rgba(184, 170, 125, .26) !important;
  text-shadow: none !important;
}

/* Navigation: neutral; green only active */
.nav a,
.nav details summary {
  color: #bbb4a3 !important;
  background: transparent !important;
  border-color: transparent !important;
}

.nav a:hover,
.nav details summary:hover {
  color: #f0eadc !important;
  background: rgba(184, 170, 125, .075) !important;
  border-color: rgba(184, 170, 125, .20) !important;
}

.nav a[aria-current='page'] {
  background: var(--accent-green) !important;
  border-color: var(--accent-green) !important;
  color: #f2eee2 !important;
}

.network-menu {
  background: #0b0c0a !important;
  border-color: rgba(184, 170, 125, .22) !important;
}

/* Hero: khaki/warning type, green only marker */
.hero {
  background: transparent !important;
  border-bottom: 1px solid rgba(184, 170, 125, .10) !important;
}

.kicker {
  color: var(--khaki) !important;
}

.kicker::before {
  color: var(--accent-green) !important;
}

h1 {
  color: #eee8d9 !important;
  text-shadow: none !important;
}

.lead {
  color: #c7c0ad !important;
}

/* Mission: field card, not green card */
.mission {
  background:
    linear-gradient(180deg, #14140f, #0b0c0a) !important;
  border: 1px solid rgba(184, 170, 125, .20) !important;
  border-left: 5px solid var(--accent-green) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.38) !important;
}

.mission p,
.mission .small {
  color: #c9c1ad !important;
}

/* Browse tray: neutral gear tray */
#browse {
  background:
    linear-gradient(180deg, #11120e, #090a08) !important;
  border-color: rgba(184, 170, 125, .18) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.34) !important;
}

.browse-intro .small {
  color: #bdb5a1 !important;
}

/* Chips: neutral; active green */
.chip {
  background: #15150f !important;
  border-color: rgba(184, 170, 125, .22) !important;
  color: #bdb5a1 !important;
}

.chip:hover {
  background: rgba(184, 170, 125, .08) !important;
  border-color: rgba(184, 170, 125, .30) !important;
  color: #f0eadc !important;
}

.chip.active {
  background: var(--accent-green) !important;
  border-color: var(--accent-green) !important;
  color: #f2eee2 !important;
}

/* Search */
.search input {
  background: #080806 !important;
  border-color: rgba(184, 170, 125, .24) !important;
  color: #eee8d9 !important;
}

.search input:focus {
  outline: 2px solid rgba(197, 138, 45, .55) !important;
  outline-offset: 2px !important;
}

/* Section title: green marker only */
.section h2 {
  color: #eee8d9 !important;
}

.section h2::before {
  background: var(--accent-green) !important;
  border-color: var(--accent-green) !important;
  box-shadow: none !important;
}

.section-description {
  color: #aaa493 !important;
}

/* Cards: charcoal/khaki/mud. Green only left stripe. */
.card {
  background:
    linear-gradient(180deg, #14140f, #090a08) !important;
  border-color: rgba(184, 170, 125, .18) !important;
  box-shadow: 0 16px 42px rgba(0,0,0,.36) !important;
}

.card::before {
  background: var(--accent-green) !important;
  opacity: .82 !important;
}

.card:hover {
  border-color: rgba(197, 138, 45, .34) !important;
  transform: translateY(-1px) !important;
}

/* Preview: no green, just subdued field-terminal look */
.preview {
  background:
    radial-gradient(circle at 16% 20%, rgba(184, 170, 125, .075), transparent 30%),
    linear-gradient(135deg, #090a08, #171711 58%, #070806) !important;
  border-bottom-color: rgba(184, 170, 125, .16) !important;
}

.fallback {
  background: transparent !important;
  color: #d9d2bf !important;
}

.mini-top {
  color: #9d9787 !important;
}

.dot {
  background: #6e7056 !important;
}

.line {
  background: rgba(184, 170, 125, .20) !important;
}

.tags-mini span {
  background: rgba(59, 53, 40, .40) !important;
  border-color: rgba(184, 170, 125, .20) !important;
  color: #cfc6ad !important;
}

/* Card content */
.meta {
  color: #958f7f !important;
}

.badge {
  background: var(--warning-soft) !important;
  border-color: rgba(197, 138, 45, .30) !important;
  color: #e4c385 !important;
}

.card h3 {
  color: #eee8d9 !important;
}

.small {
  color: #bfb7a3 !important;
}

.details {
  background: #0b0c0a !important;
  border-color: rgba(184, 170, 125, .17) !important;
}

.details summary {
  color: #d8cfba !important;
}

.details summary:hover {
  color: #f4eddf !important;
}

.details summary::marker {
  color: var(--warning) !important;
}

.list {
  color: #c8c0ad !important;
}

.list strong {
  color: #eee8d9 !important;
}

/* Tags: neutral field labels, not green labels */
.tags span {
  background: #171711 !important;
  border-color: rgba(184, 170, 125, .20) !important;
  color: #c8c0ad !important;
}

/* Links: khaki/warning, not green */
.links a {
  color: #d8cfba !important;
}

.links a:hover {
  color: #ffffff !important;
}

.links a::after {
  color: var(--warning) !important;
}

/* Buttons: neutral. Primary green only. Warning/CTA hover amber. */
.btn {
  background:
    linear-gradient(180deg, #171711, #0b0c0a) !important;
  border-color: rgba(184, 170, 125, .26) !important;
  color: #eee8d9 !important;
  box-shadow: none !important;
}

.btn:hover {
  background: #1d1d15 !important;
  border-color: rgba(197, 138, 45, .40) !important;
}

.btn.primary {
  background: var(--accent-green) !important;
  border-color: var(--accent-green) !important;
  color: #f4eddf !important;
}

/* Warning/caution highlight */
.caution {
  color: #e4c385 !important;
  background: rgba(197, 138, 45, .08) !important;
  border-left: 3px solid var(--warning) !important;
  padding-left: .75rem !important;
}

/* Footer: neutral */
.footer {
  background: #070806 !important;
  border-top-color: rgba(184, 170, 125, .13) !important;
  box-shadow: 0 -12px 34px rgba(0,0,0,.34) !important;
}

.footer-signal {
  color: #797263 !important;
}

.footer-links a {
  color: #aaa493 !important;
}

.footer-links a:hover {
  color: #eee8d9 !important;
}

/* No accidental light panels, no green wash */
.card,
.preview,
.fallback,
.mission,
#browse,
.footer,
.site-header,
.network-menu,
.details,
.search input,
.chip,
.btn {
  color-scheme: dark !important;
}

::selection {
  background: rgba(197, 138, 45, .30) !important;
  color: #ffffff !important;
}

/* Batch 10: neutral field base, green accent only, amber/red warning highlights */
:root {
  --kit-green: #004820;
  --kit-green-soft: rgba(0, 72, 32, .58);

  --kit-bg: #050505;
  --kit-bg-2: #090908;
  --kit-panel: #10100d;
  --kit-panel-2: #15140f;
  --kit-panel-3: #1b1a13;

  --kit-text: #e8e2d2;
  --kit-muted: #aaa391;
  --kit-line: rgba(181, 169, 125, .22);

  --kit-khaki: #b7aa7a;
  --kit-olive: #6f7058;
  --kit-mud: #3b3428;

  --kit-amber: #d49a32;
  --kit-amber-soft: rgba(212, 154, 50, .16);

  --kit-red: #a23a31;
  --kit-red-soft: rgba(162, 58, 49, .16);
}

/* Base: charcoal/khaki/mud. Zero green wash. */
html,
body {
  background: var(--kit-bg) !important;
  background-color: var(--kit-bg) !important;
  color: var(--kit-text) !important;
}

body {
  background-image:
    radial-gradient(circle at 14% 12%, rgba(111, 112, 88, .12), transparent 26%),
    radial-gradient(circle at 86% 18%, rgba(59, 52, 40, .18), transparent 32%),
    radial-gradient(circle at 38% 88%, rgba(181, 169, 125, .07), transparent 34%),
    linear-gradient(135deg, rgba(181, 169, 125, .018) 25%, transparent 25%),
    linear-gradient(225deg, rgba(111, 112, 88, .014) 25%, transparent 25%),
    linear-gradient(180deg, #050505 0%, #090908 50%, #040403 100%) !important;
  background-size: auto, auto, auto, 56px 56px, 56px 56px, auto !important;
}

body::before,
body::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* Header: neutral field shell */
.site-header {
  background: rgba(5, 5, 5, .97) !important;
  border-bottom: 1px solid rgba(181, 169, 125, .18) !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, .48) !important;
}

.brand span {
  color: var(--kit-khaki) !important;
  border-left-color: rgba(181, 169, 125, .28) !important;
}

/* Nav: green only for active/current */
.nav a,
.nav details summary {
  color: #bab29f !important;
  background: transparent !important;
  border-color: transparent !important;
}

.nav a:hover,
.nav details summary:hover {
  color: #f0eadc !important;
  background: rgba(181, 169, 125, .08) !important;
  border-color: rgba(181, 169, 125, .20) !important;
}

.nav a[aria-current='page'] {
  background: var(--kit-green) !important;
  border-color: var(--kit-green) !important;
  color: #f4eddf !important;
}

.network-menu {
  background: #0b0b09 !important;
  border-color: rgba(181, 169, 125, .22) !important;
}

/* Hero */
.hero {
  background: transparent !important;
  border-bottom: 1px solid rgba(181, 169, 125, .10) !important;
}

.kicker {
  color: var(--kit-amber) !important;
}

.kicker::before {
  color: var(--kit-green) !important;
}

h1 {
  color: #f0eadc !important;
  text-shadow: none !important;
}

.lead {
  color: #c8c0ad !important;
}

/* Mission: neutral field note; green only as the side marker */
.mission {
  background:
    linear-gradient(180deg, var(--kit-panel-2), #0b0b09) !important;
  border: 1px solid rgba(181, 169, 125, .21) !important;
  border-left: 5px solid var(--kit-green) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.38) !important;
}

.mission p,
.mission .small {
  color: #c9c1ad !important;
}

/* Browse tray */
#browse {
  background:
    linear-gradient(180deg, var(--kit-panel), #090908) !important;
  border-color: rgba(181, 169, 125, .19) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.35) !important;
}

.browse-intro .small {
  color: #bdb5a1 !important;
}

/* Chips: neutral. Active green. */
.chip {
  background: var(--kit-panel-2) !important;
  border-color: rgba(181, 169, 125, .24) !important;
  color: #bdb5a1 !important;
}

.chip:hover {
  background: rgba(181, 169, 125, .08) !important;
  border-color: rgba(212, 154, 50, .34) !important;
  color: #f0eadc !important;
}

.chip.active {
  background: var(--kit-green) !important;
  border-color: var(--kit-green) !important;
  color: #f4eddf !important;
}

/* Search: amber focus, not green */
.search input {
  background: #080806 !important;
  border-color: rgba(181, 169, 125, .25) !important;
  color: #f0eadc !important;
}

.search input:focus {
  outline: 2px solid rgba(212, 154, 50, .58) !important;
  outline-offset: 2px !important;
  border-color: rgba(212, 154, 50, .50) !important;
}

/* Section title: green only marker, amber hover/line energy elsewhere */
.section h2 {
  color: #f0eadc !important;
}

.section h2::before {
  background: var(--kit-green) !important;
  border-color: var(--kit-green) !important;
  box-shadow: none !important;
}

.section-description {
  color: #aaa391 !important;
}

/* Cards: neutral camo cards. Green side stripe only. */
.card {
  background:
    linear-gradient(180deg, var(--kit-panel-2), #090908) !important;
  border-color: rgba(181, 169, 125, .19) !important;
  box-shadow: 0 16px 42px rgba(0,0,0,.36) !important;
}

.card::before {
  background: var(--kit-green) !important;
  opacity: .86 !important;
}

.card:hover {
  border-color: rgba(212, 154, 50, .42) !important;
  transform: translateY(-1px) !important;
}

/* Preview: no green */
.preview {
  background:
    radial-gradient(circle at 16% 20%, rgba(181, 169, 125, .075), transparent 30%),
    linear-gradient(135deg, #090908, #171711 58%, #070706) !important;
  border-bottom-color: rgba(181, 169, 125, .18) !important;
}

.fallback {
  color: #d9d2bf !important;
}

.mini-top {
  color: #9d9787 !important;
}

.dot {
  background: var(--kit-olive) !important;
}

.line {
  background: rgba(181, 169, 125, .22) !important;
}

.tags-mini span {
  background: rgba(59, 52, 40, .42) !important;
  border-color: rgba(181, 169, 125, .22) !important;
  color: #cfc6ad !important;
}

/* Text + badges */
.meta {
  color: #958f7f !important;
}

.badge {
  background: var(--kit-amber-soft) !important;
  border-color: rgba(212, 154, 50, .42) !important;
  color: #efc879 !important;
}

.card h3 {
  color: #f0eadc !important;
}

.small {
  color: #bfb7a3 !important;
}

.details {
  background: #0b0b09 !important;
  border-color: rgba(181, 169, 125, .18) !important;
}

.details summary {
  color: #d8cfba !important;
}

.details summary:hover {
  color: #f4eddf !important;
}

.details summary::marker {
  color: var(--kit-amber) !important;
}

.list {
  color: #c8c0ad !important;
}

.list strong {
  color: #f0eadc !important;
}

/* Tags neutral, not green */
.tags span {
  background: #171711 !important;
  border-color: rgba(181, 169, 125, .21) !important;
  color: #c8c0ad !important;
}

/* Links amber/khaki */
.links a {
  color: #dfd2b6 !important;
}

.links a:hover {
  color: #ffffff !important;
}

.links a::after {
  color: var(--kit-amber) !important;
}

/* Buttons: neutral default, green primary, amber hover */
.btn {
  background:
    linear-gradient(180deg, #171711, #0b0b09) !important;
  border-color: rgba(181, 169, 125, .28) !important;
  color: #f0eadc !important;
  box-shadow: none !important;
}

.btn:hover {
  background: #1d1c15 !important;
  border-color: rgba(212, 154, 50, .46) !important;
}

.btn.primary {
  background: var(--kit-green) !important;
  border-color: var(--kit-green) !important;
  color: #f4eddf !important;
}

/* Warning/caution: visible amber + red */
.caution {
  color: #f0c77a !important;
  background: var(--kit-red-soft) !important;
  border-left: 4px solid var(--kit-red) !important;
  padding: .7rem .85rem !important;
  border-radius: .35rem !important;
}

.footer .caution {
  margin-top: .65rem !important;
}

/* Use amber for footer signal / tactical labels */
.footer-signal {
  color: var(--kit-amber) !important;
}

/* Footer neutral */
.footer {
  background: #070706 !important;
  border-top-color: rgba(181, 169, 125, .14) !important;
  box-shadow: 0 -12px 34px rgba(0,0,0,.34) !important;
}

.footer-links a {
  color: #aaa391 !important;
}

.footer-links a:hover {
  color: #f0eadc !important;
}

/* No accidental light panels or green wash */
.card,
.preview,
.fallback,
.mission,
#browse,
.footer,
.site-header,
.network-menu,
.details,
.search input,
.chip,
.btn {
  color-scheme: dark !important;
}

::selection {
  background: rgba(212, 154, 50, .30) !important;
  color: #ffffff !important;
}

/* Preview render fix: use local screenshots as background blocks, not visible alt text */
.preview {
  overflow: hidden !important;
}

.shot {
  display: block;
  width: 100%;
  height: 128px;
  min-height: 128px;
  background:
    radial-gradient(circle at 18% 20%, rgba(181, 169, 125, .075), transparent 30%),
    linear-gradient(135deg, #090908, #171711 58%, #070706);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.shot.loaded {
  filter: saturate(.92) contrast(.96) brightness(.86);
}

.shot.failed {
  background:
    linear-gradient(135deg, #090908, #171711 58%, #070706);
}

@media (max-width: 720px) {
  .shot {
    height: 112px;
    min-height: 112px;
  }
}

/* Preview + category separation patch */
.preview {
  overflow: hidden !important;
}

.shot {
  display: block;
  width: 100%;
  height: 128px;
  min-height: 128px;
  background:
    radial-gradient(circle at 18% 20%, rgba(181, 169, 125, .075), transparent 30%),
    linear-gradient(135deg, #090908, #171711 58%, #070706);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.shot.loaded {
  filter: saturate(.92) contrast(.98) brightness(.88);
}

.section-topline {
  margin-bottom: 1rem;
  padding-bottom: .75rem;
  border-bottom: 1px solid rgba(181, 169, 125, .18);
}

.buckets {
  display: grid;
  gap: 1.35rem;
}

.bucket {
  padding: .9rem;
  border: 1px solid rgba(181, 169, 125, .16);
  border-radius: .75rem;
  background:
    linear-gradient(180deg, rgba(15, 15, 12, .62), rgba(7, 7, 6, .48));
}

.bucket-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .8rem;
  padding-bottom: .55rem;
  border-bottom: 1px solid rgba(181, 169, 125, .13);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.bucket-label {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: #d49a32;
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.bucket-label::before {
  content: "";
  width: .65rem;
  height: .65rem;
  border-radius: 2px;
  background: #004820;
  box-shadow: 0 0 0 1px rgba(0, 72, 32, .55);
}

.bucket-count {
  color: #8f8878;
  font-size: .72rem;
  white-space: nowrap;
}

.bucket-grid {
  margin-top: 0;
}

@media (max-width: 720px) {
  .shot {
    height: 112px;
    min-height: 112px;
  }

  .bucket {
    padding: .7rem;
  }

  .bucket-head {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Horizontal bucket lanes: subcategories scroll sideways instead of wrapping */
.bucket-grid {
  display: flex !important;
  grid-template-columns: none !important;
  grid-auto-flow: unset !important;
  align-items: stretch !important;
  gap: .85rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: .1rem .1rem .85rem !important;
  margin-inline: -.1rem !important;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
  scrollbar-color: rgba(212, 154, 50, .55) rgba(15, 15, 12, .9);
}

.bucket-grid::-webkit-scrollbar {
  height: .55rem;
}

.bucket-grid::-webkit-scrollbar-track {
  background: rgba(15, 15, 12, .9);
  border-radius: 999px;
}

.bucket-grid::-webkit-scrollbar-thumb {
  background: rgba(212, 154, 50, .55);
  border-radius: 999px;
}

.bucket-grid::-webkit-scrollbar-thumb:hover {
  background: rgba(212, 154, 50, .78);
}

.bucket-grid .card {
  flex: 0 0 clamp(255px, 30vw, 340px) !important;
  width: clamp(255px, 30vw, 340px) !important;
  max-width: 340px !important;
  min-width: 255px !important;
  scroll-snap-align: start;
}

.bucket {
  overflow: hidden;
}

.bucket-head {
  position: sticky;
  left: 0;
}

@media (min-width: 1300px) {
  .bucket-grid .card {
    flex-basis: 320px !important;
    width: 320px !important;
  }
}

@media (max-width: 720px) {
  .bucket-grid {
    gap: .75rem !important;
    padding-bottom: .75rem !important;
  }

  .bucket-grid .card {
    flex: 0 0 min(82vw, 330px) !important;
    width: min(82vw, 330px) !important;
    min-width: min(82vw, 330px) !important;
  }
}