.proof-source-router-section {
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at 18% 16%, rgba(104, 211, 197, 0.12), transparent 30rem),
    linear-gradient(135deg, rgba(8, 15, 24, 0.94), rgba(7, 9, 17, 0.98));
}

.proof-source-router-layout {
  display: grid;
  grid-template-columns: minmax(16rem, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(2rem, 4vw, 4.5rem);
  align-items: start;
}

.proof-source-router-copy {
  position: sticky;
  top: 7rem;
}

.proof-source-router-copy .lab-section-lead {
  max-width: 42rem;
}

.proof-source-router-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  margin-top: 1.5rem;
}

.proof-source-router-board {
  position: relative;
  min-height: 45rem;
  padding: clamp(1rem, 2vw, 1.35rem);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(7, 12, 20, 0.64);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 24px 80px rgba(0, 0, 0, 0.24);
  isolation: isolate;
}

.proof-source-router-asset {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.78;
}

.proof-source-router-list {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-rows: minmax(10rem, auto);
  gap: 0.9rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.proof-source-router-card {
  position: relative;
  display: grid;
  gap: 0.9rem;
  align-content: start;
  min-height: 100%;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 8px;
  background: rgba(6, 13, 23, 0.72);
  backdrop-filter: blur(16px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transition:
    transform 260ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 260ms cubic-bezier(0.16, 1, 0.3, 1),
    background 260ms cubic-bezier(0.16, 1, 0.3, 1);
}

.proof-source-router-card:hover,
.proof-source-router-card:focus-within {
  transform: translateY(-3px);
  border-color: rgba(115, 221, 207, 0.42);
  background: rgba(9, 21, 34, 0.84);
}

.proof-source-router-card h3 {
  margin: 0;
  color: rgba(244, 247, 251, 0.94);
  font-size: clamp(1rem, 1.2vw, 1.22rem);
  line-height: 1.08;
}

.proof-source-router-index {
  display: inline-grid;
  width: 2.3rem;
  height: 2.3rem;
  place-items: center;
  border: 1px solid rgba(115, 221, 207, 0.34);
  border-radius: 999px;
  color: rgba(124, 226, 213, 0.9);
  font-family: var(--font-mono);
  font-size: 0.72rem;
}

.proof-source-router-card dl {
  display: grid;
  gap: 0.62rem;
  margin: 0;
}

.proof-source-router-card dl div {
  display: grid;
  gap: 0.18rem;
  padding-top: 0.62rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.proof-source-router-card dt {
  color: rgba(124, 226, 213, 0.8);
  font-family: var(--font-mono);
  font-size: 0.68rem;
  letter-spacing: 0;
  text-transform: uppercase;
}

.proof-source-router-card dd {
  margin: 0;
  color: rgba(221, 228, 239, 0.76);
  font-size: 0.88rem;
  line-height: 1.45;
}

.proof-source-router-card a {
  color: rgba(245, 211, 135, 0.94);
  text-decoration: none;
}

.proof-source-router-card a:hover,
.proof-source-router-card a:focus-visible {
  color: rgba(255, 232, 167, 1);
  text-decoration: underline;
  text-underline-offset: 0.22em;
}

.source-router-architecture {
  grid-column: span 5;
}

.source-router-organism {
  grid-column: span 7;
}

.source-router-runtime {
  grid-column: span 4;
}

.source-router-web3 {
  grid-column: span 4;
}

.source-router-transmission {
  grid-column: span 4;
}

.source-router-collaboration {
  grid-column: 4 / span 6;
}

.brain-awareness-checkpoint-section {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at 78% 16%, rgba(155, 114, 255, 0.13), transparent 28rem),
    radial-gradient(circle at 14% 88%, rgba(114, 223, 208, 0.1), transparent 24rem),
    linear-gradient(135deg, rgba(7, 10, 18, 0.98), rgba(11, 16, 25, 0.94));
}

.brain-awareness-checkpoint-layout {
  display: grid;
  grid-template-columns: minmax(16rem, 0.68fr) minmax(0, 1.32fr);
  gap: clamp(2rem, 4vw, 4.25rem);
  align-items: start;
}

.brain-awareness-checkpoint-copy {
  position: sticky;
  top: 7rem;
}

.brain-awareness-checkpoint-copy .lab-section-lead {
  max-width: 42rem;
}

.brain-awareness-checkpoint-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  margin-top: 1.5rem;
}

.brain-awareness-checkpoint-board {
  position: relative;
  min-height: 42rem;
  padding: clamp(1rem, 2vw, 1.35rem);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 8px;
  background: rgba(7, 12, 20, 0.68);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 24px 86px rgba(0, 0, 0, 0.26);
  isolation: isolate;
}

.brain-awareness-checkpoint-asset {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.7;
}

.brain-awareness-checkpoint-selector {
  display: grid;
  gap: 1rem;
  margin: 0;
  padding: 0;
  border: 0;
}

.brain-awareness-checkpoint-selector legend {
  color: rgba(114, 223, 208, 0.82);
  font-family: var(--font-mono);
  font-size: 0.76rem;
  letter-spacing: 0;
  text-transform: uppercase;
}

.brain-awareness-checkpoint-radio {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.brain-awareness-checkpoint-tabs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.65rem;
}

.brain-awareness-checkpoint-tabs label {
  display: grid;
  gap: 0.28rem;
  min-height: 5.75rem;
  padding: 0.85rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(6, 13, 23, 0.68);
  color: rgba(223, 230, 241, 0.72);
  cursor: pointer;
  transition:
    transform 220ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 220ms cubic-bezier(0.16, 1, 0.3, 1),
    background 220ms cubic-bezier(0.16, 1, 0.3, 1);
}

.brain-awareness-checkpoint-tabs label span {
  color: rgba(114, 223, 208, 0.78);
  font-family: var(--font-mono);
  font-size: 0.72rem;
}

.brain-awareness-checkpoint-tabs label strong {
  color: rgba(244, 247, 251, 0.92);
  font-size: 1rem;
  line-height: 1.1;
}

.brain-awareness-checkpoint-tabs label:hover {
  border-color: rgba(114, 223, 208, 0.28);
}

#brain-checkpoint-prompt:focus-visible ~ .brain-awareness-checkpoint-tabs label[for="brain-checkpoint-prompt"],
#brain-checkpoint-guard:focus-visible ~ .brain-awareness-checkpoint-tabs label[for="brain-checkpoint-guard"],
#brain-checkpoint-overclaim:focus-visible ~ .brain-awareness-checkpoint-tabs label[for="brain-checkpoint-overclaim"],
#brain-checkpoint-smoke:focus-visible ~ .brain-awareness-checkpoint-tabs label[for="brain-checkpoint-smoke"],
#brain-checkpoint-availability:focus-visible ~ .brain-awareness-checkpoint-tabs label[for="brain-checkpoint-availability"] {
  outline: 2px solid rgba(114, 223, 208, 0.72);
  outline-offset: 3px;
}

#brain-checkpoint-prompt:checked ~ .brain-awareness-checkpoint-tabs label[for="brain-checkpoint-prompt"],
#brain-checkpoint-guard:checked ~ .brain-awareness-checkpoint-tabs label[for="brain-checkpoint-guard"],
#brain-checkpoint-overclaim:checked ~ .brain-awareness-checkpoint-tabs label[for="brain-checkpoint-overclaim"],
#brain-checkpoint-smoke:checked ~ .brain-awareness-checkpoint-tabs label[for="brain-checkpoint-smoke"],
#brain-checkpoint-availability:checked ~ .brain-awareness-checkpoint-tabs label[for="brain-checkpoint-availability"] {
  transform: translateY(-2px);
  border-color: rgba(231, 195, 111, 0.46);
  background: rgba(15, 25, 38, 0.86);
}

.brain-awareness-checkpoint-panels {
  position: relative;
  min-height: 21rem;
}

.brain-awareness-checkpoint-panel {
  position: absolute;
  inset: 0;
  display: grid;
  align-content: start;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.25rem);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 8px;
  background: rgba(6, 13, 23, 0.78);
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition:
    opacity 220ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
}

#brain-checkpoint-prompt:checked ~ .brain-awareness-checkpoint-panels .checkpoint-panel-prompt,
#brain-checkpoint-guard:checked ~ .brain-awareness-checkpoint-panels .checkpoint-panel-guard,
#brain-checkpoint-overclaim:checked ~ .brain-awareness-checkpoint-panels .checkpoint-panel-overclaim,
#brain-checkpoint-smoke:checked ~ .brain-awareness-checkpoint-panels .checkpoint-panel-smoke,
#brain-checkpoint-availability:checked ~ .brain-awareness-checkpoint-panels .checkpoint-panel-availability {
  position: relative;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.brain-awareness-checkpoint-state,
.brain-awareness-checkpoint-panel dt {
  color: rgba(114, 223, 208, 0.84);
  font-family: var(--font-mono);
  font-size: 0.72rem;
  letter-spacing: 0;
  text-transform: uppercase;
}

.brain-awareness-checkpoint-panel h3 {
  max-width: 46rem;
  margin: 0;
  color: rgba(245, 247, 252, 0.94);
  font-size: clamp(1.35rem, 2vw, 2rem);
  line-height: 1.08;
}

.brain-awareness-checkpoint-panel dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 0;
}

.brain-awareness-checkpoint-panel dl div {
  display: grid;
  gap: 0.38rem;
  min-width: 0;
  padding: 0.85rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
}

.brain-awareness-checkpoint-panel dd {
  margin: 0;
  color: rgba(221, 228, 239, 0.78);
  font-size: 0.92rem;
  line-height: 1.48;
}

.brain-awareness-checkpoint-panel a {
  color: rgba(245, 211, 135, 0.94);
  text-decoration: none;
}

.brain-awareness-checkpoint-panel a:hover,
.brain-awareness-checkpoint-panel a:focus-visible {
  color: rgba(255, 232, 167, 1);
  text-decoration: underline;
  text-underline-offset: 0.22em;
}

.brain-awareness-checkpoint-panel code {
  display: block;
  overflow-wrap: anywhere;
  color: rgba(244, 247, 251, 0.9);
  font-size: 0.82rem;
  line-height: 1.42;
}

.status-mirror-section {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at 16% 22%, rgba(114, 223, 208, 0.13), transparent 27rem),
    radial-gradient(circle at 84% 78%, rgba(245, 211, 135, 0.09), transparent 25rem),
    linear-gradient(145deg, rgba(5, 10, 18, 0.98), rgba(8, 14, 22, 0.94));
}

.status-mirror-layout {
  display: grid;
  grid-template-columns: minmax(16rem, 0.64fr) minmax(0, 1.36fr);
  gap: clamp(2rem, 4vw, 4.25rem);
  align-items: start;
}

.status-mirror-copy {
  position: sticky;
  top: 7rem;
}

.status-mirror-copy .lab-section-lead {
  max-width: 42rem;
}

.status-mirror-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  margin-top: 1.5rem;
}

.status-mirror-board {
  position: relative;
  min-height: 42rem;
  padding: clamp(1rem, 2vw, 1.35rem);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 8px;
  background: rgba(7, 12, 20, 0.68);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 24px 86px rgba(0, 0, 0, 0.26);
  isolation: isolate;
}

.status-mirror-asset {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.64;
}

.status-mirror-selector {
  display: grid;
  gap: 1rem;
  margin: 0;
  padding: 0;
  border: 0;
}

.status-mirror-selector legend {
  color: rgba(245, 211, 135, 0.82);
  font-family: var(--font-mono);
  font-size: 0.76rem;
  letter-spacing: 0;
  text-transform: uppercase;
}

.status-mirror-radio {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.status-mirror-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.65rem;
}

.status-mirror-tabs label {
  display: grid;
  gap: 0.28rem;
  min-height: 5.75rem;
  padding: 0.85rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(6, 13, 23, 0.68);
  color: rgba(223, 230, 241, 0.72);
  cursor: pointer;
  transition:
    transform 220ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 220ms cubic-bezier(0.16, 1, 0.3, 1),
    background 220ms cubic-bezier(0.16, 1, 0.3, 1);
}

.status-mirror-tabs label span {
  color: rgba(245, 211, 135, 0.78);
  font-family: var(--font-mono);
  font-size: 0.72rem;
}

.status-mirror-tabs label strong {
  color: rgba(244, 247, 251, 0.92);
  font-size: 1rem;
  line-height: 1.1;
}

.status-mirror-tabs label:hover {
  border-color: rgba(245, 211, 135, 0.3);
}

#status-mirror-public:focus-visible ~ .status-mirror-tabs label[for="status-mirror-public"],
#status-mirror-organisms:focus-visible ~ .status-mirror-tabs label[for="status-mirror-organisms"],
#status-mirror-endpoints:focus-visible ~ .status-mirror-tabs label[for="status-mirror-endpoints"],
#status-mirror-gate:focus-visible ~ .status-mirror-tabs label[for="status-mirror-gate"] {
  outline: 2px solid rgba(245, 211, 135, 0.72);
  outline-offset: 3px;
}

#status-mirror-public:checked ~ .status-mirror-tabs label[for="status-mirror-public"],
#status-mirror-organisms:checked ~ .status-mirror-tabs label[for="status-mirror-organisms"],
#status-mirror-endpoints:checked ~ .status-mirror-tabs label[for="status-mirror-endpoints"],
#status-mirror-gate:checked ~ .status-mirror-tabs label[for="status-mirror-gate"] {
  transform: translateY(-2px);
  border-color: rgba(114, 223, 208, 0.46);
  background: rgba(15, 25, 38, 0.86);
}

.status-mirror-panels {
  position: relative;
  min-height: 21rem;
}

.status-mirror-panel {
  position: absolute;
  inset: 0;
  display: grid;
  align-content: start;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.25rem);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 8px;
  background: rgba(6, 13, 23, 0.78);
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition:
    opacity 220ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
}

#status-mirror-public:checked ~ .status-mirror-panels .status-mirror-panel-public,
#status-mirror-organisms:checked ~ .status-mirror-panels .status-mirror-panel-organisms,
#status-mirror-endpoints:checked ~ .status-mirror-panels .status-mirror-panel-endpoints,
#status-mirror-gate:checked ~ .status-mirror-panels .status-mirror-panel-gate {
  position: relative;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.status-mirror-state,
.status-mirror-panel dt {
  color: rgba(245, 211, 135, 0.84);
  font-family: var(--font-mono);
  font-size: 0.72rem;
  letter-spacing: 0;
  text-transform: uppercase;
}

.status-mirror-panel h3 {
  max-width: 46rem;
  margin: 0;
  color: rgba(245, 247, 252, 0.94);
  font-size: clamp(1.35rem, 2vw, 2rem);
  line-height: 1.08;
}

.status-mirror-panel dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 0;
}

.status-mirror-panel dl div {
  display: grid;
  gap: 0.38rem;
  min-width: 0;
  padding: 0.85rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
}

.status-mirror-panel dd {
  margin: 0;
  color: rgba(221, 228, 239, 0.78);
  font-size: 0.92rem;
  line-height: 1.48;
}

.status-mirror-panel a {
  color: rgba(114, 223, 208, 0.94);
  text-decoration: none;
}

.status-mirror-panel a:hover,
.status-mirror-panel a:focus-visible {
  color: rgba(168, 247, 234, 1);
  text-decoration: underline;
  text-underline-offset: 0.22em;
}

@media (max-width: 1000px) {
  .proof-source-router-layout {
    grid-template-columns: 1fr;
  }

  .proof-source-router-copy,
  .brain-awareness-checkpoint-copy,
  .status-mirror-copy {
    position: static;
  }

  .proof-source-router-board,
  .brain-awareness-checkpoint-board,
  .status-mirror-board {
    min-height: auto;
  }

  .brain-awareness-checkpoint-layout,
  .status-mirror-layout {
    grid-template-columns: 1fr;
  }

  .proof-source-router-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .proof-source-router-card,
  .source-router-architecture,
  .source-router-organism,
  .source-router-runtime,
  .source-router-web3,
  .source-router-transmission,
  .source-router-collaboration {
    grid-column: auto;
  }

  .brain-awareness-checkpoint-panel dl,
  .status-mirror-panel dl {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .proof-source-router-section,
  .brain-awareness-checkpoint-section,
  .status-mirror-section {
    overflow: visible;
  }

  .proof-source-router-actions,
  .brain-awareness-checkpoint-actions,
  .status-mirror-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .proof-source-router-board,
  .brain-awareness-checkpoint-board,
  .status-mirror-board {
    padding: 0.85rem;
  }

  .proof-source-router-asset,
  .brain-awareness-checkpoint-asset,
  .status-mirror-asset {
    opacity: 0.42;
  }

  .proof-source-router-list {
    grid-template-columns: 1fr;
  }

  .brain-awareness-checkpoint-tabs,
  .status-mirror-tabs {
    grid-template-columns: 1fr 1fr;
  }

  .brain-awareness-checkpoint-tabs label,
  .status-mirror-tabs label {
    min-height: 4.85rem;
  }

  .brain-awareness-checkpoint-panels,
  .status-mirror-panels {
    min-height: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .proof-source-router-card,
  .brain-awareness-checkpoint-tabs label,
  .brain-awareness-checkpoint-panel,
  .status-mirror-tabs label,
  .status-mirror-panel {
    transition: none;
  }

  .proof-source-router-card:hover,
  .proof-source-router-card:focus-within,
  #brain-checkpoint-prompt:checked ~ .brain-awareness-checkpoint-tabs label[for="brain-checkpoint-prompt"],
  #brain-checkpoint-guard:checked ~ .brain-awareness-checkpoint-tabs label[for="brain-checkpoint-guard"],
  #brain-checkpoint-overclaim:checked ~ .brain-awareness-checkpoint-tabs label[for="brain-checkpoint-overclaim"],
  #brain-checkpoint-smoke:checked ~ .brain-awareness-checkpoint-tabs label[for="brain-checkpoint-smoke"],
  #brain-checkpoint-availability:checked ~ .brain-awareness-checkpoint-tabs label[for="brain-checkpoint-availability"],
  #status-mirror-public:checked ~ .status-mirror-tabs label[for="status-mirror-public"],
  #status-mirror-organisms:checked ~ .status-mirror-tabs label[for="status-mirror-organisms"],
  #status-mirror-endpoints:checked ~ .status-mirror-tabs label[for="status-mirror-endpoints"],
  #status-mirror-gate:checked ~ .status-mirror-tabs label[for="status-mirror-gate"] {
    transform: none;
  }
}