.content-header { background: var(--burgundy-900); }
.content-header .header-inner { min-height: 72px; }
.content-header nav a[aria-current="page"] { color: #f1d48f; }
.content-hero { padding: 88px 0 78px; background: radial-gradient(circle at 85% 20%, rgba(199,163,92,.22), transparent 28%), linear-gradient(135deg, #fffaf2, #f3e4df); }
.content-hero-inner { max-width: 900px; }
.content-hero h1 { font-size: clamp(2.8rem, 6vw, 5.2rem); }
.content-hero p:not(.eyebrow) { max-width: 760px; color: var(--muted); font-size: 1.18rem; }
.content-hub { padding-block: 80px 104px; }
.content-hub .content-cards { grid-template-columns: repeat(2, 1fr); }
.content-hub .content-card { min-height: 320px; }
.content-hub .content-card:first-child { background: var(--burgundy-900); color: var(--white); }
.content-hub .content-card:first-child h2 { color: var(--white); }
.content-hub .content-card:first-child p { color: rgba(255,255,255,.76); }
.content-hub .content-card:first-child > a { color: #f1d48f; }
.content-card h2 { font-size: 1.85rem; }
.content-card-meta { color: var(--muted); font-size: .82rem; }
.content-hub .content-card:first-child .content-card-meta { color: rgba(255,255,255,.7); }

.article-hero { padding: 68px 0 58px; background: linear-gradient(135deg, #fffaf2, #f3e4df); }
.breadcrumbs { margin-bottom: 24px; color: var(--muted); font-size: .86rem; }
.breadcrumbs a { color: var(--burgundy-700); }
.article-hero h1 { max-width: 930px; font-size: clamp(2.7rem, 6vw, 5rem); }
.article-deck { max-width: 800px; color: var(--muted); font-size: 1.2rem; }
.article-meta { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 28px; color: var(--burgundy-700); font-size: .84rem; font-weight: 750; }
.article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 70px; align-items: start; padding-block: 70px 100px; }
.article-body { max-width: 760px; }
.article-summary { margin-bottom: 40px; padding: 26px 28px; border-left: 4px solid var(--gold-500); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; background: var(--cream-100); }
.article-summary strong { color: var(--burgundy-900); }
.article-summary ul { margin-bottom: 0; padding-left: 20px; }
.article-body h2 { margin-top: 52px; font-size: clamp(2rem, 4vw, 2.8rem); }
.article-body h3 { margin-top: 32px; font-size: 1.55rem; }
.article-body p, .article-body li { color: #51474a; font-size: 1.06rem; }
.article-body li + li { margin-top: 8px; }
.myth { margin: 24px 0; padding: 24px; border: 1px solid var(--cream-200); border-radius: var(--radius-sm); background: var(--white); box-shadow: 0 10px 28px rgba(72,19,38,.05); }
.myth-label { display: inline-block; margin-bottom: 10px; color: var(--burgundy-700); font-size: .76rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.alert-box { margin: 36px 0; padding: 24px; border-radius: var(--radius-sm); background: #fff0ec; border: 1px solid #e8b5a7; }
.alert-box strong { color: #8e2d22; }
.medical-note { margin-top: 48px; padding: 24px; border-radius: var(--radius-sm); background: var(--burgundy-900); color: var(--white); }
.medical-note p { margin: 8px 0 0; color: rgba(255,255,255,.8); font-size: .95rem; }
.article-sidebar { position: sticky; top: 104px; display: grid; gap: 16px; }
.sidebar-card { padding: 24px; border: 1px solid var(--cream-200); border-radius: var(--radius-sm); background: var(--cream-100); }
.sidebar-card h2 { font-size: 1.55rem; }
.sidebar-card p, .sidebar-card li { color: var(--muted); font-size: .9rem; }
.sidebar-card ul { padding-left: 18px; }
.sidebar-card a:not(.whatsapp-button) { color: var(--burgundy-700); font-weight: 750; }
.sidebar-card .whatsapp-button { width: 100%; font-size: .9rem; text-align: center; }
.article-sources { margin-top: 50px; padding-top: 28px; border-top: 1px solid var(--cream-200); }
.article-sources h2 { margin-top: 0; font-size: 1.5rem; }
.article-sources li { font-size: .9rem; }
.article-sources a { color: var(--burgundy-700); }
.related { padding-block: 72px; background: var(--cream-100); }
.related h2 { font-size: 2.35rem; }
.related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.related-grid a { min-height: 150px; display: flex; flex-direction: column; justify-content: space-between; padding: 22px; border: 1px solid var(--cream-200); border-radius: var(--radius-sm); background: var(--white); color: var(--burgundy-900); font-family: Georgia, serif; font-size: 1.25rem; text-decoration: none; }
.related-grid a span { color: var(--burgundy-700); font-family: Inter, sans-serif; font-size: .8rem; font-weight: 850; }

@media (max-width: 900px) {
  .article-layout { grid-template-columns: 1fr; gap: 42px; }
  .article-sidebar { position: static; grid-template-columns: 1fr 1fr; }
}

@media (max-width: 720px) {
  .content-hero, .article-hero { padding-top: 52px; }
  .content-hub .content-cards { grid-template-columns: 1fr; }
  .article-layout { padding-block: 54px 76px; }
  .article-sidebar { grid-template-columns: 1fr; }
  .related-grid { grid-template-columns: 1fr; }
  .article-body h2 { margin-top: 42px; }
}