.sdavf-atlas .article-provenance {
  margin-block: 16px;
  border-bottom: 0;
  padding-bottom: 0;
}

.sdavf-atlas .atlas-story-figure { margin-block: 28px 38px; }

.sdavf-annotated-stage {
  position: relative;
  overflow: hidden;
  border: 1px solid #222832;
  border-radius: 12px;
  background: #050608;
}

.sdavf-annotated-stage img {
  display: block;
  width: 100%;
  height: auto;
}

.sdavf-marker {
  position: absolute;
  display: grid;
  place-items: center;
  width: clamp(27px, 3.1vw, 36px);
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, .88);
  border-radius: 50%;
  background: rgba(5, 8, 12, .82);
  box-shadow: 0 0 0 4px rgba(5, 8, 12, .35);
  color: #fff;
  font: 700 clamp(.75rem, 1.3vw, .9rem)/1 var(--sans);
}

.figure-one .marker-1 { left: 11%; top: 16%; }
.figure-one .marker-2 { left: 59%; top: 44%; }
.figure-one .marker-3 { left: 65%; top: 30%; }
.figure-one .marker-4 { left: 72%; top: 46%; }
.figure-one .marker-5 { left: 22%; top: 61%; }

.figure-two .marker-1 { left: 29%; top: 35%; }
.figure-two .marker-2 { left: 49%; top: 47%; }
.figure-two .marker-3 { left: 59%; top: 49%; }
.figure-two .marker-4 { left: 73%; top: 52%; }

.sdavf-figure-key {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 22px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  font-family: var(--sans);
  font-size: .9rem;
  line-height: 1.55;
}

.sdavf-figure-key li {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}

.sdavf-figure-key b {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 1px solid var(--line-strong);
  border-radius: 50%;
  color: var(--ink);
  font-size: .76rem;
}

.sdavf-evidence-table {
  width: 100%;
  margin-block: 20px 34px;
  border-collapse: collapse;
  font-family: var(--sans);
  font-size: .9rem;
  line-height: 1.55;
}

.sdavf-evidence-table th,
.sdavf-evidence-table td {
  padding: 12px 10px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
}

.sdavf-evidence-table th { color: var(--ink); }
.sdavf-evidence-table td { color: var(--ink-soft); }

.sdavf-evidence-details {
  margin-block: 34px;
  border-block: 1px solid var(--line);
}

.sdavf-evidence-details > summary {
  cursor: pointer;
  padding: 18px 2px;
  color: var(--ink);
  font: 700 1rem/1.5 var(--sans);
}

.sdavf-evidence-details > h3 { margin-top: 18px; }

.sdavf-atlas .review-record { margin-top: 40px; }

@media (max-width: 640px) {
  .sdavf-annotated-stage { border-radius: 8px; }
  .sdavf-marker { width: 28px; }
  .sdavf-figure-key { grid-template-columns: minmax(0, 1fr); }
  .sdavf-evidence-table,
  .sdavf-evidence-table tbody,
  .sdavf-evidence-table tr,
  .sdavf-evidence-table th,
  .sdavf-evidence-table td { display: block; }
  .sdavf-evidence-table thead { display: none; }
  .sdavf-evidence-table tr { padding: 12px 0; border-bottom: 1px solid var(--line); }
  .sdavf-evidence-table th,
  .sdavf-evidence-table td { padding: 3px 0; border: 0; }
  .sdavf-evidence-table td:first-child { color: var(--ink); font-weight: 700; }
}