.ak-rt-archive {
  --rt-ink: #e9f7ff;
  --rt-muted: #b7cad6;
  --rt-cyan: #4de4f4;
  --rt-gold: #f1bd67;
  --rt-panel: rgba(9, 25, 38, 0.9);
  --rt-line: rgba(117, 218, 235, 0.25);
  margin: clamp(3rem, 7vw, 6rem) 0 2rem;
  color: var(--rt-ink);
}

.ak-rt-archive__header {
  max-width: 760px;
  margin-bottom: 1.75rem;
}

.ak-rt-eyebrow {
  margin: 0 0 .5rem;
  color: var(--rt-cyan);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .16em;
}

.ak-rt-archive__header h2 {
  margin: 0 0 .65rem;
  font-size: clamp(2rem, 5vw, 3.5rem);
  line-height: 1.05;
}

.ak-rt-archive__header > p:last-child {
  color: #485963;
  font-size: 1.08rem;
  line-height: 1.75;
}

.ak-rt-grid {
  display: grid;
  gap: 1.25rem;
}

.ak-rt-card {
  position: relative;
  overflow: hidden;
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid var(--rt-line);
  border-radius: 22px;
  background:
    radial-gradient(circle at 96% 4%, rgba(77, 228, 244, .13), transparent 28%),
    linear-gradient(145deg, var(--rt-panel), rgba(12, 19, 31, .96));
  box-shadow: 0 18px 55px rgba(0, 0, 0, .2);
}

.ak-rt-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(var(--rt-cyan), var(--rt-gold));
}

.ak-rt-card__topline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  color: var(--rt-muted);
  font-size: .9rem;
}

.ak-rt-status {
  display: inline-flex;
  padding: .35rem .7rem;
  border: 1px solid rgba(241, 189, 103, .4);
  border-radius: 999px;
  color: #ffe2a6;
  background: rgba(241, 189, 103, .09);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ak-rt-card h3 {
  margin: 1rem 0 .65rem;
  font-size: clamp(1.4rem, 3vw, 2rem);
  line-height: 1.18;
}

.ak-rt-card h3 a,
.ak-rt-card__link {
  color: var(--rt-ink);
  text-decoration: none;
}

.ak-rt-card h3 a:hover,
.ak-rt-card__link:hover {
  color: var(--rt-cyan);
}

.ak-rt-card__summary,
.ak-rt-card__result {
  color: var(--rt-muted);
  line-height: 1.65;
}

.ak-rt-card__result strong {
  color: var(--rt-ink);
}

.ak-rt-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: .75rem 1.25rem;
  margin: 1.25rem 0;
}

.ak-rt-facts div {
  padding-top: .75rem;
  border-top: 1px solid var(--rt-line);
}

.ak-rt-facts dt {
  color: var(--rt-cyan);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.ak-rt-facts dd {
  margin: .25rem 0 0;
  color: var(--rt-muted);
}

.ak-rt-card__link {
  display: inline-flex;
  gap: .5rem;
  align-items: center;
  font-weight: 800;
}

.ak-rt-record-intro,
.ak-rt-provenance,
.ak-rt-record-section,
.ak-rt-transcript-section {
  --rt-ink: #e9f7ff;
  --rt-muted: #b7cad6;
  --rt-cyan: #4de4f4;
  --rt-gold: #f1bd67;
  max-width: 980px;
  margin: 1.25rem auto;
}

.ak-rt-callout,
.ak-rt-provenance {
  padding: 1.1rem 1.25rem;
  border: 1px solid rgba(77, 228, 244, .25);
  border-radius: 16px;
  background: rgba(8, 28, 40, .72);
  color: var(--rt-ink);
}

.ak-rt-record-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: .75rem;
  margin: 1.5rem 0;
}

.ak-rt-record-facts > div {
  padding: 1rem;
  border-radius: 14px;
  background: rgba(18, 40, 54, .72);
  color: var(--rt-ink);
}

.ak-rt-record-facts strong {
  display: block;
  margin-bottom: .3rem;
  color: var(--rt-cyan);
  font-size: .75rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ak-rt-transcript-section details {
  margin: .85rem 0;
  border: 1px solid rgba(117, 218, 235, .22);
  border-radius: 14px;
  background: rgba(8, 22, 34, .78);
}

.ak-rt-transcript-section summary {
  cursor: pointer;
  padding: 1rem 1.15rem;
  color: var(--rt-ink);
  font-weight: 800;
}

.ak-rt-transcript-section details[open] summary {
  border-bottom: 1px solid rgba(117, 218, 235, .18);
}

.ak-rt-transcript {
  overflow-wrap: anywhere;
  padding: 1.1rem;
  color: #d5e5ed;
  font-family: inherit;
  font-size: .95rem;
  line-height: 1.65;
  white-space: pre-wrap;
}

.ak-rt-provenance code {
  display: inline;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
  word-break: break-all;
}

.ak-rt-provenance dd {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.ak-rt-claim-key {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: .85rem;
  margin: 1rem 0 1.5rem;
}

.ak-rt-claim-key > div,
.ak-rt-private-marker {
  padding: 1rem;
  border: 1px solid rgba(117, 218, 235, .22);
  border-radius: 14px;
  background: rgba(10, 31, 42, .72);
}

.ak-rt-claim-key strong,
.ak-rt-claim-key span,
.ak-rt-private-marker strong,
.ak-rt-private-marker span {
  display: block;
}

.ak-rt-claim-key strong,
.ak-rt-private-marker strong {
  margin-bottom: .35rem;
  color: var(--rt-cyan, #4de4f4);
}

.ak-rt-claim-key span,
.ak-rt-private-marker span,
.ak-rt-detail-note {
  color: var(--rt-muted, #b7cad6);
}

.ak-rt-detail-note {
  margin: 0;
  padding: .85rem 1.15rem 0;
  font-size: .88rem;
}

@media (max-width: 600px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .ak-rt-card__topline {
    align-items: flex-start;
    flex-direction: column;
  }

  .ak-rt-transcript {
    font-size: .88rem;
  }
}