/* Editorial referrals used only by the research files for the names of the surah. */

.names-research-page .topic-referral {
  --names-band-width: min(1120px, calc(100vw - 48px));
  --names-copy-width: min(600px, calc(100vw - 40px));
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  inline-size: var(--names-band-width);
  margin-block: 46px 38px;
  margin-inline: calc((100% - var(--names-band-width)) / 2);
  padding-block: 27px 30px;
  padding-inline: max(0px, calc((var(--names-band-width) - var(--names-copy-width)) / 2));
  border: 0;
  background: transparent;
  color: #2f2c28;
  text-align: start;
}

.names-research-page .topic-referral::before {
  content: "";
  position: absolute;
  inset-block: 0;
  left: 50%;
  z-index: -1;
  inline-size: 100vw;
  border-block: 1px solid #dedcd8;
  background: #fafaf9;
  transform: translateX(-50%);
}

.names-research-page .takhrij-variants:has(+ .topic-referral) {
  border-block-end: 0;
}

.names-research-page .topic-section:has(> .topic-referral:last-child)
  + .topic-section > .topic-divider {
  background: transparent;
}

/* A bordered evidence unit already supplies the separator before the next topic. */
.names-research-page .topic-section:has(
    > :is(.report-stack, .takhrij-variants, .dossier-verdict):last-child
  ) + .topic-section > .topic-divider {
  background: transparent;
}

.names-research-page .topic-referral + .topic-referral {
  margin-block-start: 14px;
}

.names-research-page .topic-referral__label {
  margin: 0;
  color: #706c67;
  font-family: var(--source);
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.55;
}

.names-research-page .topic-referral__divider {
  inline-size: 54px;
  block-size: 1px;
  margin-block: 11px 14px;
  margin-inline: 0 auto;
  background: #c9c6c1;
}

.names-research-page .topic-referral__link {
  display: block;
  max-inline-size: none;
  margin-inline: 0;
  color: inherit;
  text-decoration: none;
}

.names-research-page .topic-referral__summary-block {
  display: block;
}

.names-research-page .topic-referral__title,
.names-research-page .topic-referral__summary,
.names-research-page .topic-referral__action {
  display: block;
}

.names-research-page .topic-referral__title {
  color: #262421;
  font-family: var(--author);
  font-size: 19px;
  font-weight: 800;
  line-height: 1.65;
  transition: color 150ms ease;
}

.names-research-page .topic-referral__summary {
  margin-block-start: 5px;
  color: #68645f;
  font-family: var(--reading);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.8;
}

.names-research-page .topic-referral__action {
  min-inline-size: 0;
  margin-block-start: 12px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #77736e;
  font-family: var(--source);
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.5;
  text-align: start;
}

.names-research-page .topic-referral__link:is(:hover, :focus-visible) {
  text-decoration: none;
}

.names-research-page .topic-referral__link:hover .topic-referral__title {
  color: #285f87;
}

.names-research-page .topic-referral__link:focus-visible {
  outline: 1px solid #777;
  outline-offset: 7px;
}

.names-research-page .reading-paths-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-block-start: 0;
}

.names-research-page .article-closing--editorial {
  margin-block-start: 44px;
}

.names-research-page .article-end-colophon {
  padding-block: 19px 20px;
  border-block-start: 1px solid #d9d7d3;
  border-block-end: 0;
  color: #4b4946;
  font-family: var(--reading);
  font-size: 14.5px;
  line-height: 1.9;
}

.names-research-page .article-end-colophon p {
  margin: 0;
}

.names-research-page .article-end-colophon p + p {
  margin-block-start: 8px;
}

.names-research-page .article-end-colophon strong {
  color: #2c2a27;
  font-family: var(--author);
  font-size: 13px;
  font-weight: 800;
}

.names-research-page .article-end-colophon cite {
  color: #363431;
  font-style: normal;
}

.names-research-page .article-end-colophon a {
  color: #3d5f76;
  font-family: var(--source);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.names-research-page .article-end-colophon a:is(:hover, :focus-visible) {
  color: #285f87;
  text-decoration: none;
}

.names-research-page .article-closing--editorial .article-end-actions {
  margin-block: 15px 0;
}

.names-research-page .article-closing--editorial .article-end-action {
  min-block-size: 36px;
  font-size: 11.5px;
}

.names-research-page .article-closing--editorial .article-end-share-icon {
  inline-size: 22px;
  block-size: 22px;
  flex-basis: 22px;
}

.names-research-page .article-end-research {
  margin-block-start: 32px;
  padding-block-start: 15px;
  border-block-start: 1px solid #34322f;
}

.names-research-page .article-end-research__title {
  margin: 0;
  padding-block-end: 13px;
  border-block-end: 1px solid #dedcd8;
  color: #252320;
  font-family: var(--author);
  font-size: 19px;
  font-weight: 800;
  line-height: 1.5;
}

.names-research-page .article-end-research__list {
  margin: 0;
  padding: 10px 1.15em 0 0;
  color: #34322f;
}

.names-research-page .article-end-research__list li {
  padding-block: 7px;
  padding-inline-start: 3px;
}

.names-research-page .article-end-research__list li::marker {
  color: #5e5a55;
  font-size: .76em;
}

.names-research-page .article-end-research__list a,
.names-research-page .article-end-research__link-title,
.names-research-page .article-end-research__summary {
  display: block;
}

.names-research-page .article-end-research__list a {
  color: inherit;
  text-decoration: none;
}

.names-research-page .article-end-research__link-title {
  color: #292724;
  font-family: var(--author);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.65;
}

.names-research-page .article-end-research__summary {
  margin-block-start: 2px;
  color: #57534e;
  font-family: var(--reading);
  font-size: 14px;
  line-height: 1.8;
}

.names-research-page .article-end-research__list a:is(:hover, :focus-visible) {
  text-decoration: none;
}

.names-research-page .article-end-research__list a:hover
  .article-end-research__link-title {
  color: #285f87;
}

.names-research-page .article-end-research__list a:focus-visible {
  outline: 1px solid #777;
  outline-offset: 4px;
}

.names-research-page .article-closing--editorial + .article-discovery {
  margin-block-start: 60px;
}

.names-research-page .article-discovery {
  padding-block-start: 0;
  border-block-start: 0;
}

.names-research-page .reading-paths,
.names-research-page .discovery-popular {
  padding-block-start: 12px;
  border-block-start: 1px solid #85827d;
}

.names-research-page .reading-paths-header {
  padding-block-end: 18px;
}

.names-research-page .reading-paths-header:not(:has(.reading-paths-intro)) {
  padding-block-end: 0;
}

.names-research-page .reading-paths-intro {
  max-inline-size: 820px;
  margin-block-start: 9px;
  font-size: 18.5px;
  line-height: 1.7;
}

.names-research-page .discovery-layout:not(:has(> .discovery-popular)) {
  grid-template-columns: minmax(0, 1fr);
}

.names-research-page .discovery-popular {
  padding-inline-start: 0;
  border-inline-start: 0;
}

.names-research-page .reading-card {
  display: block;
  min-block-size: 0;
  padding: 19px 0 20px;
  border: 0;
  color: inherit;
  text-decoration: none;
  overflow: visible;
}

.names-research-page .reading-paths-grid:has(> .reading-card:nth-child(3):last-child) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.names-research-page .reading-paths-grid > .reading-card:only-child {
  grid-column: 1 / -1;
}

.names-research-page .reading-paths-grid:has(> .reading-card:nth-child(2):last-child)
  > .reading-card:first-child {
  padding-inline-end: 24px;
}

.names-research-page .reading-paths-grid:has(> .reading-card:nth-child(3):last-child)
  > .reading-card:first-child {
  padding-inline-end: 24px;
}

.names-research-page .reading-paths-grid:has(> .reading-card:nth-child(2):last-child)
  > .reading-card:nth-child(2) {
  padding-inline-start: 24px;
  border-inline-start: 1px solid #e2e0dc;
}

.names-research-page .reading-paths-grid:has(> .reading-card:nth-child(3):last-child)
  > .reading-card:nth-child(2) {
  padding-inline: 24px;
  border-inline-start: 1px solid #e2e0dc;
}

.names-research-page .reading-paths-grid:has(> .reading-card:nth-child(3):last-child)
  > .reading-card:nth-child(3) {
  padding-inline-start: 24px;
  border-inline-start: 1px solid #e2e0dc;
}

.names-research-page .reading-card::after {
  display: none;
}

.names-research-page .reading-card-top {
  display: block;
}

.names-research-page .reading-card-summary {
  display: block;
  margin: 7px 0 0;
  color: #4b4946;
  font-size: 15px;
  line-height: 1.75;
}

.names-research-page .reading-card-footer {
  display: block;
  margin: 4px 0 0;
  padding: 0;
  border: 0;
}

.names-research-page .reading-card-title {
  transition: color 150ms ease;
}

.names-research-page .reading-card:is(:hover, :focus-visible),
.names-research-page .discovery-popular-list a:is(:hover, :focus-visible),
.names-research-page .dossier-jump-nav a:is(:hover, :focus-visible),
.names-research-page .site-footer a:is(:hover, :focus-visible) {
  text-decoration: none;
}

.names-research-page .reading-card:hover .reading-card-title {
  color: #285f87;
}

.names-research-page .reading-card:focus-visible,
.names-research-page .discovery-popular-list a:focus-visible,
.names-research-page .dossier-jump-nav a:focus-visible,
.names-research-page .site-footer a:focus-visible {
  outline: 1px solid #777;
  outline-offset: 4px;
}

.names-research-page .dossier-jump-nav a,
.names-research-page .site-footer-top-link {
  text-decoration: none;
}

@media (max-width: 760px) {
  .names-research-page .topic-referral {
    --names-band-width: calc(100vw - 40px);
    margin-block: 38px 32px;
    padding-block: 22px 24px;
  }

  .names-research-page .topic-referral__title {
    font-size: 17px;
  }

  .names-research-page .article-closing--editorial {
    margin-block-start: 36px;
  }

  .names-research-page .article-end-colophon {
    padding-block: 17px 18px;
    font-size: 14.5px;
    line-height: 1.85;
  }

  .names-research-page .article-end-research {
    margin-block-start: 28px;
    padding-block-start: 13px;
  }

  .names-research-page .article-end-research__title {
    font-size: 17px;
  }

  .names-research-page .article-end-research__list {
    padding-block-start: 8px;
  }

  .names-research-page .article-end-research__link-title,
  .names-research-page .article-end-research__summary {
    font-size: 14px;
  }

  .names-research-page .article-closing--editorial + .article-discovery {
    margin-block-start: 52px;
  }

  .names-research-page .reading-paths-grid {
    display: block;
  }

  .names-research-page .reading-card,
  .names-research-page .reading-paths-grid:has(> .reading-card:nth-child(2):last-child)
    > .reading-card:first-child,
  .names-research-page .reading-paths-grid:has(> .reading-card:nth-child(2):last-child)
    > .reading-card:nth-child(2),
  .names-research-page .reading-paths-grid:has(> .reading-card:nth-child(3):last-child)
    > .reading-card:first-child,
  .names-research-page .reading-paths-grid:has(> .reading-card:nth-child(3):last-child)
    > .reading-card:nth-child(2),
  .names-research-page .reading-paths-grid:has(> .reading-card:nth-child(3):last-child)
    > .reading-card:nth-child(3) {
    grid-column: auto;
    display: block;
    padding: 18px 0 19px;
    border-block-end: 1px solid #d9d7d3;
    border-inline-start: 0;
  }

  .names-research-page .reading-paths-grid:has(> .reading-card:nth-child(2):last-child)
    > .reading-card:last-child,
  .names-research-page .reading-paths-grid:has(> .reading-card:nth-child(3):last-child)
    > .reading-card:last-child {
    border-block-end: 0;
  }

  .names-research-page .reading-paths-grid > .reading-card:only-child {
    border-block-end: 0;
  }

  .names-research-page .reading-card-summary {
    margin-block-start: 7px;
  }

  .names-research-page .reading-card-footer {
    display: block;
    margin-block-start: 4px;
    padding: 0;
    border: 0;
  }
}

@media (max-width: 980px) {
  .names-research-page .discovery-popular {
    margin-block-start: 28px;
    padding-block-start: 24px;
    padding-inline-start: 0;
    border-block-start: 1px solid #e2e0dc;
    border-inline-start: 0;
  }
}

@media print {
  .names-research-page .article-closing--editorial {
    display: block !important;
    margin-block-start: 28px;
  }

  .names-research-page .article-closing--editorial .article-end-actions {
    display: none !important;
  }

  .names-research-page .topic-referral {
    inline-size: 100%;
    margin-inline: 0;
  }

  .names-research-page .topic-referral::before {
    left: 0;
    inline-size: 100%;
    transform: none;
  }
}