@font-face {
  font-family: "Site Endmatter Reading";
  src: url("SanerUthmanArabicReadingText18-Regular-SlightThickLightBracketsTrial.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Site Endmatter UI";
  src: url("SanerUthmanArabicCalmScreen-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Site Endmatter Strong";
  src: url("uthman_author_extrabold_markfix.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/*
 * Canonical article end matter.
 *
 * The runtime adds the body and block markers below after preserving or
 * adapting a page's existing content. Keeping every rule behind those
 * markers prevents legacy article layouts from leaking into this system.
 */
body.site-endmatter-ready
  :is(
    .site-endmatter__closing.article-closing,
    .site-endmatter__discovery.article-discovery
  ) {
  --site-endmatter-measure: min(600px, calc(100% - 40px));
  --site-endmatter-wide: min(1120px, calc(100% - 48px));
  --site-endmatter-ink: #252320;
  --site-endmatter-copy: #4b4946;
  --site-endmatter-muted: #77736e;
  --site-endmatter-rule: #dfdfdf;
  --site-endmatter-rule-soft: #e2e0dc;
  --site-endmatter-rule-strong: #85827d;
  --site-endmatter-accent: #285f87;
  --site-endmatter-band: #fafaf9;
  --site-endmatter-reading:
    "Site Endmatter Reading",
    "Saner Uthman Arabic Reading Text 18",
    serif;
  --site-endmatter-ui:
    "Site Endmatter UI",
    "Saner Uthman Arabic Calm Screen",
    serif;
  --site-endmatter-strong:
    "Site Endmatter Strong",
    "Uthman Author ExtraBold",
    serif;
  box-sizing: border-box;
  min-inline-size: 0;
  color: var(--site-endmatter-ink);
  direction: rtl;
  font-family: var(--site-endmatter-reading);
  font-synthesis: none;
  text-align: start;
}

body.site-endmatter-ready
  :is(
    .site-endmatter__closing.article-closing,
    .site-endmatter__discovery.article-discovery
  ) *,
body.site-endmatter-ready
  :is(
    .site-endmatter__closing.article-closing,
    .site-endmatter__discovery.article-discovery
  ) *::before,
body.site-endmatter-ready
  :is(
    .site-endmatter__closing.article-closing,
    .site-endmatter__discovery.article-discovery
  ) *::after {
  box-sizing: border-box;
}

/* Remove the generous legacy page tail before the normalized closing. */
body.site-endmatter-ready > main.hadith-content {
  padding-block-end: 0;
}

body.site-endmatter-ready > main.research-article {
  margin-block-end: 0;
}

/* Narrow editorial closing and colophon. */
body.site-endmatter-ready .site-endmatter__closing.article-closing {
  inline-size: var(--site-endmatter-measure);
  max-inline-size: 600px;
  margin: 44px auto 0;
  padding: 0;
  border: 0;
  background: transparent;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-colophon {
  margin: 0;
  padding: 0 0 20px;
  border-block-start: 0;
  border-block-end: 0;
  border-inline: 0;
  color: var(--site-endmatter-copy);
  font-family: var(--site-endmatter-reading);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.9;
  word-spacing: .2em;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-colophon p {
  margin: 0;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-colophon p + p {
  margin-block-start: 8px;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-colophon strong {
  color: #2c2a27;
  font-family: var(--site-endmatter-strong);
  font-size: 13px;
  font-weight: 800;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-colophon cite {
  color: #363431;
  font-style: normal;
  word-spacing: .04em;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-colophon a {
  color: #3d5f76;
  font-family: var(--site-endmatter-ui);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-colophon a:is(:hover, :focus-visible) {
  color: var(--site-endmatter-accent);
  text-decoration: none;
}

/* Defensive styling in case an adapter deliberately preserves a topic trail. */
body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-topics {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 5px;
  margin: 0;
  padding: 17px 0 18px;
  border-block-start: 1px solid var(--site-endmatter-rule);
  border-block-end: 0;
  color: var(--site-endmatter-muted);
  font-family: var(--site-endmatter-ui);
  font-size: 12.5px;
  line-height: 1.75;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-topics-label {
  color: #2c2a27;
  font-family: var(--site-endmatter-strong);
  font-weight: 800;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-topics a {
  color: #3d5f76;
  text-decoration: none;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-topics a:is(:hover, :focus-visible) {
  color: var(--site-endmatter-accent);
}

/* The share control follows the copy without a rule of its own. */
body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 15px 0 0;
  padding: 0;
  border: 0;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-block-size: 36px;
  margin: 0;
  padding: 6px 12px;
  border: 1px solid var(--site-endmatter-rule);
  border-radius: 50px;
  background: #fff;
  color: #292724;
  font-family: var(--site-endmatter-ui);
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-action--primary {
  gap: 3px;
  inline-size: fit-content;
  min-inline-size: 0;
  padding-inline: 9px 13px;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-action:is(:hover, :focus-visible) {
  border-color: #cac7c2;
  background: #f7f7f5;
  outline: none;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-action:focus-visible {
  outline: 1px solid #777;
  outline-offset: 3px;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-share-icon {
  inline-size: 22px;
  block-size: 22px;
  flex: 0 0 22px;
  color: #57524c;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-action-status {
  min-inline-size: 0;
  color: var(--site-endmatter-muted);
  font-family: var(--site-endmatter-ui);
  font-size: 11px;
  line-height: 1.5;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-action-status:empty {
  display: none;
}

/* Optional research/coverage blocks share one quiet editorial treatment. */
body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  :is(.article-end-research, .article-coverage) {
  margin-block-start: 32px;
  padding-block-start: 15px;
  border-block-start: 2px solid #121212;
  border-block-end: 0;
  border-inline: 0;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  :is(.article-end-research__title, .article-coverage-title) {
  margin: 0;
  padding-block-end: 13px;
  border-block-end: 1px solid var(--site-endmatter-rule);
  color: var(--site-endmatter-ink);
  font-family: var(--site-endmatter-strong);
  font-size: 19px;
  font-weight: 800;
  line-height: 1.5;
  text-wrap: balance;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-research__list {
  margin: 0;
  padding: 10px 1.15em 0 0;
  color: #34322f;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-research__list li {
  margin: 0;
  padding-block: 7px;
  padding-inline-start: 3px;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-research__list li::marker {
  color: #5e5a55;
  font-size: .76em;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  :is(
    .article-end-research__list a,
    .article-end-research__link-title,
    .article-end-research__summary
  ) {
  display: block;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-research__list a {
  color: inherit;
  text-decoration: none;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-research__link-title {
  color: #292724;
  font-family: var(--site-endmatter-strong);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.65;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-research__summary {
  margin-block-start: 2px;
  color: #57534e;
  font-family: var(--site-endmatter-reading);
  font-size: 14px;
  line-height: 1.8;
  word-spacing: .09em;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-research__list a:hover
  .article-end-research__link-title {
  color: var(--site-endmatter-accent);
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-end-research__list a:focus-visible {
  outline: 1px solid #777;
  outline-offset: 4px;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-coverage-list {
  margin: 0;
  padding: 15px 0 0;
  list-style: none;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-coverage-list li {
  position: relative;
  margin: 0 0 10px;
  padding-inline-start: 17px;
  color: var(--site-endmatter-copy);
  font-family: var(--site-endmatter-reading);
  font-size: 15.5px;
  line-height: 2;
  word-spacing: .09em;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-coverage-list li:last-child {
  margin-block-end: 0;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-coverage-list li::before {
  content: "";
  position: absolute;
  inset-block-start: .82em;
  inset-inline-start: 4px;
  inline-size: 4px;
  block-size: 4px;
  border-radius: 50%;
  background: #4d4a46;
}

body.site-endmatter-ready
  .site-endmatter__closing.article-closing
  .article-coverage-list strong {
  color: #30302e;
  font-family: var(--site-endmatter-strong);
  font-weight: 800;
}

/* Wide, flat discovery layout. Each major column owns one thin top rule. */
body.site-endmatter-ready .site-endmatter__discovery.article-discovery {
  inline-size: var(--site-endmatter-wide);
  max-inline-size: 1120px;
  margin: 60px auto 0;
  padding: 0;
  border: 0;
  background: transparent;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .discovery-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 250px);
  align-items: start;
  gap: clamp(38px, 5vw, 72px);
  margin: 0;
  padding: 0;
  border: 0;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery[data-site-endmatter-has-popular="false"]
  .discovery-layout,
body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .discovery-layout:not(:has(> .discovery-popular)) {
  grid-template-columns: minmax(0, 1fr);
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  :is(.reading-paths, .discovery-popular) {
  min-inline-size: 0;
  margin: 0;
  padding: 12px 0 0;
  border-block-start: 1px solid var(--site-endmatter-rule-strong);
  border-block-end: 0;
  border-inline: 0;
  background: transparent;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-paths-header {
  margin: 0;
  padding: 0;
  border: 0;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  :is(.discovery-section-title, .discovery-popular-title) {
  margin: 0;
  color: var(--site-endmatter-ink);
  font-family: var(--site-endmatter-strong);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.5;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-paths-intro {
  display: none !important;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-paths-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-paths-grid[data-site-endmatter-card-count="1"] {
  grid-template-columns: minmax(0, 1fr);
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-paths-grid[data-site-endmatter-card-count="2"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-block-size: 0;
  min-inline-size: 0;
  margin: 0;
  padding: 19px 0 20px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  text-decoration: none;
  overflow: visible;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-paths-grid
  > .reading-card:nth-child(3n + 1) {
  padding-inline-end: 24px;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-paths-grid
  > .reading-card:nth-child(3n + 2) {
  padding-inline: 24px;
  border-inline-start: 0;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-paths-grid
  > .reading-card:nth-child(3n + 3) {
  padding-inline-start: 24px;
  border-inline-start: 0;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-paths-grid
  > .reading-card:nth-child(3n + 2)::before,
body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-paths-grid
  > .reading-card:nth-child(3n + 3)::before {
  content: "";
  position: absolute;
  inset-block: 16px;
  inset-inline-start: 0;
  display: block;
  inline-size: 1px;
  background: var(--site-endmatter-rule-soft);
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-paths-grid
  > .reading-card:nth-child(n + 4) {
  border-block-start: 1px solid var(--site-endmatter-rule-soft);
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-paths-grid[data-site-endmatter-card-count="1"]
  > .reading-card {
  padding-inline: 0;
  border-inline: 0;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-paths-grid[data-site-endmatter-card-count="2"]
  > .reading-card:first-child {
  padding-inline: 0 24px;
  border-inline: 0;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-paths-grid[data-site-endmatter-card-count="2"]
  > .reading-card:last-child {
  padding-inline: 24px 0;
  border-inline-start: 0;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-card--compact {
  min-block-size: 0;
  padding-block: 17px 18px;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-card::after {
  display: none;
  content: none;
}

/* Keep the semantic card reading order stable even when legacy markup varied. */
body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-card > .reading-card-top {
  order: 1;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-card > .reading-card-footer {
  order: 2;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-card > .reading-card-summary {
  order: 3;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-card
  > :not(.reading-card-top, .reading-card-footer, .reading-card-summary) {
  order: 4;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-card-top {
  display: block;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-card-category {
  display: block;
  color: #625e59;
  font-family: var(--site-endmatter-strong);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.55;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-card-footer {
  display: block;
  margin: 4px 0 0;
  padding: 0;
  border: 0;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-card-title {
  display: block;
  color: var(--site-endmatter-ink);
  font-family: var(--site-endmatter-strong);
  font-size: 17px;
  font-weight: 800;
  line-height: 1.55;
  text-wrap: pretty;
  transition: color 150ms ease;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-card-meta {
  display: block;
  margin-block-start: 2px;
  color: #7c7872;
  font-family: var(--site-endmatter-ui);
  font-size: 10.5px;
  line-height: 1.55;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-card-summary {
  display: block;
  margin: 7px 0 0;
  color: var(--site-endmatter-copy);
  font-family: var(--site-endmatter-reading);
  font-size: 15px;
  line-height: 1.75;
  text-wrap: pretty;
  word-spacing: .09em;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-card:is(:hover, :focus-visible) {
  color: inherit;
  text-decoration: none;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-card:hover {
  background: transparent;
  box-shadow: none;
  transform: none;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-card
  .reading-card-footer::before {
  display: none !important;
  content: none !important;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-card:hover
  .reading-card-title {
  color: var(--site-endmatter-ink);
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .reading-card:focus-visible {
  outline: 1px solid #777;
  outline-offset: 4px;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .discovery-popular-title {
  padding: 0 0 10px;
  border: 0;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .discovery-popular-list {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .discovery-popular-list li {
  margin: 0;
  padding: 0;
  border: 0;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .discovery-popular-list > li:nth-child(n + 7) {
  display: none;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .discovery-popular-list li + li {
  border-block-start: 1px solid var(--site-endmatter-rule);
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .discovery-popular-list a {
  display: block;
  padding: 13px 0 14px;
  color: inherit;
  text-decoration: none;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .discovery-popular-list a:is(:hover, :focus-visible) {
  color: var(--site-endmatter-accent);
  text-decoration: none;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .discovery-popular-list a:focus-visible {
  outline: 1px solid #777;
  outline-offset: 4px;
}

body.site-endmatter-ready
  .site-endmatter__discovery.article-discovery
  .discovery-popular-text {
  font-family: var(--site-endmatter-strong);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.6;
  text-wrap: pretty;
}

@media (max-width: 900px) {
  body.site-endmatter-ready
    .site-endmatter__discovery.article-discovery
    .discovery-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  body.site-endmatter-ready
    .site-endmatter__discovery.article-discovery
    .discovery-popular {
    margin-block-start: 36px;
  }
}

@media (max-width: 760px) {
  body.site-endmatter-ready .site-endmatter__closing.article-closing {
    inline-size: calc(100% - 40px);
    margin-block-start: 36px;
  }

  body.site-endmatter-ready
    .site-endmatter__closing.article-closing
    .article-end-colophon {
    line-height: 1.85;
  }

  body.site-endmatter-ready
    .site-endmatter__closing.article-closing
    :is(.article-end-research, .article-coverage) {
    margin-block-start: 28px;
    padding-block-start: 13px;
  }

  body.site-endmatter-ready
    .site-endmatter__closing.article-closing
    :is(.article-end-research__title, .article-coverage-title) {
    font-size: 17px;
  }

  body.site-endmatter-ready .site-endmatter__discovery.article-discovery {
    inline-size: calc(100% - 40px);
    margin-block-start: 52px;
  }

  body.site-endmatter-ready
    .site-endmatter__discovery.article-discovery
    .reading-paths-grid {
    display: block;
  }

  body.site-endmatter-ready
    .site-endmatter__discovery.article-discovery
    .reading-paths-grid[data-site-endmatter-card-count]
    > .reading-card:nth-child(n) {
    display: flex;
    min-block-size: 0;
    padding: 18px 0 19px;
    border: 0;
  }

  body.site-endmatter-ready
    .site-endmatter__discovery.article-discovery
    .reading-paths-grid[data-site-endmatter-card-count]
    > .reading-card:nth-child(n)::before {
    display: none;
    content: none;
  }

  body.site-endmatter-ready
    .site-endmatter__discovery.article-discovery
    .reading-paths-grid[data-site-endmatter-card-count]
    > .reading-card + .reading-card {
    border-block-start: 1px solid var(--site-endmatter-rule);
  }

  body.site-endmatter-ready
    .site-endmatter__discovery.article-discovery
    .reading-card-summary {
    font-size: 14.5px;
  }

  /*
   * The related-topic column becomes a borderless, full-viewport gray band.
   * Its content remains aligned to the article's mobile measure.
   */
  body.site-endmatter-ready
    .site-endmatter__discovery.article-discovery
    .discovery-popular {
    position: relative;
    isolation: isolate;
    margin-block-start: 32px;
    padding: 24px 0 26px;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  body.site-endmatter-ready
    .site-endmatter__discovery.article-discovery
    .discovery-popular::before {
    content: "";
    position: absolute;
    inset-block: 0;
    left: 50%;
    z-index: -1;
    inline-size: 100vw;
    border: 0;
    background: var(--site-endmatter-band);
    box-shadow: none;
    transform: translateX(-50%);
  }

  body.site-endmatter-ready
    .site-endmatter__discovery.article-discovery
    .discovery-popular-title {
    margin: 0;
    padding: 0 0 8px;
    border: 0;
  }

  body.site-endmatter-ready
    .site-endmatter__discovery.article-discovery
    .discovery-popular-list {
    margin: 0;
    padding: 0;
    border: 0;
  }

  body.site-endmatter-ready
    .site-endmatter__discovery.article-discovery
    .discovery-popular-list li,
  body.site-endmatter-ready
    .site-endmatter__discovery.article-discovery
    .discovery-popular-list li + li {
    border: 0;
  }

  body.site-endmatter-ready
    .site-endmatter__discovery.article-discovery
    .discovery-popular-list a {
    padding: 10px 0 11px;
  }
}

@media (max-width: 480px) {
  body.site-endmatter-ready
    .site-endmatter__closing.article-closing
    .article-end-action {
    min-block-size: 38px;
  }

  body.site-endmatter-ready
    .site-endmatter__discovery.article-discovery
    .reading-card-title {
    font-size: 16.5px;
  }

  body.site-endmatter-ready
    .site-endmatter__discovery.article-discovery
    .discovery-popular-text {
    font-size: 15.5px;
  }
}

@media print {
  body.site-endmatter-ready .site-endmatter__closing.article-closing {
    display: block !important;
    inline-size: 100%;
    max-inline-size: none;
    margin-block-start: 28px;
  }

  body.site-endmatter-ready
    .site-endmatter__closing.article-closing
    .article-end-actions,
  body.site-endmatter-ready .site-endmatter__discovery.article-discovery {
    display: none !important;
  }
}