.content-header { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid var(--line); background: rgba(8,8,24,.94); backdrop-filter: blur(16px); }
.content-nav { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.content-nav nav, .content-footer nav { display: flex; flex-wrap: wrap; gap: 12px 20px; }
.content-nav a, .content-footer a { color: var(--muted); }
.content-nav a:hover, .content-footer a:hover { color: var(--gold); }
.content-main { min-height: 70vh; padding: 70px 0 90px; }
.content-hero { max-width: 850px; margin-bottom: 42px; }
.content-hero .eyebrow { color: var(--gold); }
.content-hero h1 { margin: 12px 0 16px; font-size: clamp(34px, 6vw, 64px); }
.content-hero p { color: var(--muted); font-size: 18px; line-height: 1.8; }
.content-card { max-width: 900px; margin: 0 0 22px; padding: 30px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.025); }
.content-card h2 { margin: 0 0 15px; color: var(--gold-soft); }
.content-card h3 { margin: 24px 0 10px; }
.content-card p, .content-card li { color: #d2ccdc; line-height: 1.85; }
.content-card li + li { margin-top: 7px; }
.english-section { margin-top: 42px; padding-top: 32px; border-top: 1px solid var(--line); }
.english-article { margin-top: 0; padding-top: 0; border-top: 0; }
.english-article > h2 { color: white; font-size: clamp(34px, 5vw, 58px); }
.content-footer { padding: 32px 0; border-top: 1px solid var(--line); color: var(--muted); }
.content-footer .container { display: flex; justify-content: space-between; gap: 24px; }
.article-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.article-link { display: block; padding: 25px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.025); }
.article-link small { color: var(--gold); }
.article-link h2 { margin: 9px 0; color: white; font-size: 22px; }
.article-link p { margin: 0; color: var(--muted); line-height: 1.7; }
.article-body { max-width: 820px; }
.article-body h2 { margin-top: 38px; color: var(--gold-soft); }
.article-body p, .article-body li { color: #d8d2df; font-size: 17px; line-height: 1.95; }
.article-meta { color: var(--muted); }
.related-links { margin-top: 48px; padding: 24px; border: 1px solid var(--line); border-radius: 14px; }
@media (max-width: 760px) {
  .content-nav { align-items: flex-start; flex-direction: column; padding: 18px 0; }
  .article-grid { grid-template-columns: 1fr; }
  .content-footer .container { flex-direction: column; }
}
