.names-dossier-page {
  --dossier-green: #315f50;
  --dossier-amber: #8b5c1b;
  --dossier-red: #8a3f3f;
  --dossier-blue: #285f87;
}

.dossier-summary {
  margin: 0 0 34px;
  padding: 19px 20px 17px;
  border: 1px solid #deddd9;
  background: #fbfbf9;
}

.dossier-summary__eyebrow,
.dossier-verdict__label,
.route-map__eyebrow,
.report-card__status,
.evidence-note__label {
  margin: 0;
  color: #68635d;
  font-family: var(--author);
  font-size: 11.5px;
  font-weight: 800;
  line-height: 1.6;
}

.dossier-summary__title {
  margin: 4px 0 8px;
  color: #24211e;
  font-family: var(--reading);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.75;
}

.dossier-summary__text,
.dossier-verdict__text,
.route-map__note,
.report-card__analysis,
.evidence-note__text,
.research-rule__text {
  margin: 0;
  color: #3f3c38;
  font-family: var(--reading);
  font-size: 14.7px;
  font-weight: 500;
  line-height: 2.05;
  word-spacing: .035em;
}

.dossier-verdict {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 13px;
  align-items: start;
  margin: 30px 0 38px;
  padding-block: 17px;
  border-block: 1px solid rgba(66, 48, 30, .13);
}

.dossier-verdict__label {
  margin-block-start: 4px;
  padding: 4px 9px 3px;
  border: 1px solid currentColor;
  border-radius: 999px;
  color: var(--dossier-green);
  white-space: nowrap;
}

.dossier-verdict--weak .dossier-verdict__label {
  color: var(--dossier-red);
}

.route-map {
  margin: 32px 0 40px;
  padding: 23px 20px 20px;
  border-block: 1px solid #deddd9;
  background: #fbfbfa;
}

.route-map__header {
  margin-block-end: 18px;
}

.route-map__title {
  margin: 3px 0 4px;
  color: #2b2926;
  font-family: var(--author);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.7;
}

.route-map__note {
  color: #68635d;
  font-size: 12.8px;
  line-height: 1.8;
}

.route-chain {
  display: grid;
  justify-items: center;
  gap: 0;
}

.route-node {
  position: relative;
  min-inline-size: 148px;
  max-inline-size: 100%;
  padding: 8px 14px 7px;
  border: 1px solid #d7d4cf;
  border-radius: 3px;
  background: #fff;
  color: #322f2b;
  font-family: var(--source);
  font-size: 12.7px;
  line-height: 1.55;
  text-align: center;
}

.route-node--companion {
  border-color: #b7c8c1;
  background: #f7faf8;
  color: #244c40;
  font-family: var(--author);
  font-weight: 800;
}

.route-node--criticized {
  border-color: #d9c0c0;
  background: #fdf9f9;
  color: #743b3b;
}

.route-line {
  inline-size: 1px;
  block-size: 17px;
  background: #c9c6c1;
}

.route-branches {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  inline-size: 100%;
  padding-block-start: 17px;
}

.route-branches::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline: 16.666%;
  block-size: 1px;
  background: #c9c6c1;
}

.route-branch {
  position: relative;
  display: grid;
  justify-items: center;
}

.route-branch::before {
  content: "";
  position: absolute;
  inset-block-start: -17px;
  inline-size: 1px;
  block-size: 17px;
  background: #c9c6c1;
}

.report-stack {
  border-block-start: 1px solid var(--rule);
}

.report-card {
  padding-block: 24px 27px;
  border-block-end: 1px solid var(--rule);
}

.names-dossier-page .report-stack:has(+ .dossier-verdict) .report-card:last-child {
  border-block-end: 0;
}

.report-card__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: baseline;
  margin-block-end: 14px;
}

.report-card__title {
  margin: 0;
  color: #302d29;
  font-family: var(--author);
  font-size: 14.2px;
  font-weight: 800;
  line-height: 1.7;
}

.report-card__status {
  color: var(--dossier-green);
  white-space: nowrap;
}

.report-card__status--relative {
  color: var(--dossier-amber);
}

.report-card__status--weak {
  color: var(--dossier-red);
}

.report-card__matn {
  margin: 0;
  padding-inline-start: 15px;
  border-inline-start: 1px solid #d9d6d1;
  color: #35322f;
  font-family: var(--reading);
  font-size: 15.7px;
  font-weight: 500;
  line-height: 2.22;
  word-spacing: .035em;
}

.report-card__analysis {
  margin-block-start: 13px;
  color: #5c5751;
  font-size: 13.7px;
  line-height: 2;
}

.report-card__source {
  margin: 12px 0 0;
  color: #77716a;
  font-family: var(--source);
  font-size: 12.2px;
  line-height: 1.75;
}

.evidence-note,
.research-rule {
  margin: 24px 0;
  padding-inline-start: 15px;
  border-inline-start: 2px solid #d6d3ce;
}

.evidence-note__title,
.research-rule__title {
  margin: 3px 0 5px;
  color: #322f2b;
  font-family: var(--author);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.65;
}

.evidence-note__label {
  color: var(--dossier-blue);
}

.critical-comparison {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 22px 0 30px;
}

.critical-comparison__item {
  padding: 17px 17px 14px;
  border: 1px solid #deddd9;
  background: #fff;
}

.critical-comparison__item--preserved {
  border-block-start: 3px solid #6f9486;
}

.critical-comparison__item--error {
  border-block-start: 3px solid #b98b8b;
}

.critical-comparison__title {
  margin: 0 0 6px;
  color: #322f2b;
  font-family: var(--author);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.6;
}

.critical-comparison__text {
  margin: 0;
  color: #514d47;
  font-family: var(--reading);
  font-size: 13.5px;
  line-height: 1.95;
}

.dossier-jump-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  margin: 0 0 28px;
  padding: 12px 0;
  border-block: 1px solid #e6e4e0;
  color: #5b5751;
  font-family: var(--source);
  font-size: 12.3px;
  line-height: 1.7;
}

.dossier-jump-nav a {
  color: #3f3b36;
  text-decoration-color: rgba(40, 95, 135, .45);
  text-underline-offset: 3px;
}

@media (max-width: 620px) {
  .dossier-summary,
  .route-map {
    padding-inline: 15px;
  }

  .dossier-verdict,
  .report-card__header {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .dossier-verdict__label {
    inline-size: fit-content;
  }

  .route-branches {
    grid-template-columns: 1fr;
    gap: 9px;
    padding-block-start: 0;
  }

  .route-branches::before,
  .route-branch::before {
    display: none;
  }

  .route-branch + .route-branch::after {
    content: "";
    inline-size: 1px;
    block-size: 9px;
    background: #c9c6c1;
    position: absolute;
    inset-block-start: -9px;
  }

  .critical-comparison {
    grid-template-columns: 1fr;
  }
}

.names-dossier-page :is(
  .dossier-summary__text,
  .dossier-verdict__text,
  .report-card__matn,
  .report-card__analysis,
  .evidence-note__text,
  .research-rule__text,
  .critical-comparison__text
) {
  word-spacing: .09em;
}

.names-dossier-page .report-card__source {
  word-spacing: .04em;
}

.names-dossier-page .report-card__source a:is(
  [x-apple-data-detectors],
  [href^="tel:"]
) {
  color: inherit !important;
  text-decoration: none !important;
}

.names-dossier-page .route-map__note {
  word-spacing: normal;
}
