.content-hero { padding-top: clamp(120px, 16vw, 180px); text-align: center; }
.content-hero .lead { max-width: 780px; }
.content-grid { display: grid; gap: 24px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); margin-top: 38px; }
.content-card { background: rgba(20, 15, 27, .82); border: 1px solid rgba(255, 213, 100, .2); border-radius: 20px; padding: 26px; }
.content-card h2, .content-card h3 { margin-top: 0; }
.content-card p, .content-card li, .prose p, .prose li { color: var(--text-dim); line-height: 1.75; }
.prose { max-width: 820px; margin: 0 auto; }
.prose h2 { margin-top: 48px; }
.prose a, .content-card a { color: var(--gold-bright); }
.fact-list { padding-left: 20px; }
.page-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 30px; }
.breadcrumbs { max-width: 1120px; margin: 0 auto; color: var(--text-dim); font-size: 14px; }
.breadcrumbs a { color: var(--gold-bright); }
.source-note { border-left: 3px solid var(--gold); padding: 14px 18px; background: rgba(214, 166, 46, .08); color: var(--text-dim); }
@media (max-width: 700px) { .content-card { padding: 21px; } }