.phenotype-hero .hero-inner,
.final-triplet,
.surfaceology-explanation,
.measurement-status,
.final-triplet-figures {
  max-width: var(--content, 1120px);
  margin-inline: auto;
}

.final-triplet-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.final-triplet-cards .card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.3rem;
  border-top: 0.28rem solid var(--teal, #117776);
}

.final-triplet-cards strong {
  color: var(--teal, #117776);
  font-size: clamp(1.6rem, 3vw, 2.5rem);
  line-height: 1.05;
}

.final-triplet-cards small {
  font-size: 0.85rem;
}

.result-lead {
  max-width: 72ch;
  margin-block: 1.5rem;
  font-size: 1.08rem;
}

.phenotype-figure,
.historical-figure {
  margin: 1.5rem 0;
}

.phenotype-figure > img,
.historical-figure img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--line, #c8d4d2);
  border-radius: var(--radius, 0.75rem);
  background: #fff;
}

.phenotype-figure figcaption,
.historical-figure figcaption,
.final-triplet-figures figcaption {
  margin-top: 0.65rem;
  color: var(--muted, #4d615f);
  font-size: 0.92rem;
  line-height: 1.5;
}

.screen-reader-summary {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.measurement-status {
  border-left: 0.32rem solid var(--teal, #117776);
}

.measurement-boundary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
  gap: 0.55rem 1.25rem;
  padding-left: 1.2rem;
}

.stability-note {
  padding: 1rem 1.1rem;
  border-left: 0.28rem solid #8a6d1d;
  background: #fff8df;
}

.surfaceology-explanation details,
.final-triplet details {
  margin-block: 1rem;
  border: 1px solid var(--line, #c8d4d2);
  border-radius: var(--radius, 0.75rem);
  padding: 0.85rem 1rem;
}

.surfaceology-explanation summary,
.final-triplet summary {
  cursor: pointer;
  font-weight: 700;
}

.surfaceology-explanation summary:focus-visible,
.final-triplet summary:focus-visible {
  outline: 3px solid var(--teal, #117776);
  outline-offset: 4px;
}

.supporting-figure {
  max-width: 760px;
}

.final-triplet-table {
  max-width: 100%;
  overflow-x: auto;
}

.final-triplet-table table {
  min-width: 760px;
  border-collapse: collapse;
}

.final-triplet-table td,
.final-triplet-table th {
  padding: 0.7rem;
  text-align: left;
  border-bottom: 1px solid #aaa;
}

.final-triplet-figures {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: 1.5rem;
}

.final-triplet-figures figure {
  min-width: 0;
  margin: 0;
}

.final-triplet-figures img {
  display: block;
  width: 100%;
  height: auto;
}

.final-triplet code {
  overflow-wrap: anywhere;
}

.final-triplet li {
  margin-bottom: 0.5rem;
}

.page-evidence main,
.final-triplet {
  overflow-wrap: anywhere;
}

.page-evidence .governed-graph-mounted {
  min-width: 0;
}

.page-evidence .governed-graph-table-wrap {
  max-width: 100%;
}

@media (max-width: 760px) {
  .final-triplet-cards {
    grid-template-columns: 1fr;
  }

  .hero-result-figure {
    margin-inline: -0.5rem;
  }
}

@media print {
  .final-triplet-table {
    overflow: visible;
  }

  .final-triplet-table table {
    min-width: 0;
    font-size: 8pt;
  }
}