:root {
  --su-verified: #355f4a;
  --su-formal-partial: #66567a;
  --su-informal: #766143;
  --su-open: #7a4e48;
}

/* Homepage result index --------------------------------------------------- */
.result-card {
  position: relative;
  transition: background-color 120ms ease;
}

.result-card:hover {
  background: rgba(49, 86, 111, 0.025);
}

.result-status {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
}

.result-status::before,
.status-key-item::before {
  content: "";
  width: 0.46rem;
  height: 0.46rem;
  flex: 0 0 0.46rem;
  border-radius: 50%;
  background: var(--su-muted);
}

.status-lean::before,
.status-key-item.status-lean::before {
  background: var(--su-verified);
}

.status-lean-partial::before,
.status-key-item.status-lean-partial::before {
  background: var(--su-formal-partial);
}

.status-informal::before,
.status-key-item.status-informal::before {
  background: var(--su-informal);
}

.status-open::before,
.status-key-item.status-open::before {
  background: var(--su-open);
}

.status-note::before,
.status-key-item.status-note::before {
  background: var(--su-muted);
}

.status-key {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 1.2rem;
  margin: -0.25rem 0 1.4rem;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  color: var(--su-muted);
  font-size: 0.76rem;
  line-height: 1.35;
}

.status-key-item {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
}

/* Canonical technical-record footer ------------------------------------- */
.technical-record {
  margin-top: 3.5rem;
  border: 1px solid var(--su-rule) !important;
  border-left: 3px solid var(--su-accent) !important;
  background: rgba(49, 86, 111, 0.035) !important;
}

.technical-record .callout-header {
  padding-bottom: 0.15rem;
}

.technical-record .callout-title-container {
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 0.83rem;
  letter-spacing: 0.035em;
}

.technical-record .callout-body p {
  margin-bottom: 0.7rem;
}

.technical-record .callout-body p:last-child {
  margin-bottom: 0;
}

.technical-record-note {
  color: var(--su-muted);
  font-size: 0.9rem;
}

/* Long-form result pages ------------------------------------------------- */
body:has(.result-meta) .quarto-title-block {
  padding-bottom: 0.25rem;
  border-bottom: 1px solid var(--su-rule);
  margin-bottom: 1.5rem;
}

body:has(.result-meta) main.content > section:first-of-type > h2:first-child {
  margin-top: 1.8rem;
}

#TOC .active {
  color: var(--su-ink);
  font-weight: 650;
}

#TOC a {
  text-decoration: none;
}

@media (max-width: 700px) {
  .status-key {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem 1rem;
  }

  .technical-record {
    margin-top: 2.5rem;
  }
}

@media (max-width: 430px) {
  .status-key {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .result-card {
    transition: none;
  }
}