/* =========================================================
   WETHERID ARTICLE LIGHT SYSTEM
   Nur innerhalb von .article-light wirksam.
   Header-Navigation, Footer, Autorenbox, Cookie- und Newsletter-Elemente
   werden nicht verändert.
   ========================================================= */

.article-light {
  --article-page: #f3ecdd;
  --article-page-deep: #e8dcc4;
  --article-card: #fffaf0;
  --article-card-soft: #f8f0df;
  --article-ink: #241b13;
  --article-ink-soft: #3d3025;
  --article-gold: #9a7028;
  --article-gold-deep: #6f4d17;
  --article-gold-light: #d8bd7a;
  --article-line: rgba(111,77,23,.35);
  --article-line-soft: rgba(64,49,31,.16);
  --article-shadow: 0 12px 34px rgba(55,40,20,.12);
  --article-shadow-hover: 0 18px 42px rgba(55,40,20,.18);
  --article-radius: 14px;
  --article-width: 1120px;
  --article-font-title: Georgia, "Times New Roman", serif;
  --article-font-body: Georgia, "Times New Roman", serif;
  --article-font-ui: Arial, Helvetica, sans-serif;

  background:
    radial-gradient(circle at 15% 8%, rgba(255,255,255,.78), transparent 32rem),
    linear-gradient(180deg, #f8f2e7 0%, var(--article-page) 50%, #ece1cc 100%);
  color: var(--article-ink);
  padding-bottom: 24px;
  overflow-x: hidden;
}

.article-light,
.article-light *,
.article-light *::before,
.article-light *::after {
  box-sizing: border-box;
}

.article-light img {
  display: block;
  max-width: 100%;
  height: auto;
}

.article-light p,
.article-light li,
.article-light blockquote,
.article-light td,
.article-light th {
  font-family: var(--article-font-body) !important;
  color: var(--article-ink-soft) !important;
  font-size: 18px !important;
  line-height: 1.72 !important;
  text-align: left !important;
  opacity: 1 !important;
  text-shadow: none !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.article-light h1,
.article-light h2,
.article-light h3,
.article-light h4 {
  font-family: var(--article-font-title) !important;
  color: var(--article-gold-deep) !important;
  line-height: 1.23 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

.article-light a {
  color: var(--article-gold-deep) !important;
  text-underline-offset: .18em;
}

.article-light a:hover,
.article-light a:focus-visible {
  color: #4f330c !important;
}

/* Seitenkopf nur im Artikelbereich */
.article-light > .page-header,
.article-light .page-header {
  padding: 132px 20px 58px !important;
  text-align: center !important;
  background:
    linear-gradient(180deg, rgba(28,22,15,.76), rgba(28,22,15,.88)),
    var(--article-hero-image, url('../img/page-background.webp')) center top / cover no-repeat !important;
  border-bottom: 1px solid var(--article-gold-light) !important;
}

.article-light .page-header h1 {
  max-width: 980px !important;
  margin: 0 auto !important;
  font-size: clamp(2rem, 4.4vw, 3.35rem) !important;
  color: #fff8e9 !important;
  -webkit-text-fill-color: #fff8e9 !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.72) !important;
}

.article-light .page-header h2,
.article-light .page-header p {
  max-width: 820px !important;
  margin: 0 auto 14px !important;
  color: #efd395 !important;
  -webkit-text-fill-color: #efd395 !important;
}

.article-light .page-header h2 {
  font-family: var(--article-font-ui) !important;
  font-size: .85rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.article-light .page-header p {
  font-size: 1.12rem !important;
  line-height: 1.6 !important;
  text-align: center !important;
}

/* Gemeinsame Inhaltsbreiten */
.article-light .landing-content,
.article-light .content-container,
.article-light .leitartikel-container,
.article-light .closing-section,
.article-light .intro-section,
.article-light .content-section {
  width: min(var(--article-width), calc(100% - 40px)) !important;
  max-width: var(--article-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.article-light .landing-content,
.article-light .content-container,
.article-light .leitartikel-container {
  padding: 48px 0 24px !important;
}

/* Standard-Card-System */
.article-light .intro-section,
.article-light .content-section,
.article-light .book-entry,
.article-light .characteristics-card,
.article-light .diff-block,
.article-light .faq-item,
.article-light .related-links,
.article-light .toc-box,
.article-light .toc-nav,
.article-light .analysis-box,
.article-light .review-quote,
.article-light .maturity-box,
.article-light .branding-box,
.article-light .grid-section,
.article-light .closing-section > div,
.article-light table {
  position: relative !important;
  min-width: 0 !important;
  background: var(--article-card) !important;
  color: var(--article-ink) !important;
  border: 1px solid var(--article-line) !important;
  border-radius: var(--article-radius) !important;
  box-shadow: var(--article-shadow) !important;
}

.article-light .intro-section,
.article-light .content-section,
.article-light .book-entry,
.article-light .characteristics-card,
.article-light .diff-block,
.article-light .faq-item,
.article-light .related-links,
.article-light .toc-box,
.article-light .toc-nav,
.article-light .review-quote,
.article-light .branding-box {
  padding: 32px 36px !important;
  margin-bottom: 28px !important;
}

.article-light .book-entry:hover {
  transform: translateY(-2px);
  border-color: rgba(111,77,23,.55) !important;
  box-shadow: var(--article-shadow-hover) !important;
}

.article-light h2,
.article-light h2.section-heading,
.article-light .content-container h2,
.article-light .leitartikel-container h2 {
  display: block !important;
  margin: 46px 0 22px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid var(--article-line) !important;
  font-size: clamp(1.45rem, 2.3vw, 2rem) !important;
}

.article-light .book-entry h3,
.article-light .faq-item h3,
.article-light .faq-item h4,
.article-light .related-links h3,
.article-light .toc-box h3,
.article-light .toc-nav h2,
.article-light .branding-box h3 {
  margin: 0 0 12px !important;
  font-size: clamp(1.18rem, 1.9vw, 1.55rem) !important;
}

/* Textwüsten auflösen, ohne Textänderung */
.article-light .intro-section p + p,
.article-light .content-section p + p,
.article-light .book-entry p + p,
.article-light .diff-block p + p,
.article-light .related-links p + p,
.article-light .branding-box p + p,
.article-light .review-quote p + p {
  position: relative !important;
  margin-top: 1.15rem !important;
  padding-top: 1.15rem !important;
  border-top: 1px solid rgba(154,112,40,.22) !important;
}

.article-light .intro-section p + p::before,
.article-light .content-section p + p::before,
.article-light .book-entry p + p::before,
.article-light .diff-block p + p::before,
.article-light .related-links p + p::before,
.article-light .branding-box p + p::before,
.article-light .review-quote p + p::before {
  content: '✦';
  position: absolute;
  top: -.82rem;
  left: 0;
  width: 2rem;
  height: 1rem;
  display: inline-flex;
  align-items: center;
  color: var(--article-gold) !important;
  background: var(--article-card) !important;
  font-size: .92rem !important;
  line-height: 1 !important;
}

.article-light .content-section p:last-child,
.article-light .book-entry p:last-child,
.article-light .faq-item p:last-child,
.article-light .related-links p:last-child {
  margin-bottom: 0 !important;
}

/* Intro- und Artikelbilder */
.article-light .article-image,
.article-light .intro-image,
.article-light .header-img-float {
  float: right !important;
  width: min(34%, 360px) !important;
  max-width: 360px !important;
  margin: 0 0 24px 34px !important;
}

.article-light .article-image.inline {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 24px auto 28px !important;
}

.article-light .article-image img,
.article-light .intro-image img,
.article-light .header-img-float,
.article-light .article-image.inline img {
  width: 100% !important;
  height: auto !important;
  border: 1px solid var(--article-line) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 24px rgba(45,31,15,.18) !important;
}

/* Listen */
.article-light .characteristics-card ul,
.article-light .toc-box ul,
.article-light .toc-nav ol,
.article-light .diff-block ul,
.article-light .leseprobe-promo-features {
  list-style: none !important;
  padding: 0 !important;
  margin: 18px 0 0 !important;
  display: grid !important;
  gap: 10px !important;
}

.article-light .characteristics-card li,
.article-light .toc-box li,
.article-light .toc-nav li,
.article-light .diff-block li {
  position: relative !important;
  margin: 0 !important;
  padding: 12px 15px !important;
  background: var(--article-card-soft) !important;
  border: 1px solid var(--article-line-soft) !important;
  border-radius: 8px !important;
}

.article-light .toc-nav li::before {
  position: static !important;
  display: inline-block !important;
  margin-right: 10px !important;
  color: var(--article-gold-deep) !important;
}

/* Metadaten, Tags und Bewertungen */
.article-light .book-meta,
.article-light .book-author,
.article-light .rating-label,
.article-light .stars-label,
.article-light .maturity-label,
.article-light .tag,
.article-light .caption,
.article-light small {
  font-family: var(--article-font-ui) !important;
}

.article-light .book-meta {
  margin: 0 0 16px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--article-line-soft) !important;
  color: #6c5946 !important;
  font-size: .9rem !important;
  line-height: 1.5 !important;
}

.article-light .book-rating,
.article-light .reader-stars {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin: 0 0 18px !important;
}

.article-light .rating-stars {
  --percent: calc(var(--rating) / 5 * 100%);
  position: relative !important;
  display: inline-block !important;
  font-family: Arial, sans-serif !important;
  font-size: 1.15rem !important;
  line-height: 1 !important;
  letter-spacing: .12em !important;
}

.article-light .rating-stars::before {
  content: '★★★★★';
  color: #c8bda9 !important;
}

.article-light .rating-stars::after {
  content: '★★★★★';
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--percent);
  overflow: hidden;
  white-space: nowrap;
  color: #a66f11 !important;
}

.article-light .rating-value {
  font: 700 .9rem/1 var(--article-font-ui) !important;
  color: #4c3515 !important;
}

.article-light .maturity-box {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 16px !important;
  margin: 0 0 20px !important;
  background: var(--article-card-soft) !important;
  box-shadow: none !important;
}

.article-light .maturity-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.article-light .tag {
  padding: 5px 9px !important;
  background: #f4e7ce !important;
  color: #5a3d12 !important;
  border: 1px solid var(--article-line) !important;
  border-radius: 5px !important;
  font-size: .82rem !important;
}

/* Standard-Buttons */
.article-light .official-button,
.article-light .link-btn,
.article-light .gold-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 10px 17px !important;
  border: 1px solid var(--article-gold-deep) !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: var(--article-gold-deep) !important;
  font-family: var(--article-font-ui) !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.article-light .official-button:hover,
.article-light .link-btn:hover,
.article-light .gold-button:hover {
  background: var(--article-gold-deep) !important;
  color: #fffaf0 !important;
}

/* Analyseboxen */
.article-light .analysis-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin: 24px 0 !important;
}

.article-light .analysis-box {
  padding: 20px 22px !important;
  box-shadow: none !important;
}

.article-light .analysis-box h4 {
  margin: 0 0 10px !important;
  font-size: 1.05rem !important;
}

/* Wetherid-Promoboxen: dunkle Ausnahme innerhalb des hellen Artikels */
.article-light .article-promo-banner,
.article-light .leseprobe-promo-card,
.article-light .wetherid-dive {
  position: relative !important;
  width: 100% !important;
  max-width: 960px !important;
  margin: 34px auto !important;
  padding: 32px 34px !important;
  background: linear-gradient(145deg, #17140f, #070605) !important;
  border: 1px solid #8f6a29 !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 30px rgba(28,19,8,.24) !important;
  color: #f6ecd8 !important;
}

.article-light .article-promo-banner {
  display: grid !important;
  grid-template-columns: minmax(240px, 340px) minmax(0, 1fr) !important;
  gap: 28px !important;
  align-items: center !important;
}

.article-light .article-promo-banner > img:not(.wetherid-inline-logo),
.article-light .leseprobe-promo-card .promo-book-image,
.article-light .leseprobe-promo-card > img {
  width: 100% !important;
  max-width: 320px !important;
  margin: 0 auto !important;
  border-radius: 6px !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.55) !important;
}

.article-light .wetherid-inline-logo {
  width: auto !important;
  height: 46px !important;
  max-width: 180px !important;
  margin: 0 0 14px !important;
  object-fit: contain !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.article-light .article-promo-title,
.article-light .leseprobe-promo-card h3,
.article-light .wetherid-dive h3,
.article-light .wetherid-dive h4 {
  color: #e6bd66 !important;
}

.article-light .article-promo-text,
.article-light .leseprobe-promo-card p,
.article-light .leseprobe-promo-card li,
.article-light .wetherid-dive p,
.article-light .wetherid-dive strong {
  color: #f6ecd8 !important;
  -webkit-text-fill-color: #f6ecd8 !important;
}

.article-light .article-promo-badge,
.article-light .leseprobe-promo-label {
  color: #e4c785 !important;
  font-family: var(--article-font-ui) !important;
  font-size: .8rem !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.article-light .article-promo-btn,
.article-light .leseprobe-promo-button,
.article-light .wetherid-dive .btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 11px 18px !important;
  background: linear-gradient(180deg, #2ecc71, #1e9d53) !important;
  border: 1px solid #1b8b49 !important;
  border-radius: 6px !important;
  color: #fff !important;
  font-family: var(--article-font-ui) !important;
  font-size: .84rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: 0 7px 18px rgba(18,125,64,.32) !important;
}

.article-light .article-promo-btn:hover,
.article-light .leseprobe-promo-button:hover,
.article-light .wetherid-dive .btn-primary:hover {
  background: #188445 !important;
  border-color: #15753d !important;
  color: #fff !important;
}

/* Tabellen */
.article-light .table-wrap,
.article-light .table-responsive {
  width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

.article-light table {
  width: 100% !important;
  border-collapse: collapse !important;
  overflow: hidden !important;
}

.article-light th,
.article-light td {
  padding: 12px 14px !important;
  border-bottom: 1px solid var(--article-line-soft) !important;
}

.article-light th {
  background: var(--article-card-soft) !important;
  color: var(--article-gold-deep) !important;
  font-family: var(--article-font-ui) !important;
  font-weight: 700 !important;
}

@media (max-width: 768px) {
  .article-light {
    padding-bottom: 16px;
  }

  .article-light .page-header {
    padding: 112px 14px 42px !important;
  }

  .article-light .page-header h1 {
    font-size: clamp(1.75rem, 8vw, 2.55rem) !important;
  }

  .article-light .landing-content,
  .article-light .content-container,
  .article-light .leitartikel-container,
  .article-light .closing-section,
  .article-light .intro-section,
  .article-light .content-section {
    width: min(100% - 20px, var(--article-width)) !important;
  }

  .article-light p,
  .article-light li,
  .article-light blockquote,
  .article-light td,
  .article-light th {
    font-size: 17px !important;
    line-height: 1.66 !important;
  }

  .article-light .intro-section,
  .article-light .content-section,
  .article-light .book-entry,
  .article-light .characteristics-card,
  .article-light .diff-block,
  .article-light .faq-item,
  .article-light .related-links,
  .article-light .toc-box,
  .article-light .toc-nav,
  .article-light .review-quote,
  .article-light .branding-box {
    padding: 24px 20px !important;
  }

  .article-light .article-image,
  .article-light .intro-image,
  .article-light .header-img-float {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 24px !important;
  }

  .article-light .analysis-grid {
    grid-template-columns: 1fr !important;
  }

  .article-light .article-promo-banner {
    grid-template-columns: 1fr !important;
    padding: 26px 20px !important;
  }

  .article-light .article-promo-banner > img:not(.wetherid-inline-logo),
  .article-light .leseprobe-promo-card .promo-book-image,
  .article-light .leseprobe-promo-card > img {
    width: 100% !important;
    max-width: 380px !important;
  }

  .article-light .article-promo-btn,
  .article-light .leseprobe-promo-button,
  .article-light .official-button,
  .article-light .link-btn {
    width: 100% !important;
  }
}

/* =========================================================
   SCHREIBRATGEBER – zentral, nur innerhalb .article-light
   ========================================================= */
.article-light .detail-content {
  width: min(var(--article-width), calc(100% - 40px)) !important;
  max-width: var(--article-width) !important;
  margin: 0 auto !important;
  padding: 48px 0 24px !important;
  background: transparent !important;
}

.article-light .writing-card {
  width: 100% !important;
  margin: 0 0 28px !important;
  padding: 34px 38px !important;
}

.article-light .writing-card > h2:first-child {
  margin: 0 0 18px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid var(--article-line-soft) !important;
  font-size: clamp(1.35rem, 2.1vw, 1.8rem) !important;
}

.article-light .writing-card p {
  max-width: 76ch !important;
  margin: 0 0 16px !important;
}

.article-light .writing-card p + p {
  position: relative !important;
  margin-top: 1.15rem !important;
  padding-top: 1.15rem !important;
  border-top: 1px solid rgba(154,112,40,.22) !important;
}

.article-light .writing-card p + p::before {
  content: "✦";
  position: absolute;
  top: -.82rem;
  left: 0;
  width: 2rem;
  background: var(--article-card);
  color: var(--article-gold) !important;
  font: 400 .92rem/1 Arial, Helvetica, sans-serif !important;
}

.article-light .tip-navigation.related-links {
  width: min(var(--article-width), calc(100% - 40px)) !important;
  max-width: var(--article-width) !important;
  margin: 24px auto 0 !important;
  padding: 18px 22px !important;
}

.article-light .tip-navigation-wrapper {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  max-width: 960px !important;
  margin: 0 auto !important;
}

.article-light .nav-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 10px 16px !important;
  border: 1px solid var(--article-gold-deep) !important;
  border-radius: 6px !important;
  color: var(--article-gold-deep) !important;
  font-family: var(--article-font-ui) !important;
  font-size: .86rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.article-light .grid-section.writing-tips-overview {
  width: min(var(--article-width), calc(100% - 40px)) !important;
  max-width: var(--article-width) !important;
  margin: 30px auto 24px !important;
  padding: 34px 38px !important;
  text-align: center !important;
}

.article-light .writing-tips-overview > h2 {
  margin: 0 0 24px !important;
  text-align: center !important;
}

.article-light .tips-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 14px !important;
}

.article-light .tip-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 92px !important;
  padding: 18px !important;
  background: var(--article-card-soft) !important;
  border: 1px solid var(--article-line) !important;
  border-radius: 8px !important;
  color: var(--article-gold-deep) !important;
  font-family: var(--article-font-ui) !important;
  font-size: .94rem !important;
  font-weight: 700 !important;
  text-align: center !important;
  text-decoration: none !important;
}

.article-light .tip-link:hover,
.article-light .tip-link:focus-visible {
  transform: translateY(-2px) !important;
  background: #f2e5cb !important;
}

.article-light .wetherid-inline-logo {
  width: 250px !important;
  height: auto !important;
  max-width: 100% !important;
  margin: 0 0 16px !important;
}

@media (max-width: 768px) {
  .article-light .detail-content {
    width: min(100% - 20px, var(--article-width)) !important;
    padding: 30px 0 20px !important;
  }
  .article-light .writing-card {
    padding: 24px 20px !important;
  }
  .article-light .tip-navigation.related-links,
  .article-light .grid-section.writing-tips-overview {
    width: calc(100% - 20px) !important;
    padding: 22px 18px !important;
  }
  .article-light .tip-navigation-wrapper {
    flex-direction: column !important;
  }
  .article-light .nav-button {
    width: 100% !important;
  }
  .article-light .tips-grid {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   LESEPROBENBOX – WETHERID-LOGO KOMPAKT
   Nur das Logo innerhalb der Leseproben-/Promo-Box verkleinern.
   Andere Wetherid-Logos bleiben unverändert.
   ========================================================= */
.article-light .article-promo-banner .wetherid-inline-logo,
.article-light .leseprobe-promo-card .wetherid-inline-logo {
  width: 150px !important;
  height: auto !important;
  max-width: 150px !important;
  margin: 0 0 14px !important;
  object-fit: contain !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

@media (max-width: 768px) {
  .article-light .article-promo-banner .wetherid-inline-logo,
  .article-light .leseprobe-promo-card .wetherid-inline-logo {
    width: 140px !important;
    max-width: 140px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* =========================================================
   ZIELGRUPPEN-GUIDE – visuelle Auflockerung und Genre-Atmosphäre
   ========================================================= */
.article-light.audience-guide-page {
  --guide-green: #2f6b43;
  --guide-green-soft: #e8f3e8;
  --guide-green-line: #8eb89a;
  --guide-night: #17130e;
}

.article-light.audience-guide-page .article-container {
  width: min(1120px, calc(100% - 40px)) !important;
  margin: 0 auto !important;
  padding: 44px 0 26px !important;
}

.article-light.audience-guide-page .content-section {
  overflow: hidden !important;
  padding: 0 !important;
}

.article-light.audience-guide-page .content-section > *:not(.cycle-banner) {
  margin-left: 36px !important;
  margin-right: 36px !important;
}

.article-light.audience-guide-page .content-section > h2:first-child {
  margin: 0 0 26px !important;
  padding: 25px 36px 20px 92px !important;
  background: linear-gradient(90deg, #f3e4c6, #fffaf0 76%) !important;
  border-bottom: 1px solid rgba(111,77,23,.28) !important;
  position: relative !important;
}

.article-light.audience-guide-page .section-icon {
  position: absolute !important;
  left: 30px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: #6f4d17 !important;
  color: #fff5de !important;
  box-shadow: 0 7px 18px rgba(61,39,12,.22) !important;
  font-size: 1.08rem !important;
}

.article-light.audience-guide-page .key-takeaway {
  display: grid !important;
  grid-template-columns: 46px minmax(0,1fr) !important;
  gap: 16px !important;
  align-items: start !important;
  margin-top: 24px !important;
  margin-bottom: 28px !important;
  padding: 20px 22px !important;
  background: linear-gradient(135deg, var(--guide-green-soft), #f7fbf4) !important;
  border: 1px solid var(--guide-green-line) !important;
  border-left: 5px solid var(--guide-green) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 20px rgba(47,107,67,.09) !important;
}

.article-light.audience-guide-page .key-takeaway p {
  margin: 0 !important;
  color: #26452f !important;
  font-weight: 600 !important;
}

.article-light.audience-guide-page .key-takeaway-icon {
  width: 40px !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: var(--guide-green) !important;
  color: #fff !important;
}

.article-light.audience-guide-page .epic-summary-panel {
  display: grid !important;
  grid-template-columns: 82px repeat(3,minmax(0,1fr)) !important;
  gap: 14px !important;
  margin: 28px 0 8px !important;
  padding: 22px !important;
  background: linear-gradient(145deg, #1d1810, #0a0805) !important;
  border: 1px solid #8f6a29 !important;
  border-radius: 14px !important;
}

.article-light.audience-guide-page .summary-emblem {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #e2bd70 !important;
  font-size: 2.2rem !important;
}

.article-light.audience-guide-page .summary-point {
  padding: 16px !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(226,189,112,.24) !important;
  border-radius: 9px !important;
}
.article-light.audience-guide-page .summary-point p,
.article-light.audience-guide-page .summary-point strong,
.article-light.audience-guide-page .summary-point a {
  color: #f5ead4 !important;
  -webkit-text-fill-color: #f5ead4 !important;
}
.article-light.audience-guide-page .summary-point p { margin:0 !important; font-size:16.5px !important; line-height:1.58 !important; }

.article-light.audience-guide-page .stats-list {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 14px !important;
  padding: 0 !important;
  margin: 30px 36px 36px !important;
  list-style: none !important;
}
.article-light.audience-guide-page .stats-list li {
  padding: 22px 14px !important;
  text-align: center !important;
  background: linear-gradient(180deg,#fff8e9,#f2e3c7) !important;
  border: 1px solid var(--article-line) !important;
  border-bottom: 4px solid var(--article-gold-deep) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 20px rgba(61,39,12,.10) !important;
}
.article-light.audience-guide-page .stat-icon {
  display:flex !important; align-items:center !important; justify-content:center !important;
  width:42px !important; height:42px !important; margin:0 auto 10px !important;
  border-radius:50% !important; background:#6f4d17 !important; color:#fff !important;
}
.article-light.audience-guide-page .stats-list strong { display:block !important; font-size:1.65rem !important; color:#6f4d17 !important; }
.article-light.audience-guide-page .stats-list span:not(.stat-icon) { font:700 .76rem/1.35 Arial,sans-serif !important; color:#5b4632 !important; text-transform:uppercase !important; letter-spacing:.06em !important; }

.article-light.audience-guide-page .concept-list {
  display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:14px !important;
  padding:0 !important; margin:28px 36px 38px !important; list-style:none !important;
}
.article-light.audience-guide-page .concept-list li {
  display:grid !important; grid-template-columns:46px minmax(0,1fr) !important; gap:14px !important;
  align-items:start !important; margin:0 !important; padding:19px !important;
  background:#fbf2df !important; border:1px solid var(--article-line-soft) !important;
  border-radius:10px !important; box-shadow:0 5px 15px rgba(55,40,20,.07) !important;
}
.article-light.audience-guide-page .concept-icon,
.article-light.audience-guide-page .info-card-icon {
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  width:42px !important; height:42px !important; border-radius:9px !important;
  background:#efe0be !important; color:#765018 !important; font-size:1rem !important;
}

.article-light.audience-guide-page .cycle-banner {
  display:flex !important; align-items:center !important; justify-content:center !important; gap:12px !important;
  min-height:74px !important; margin:34px 0 18px !important; padding:18px 24px !important;
  color:#fff8e9 !important; font:700 .82rem/1.4 Arial,sans-serif !important;
  text-transform:uppercase !important; letter-spacing:.11em !important;
  border-radius:12px !important; box-shadow:0 10px 28px rgba(35,23,8,.18) !important;
}
.article-light.audience-guide-page .cycle-banner i { font-size:1.45rem !important; color:#efd18f !important; }
.article-light.audience-guide-page .cycle-one { background:linear-gradient(135deg,#315c39,#17351f) !important; border:1px solid #6e9b72 !important; }
.article-light.audience-guide-page .cycle-two { background:linear-gradient(135deg,#5d2b25,#24110e) !important; border:1px solid #a56f5f !important; }
.article-light.audience-guide-page .cycle-three { background:linear-gradient(135deg,#315a6d,#152c38) !important; border:1px solid #6c9db0 !important; }

.article-light.audience-guide-page .card-grid {
  display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:16px !important;
  margin:26px 36px 38px !important;
}
.article-light.audience-guide-page .info-card {
  position:relative !important; padding:24px !important; background:linear-gradient(180deg,#fffaf0,#f7ecd8) !important;
  border:1px solid var(--article-line) !important; border-radius:11px !important;
  box-shadow:0 8px 22px rgba(55,40,20,.09) !important;
}
.article-light.audience-guide-page .info-card-icon { margin-bottom:13px !important; }
.article-light.audience-guide-page .info-card h4 { margin:0 0 12px !important; color:#6f4d17 !important; font-size:1.12rem !important; }
.article-light.audience-guide-page .info-card p { margin:0 !important; }

.article-light.audience-guide-page .meta-label-group {
  display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:12px !important;
  margin:22px 36px 24px !important; padding:0 !important; background:transparent !important; border:0 !important;
}
.article-light.audience-guide-page .meta-label {
  padding:14px 15px !important; border-radius:8px !important; background:#f3e7cf !important;
  border:1px solid var(--article-line-soft) !important; color:#493824 !important;
}
.article-light.audience-guide-page .meta-label i { color:#765018 !important; }

.article-light.audience-guide-page .faq-list { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; margin:24px 36px 38px !important; }
.article-light.audience-guide-page .faq-item { margin:0 !important; background:#fffaf0 !important; border:1px solid var(--article-line) !important; border-left:4px solid #6f4d17 !important; border-radius:8px !important; box-shadow:0 6px 16px rgba(55,40,20,.07) !important; }
.article-light.audience-guide-page .faq-item summary { color:#5b3c10 !important; font-weight:700 !important; }
.article-light.audience-guide-page .faq-item p { padding:0 20px 18px !important; }

@media (max-width: 820px) {
  .article-light.audience-guide-page .content-section > *:not(.cycle-banner) { margin-left:20px !important; margin-right:20px !important; }
  .article-light.audience-guide-page .content-section > h2:first-child { padding:22px 20px 18px 76px !important; }
  .article-light.audience-guide-page .section-icon { left:20px !important; width:40px !important; height:40px !important; }
  .article-light.audience-guide-page .epic-summary-panel { grid-template-columns:1fr !important; }
  .article-light.audience-guide-page .summary-emblem { min-height:52px !important; }
  .article-light.audience-guide-page .stats-list,
  .article-light.audience-guide-page .meta-label-group { grid-template-columns:repeat(2,minmax(0,1fr)) !important; margin-left:20px !important; margin-right:20px !important; }
  .article-light.audience-guide-page .concept-list,
  .article-light.audience-guide-page .card-grid,
  .article-light.audience-guide-page .faq-list { grid-template-columns:1fr !important; margin-left:20px !important; margin-right:20px !important; }
}

@media (max-width: 520px) {
  .article-light.audience-guide-page .article-container { width:calc(100% - 16px) !important; }
  .article-light.audience-guide-page .stats-list,
  .article-light.audience-guide-page .meta-label-group { grid-template-columns:1fr !important; }
  .article-light.audience-guide-page .key-takeaway { grid-template-columns:1fr !important; }
  .article-light.audience-guide-page .key-takeaway-icon { margin:0 auto !important; }
  .article-light.audience-guide-page .cycle-banner { font-size:.72rem !important; text-align:center !important; }
}


/* =========================================================
   ZIELGRUPPENSEITE – FINALER STABILITÄTS- UND DESIGN-FIX
   Behebt Textspalten, übergroßes Logo, zu schwere Typografie
   und überladene Hervorhebungen. Nur auf dieser Seite wirksam.
   ========================================================= */
.article-light.audience-guide-page {
  --guide-green: #2f6b43;
  --guide-green-soft: #eef7ef;
  --guide-green-line: #9bc7a5;
}

.article-light.audience-guide-page .article-container {
  width: min(1040px, calc(100% - 32px)) !important;
  max-width: 1040px !important;
  margin: 0 auto !important;
  padding: 38px 0 30px !important;
}

.article-light.audience-guide-page .article-container p,
.article-light.audience-guide-page .article-container li,
.article-light.audience-guide-page .article-container summary {
  font-size: 18px !important;
  line-height: 1.68 !important;
  font-weight: 400 !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
}

.article-light.audience-guide-page .breadcrumbs ol {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.article-light.audience-guide-page .breadcrumbs li {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  font: 400 .9rem/1.4 Arial, Helvetica, sans-serif !important;
}

.article-light.audience-guide-page .breadcrumbs li + li::before {
  content: "›";
  margin-right: 18px;
  color: #8b6a35;
}

.article-light.audience-guide-page .article-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px 18px !important;
  margin: 12px 0 18px !important;
  font: 400 .88rem/1.45 Arial, Helvetica, sans-serif !important;
  color: #6b5946 !important;
}

.article-light.audience-guide-page .article-logo {
  display: block !important;
  width: min(220px, 54vw) !important;
  max-width: 220px !important;
  height: auto !important;
  margin: 18px auto 28px !important;
  object-fit: contain !important;
  box-shadow: none !important;
  border: 0 !important;
}

.article-light.audience-guide-page .content-section {
  overflow: hidden !important;
  margin: 0 0 26px !important;
  padding: 0 0 30px !important;
  background: #fffaf0 !important;
  border: 1px solid rgba(111,77,23,.28) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 26px rgba(55,40,20,.10) !important;
}

.article-light.audience-guide-page .content-section > h2:first-child {
  min-height: 68px !important;
  margin: 0 !important;
  padding: 19px 28px 17px 78px !important;
  font-size: clamp(1.35rem, 2.1vw, 1.8rem) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  background: linear-gradient(90deg, #f4e7cd, #fffaf0 78%) !important;
}

.article-light.audience-guide-page .section-icon {
  left: 28px !important;
  width: 36px !important;
  height: 36px !important;
  font-size: .95rem !important;
  box-shadow: 0 5px 12px rgba(61,39,12,.18) !important;
}

.article-light.audience-guide-page .content-section > p,
.article-light.audience-guide-page .content-section > h3 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.article-light.audience-guide-page .content-section > h3 {
  margin-top: 28px !important;
  margin-bottom: 10px !important;
  color: #6f4d17 !important;
  font-size: 1.18rem !important;
  font-weight: 600 !important;
}

.article-light.audience-guide-page .key-takeaway {
  grid-template-columns: 38px minmax(0, 1fr) !important;
  gap: 14px !important;
  margin: 22px 30px 24px !important;
  padding: 17px 18px !important;
  border-left-width: 4px !important;
  box-shadow: none !important;
}

.article-light.audience-guide-page .key-takeaway p {
  font-size: 17.5px !important;
  line-height: 1.62 !important;
  font-weight: 500 !important;
  color: #294632 !important;
}

.article-light.audience-guide-page .key-takeaway-icon {
  width: 34px !important;
  height: 34px !important;
  font-size: .86rem !important;
}

/* Zusammenfassung: Wetherid-warm statt schwarzer Block. */
.article-light.audience-guide-page .epic-summary-panel {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 22px 30px 0 !important;
  padding: 18px !important;
  background: linear-gradient(180deg, #f7ecd7, #f1e1c5) !important;
  border: 1px solid rgba(111,77,23,.34) !important;
  border-radius: 11px !important;
  box-shadow: none !important;
}

.article-light.audience-guide-page .summary-emblem {
  grid-column: 1 / -1 !important;
  min-height: 0 !important;
  justify-content: flex-start !important;
  padding: 0 2px 4px !important;
  color: #765018 !important;
  font-size: 1.35rem !important;
}

.article-light.audience-guide-page .summary-point {
  min-width: 0 !important;
  padding: 16px !important;
  background: rgba(255,250,240,.92) !important;
  border: 1px solid rgba(111,77,23,.22) !important;
  border-radius: 8px !important;
}

.article-light.audience-guide-page .summary-point p,
.article-light.audience-guide-page .summary-point strong,
.article-light.audience-guide-page .summary-point a {
  color: #3d3025 !important;
  -webkit-text-fill-color: #3d3025 !important;
}

.article-light.audience-guide-page .summary-point p {
  font-size: 16px !important;
  line-height: 1.58 !important;
  font-weight: 400 !important;
}

.article-light.audience-guide-page .summary-point strong {
  font-weight: 600 !important;
}

.article-light.audience-guide-page .stats-list {
  margin: 26px 30px 2px !important;
}

.article-light.audience-guide-page .stats-list strong {
  font-size: 1.45rem !important;
  font-weight: 600 !important;
}

.article-light.audience-guide-page .concept-list {
  margin: 24px 30px 2px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.article-light.audience-guide-page .concept-list li {
  grid-template-columns: 38px minmax(0, 1fr) !important;
  gap: 12px !important;
  min-width: 0 !important;
  padding: 17px !important;
}

.article-light.audience-guide-page .concept-copy {
  min-width: 0 !important;
  font-size: 17px !important;
  line-height: 1.62 !important;
  color: #3d3025 !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

.article-light.audience-guide-page .concept-copy strong {
  display: block !important;
  margin: 0 0 7px !important;
  color: #5b3c10 !important;
  font-weight: 600 !important;
}

.article-light.audience-guide-page .concept-icon,
.article-light.audience-guide-page .info-card-icon {
  width: 36px !important;
  height: 36px !important;
  font-size: .9rem !important;
}

.article-light.audience-guide-page .meta-label-group,
.article-light.audience-guide-page .card-grid,
.article-light.audience-guide-page .faq-list {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.article-light.audience-guide-page .info-card h4,
.article-light.audience-guide-page .faq-item summary {
  font-weight: 600 !important;
}

.article-light.audience-guide-page .info-card p {
  font-size: 16.5px !important;
  line-height: 1.62 !important;
}

.article-light.audience-guide-page .faq-list {
  grid-template-columns: 1fr !important;
}

.article-light.audience-guide-page .faq-item summary {
  font-size: 1rem !important;
}

.article-light.audience-guide-page .leseprobe-promo-card .wetherid-inline-logo {
  width: 150px !important;
  max-width: 150px !important;
  height: auto !important;
}

@media (max-width: 900px) {
  .article-light.audience-guide-page .epic-summary-panel,
  .article-light.audience-guide-page .concept-list,
  .article-light.audience-guide-page .card-grid {
    grid-template-columns: 1fr !important;
  }
  .article-light.audience-guide-page .stats-list,
  .article-light.audience-guide-page .meta-label-group {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 600px) {
  .article-light.audience-guide-page .article-container {
    width: calc(100% - 16px) !important;
    padding-top: 18px !important;
  }
  .article-light.audience-guide-page .content-section > h2:first-child {
    min-height: 62px !important;
    padding: 17px 16px 15px 64px !important;
  }
  .article-light.audience-guide-page .section-icon {
    left: 16px !important;
    width: 34px !important;
    height: 34px !important;
  }
  .article-light.audience-guide-page .content-section > p,
  .article-light.audience-guide-page .content-section > h3,
  .article-light.audience-guide-page .key-takeaway,
  .article-light.audience-guide-page .epic-summary-panel,
  .article-light.audience-guide-page .stats-list,
  .article-light.audience-guide-page .concept-list,
  .article-light.audience-guide-page .meta-label-group,
  .article-light.audience-guide-page .card-grid,
  .article-light.audience-guide-page .faq-list {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .article-light.audience-guide-page .stats-list,
  .article-light.audience-guide-page .meta-label-group {
    grid-template-columns: 1fr !important;
  }
  .article-light.audience-guide-page .key-takeaway {
    grid-template-columns: 34px minmax(0,1fr) !important;
  }
  .article-light.audience-guide-page .article-logo {
    width: min(180px, 58vw) !important;
    max-width: 180px !important;
  }
}


/* =========================================================
   PAGE-SPECIFIC LAYOUTS: AUTOR, FANTASY JOURNAL, LESEPROBEN
   These rules are intentionally scoped to the corresponding page class.
   ========================================================= */

/* ---------- Shared page safety ---------- */
.article-light.author-page,
.article-light.journal-page,
.article-light.samples-page {
  min-height: 100vh;
}

.article-light.author-page .page-header,
.article-light.journal-page .page-header,
.article-light.samples-page .page-header {
  background:
    linear-gradient(180deg, rgba(28,22,15,.68), rgba(28,22,15,.88)),
    var(--article-hero-image, url('../img/page-background.webp')) center / cover no-repeat !important;
}

.article-light.author-page > section,
.article-light.samples-page > section,
.article-light.journal-page > main,
.article-light.journal-page > nav {
  width: min(var(--article-width), calc(100% - 40px));
  max-width: var(--article-width);
  margin-left: auto;
  margin-right: auto;
}

/* ---------- Author page ---------- */
.article-light.author-page .author-content {
  padding: 48px 0 30px;
}

.article-light.author-page .author-heading {
  margin: 0 0 28px !important;
  text-align: center !important;
  font-size: clamp(1.8rem, 3vw, 2.65rem) !important;
}

.article-light.author-page .author-layout {
  display: grid;
  grid-template-columns: minmax(250px, 320px) minmax(0, 1fr);
  gap: 30px;
  align-items: start;
}

.article-light.author-page .author-sidebar,
.article-light.author-page .press-highlights-section,
.article-light.author-page .lore-box,
.article-light.author-page .interview-card {
  background: var(--article-card) !important;
  border: 1px solid var(--article-line) !important;
  border-radius: var(--article-radius) !important;
  box-shadow: var(--article-shadow) !important;
}

.article-light.author-page .author-sidebar {
  position: sticky;
  top: 94px;
  padding: 24px;
}

.article-light.author-page .author-sidebar > img {
  width: 100%;
  max-width: 280px;
  margin: 0 auto 22px;
  border-radius: 10px;
  border: 1px solid var(--article-line);
  box-shadow: 0 10px 24px rgba(45,31,15,.16);
}

.article-light.author-page .author-fact-box h4,
.article-light.author-page .branding-box h4 {
  margin: 0 0 14px !important;
  color: var(--article-gold-deep) !important;
  font-size: 1.1rem !important;
}

.article-light.author-page .fact-row {
  display: grid;
  grid-template-columns: 88px minmax(0,1fr);
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid var(--article-line-soft);
  font-family: var(--article-font-ui);
  font-size: .9rem;
}

.article-light.author-page .fact-label {
  color: #735628;
  font-weight: 700;
}

.article-light.author-page .fact-value {
  color: var(--article-ink-soft);
  overflow-wrap: anywhere;
}

.article-light.author-page .branding-box {
  margin: 22px 0 18px !important;
  padding: 18px !important;
  box-shadow: none !important;
}

.article-light.author-page .branding-box p {
  font-size: 15.5px !important;
  line-height: 1.55 !important;
}

.article-light.author-page .author-quote {
  display: block;
  padding: 15px 0 0;
  border-top: 1px solid var(--article-line-soft);
  color: #684817;
  font-family: Georgia, serif;
  font-style: italic;
  line-height: 1.55;
}

.article-light.author-page .author-story {
  min-width: 0;
}

.article-light.author-page .author-story .content-section {
  width: 100% !important;
  margin: 0 0 24px !important;
}

.article-light.author-page .author-story .content-section h3 {
  margin: 0 0 14px !important;
  color: var(--article-gold-deep) !important;
  font-size: 1.3rem !important;
}

.article-light.author-page .drop-cap::first-letter {
  float: left;
  margin: .08em .12em 0 0;
  color: var(--article-gold-deep);
  font: 700 3.1rem/.82 Georgia, serif;
}

.article-light.author-page .press-highlights-section,
.article-light.author-page .lore-box {
  margin: 28px auto;
  padding: 30px 34px;
}

.article-light.author-page .press-grid,
.article-light.author-page .interview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
}

.article-light.author-page .press-mini-card,
.article-light.author-page .interview-card {
  min-width: 0;
  padding: 20px;
}

.article-light.author-page .press-mini-card {
  background: var(--article-card-soft);
  border: 1px solid var(--article-line-soft);
  border-radius: 9px;
}

.article-light.author-page .press-mini-card blockquote {
  margin: 0 0 14px;
  padding: 0;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

.article-light.author-page .press-mini-card cite,
.article-light.author-page .press-mini-card a {
  display: block;
  margin-top: 8px;
  font-family: var(--article-font-ui);
  font-size: .86rem;
}

.article-light.author-page .interview-grid {
  grid-template-columns: repeat(2, minmax(0,1fr));
  margin: 20px 0 36px;
}

.article-light.author-page .q-header {
  display: block;
  margin-bottom: 12px;
  color: var(--article-gold-deep);
  font-family: var(--article-font-ui);
  font-weight: 700;
  line-height: 1.45;
}

.article-light.author-page .a-text {
  color: var(--article-ink-soft);
  font-family: var(--article-font-body);
  font-size: 16.5px;
  line-height: 1.65;
}

/* ---------- Fantasy Journal ---------- */
.article-light.journal-page .breadcrumb-nav {
  padding: 20px 0 0;
  font-family: var(--article-font-ui);
  font-size: .9rem;
}

.article-light.journal-page .breadcrumb-nav .separator {
  margin: 0 9px;
  color: #9b7a45;
}

.article-light.journal-page .content-container {
  padding-top: 30px !important;
}

.article-light.journal-page .intro-block,
.article-light.journal-page .cta-box {
  margin-bottom: 30px;
  padding: 30px 34px;
  background: var(--article-card);
  border: 1px solid var(--article-line);
  border-radius: var(--article-radius);
  box-shadow: var(--article-shadow);
}

.article-light.journal-page .article-list-title {
  margin-bottom: 8px !important;
}

.article-light.journal-page .article-list-subtitle {
  margin: 0 0 22px !important;
  color: #75624e !important;
  font: 600 .9rem/1.4 var(--article-font-ui) !important;
}

.article-light.journal-page .article-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 22px;
}

.article-light.journal-page .article-card {
  display: flex !important;
  min-width: 0;
  overflow: hidden;
  flex-direction: column;
  background: var(--article-card) !important;
  border: 1px solid var(--article-line) !important;
  border-radius: 12px;
  box-shadow: var(--article-shadow);
  color: inherit !important;
  text-decoration: none !important;
  transition: transform .18s ease, box-shadow .18s ease;
}

.article-light.journal-page .article-card:hover,
.article-light.journal-page .article-card:focus-visible {
  transform: translateY(-3px);
  box-shadow: var(--article-shadow-hover);
}

.article-light.journal-page .article-card-image {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #e6dac2;
}

.article-light.journal-page .article-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .25s ease;
}

.article-light.journal-page .article-card:hover .article-card-image img {
  transform: scale(1.025);
}

.article-light.journal-page .article-card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 22px;
}

.article-light.journal-page .article-card-category {
  margin-bottom: 9px;
  color: #815c20;
  font: 700 .76rem/1.35 var(--article-font-ui);
  letter-spacing: .06em;
  text-transform: uppercase;
}

.article-light.journal-page .article-card-title {
  margin: 0 0 12px !important;
  color: var(--article-gold-deep) !important;
  font-size: 1.22rem !important;
  line-height: 1.33 !important;
}

.article-light.journal-page .article-card-excerpt {
  margin: 0 0 18px !important;
  font-size: 16px !important;
  line-height: 1.58 !important;
}

.article-light.journal-page .article-card-more {
  margin-top: auto;
  color: var(--article-gold-deep);
  font: 700 .85rem/1.4 var(--article-font-ui);
}

.article-light.journal-page .cta-box {
  margin-top: 34px;
  text-align: center;
}

.article-light.journal-page .cta-box h2,
.article-light.journal-page .cta-box p {
  text-align: center !important;
}

.article-light.journal-page .button-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 20px;
}

body.journal-page-body > .author-card-box {
  display: grid;
  grid-template-columns: 140px minmax(0,1fr);
  gap: 24px;
  width: min(920px, calc(100% - 40px));
  margin: 36px auto;
  padding: 28px;
  background: #fffaf0;
  border: 1px solid rgba(111,77,23,.35);
  border-radius: 14px;
  box-shadow: 0 12px 34px rgba(55,40,20,.12);
}

body.journal-page-body .author-card-img img {
  width: 140px;
  height: 140px;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid rgba(111,77,23,.35);
}

body.journal-page-body .author-card-label {
  color: #815c20;
  font: 700 .75rem/1.3 Arial, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.journal-page-body .author-card-name {
  margin: 5px 0 10px;
  color: #6f4d17;
  font: 700 1.45rem/1.25 Georgia, serif;
}

body.journal-page-body .author-card-bio {
  margin: 0 0 16px;
  color: #3d3025;
  font: 400 16px/1.62 Georgia, serif;
}

body.journal-page-body .author-card-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}

body.journal-page-body .author-text-link {
  color: #6f4d17;
  font: 700 .9rem/1.4 Arial, sans-serif;
}

/* ---------- Samples page ---------- */
.article-light.samples-page .sample-content {
  padding: 42px 0 34px;
}

.article-light.samples-page .freedom-notice,
.article-light.samples-page .unlock-status-notice,
.article-light.samples-page .premium-sample-card,
.article-light.samples-page .b2b-distribution-bar {
  border-radius: var(--article-radius);
  box-shadow: var(--article-shadow);
}

.article-light.samples-page .freedom-notice {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr);
  gap: 15px;
  align-items: center;
  margin-bottom: 24px;
  padding: 20px 24px;
  background: #fffaf0;
  border: 1px solid var(--article-line);
}

.article-light.samples-page .freedom-notice i {
  color: var(--article-gold-deep);
  font-size: 1.5rem;
  text-align: center;
}

.article-light.samples-page .freedom-notice p {
  margin: 0 !important;
}

.article-light.samples-page .unlock-status-notice {
  display: none;
  margin-bottom: 24px;
  padding: 17px 20px;
  background: #e9f7ed;
  border: 1px solid #75ab82;
  color: #285c35;
  font-family: var(--article-font-ui);
  line-height: 1.5;
}

.article-light.samples-page .section-title {
  margin: 38px 0 22px !important;
}

.article-light.samples-page .premium-sample-card {
  display: grid;
  grid-template-columns: minmax(180px, 245px) minmax(0,1fr);
  gap: 30px;
  align-items: center;
  margin-bottom: 26px;
  padding: 28px;
  overflow: hidden;
  background: var(--article-card);
  border: 1px solid var(--article-line);
}

.article-light.samples-page .sample-cover-side img {
  width: 100%;
  max-width: 230px;
  margin: 0 auto;
  border-radius: 7px;
  box-shadow: 0 12px 26px rgba(32,20,8,.25);
}

.article-light.samples-page .sample-cycle-tag {
  display: inline-flex;
  margin-bottom: 11px;
  padding: 6px 10px;
  background: #efe1c2;
  border: 1px solid var(--article-line-soft);
  border-radius: 999px;
  color: #684817;
  font: 700 .75rem/1.2 var(--article-font-ui);
  letter-spacing: .05em;
  text-transform: uppercase;
}

.article-light.samples-page .sample-details-side h3 {
  margin: 0 0 14px !important;
  color: var(--article-gold-deep) !important;
  font-size: clamp(1.35rem, 2.1vw, 1.85rem) !important;
}

.article-light.samples-page .blurb p {
  margin: 0 0 20px !important;
}

.article-light.samples-page .download-btn-group {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.article-light.samples-page .btn-download,
.article-light.samples-page .btn-submit-bonus {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 11px 17px;
  border-radius: 7px;
  font: 700 .84rem/1.2 var(--article-font-ui);
  text-decoration: none !important;
  cursor: pointer;
}

.article-light.samples-page .btn-download {
  gap: 9px;
  background: #6f4d17 !important;
  border: 1px solid #5c3e11;
  color: #fffaf0 !important;
}

.article-light.samples-page .btn-download.btn-epub {
  background: #385c58 !important;
  border-color: #2d4c48;
}

.article-light.samples-page .btn-download.locked {
  background: #6f6a61 !important;
  border-color: #5c5750;
  cursor: not-allowed;
  opacity: .78;
  pointer-events: none;
}

.article-light.samples-page .b2b-distribution-bar {
  margin-top: 38px;
  padding: 32px;
  background: linear-gradient(145deg, #17140f, #070605);
  border: 1px solid #8f6a29;
  color: #f6ecd8;
}

.article-light.samples-page .b2b-distribution-bar h3,
.article-light.samples-page .b2b-distribution-bar p,
.article-light.samples-page .b2b-distribution-bar strong,
.article-light.samples-page .b2b-distribution-bar span,
.article-light.samples-page .b2b-distribution-bar label {
  color: #f6ecd8 !important;
  -webkit-text-fill-color: #f6ecd8 !important;
}

.article-light.samples-page .bonus-headline {
  margin: 0 0 12px !important;
  color: #e6bd66 !important;
  font-size: 1.55rem !important;
}

.article-light.samples-page .newsletter-reward-grid-inline {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 16px;
  margin: 24px 0;
}

.article-light.samples-page .reward-visual-box {
  display: grid;
  grid-template-columns: 110px minmax(0,1fr);
  gap: 15px;
  align-items: center;
  padding: 14px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(230,189,102,.28);
  border-radius: 9px;
}

.article-light.samples-page .reward-visual-box img {
  width: 110px;
  height: 76px;
  object-fit: cover;
  border-radius: 6px;
}

.article-light.samples-page .reward-text-container strong,
.article-light.samples-page .reward-text-container span {
  display: block;
}

.article-light.samples-page .overlay-form-wrapper {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 10px;
}

.article-light.samples-page .overlay-email-input {
  width: 100%;
  min-height: 48px;
  padding: 11px 14px;
  border: 1px solid #b99a5e;
  border-radius: 7px;
  background: #fffdf7;
  color: #231a10;
  font: 400 16px/1.2 Arial, sans-serif;
}

.article-light.samples-page .btn-submit-bonus {
  border: 1px solid #1b8b49;
  background: linear-gradient(180deg,#2ecc71,#1e9d53);
  color: #fff;
}

.article-light.samples-page .optin-checkbox-row {
  display: grid;
  grid-template-columns: 18px minmax(0,1fr);
  gap: 10px;
  align-items: start;
  margin-top: 14px;
}

.article-light.samples-page .optin-checkbox-row input {
  margin-top: 3px;
}

.article-light.samples-page .optin-checkbox-row label,
.article-light.samples-page .optin-checkbox-row a {
  font: 400 13.5px/1.5 Arial, sans-serif;
}

/* ---------- Responsive ---------- */
@media (max-width: 980px) {
  .article-light.author-page .author-layout {
    grid-template-columns: 1fr;
  }
  .article-light.author-page .author-sidebar {
    position: static;
  }
  .article-light.author-page .press-grid,
  .article-light.journal-page .article-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 720px) {
  .article-light.author-page > section,
  .article-light.samples-page > section,
  .article-light.journal-page > main,
  .article-light.journal-page > nav {
    width: calc(100% - 20px);
  }
  .article-light.author-page .author-content,
  .article-light.samples-page .sample-content {
    padding-top: 28px;
  }
  .article-light.author-page .press-grid,
  .article-light.author-page .interview-grid,
  .article-light.journal-page .article-grid,
  .article-light.samples-page .newsletter-reward-grid-inline {
    grid-template-columns: 1fr;
  }
  .article-light.samples-page .premium-sample-card {
    grid-template-columns: 1fr;
    padding: 22px 18px;
  }
  .article-light.samples-page .sample-cover-side img {
    max-width: 260px;
  }
  .article-light.samples-page .download-btn-group,
  .article-light.journal-page .button-row {
    flex-direction: column;
  }
  .article-light.samples-page .btn-download,
  .article-light.journal-page .button-row .gold-button {
    width: 100% !important;
  }
  .article-light.samples-page .overlay-form-wrapper {
    grid-template-columns: 1fr;
  }
  body.journal-page-body > .author-card-box {
    grid-template-columns: 1fr;
    width: calc(100% - 20px);
    text-align: center;
  }
  body.journal-page-body .author-card-img img {
    margin: 0 auto;
  }
  body.journal-page-body .author-card-links {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .article-light.author-page .author-sidebar,
  .article-light.author-page .press-highlights-section,
  .article-light.author-page .lore-box,
  .article-light.journal-page .intro-block,
  .article-light.journal-page .cta-box,
  .article-light.samples-page .b2b-distribution-bar {
    padding: 22px 18px;
  }
  .article-light.author-page .fact-row {
    grid-template-columns: 78px minmax(0,1fr);
  }
  .article-light.samples-page .reward-visual-box {
    grid-template-columns: 1fr;
  }
  .article-light.samples-page .reward-visual-box img {
    width: 100%;
    height: auto;
  }
}