.evidence-page {
  background: #1d1d20;
  color: #efe4d2;
  font-family: "General Sans", Arial, sans-serif;
}

.evidence-page main {
  background: #1d1d20;
}

.evidence-shell {
  margin: 0 auto;
  width: min(1120px, calc(100% - 40px));
}

.evidence-hero {
  border-bottom: 1px solid rgb(239 228 210 / 18%);
  padding: 88px 0 64px;
}

.evidence-kicker {
  color: #5ac4b6;
  font: 600 12px/1.2 "General Sans", Arial, sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.evidence-hero h1 {
  color: #efe4d2;
  font: 400 clamp(46px, 7vw, 92px)/.96 "Zodiak", Georgia, serif;
  letter-spacing: -.035em;
  margin: 18px 0 24px;
  max-width: 960px;
}

.evidence-deck {
  color: rgb(239 228 210 / 78%);
  font: 400 21px/1.5 "General Sans", Arial, sans-serif;
  margin: 0;
  max-width: 760px;
}

.evidence-deck a,
.evidence-page a {
  color: #5ac4b6;
  text-decoration-color: rgb(90 196 182 / 60%);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.evidence-meta {
  border-top: 1px solid rgb(239 228 210 / 16%);
  color: rgb(239 228 210 / 54%);
  display: flex;
  flex-wrap: wrap;
  font: 600 11px/1.3 "General Sans", Arial, sans-serif;
  gap: 20px;
  letter-spacing: .12em;
  margin-top: 32px;
  padding-top: 20px;
  text-transform: uppercase;
}

.evidence-status {
  color: #5ac4b6;
}

.evidence-layout {
  display: grid;
  gap: 80px;
  grid-template-columns: minmax(0, 760px) 260px;
  padding: 72px 0 110px;
}

.evidence-body h2 {
  color: #efe4d2;
  font: 400 clamp(34px, 4vw, 54px)/1.02 "Zodiak", Georgia, serif;
  letter-spacing: -.025em;
  margin: 74px 0 20px;
}

.evidence-body h3,
.evidence-body h4 {
  color: #efe4d2;
  font: 400 25px/1.15 "Zodiak", Georgia, serif;
  margin: 42px 0 12px;
}

.evidence-body p,
.evidence-body li {
  color: rgb(239 228 210 / 82%);
  font: 400 18px/1.72 "General Sans", Arial, sans-serif;
}

.takeaway-box {
  background: #26262b;
  border: 1px solid rgb(90 196 182 / 42%);
  padding: 32px;
}

.takeaway-box h2 {
  margin: 0 0 18px;
}

.takeaway-box .lead {
  color: #efe4d2;
  font-weight: 600;
}

.takeaway-box ul {
  margin: 18px 0 0;
  padding-left: 22px;
}

.takeaway-box li + li {
  margin-top: 10px;
}

.question-block {
  border-bottom: 1px solid rgb(239 228 210 / 16%);
  padding: 0 0 34px;
}

.ref-links {
  font-size: 14px;
}

.evidence-aside {
  align-self: start;
  border-top: 3px solid #5ac4b6;
  padding-top: 20px;
  position: sticky;
  top: 30px;
}

.evidence-aside p,
.evidence-aside a {
  color: rgb(239 228 210 / 68%);
  font: 400 14px/1.55 "General Sans", Arial, sans-serif;
}

.evidence-aside a {
  color: #5ac4b6;
}

.evidence-aside strong {
  color: #efe4d2;
  display: block;
  font: 600 12px/1.3 "General Sans", Arial, sans-serif;
  letter-spacing: .13em;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.reference-list {
  list-style: decimal outside;
  padding-left: 32px;
}

.reference-list li {
  overflow-wrap: anywhere;
  padding-left: 8px;
}

.reference-list li::marker {
  color: #5ac4b6;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.reference-list li + li {
  margin-top: 12px;
}

.related-list {
  list-style: none;
  padding: 0;
}

.related-list li {
  border-top: 1px solid rgb(239 228 210 / 16%);
  padding: 14px 0;
}

.medical-scope-note {
  border-top: 1px solid rgb(90 196 182 / 42%);
  color: rgb(239 228 210 / 66%);
  font-size: 14px !important;
  margin: 52px 0 0;
  padding-top: 20px;
}

.draft-banner {
  background: #5ac4b6;
  color: #1d1d20;
  font: 600 11px/1.4 "General Sans", Arial, sans-serif;
  letter-spacing: .1em;
  padding: 13px 20px;
  text-align: center;
  text-transform: uppercase;
}

.evidence-grid {
  padding: 72px 0 110px;
}

.evidence-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.evidence-filter-row {
  align-items: end;
  border-bottom: 1px solid rgb(239 228 210 / 16%);
  display: flex;
  gap: 18px;
  justify-content: space-between;
  margin-bottom: 44px;
  padding-bottom: 22px;
}

.evidence-topic-filter {
  color: rgb(239 228 210 / 54%);
  display: grid;
  font: 600 9px/1 "General Sans", Arial, sans-serif;
  gap: 7px;
  letter-spacing: .12em;
  min-width: 220px;
  text-transform: uppercase;
}

.evidence-topic-filter select {
  background: #26262b;
  border: 1px solid rgb(239 228 210 / 22%);
  color: #efe4d2;
  font: 500 12px/1 "General Sans", Arial, sans-serif;
  padding: 11px 34px 10px 12px;
}

.evidence-filters button {
  background: transparent;
  border: 1px solid rgb(239 228 210 / 22%);
  color: rgb(239 228 210 / 64%);
  cursor: pointer;
  font: 600 11px/1 "General Sans", Arial, sans-serif;
  letter-spacing: .1em;
  padding: 12px 14px 11px;
  text-transform: uppercase;
}

.evidence-filters button span {
  color: rgb(239 228 210 / 38%);
  margin-left: 5px;
}

.evidence-filters button:hover,
.evidence-filters button:focus-visible,
.evidence-filters button[aria-pressed="true"] {
  border-color: #5ac4b6;
  color: #5ac4b6;
}

.evidence-filters button[aria-pressed="true"] span {
  color: #5ac4b6;
}

.evidence-card-grid {
  display: grid;
  gap: 30px 42px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.evidence-card-grid .evidence-card {
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: none;
}

.evidence-card-grid .evidence-card h2 {
  font-size: clamp(28px, 3vw, 42px);
}

.evidence-card-grid .evidence-card-link {
  margin-top: auto;
}

.evidence-card[hidden] {
  display: none;
}

.evidence-card {
  border-bottom: 1px solid rgb(239 228 210 / 16%);
  border-top: 2px solid #5ac4b6;
  max-width: 820px;
  padding: 30px 0 34px;
}

.evidence-card + .evidence-card {
  margin-top: 30px;
}

.evidence-card-meta {
  color: rgb(239 228 210 / 56%);
  display: flex;
  font: 600 11px/1.3 "General Sans", Arial, sans-serif;
  gap: 18px;
  letter-spacing: .14em;
  margin-bottom: 18px;
  text-transform: uppercase;
}

.evidence-card-meta span + span {
  color: #5ac4b6;
}

.evidence-card h2 {
  color: #efe4d2;
  font: 400 clamp(32px, 4vw, 52px)/1.02 "Zodiak", Georgia, serif;
  letter-spacing: -.025em;
  margin: 0 0 14px;
  max-width: 760px;
}

.evidence-card h2 a {
  color: inherit;
  text-decoration: none;
}

.evidence-card p {
  color: rgb(239 228 210 / 72%);
  font: 400 18px/1.6 "General Sans", Arial, sans-serif;
  margin: 0 0 22px;
  max-width: 760px;
}

.evidence-card-link {
  color: #5ac4b6;
  font: 600 12px/1.3 "General Sans", Arial, sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.evidence-empty {
  color: rgb(239 228 210 / 72%);
  font: 400 18px/1.6 "General Sans", Arial, sans-serif;
  padding: 72px 0 110px;
}

@media (max-width: 800px) {
  .evidence-hero {
    padding: 58px 0 44px;
  }

  .evidence-layout {
    gap: 54px;
    grid-template-columns: 1fr;
    padding-top: 50px;
  }

  .evidence-aside {
    order: -1;
    position: static;
  }

  .evidence-shell {
    width: min(100% - 28px, 1120px);
  }

  .evidence-body p,
  .evidence-body li {
    font-size: 17px;
  }

  .takeaway-box {
    padding: 24px;
  }

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

  .evidence-filters button {
    flex: 1 1 auto;
  }

  .evidence-filter-row {
    align-items: stretch;
    flex-direction: column;
  }

  .evidence-topic-filter {
    min-width: 0;
  }
}