/* UNIT-ABDUCTED-HETEROGENEITY-STYLE-2026-07-17-V1 */
@import url("../causal-forest-unit-abduction/site.css?v=CAUSAL-FOREST-UNIT-ABDUCTION-STYLE-2026-07-17-V1");

.brand-mark { background: var(--orange); }
.hero h1 { max-width: 900px; }
.hero h1 em { color: var(--orange-deep); white-space: nowrap; }
.hero-aside::after { border-color: rgba(226, 91, 43, 0.52); }

.status-stack {
  position: relative;
  z-index: 1;
  margin: 22px 0 18px;
  display: grid;
  gap: 10px;
}

.status-stack div {
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 11px;
  color: #dfe7ff;
  font-size: 11px;
}

.status-stack span {
  color: #91a1c4;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.status-stack strong { color: white; }

.type-equation {
  margin-top: 34px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: stretch;
  gap: 18px;
}

.type-equation article {
  padding: 28px;
  background: rgba(255, 255, 255, .055);
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 18px;
}

.type-equation article:last-child { border-color: rgba(255, 136, 95, .34); }

.type-equation small {
  color: #92a3c7;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.type-equation h3 { margin: 12px 0 8px; color: white; font-size: 22px; }
.type-equation p { margin: 0; color: #cbd2dc; line-height: 1.7; }

.type-equation > i {
  align-self: center;
  color: #ff9b76;
  font-family: var(--serif);
  font-size: 28px;
  font-style: normal;
}

.prototype-badge {
  width: fit-content;
  margin-bottom: 16px;
  padding: 7px 10px;
  display: inline-flex;
  color: var(--blue-deep);
  background: rgba(43, 89, 214, .10);
  border: 1px solid rgba(43, 89, 214, .20);
  border-radius: 999px;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.prototype-badge.orange {
  color: var(--orange-deep);
  background: rgba(226, 91, 43, .10);
  border-color: rgba(226, 91, 43, .24);
}

.algorithm-flow {
  margin: 34px 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.algorithm-flow div {
  position: relative;
  min-height: 124px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: white;
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(22, 28, 38, .06);
}

.algorithm-flow div::after {
  content: "→";
  position: absolute;
  right: -10px;
  top: 49px;
  z-index: 2;
  width: 19px;
  height: 19px;
  display: grid;
  place-items: center;
  color: var(--orange);
  background: var(--paper);
  font-size: 14px;
}

.algorithm-flow div:last-child::after { display: none; }
.algorithm-flow span { color: var(--orange-deep); font-size: 9px; font-weight: 850; letter-spacing: .12em; }
.algorithm-flow strong { font-family: var(--serif); font-size: 17px; line-height: 1.35; }

.effect-law-grid {
  margin-top: 34px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.effect-law-grid article {
  padding: 28px;
  background: white;
  border: 1px solid var(--line);
  border-radius: 18px;
}

.effect-law-grid article:nth-child(2) { background: var(--navy); border-color: var(--navy); }
.effect-law-grid article:nth-child(2) h3,
.effect-law-grid article:nth-child(2) p { color: white; }
.effect-law-grid span { color: var(--orange-deep); font-size: 9px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.effect-law-grid h3 { margin: 16px 0 10px; font-family: var(--serif); font-size: 22px; }
.effect-law-grid p { margin: 0; line-height: 1.7; }

.diagnostic-strip {
  margin-top: 28px;
  padding: 24px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  background: var(--navy);
  border-radius: 18px;
}

.diagnostic-strip div { padding: 5px 22px; border-right: 1px solid rgba(255, 255, 255, .14); }
.diagnostic-strip div:last-child { border-right: 0; }
.diagnostic-strip span { color: #91a1c4; font-size: 9px; font-weight: 800; letter-spacing: .10em; text-transform: uppercase; }
.diagnostic-strip strong { margin-top: 8px; display: block; color: white; font-family: var(--serif); font-size: 17px; }

.novelty-table thead th:nth-child(2) { background: #48536a; }
.novelty-table thead th:nth-child(3) { background: var(--orange-deep); }

.next-article {
  margin-top: 34px;
  padding: 24px 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  color: white;
  background: linear-gradient(135deg, var(--blue-deep), #17244b);
  border-radius: 16px;
  text-decoration: none;
  transition: transform .18s ease;
}

.next-article:hover { transform: translateY(-2px); }
.next-article span { color: #aebfe8; font-size: 11px; }
.next-article strong { font-family: var(--serif); font-size: 20px; }

@media (max-width: 900px) {
  .type-equation { grid-template-columns: 1fr; }
  .type-equation > i { transform: rotate(90deg); justify-self: center; }
  .algorithm-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .algorithm-flow div:nth-child(2)::after { display: none; }
  .effect-law-grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .hero h1 em { white-space: normal; }
  .status-stack div { align-items: flex-start; flex-direction: column; }
  .algorithm-flow { grid-template-columns: 1fr; }
  .algorithm-flow div::after { display: none; }
  .diagnostic-strip { grid-template-columns: 1fr; }
  .diagnostic-strip div { padding: 16px 4px; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .14); }
  .diagnostic-strip div:last-child { border-bottom: 0; }
  .next-article { align-items: flex-start; flex-direction: column; }
}