/* ========================================================
   AMERICANA WINS — DEDICATED ARTICLE EDITORIAL STYLESHEET
   Authentic American broadsheet long-form reading typography,
   reading toolbar, progress bar, author box & print styles.
   ======================================================== */

:root {
  --article-font-size: 1.22rem;
  --article-reading-measure: 740px;
  --bg-article-paper: var(--bg-page, #ffffff);
  --bg-parchment-quote: #F2EADD;
  --border-parchment-box: #D6CCB8;
  --font-editorial-headline: 'EB Garamond', Georgia, serif;
  --font-editorial-body: 'EB Garamond', Georgia, serif;
}

/* 0. STICKY READING PROGRESS BAR */
.reading-progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 4px;
  width: 0%;
  background-color: var(--color-red);
  z-index: 99999;
  transition: width 0.08s ease-out;
  box-shadow: 0 1px 4px rgba(156, 27, 27, 0.4);
}

/* ========================================================
   EDITORIAL BREADCRUMBS BAR
   ======================================================== */
.editorial-breadcrumbs-bar {
  background-color: #ffffff;
  border-top: 1px solid var(--border-light);
  border-bottom: 1px solid var(--border-light);
  padding: 9px 30px;
  font-family: var(--font-condensed);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.breadcrumbs-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.breadcrumbs-path {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-gray-med);
  flex-wrap: wrap;
}

.breadcrumbs-path .back-link {
  color: var(--color-red);
  font-weight: 800;
  text-decoration: none;
  transition: color 0.15s ease;
}

.breadcrumbs-path .back-link:hover {
  color: var(--color-red-dark);
  text-decoration: underline;
}

.breadcrumbs-path .crumb-sep {
  color: #a8a398;
}

.breadcrumbs-path .crumb-category {
  color: var(--color-navy);
}

.breadcrumbs-path .crumb-current {
  color: var(--color-dark);
  font-weight: 800;
  max-width: 420px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumbs-edition-tag {
  color: var(--color-gray-light);
  font-family: var(--font-sans);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.1em;
}

/* ========================================================
   ARTICLE MAIN WRAPPER & CORE COLUMN
   ======================================================== */
.article-main-wrapper {
  padding-top: 24px;
  background-color: var(--bg-page, #ffffff);
}

.article-core-column {
  background-color: var(--bg-page, #ffffff);
  border: 1px solid var(--border-light);
  padding: 36px 42px 48px;
  box-shadow: none;
}

/* ========================================================
   ARTICLE LEAD HEADER
   ======================================================== */
.article-lead-header {
  margin-bottom: 28px;
  border-bottom: 3px double var(--border-dark);
  padding-bottom: 22px;
}

.article-kicker-wrap {
  margin-bottom: 12px;
}

.article-kicker {
  display: inline-block;
  font-family: var(--font-condensed);
  font-size: 0.92rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #ffffff;
  background-color: var(--color-navy);
  padding: 3px 10px 2px;
  border-radius: 1px;
}

.article-main-title {
  font-family: var(--font-editorial-headline, 'EB Garamond', Georgia, serif);
  font-size: clamp(2.35rem, 4.2vw, 3.65rem);
  line-height: 1.14;
  font-weight: 700;
  color: var(--color-dark);
  letter-spacing: -0.015em;
  margin-bottom: 16px;
}

.article-subtitle-dek {
  font-family: var(--font-editorial-headline, 'EB Garamond', Georgia, serif);
  font-size: 1.38rem;
  line-height: 1.45;
  font-style: italic;
  font-weight: 500;
  color: #383838;
  margin-bottom: 22px;
}

/* Byline & Toolbar Strip */
.article-byline-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--border-light);
  font-family: var(--font-sans);
  font-size: 0.82rem;
}

.byline-author-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--color-gray-med);
  flex-wrap: wrap;
}

.byline-label {
  color: var(--color-gray-light);
  text-transform: uppercase;
}

.byline-author-name {
  font-weight: 700;
  color: var(--color-navy);
  font-family: var(--font-condensed);
  font-size: 0.95rem;
  letter-spacing: 0.04em;
}

.byline-bullet {
  color: var(--color-red);
  font-size: 0.8rem;
}

.byline-role {
  font-weight: 500;
  color: var(--color-gray-med);
}

.byline-sep {
  color: #bbb;
  margin: 0 2px;
}

.byline-date {
  color: var(--color-gray-dark);
}

.byline-readtime {
  font-family: var(--font-condensed);
  font-weight: 800;
  color: var(--color-red);
  letter-spacing: 0.06em;
}


/* ========================================================
   HERO IMAGE FIGURE
   ======================================================== */
.article-hero-figure {
  margin: 0 0 32px 0;
}

.article-hero-img-box {
  width: 100%;
  max-height: 520px;
  overflow: hidden;
  border: 1px solid var(--border-light);
  background-color: #111;
}

.article-hero-img-box img {
  width: 100%;
  height: 100%;
  max-height: 520px;
  object-fit: cover;
  display: block;
}

.article-hero-caption {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px 4px 0;
  font-family: var(--font-sans);
  font-size: 0.78rem;
  color: var(--color-gray-med);
  line-height: 1.4;
  border-bottom: 1px solid #e8e3d8;
  padding-bottom: 8px;
}

.caption-credit {
  font-style: italic;
  color: var(--color-gray-light);
  font-size: 0.72rem;
}

/* ========================================================
   ARTICLE BODY PROSE (OPTIMAL READING MEASURE)
   ======================================================== */
.article-body-prose {
  max-width: var(--article-reading-measure);
  margin: 0 auto;
  font-family: var(--font-editorial-body, 'EB Garamond', Georgia, serif);
  font-size: var(--article-font-size);
  line-height: 1.84;
  color: #1c1c1c;
}

.article-body-prose p {
  font-family: var(--font-editorial-body, 'EB Garamond', Georgia, serif);
  margin-bottom: 1.6rem;
  text-align: justify;
}

.article-body-prose ul,
.article-body-prose ol,
.article-body-prose li {
  font-family: var(--font-editorial-body, 'EB Garamond', Georgia, serif);
}

.article-body-prose h1,
.article-body-prose h2,
.article-body-prose h3,
.article-body-prose h4,
.article-body-prose h5,
.article-body-prose h6 {
  font-family: var(--font-editorial-headline, 'EB Garamond', Georgia, serif);
  font-weight: 700;
  color: var(--color-dark);
  letter-spacing: -0.01em;
}

/* Drop cap disabled as requested - standard uniform typography */
.article-body-prose p::first-letter,
.article-body-prose p.lead-paragraph::first-letter,
.article-body-prose p:first-of-type::first-letter,
.article-body-prose .has-drop-cap:not(:focus)::first-letter {
  float: none !important;
  font-size: inherit !important;
  line-height: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
  color: inherit !important;
  font-weight: inherit !important;
  text-transform: none !important;
}

/* Section Subheadings inside Body */
.article-subheading {
  font-family: var(--font-editorial-headline, 'EB Garamond', Georgia, serif);
  font-size: 1.7rem;
  line-height: 1.25;
  font-weight: 700;
  color: var(--color-dark);
  margin: 2.2rem 0 1.1rem;
  padding-left: 12px;
  border-left: 3px solid var(--color-red);
}

/* Pull Quotes (Simple & Elegant Editorial Style) */
.article-pull-quote {
  margin: 2.2rem 0;
  padding: 18px 24px 18px 22px;
  border-left: 4px solid var(--color-red);
  background-color: var(--bg-parchment-quote, #F2EADD);
  border-top: none;
  border-bottom: none;
  border-right: none;
  text-align: left;
}

.pull-quote-text {
  font-family: var(--font-editorial-headline, 'EB Garamond', Georgia, serif);
  font-size: 1.3rem;
  line-height: 1.52;
  font-style: italic;
  font-weight: 600;
  color: var(--color-dark);
  margin-bottom: 6px;
}

.pull-quote-author {
  font-family: var(--font-condensed);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: var(--color-gray-light);
  text-transform: uppercase;
}

/* ========================================================
   GUTENBERG CORE BLOCKS (PULLQUOTES, QUOTES, REFERENCES)
   ======================================================== */
.article-body-prose .wp-block-pullquote,
.article-body-prose .wp-block-pullquote.is-style-americana-pullquote {
  margin: 2.5rem 0;
  padding: 18px 24px 18px 22px;
  border-left: 4px solid var(--color-red) !important;
  background-color: var(--bg-parchment-quote, #F2EADD) !important;
  border-top: none !important;
  border-bottom: none !important;
  border-right: none !important;
  text-align: left;
}

/* Eliminate duplicate border inside pullquote container */
.article-body-prose .wp-block-pullquote blockquote,
.article-body-prose .wp-block-pullquote blockquote:not(.article-pull-quote),
.article-body-prose figure.wp-block-pullquote blockquote {
  margin: 0 !important;
  padding: 0 !important;
  padding-left: 0 !important;
  border: none !important;
  border-left: none !important;
  box-shadow: none !important;
}

.article-body-prose .wp-block-pullquote p,
.article-body-prose .wp-block-pullquote blockquote p {
  font-family: var(--font-editorial-headline, 'EB Garamond', Georgia, serif);
  font-size: 1.35rem;
  line-height: 1.55;
  font-style: italic;
  font-weight: 600;
  color: var(--color-dark);
  margin-bottom: 8px;
}

.article-body-prose .wp-block-pullquote cite,
.article-body-prose .wp-block-pullquote .wp-block-pullquote__citation {
  display: block;
  font-family: var(--font-condensed);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: var(--color-gray-light);
  text-transform: uppercase;
  font-style: normal;
}

/* Standalone editorial quote (single clean dark border) */
.article-body-prose .wp-block-quote:not(.ref-box-quote),
.article-body-prose blockquote:not(.article-pull-quote):not(.ref-box-quote) {
  margin: 2rem 0;
  padding: 16px 22px 16px 20px;
  border-left: 4px solid #1c1c1c;
  background-color: var(--bg-parchment-quote, #F2EADD);
  border-top: none;
  border-bottom: none;
  border-right: none;
}

/* Standalone quote typography */
.article-body-prose .wp-block-quote p {
  font-family: var(--font-editorial-headline, 'EB Garamond', Georgia, serif);
  font-size: 1.24rem;
  font-style: italic;
  color: #222;
  margin-bottom: 6px;
}

.article-body-prose .wp-block-quote cite {
  font-family: var(--font-condensed);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-gray-light);
  font-style: normal;
}

/* Lead Paragraph / Excerpt Style */
.article-body-prose p.is-style-lead-paragraph {
  font-size: 1.25rem;
  line-height: 1.75;
  color: #2b2b2b;
  border-bottom: 1px solid #e8e6df;
  padding-bottom: 1.2rem;
  margin-bottom: 2rem;
}

/* Archival References Box & Gutenberg Footnotes */
.article-body-prose .article-reference-box {
  margin: 2.8rem 0 1.8rem;
  padding: 20px 24px;
  background-color: var(--bg-parchment-quote, #F2EADD);
  border-left: 4px solid #1c1c1c;
  border-top: 1px solid var(--border-parchment-box, #D6CCB8);
  border-right: 1px solid var(--border-parchment-box, #D6CCB8);
  border-bottom: 1px solid var(--border-parchment-box, #D6CCB8);
}

/* Eliminate duplicate border inside reference box */
.article-body-prose .article-reference-box blockquote,
.article-body-prose .article-reference-box .wp-block-quote,
.article-body-prose .article-reference-box .ref-box-quote {
  border: none !important;
  border-left: none !important;
  padding: 0 !important;
  padding-left: 0 !important;
  margin: 1.2rem 0 !important;
  background: transparent !important;
}

.article-body-prose .article-reference-box .ref-box-quote p,
.article-body-prose .article-reference-box blockquote p {
  font-family: var(--font-editorial-headline, 'EB Garamond', Georgia, serif);
  font-size: 1.25rem;
  line-height: 1.55;
  font-style: italic;
  color: #1c1c1c;
  margin-bottom: 0.8rem;
}

.article-body-prose .article-reference-box .ref-box-footer-text,
.article-body-prose .article-reference-box p.ref-box-footer-text {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #333;
  margin-bottom: 0;
}

.article-body-prose .article-reference-box .reference-badge {
  font-family: var(--font-condensed);
  font-weight: 800;
  letter-spacing: 0.14em;
  color: var(--color-red);
  font-size: 0.85rem;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.article-body-prose .article-reference-box ul {
  margin: 0;
  padding-left: 20px;
  font-size: 0.95rem;
  color: #444;
  line-height: 1.7;
}

.article-body-prose .article-reference-box li {
  margin-bottom: 6px;
}

.article-body-prose .wp-block-footnotes {
  margin-top: 3.5rem;
  padding-top: 1.8rem;
  border-top: 1px solid #e2e0d8;
  font-size: 0.92rem;
  line-height: 1.65;
  color: #555;
}

.article-body-prose .wp-block-footnotes ol {
  padding-left: 22px;
}

.article-body-prose .wp-block-footnotes li {
  margin-bottom: 8px;
}

/* ========================================================
   TAGS ROW
   ======================================================== */
.article-tags-wrap {
  max-width: var(--article-reading-measure);
  margin: 36px auto 28px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding-top: 20px;
  border-top: 1px solid var(--border-light);
}

.tags-title {
  font-family: var(--font-condensed);
  font-size: 0.88rem;
  font-weight: 900;
  color: #111111;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.tags-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.tag-pill,
.article-tag-item {
  display: inline-block;
  font-family: var(--font-condensed);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #111111;
  background-color: #ffffff;
  border: 1px solid #111111;
  box-shadow: 2px 2px 0px #111111;
  padding: 5px 12px;
  line-height: 1.25;
  text-decoration: none;
  cursor: default;
  transition: all 0.15s ease;
  user-select: none;
}

a.tag-pill,
a.article-tag-item,
.tags-list a {
  cursor: pointer;
}

.tag-pill:hover,
.article-tag-item:hover,
.tags-list a:hover {
  background-color: #f6f1e8;
  color: var(--color-red);
  border-color: #111111;
  transform: translate(-1px, -1px);
  box-shadow: 3px 3px 0px #111111;
}

.tag-pill:active,
.article-tag-item:active,
.tags-list a:active {
  transform: translate(0px, 0px);
  box-shadow: 1px 1px 0px #111111;
}

/* ========================================================
   DISPATCH EDITORIAL SHARE BAR (PRESTIGE EDITION)
   ======================================================== */
.dispatch-share-bar {
  margin: 18px 0 24px 0;
  padding: 11px 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  max-width: var(--article-reading-measure, 740px);
  width: 100%;
  box-sizing: border-box;
}

.dispatch-share-bar.dispatch-share-bar-bottom {
  margin: 28px 0 32px 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.share-bar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.share-bar-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  user-select: none;
}

.share-label-kicker {
  font-family: var(--font-condensed, 'Barlow Condensed', sans-serif);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #666666;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 6px;
}

.share-label-kicker::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: var(--color-red, #8b181b);
  border-radius: 50%;
}

.share-bar-buttons {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.share-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 13px;
  background-color: #faf9f7;
  border: 1px solid #dfdeda;
  border-radius: 3px;
  color: #222222;
  text-decoration: none;
  font-family: var(--font-condensed, 'Barlow Condensed', sans-serif);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1;
  cursor: pointer;
  transition: all 0.18s ease;
}

.share-action-icon {
  width: 14px;
  height: 14px;
  fill: #444444;
  transition: fill 0.18s ease;
  flex-shrink: 0;
}

/* Individual Platform Hover Effects */
.share-btn-facebook:hover {
  background-color: #1877f2;
  border-color: #1877f2;
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(24, 119, 242, 0.22);
}
.share-btn-facebook:hover .share-action-icon {
  fill: #ffffff;
}

.share-btn-x:hover {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.22);
}
.share-btn-x:hover .share-action-icon {
  fill: #ffffff;
}

.share-btn-mail:hover {
  background-color: var(--color-red, #8b181b);
  border-color: var(--color-red, #8b181b);
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(139, 24, 27, 0.22);
}
.share-btn-mail:hover .share-action-icon {
  fill: #ffffff;
}

.share-btn-copy:hover {
  background-color: #1b2838;
  border-color: #1b2838;
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(27, 40, 56, 0.22);
}
.share-btn-copy:hover .share-action-icon {
  fill: #ffffff;
}

.share-action-btn:active {
  transform: translateY(0);
}

@media (max-width: 640px) {
  .share-bar-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .share-bar-buttons {
    width: 100%;
    gap: 6px;
  }
  .share-action-btn {
    padding: 6px 10px;
    font-size: 0.74rem;
    flex-grow: 1;
    justify-content: center;
  }
}

/* ========================================================
   AUTHOR SIGNATURE BLOCK (REFINED EDITORIAL DESIGN)
   ======================================================== */
.author-bio-card {
  max-width: var(--article-reading-measure);
  margin: 3.2rem auto 2.8rem;
  padding: 24px 28px;
  background-color: #fbf9f5;
  border: 1px solid var(--border-light);
  border-left: 4px solid var(--color-red);
  display: flex;
  gap: 22px;
  align-items: flex-start;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.author-bio-card:hover {
  border-color: #c8c2b4;
  border-left-color: var(--color-red-dark);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}

.author-avatar-box {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #ded8cc;
  background-color: #111111;
  display: flex;
  align-items: center;
  justify-content: center;
}

.author-avatar-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 50%;
  filter: grayscale(40%) contrast(108%);
  transition: filter 0.2s ease;
}

.author-bio-card:hover .author-avatar-box img {
  filter: grayscale(15%) contrast(105%);
}

.author-avatar-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #111111;
  border-radius: 50%;
  text-align: center;
}

.author-avatar-placeholder span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-headline, 'Cinzel', serif);
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  color: #f7f4ed;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  transform: translateY(-2px);
  user-select: none;
}

.author-bio-content {
  flex: 1;
}

.author-bio-header {
  margin-bottom: 8px;
}

.author-bio-badge {
  font-family: var(--font-condensed);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  color: var(--color-red);
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 3px;
}

.author-name-role-row {
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}

.author-bio-name {
  font-family: var(--font-serif-headline);
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--color-dark);
  line-height: 1.2;
  margin: 0;
}

.author-bio-role {
  font-family: var(--font-serif-card);
  font-style: italic;
  font-size: 0.88rem;
  color: var(--color-gray-med);
}

.author-bio-text {
  font-family: var(--font-sans);
  font-size: 0.88rem;
  line-height: 1.6;
  color: #333333;
  margin-bottom: 14px;
}

.author-bio-actions {
  display: flex;
  align-items: center;
}

.author-bio-actions .author-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-condensed);
  font-size: 0.84rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: var(--color-navy);
  text-decoration: none;
  text-transform: uppercase;
  padding: 4px 0;
  border-bottom: 1px solid transparent;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.author-bio-actions .author-link .author-link-arrow {
  color: var(--color-red);
  transition: transform 0.15s ease;
}

.author-bio-actions .author-link:hover {
  color: var(--color-red);
  border-bottom-color: var(--color-red);
}

.author-bio-actions .author-link:hover .author-link-arrow {
  transform: translateX(4px);
}

/* ========================================================
   PREVIOUS / NEXT DISPATCH NAVIGATOR
   ======================================================== */
.dispatch-prev-next-nav {
  max-width: var(--article-reading-measure);
  margin: 40px auto 48px;
  display: flex;
  border: 1px solid var(--border-light);
  background-color: var(--bg-page, #ffffff);
}

.nav-dispatch-item {
  flex: 1;
  padding: 18px 22px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: background-color 0.15s ease;
}

.nav-dispatch-item:hover {
  background-color: #f7f4ec;
}

.nav-dispatch-divider {
  width: 1px;
  background-color: var(--border-light);
}

.nav-direction {
  font-family: var(--font-condensed);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  color: var(--color-red);
  text-transform: uppercase;
  margin-bottom: 6px;
}

.nav-dispatch-next {
  text-align: right;
}

.nav-dispatch-title {
  font-family: var(--font-serif-card);
  font-size: 1.05rem;
  line-height: 1.35;
  color: var(--color-dark);
  font-weight: 700;
  margin: 0;
}

.nav-dispatch-item:hover .nav-dispatch-title {
  color: var(--color-red);
}

/* ========================================================
   RELATED DISPATCHES (MORE FROM AMERICANA)
   ======================================================== */
.related-dispatches-section {
  margin-top: 48px;
  padding-top: 32px;
  border-top: 3px double var(--border-dark);
}

.related-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 20px;
}

.related-title {
  font-family: var(--font-condensed);
  font-size: 1.35rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  color: var(--color-dark);
  margin: 0;
}

.related-back-all {
  font-family: var(--font-condensed);
  font-size: 0.85rem;
  font-weight: 800;
  color: var(--color-red);
  text-decoration: none;
}

.related-back-all:hover {
  text-decoration: underline;
}

.related-cards-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.related-story-card {
  background-color: var(--bg-page, #ffffff);
  border: 1px solid var(--border-light);
  display: flex;
  flex-direction: column;
  cursor: default;
  transition: border-color 0.18s ease;
}

.related-story-card .card-category,
.related-story-card .card-meta {
  cursor: default;
}

.related-story-card .card-thumb a,
.related-story-card .card-headline a {
  cursor: pointer;
}

.related-story-card:hover {
  border-color: #b8b09f;
}

.related-story-card .card-thumb {
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #111;
}

.related-story-card .card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.related-story-card .card-body {
  padding: 14px 16px 18px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.related-story-card .card-category {
  font-family: var(--font-condensed);
  font-size: 0.75rem;
  font-weight: 800;
  color: var(--color-red);
  letter-spacing: 0.08em;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.related-story-card .card-headline {
  font-family: var(--font-serif-card);
  font-size: 1.05rem;
  line-height: 1.35;
  font-weight: 700;
  color: var(--color-dark);
  margin-bottom: 8px;
}

.related-story-card .card-headline a {
  color: inherit;
  text-decoration: none;
  transition: color 0.15s ease;
}

.related-story-card:hover .card-headline a {
  color: var(--color-red);
}

.related-story-card .card-meta {
  font-family: var(--font-sans);
  font-size: 0.72rem;
  color: var(--color-gray-light);
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px dotted var(--border-light);
}

/* ========================================================
   RESPONSIVE DESIGN (TABLET & MOBILE)
   ======================================================== */
@media (max-width: 980px) {
  .article-core-column {
    padding: 24px 20px 36px;
  }

  .article-main-title {
    font-size: 2.3rem;
  }

  .article-subtitle-dek {
    font-size: 1.15rem;
  }

  .article-byline-bar {
    flex-direction: column;
    align-items: flex-start;
  }


  .related-cards-row {
    grid-template-columns: 1fr;
  }

  .author-bio-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 22px 18px;
  }

  .author-name-role-row {
    justify-content: center;
  }

  .author-bio-actions {
    justify-content: center;
    margin-top: 8px;
  }

  .dispatch-prev-next-nav {
    flex-direction: column;
  }

  .nav-dispatch-next {
    text-align: left;
  }

  .nav-dispatch-divider {
    width: 100%;
    height: 1px;
  }
}

@media (max-width: 640px) {
  .editorial-breadcrumbs-bar {
    padding: 8px 16px;
  }

  .breadcrumbs-edition-tag {
    display: none;
  }

  .breadcrumbs-path .crumb-current {
    max-width: 160px;
  }

  .article-main-title {
    font-size: 1.85rem;
  }

  .article-hero-img-box {
    max-height: 280px;
  }

  .article-body-prose {
    font-size: 1.05rem;
  }

  .dispatch-share-bar,
  .article-share-strip {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* ========================================================
   PRINT STYLESHEET (@media print)
   ======================================================== */
@media print {
  body {
    background: #ffffff !important;
    color: #000000 !important;
    box-shadow: none !important;
    max-width: 100% !important;
  }

  .top-bar,
  .primary-nav,
  .mobile-nav-drawer,
  .mobile-nav-backdrop,
  .editorial-breadcrumbs-bar,
  .reading-progress-bar,
  .dispatch-share-bar,
  .article-share-strip,
  .dispatch-prev-next-nav,
  .related-dispatches-section,
  .content-right,
  .site-footer,
  .masthead-right {
    display: none !important;
  }

  .main-wrapper {
    padding: 0 !important;
  }

  .main-grid {
    display: block !important;
  }

  .article-core-column {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: 100% !important;
  }

  .article-main-title {
    font-size: 28pt !important;
    color: #000000 !important;
  }

  .article-body-prose {
    font-size: 11pt !important;
    line-height: 1.5 !important;
    color: #000000 !important;
  }

  .article-hero-img-box img {
    max-height: 350px !important;
  }

  .author-bio-card {
    border: 1pt solid #000000 !important;
    background: #ffffff !important;
  }
}

/* ========================================================
   ARTICLE PAGE — DARK MODE OVERRIDES
   ======================================================== */
html[data-theme="dark"] {
  --bg-article-paper: #0E1926;
  --bg-parchment-quote: #142233;
  --border-parchment-box: #1E2D3E;
}

html[data-theme="dark"] .article-page-body,
html[data-theme="dark"] .article-main-wrapper {
  background-color: #0B131F !important;
  color: #CBD5E1 !important;
}

html[data-theme="dark"] .article-lead-header {
  border-bottom-color: #1E2D3E !important;
}

html[data-theme="dark"] .article-kicker {
  background-color: #C93B3B !important;
  color: #FFFFFF !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] a.article-kicker:hover {
  background-color: #E25C5C !important;
  color: #FFFFFF !important;
}

html[data-theme="dark"] .article-core-column {
  background-color: #0E1926 !important;
  border-color: #1E2D3E !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] .editorial-breadcrumbs-bar {
  background-color: #070D14;
  border-bottom: 1px solid #1E2D3E;
  color: #8B9BAE;
}
html[data-theme="dark"] .breadcrumbs-path a {
  color: #8B9BAE;
}
html[data-theme="dark"] .breadcrumbs-path a:hover {
  color: #FFFFFF;
}
html[data-theme="dark"] .crumb-sep {
  color: #334155;
}
html[data-theme="dark"] .crumb-current,
html[data-theme="dark"] .crumb-category {
  color: #CBD5E1;
}
html[data-theme="dark"] .breadcrumbs-edition-tag {
  color: #64748B;
}

html[data-theme="dark"] .article-main-title,
html[data-theme="dark"] .article-headline,
html[data-theme="dark"] .single-post-title {
  color: #FFFFFF !important;
}

html[data-theme="dark"] .article-subtitle-dek,
html[data-theme="dark"] .article-subdeck,
html[data-theme="dark"] .article-dek,
html[data-theme="dark"] .article-standfirst {
  color: #94A3B8 !important;
}

html[data-theme="dark"] .article-body-prose,
html[data-theme="dark"] .article-content,
html[data-theme="dark"] .entry-content {
  color: #CBD5E1 !important;
}

html[data-theme="dark"] .article-body-prose p,
html[data-theme="dark"] .article-content p,
html[data-theme="dark"] .entry-content p {
  color: #CBD5E1;
}

html[data-theme="dark"] .article-body-prose strong,
html[data-theme="dark"] .article-content strong,
html[data-theme="dark"] .article-body-prose h2,
html[data-theme="dark"] .article-body-prose h3,
html[data-theme="dark"] .article-content h2,
html[data-theme="dark"] .article-content h3 {
  color: #FFFFFF;
}

html[data-theme="dark"] .article-byline-bar,
html[data-theme="dark"] .article-byline-strip,
html[data-theme="dark"] .article-meta-row {
  border-color: #1E2D3E;
  color: #64748B;
}

html[data-theme="dark"] .byline-author-meta,
html[data-theme="dark"] .byline-author-name,
html[data-theme="dark"] .byline-author-name a,
html[data-theme="dark"] .article-author-name,
html[data-theme="dark"] .article-author-name a {
  color: #CBD5E1 !important;
}

html[data-theme="dark"] .byline-role,
html[data-theme="dark"] .byline-date,
html[data-theme="dark"] .byline-readtime,
html[data-theme="dark"] .byline-label {
  color: #8B9BAE;
}

html[data-theme="dark"] .byline-bullet,
html[data-theme="dark"] .byline-sep {
  color: #334155;
}

html[data-theme="dark"] .article-share-bar,
html[data-theme="dark"] .dispatch-share-bar,
html[data-theme="dark"] .article-share-strip {
  border-color: #1E2D3E;
}

html[data-theme="dark"] .share-label-kicker {
  color: #8B9BAE;
}

html[data-theme="dark"] .share-action-btn {
  background-color: #142233;
  border-color: #233549;
  color: #CBD5E1;
}

html[data-theme="dark"] .share-action-btn:hover {
  background-color: #1C2E44;
  border-color: #3B536E;
  color: #FFFFFF;
}

html[data-theme="dark"] .share-action-icon {
  fill: #8B9BAE;
}

html[data-theme="dark"] .article-author-name a:hover {
  color: #C93B3B;
}

/* Quotes & Reference Boxes in Dark Mode */
html[data-theme="dark"] .wp-block-pullquote,
html[data-theme="dark"] .wp-block-pullquote.is-style-americana-pullquote,
html[data-theme="dark"] .article-body-prose .wp-block-pullquote,
html[data-theme="dark"] figure.wp-block-pullquote,
html[data-theme="dark"] .article-pull-quote,
html[data-theme="dark"] .article-quote-box,
html[data-theme="dark"] .article-reference-box,
html[data-theme="dark"] .article-callout,
html[data-theme="dark"] .article-body-prose blockquote,
html[data-theme="dark"] .article-body-prose .wp-block-quote,
html[data-theme="dark"] blockquote,
html[data-theme="dark"] .wp-block-quote {
  background-color: #142233 !important;
  border-left: 4px solid #C93B3B !important;
  border-top: 1px solid #1E2D3E !important;
  border-right: 1px solid #1E2D3E !important;
  border-bottom: 1px solid #1E2D3E !important;
  color: #E2E8F0 !important;
}

/* Eliminate duplicate/nested backgrounds and borders inside pullquote or reference container */
html[data-theme="dark"] .wp-block-pullquote blockquote,
html[data-theme="dark"] .article-body-prose .wp-block-pullquote blockquote,
html[data-theme="dark"] figure.wp-block-pullquote blockquote,
html[data-theme="dark"] .article-reference-box blockquote {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-left: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

html[data-theme="dark"] .pull-quote-text,
html[data-theme="dark"] .article-pull-quote .pull-quote-text,
html[data-theme="dark"] .wp-block-pullquote p,
html[data-theme="dark"] .wp-block-pullquote blockquote p,
html[data-theme="dark"] .article-quote-box blockquote p,
html[data-theme="dark"] .article-reference-box p,
html[data-theme="dark"] .article-callout p,
html[data-theme="dark"] .article-body-prose blockquote p,
html[data-theme="dark"] .wp-block-quote p,
html[data-theme="dark"] blockquote p {
  color: #F1F5F9 !important;
}

html[data-theme="dark"] .pull-quote-author,
html[data-theme="dark"] .article-pull-quote .pull-quote-author,
html[data-theme="dark"] .wp-block-pullquote cite,
html[data-theme="dark"] .wp-block-pullquote .wp-block-pullquote__citation,
html[data-theme="dark"] .article-quote-box cite,
html[data-theme="dark"] .article-reference-box cite,
html[data-theme="dark"] .ref-box-footer-text,
html[data-theme="dark"] .wp-block-quote cite,
html[data-theme="dark"] blockquote cite {
  color: #94A3B8 !important;
}

html[data-theme="dark"] .article-reference-title {
  color: #FFFFFF !important;
  border-bottom-color: #1E2D3E !important;
}

/* Author Bio Card */
html[data-theme="dark"] .author-bio-card,
html[data-theme="dark"] .article-author-box {
  background-color: #0E1926 !important;
  border: 1px solid #1E2D3E !important;
  border-left: 4px solid #C93B3B !important;
  color: #CBD5E1 !important;
}

html[data-theme="dark"] .author-avatar-box {
  box-shadow: 0 0 0 2px #0E1926, 0 0 0 3px #1E2D3E !important;
}

html[data-theme="dark"] .author-bio-badge {
  color: #E25C5C !important;
}

html[data-theme="dark"] .author-bio-name {
  color: #FFFFFF !important;
}

html[data-theme="dark"] .author-bio-role {
  color: #94A3B8 !important;
}

html[data-theme="dark"] .author-bio-text {
  color: #CBD5E1 !important;
}

html[data-theme="dark"] .author-link {
  color: #E25C5C !important;
}

html[data-theme="dark"] .author-link:hover {
  color: #FFFFFF !important;
}

/* Share Strip & Sidebars */
html[data-theme="dark"] .dispatch-share-bar,
html[data-theme="dark"] .article-share-strip {
  background-color: #0E1926;
  border-color: #1E2D3E;
}

html[data-theme="dark"] .share-btn {
  background-color: #162436;
  border-color: #1E2D3E;
  color: #CBD5E1;
}

html[data-theme="dark"] .share-btn:hover {
  background-color: #1E2D3E;
  color: #FFFFFF;
}

/* Topics & Tags in Dark Mode */
html[data-theme="dark"] .article-tags-wrap {
  border-top-color: #1E2D3E !important;
}

html[data-theme="dark"] .tags-title {
  color: #CBD5E1 !important;
}

html[data-theme="dark"] .tag-pill,
html[data-theme="dark"] .article-tag-item,
html[data-theme="dark"] .tags-list a {
  background-color: #111D2D !important;
  border: 1px solid #1E2D3E !important;
  color: #CBD5E1 !important;
  box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.4) !important;
}

html[data-theme="dark"] .tag-pill:hover,
html[data-theme="dark"] .article-tag-item:hover,
html[data-theme="dark"] .tags-list a:hover {
  background-color: #C93B3B !important;
  border-color: #C93B3B !important;
  color: #FFFFFF !important;
  box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.6) !important;
  transform: translate(-1px, -1px);
}

/* Previous / Next Dispatch Navigator in Dark Mode */
html[data-theme="dark"] .dispatch-prev-next-nav {
  background-color: #0E1926 !important;
  border: 1px solid #1E2D3E !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .nav-dispatch-item {
  background-color: transparent !important;
}

html[data-theme="dark"] .nav-dispatch-item:hover {
  background-color: #142233 !important;
}

html[data-theme="dark"] .nav-dispatch-divider {
  background-color: #1E2D3E !important;
}

html[data-theme="dark"] .nav-direction {
  color: #E25C5C !important;
}

html[data-theme="dark"] .nav-dispatch-title {
  color: #FFFFFF !important;
}

html[data-theme="dark"] .nav-dispatch-item:hover .nav-dispatch-title {
  color: #E25C5C !important;
}

/* Related Dispatches in Dark Mode */
html[data-theme="dark"] .related-dispatches-section {
  border-top-color: #1E2D3E !important;
}

html[data-theme="dark"] .related-title {
  color: #FFFFFF !important;
}

html[data-theme="dark"] .related-back-all {
  color: #E25C5C !important;
}

html[data-theme="dark"] .related-story-card,
html[data-theme="dark"] .related-article-card,
html[data-theme="dark"] .article-next-card {
  background-color: #0E1926 !important;
  border: 1px solid #1E2D3E !important;
}

html[data-theme="dark"] .related-story-card:hover,
html[data-theme="dark"] .related-article-card:hover,
html[data-theme="dark"] .article-next-card:hover {
  border-color: #2D425A !important;
}

html[data-theme="dark"] .related-story-card .card-headline,
html[data-theme="dark"] .related-story-card .card-headline a {
  color: #FFFFFF !important;
}

html[data-theme="dark"] .related-story-card:hover .card-headline a {
  color: #E25C5C !important;
}

html[data-theme="dark"] .related-story-card .card-meta {
  color: #94A3B8 !important;
  border-top-color: #1E2D3E !important;
}

html[data-theme="dark"] .article-img-caption {
  color: #94A3B8;
  border-top-color: #1E2D3E;
}