.blog-page { min-height:100vh; padding-top:110px; }
.blog-page .blog-article section { scroll-margin-top:125px; }
.blog-nav { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-top:25px; padding-bottom:25px; }
.blog-nav .logo img { object-fit:contain; }
.blog-nav nav,.blog-footer nav { display:flex; gap:22px; align-items:center; flex-wrap:wrap; }
.blog-nav a,.blog-footer a { color:var(--text-main); }
.blog-nav a[aria-current="page"] { color:var(--gold-light); }
.blog-hero { display:grid; grid-template-columns:1.4fr 1fr; gap:64px; align-items:center; padding:65px 0 55px; }
.blog-kicker { font-size:.78rem; letter-spacing:.13em; text-transform:uppercase; font-weight:700; color:var(--gold-light); margin-bottom:18px; }
.blog-hero h1 { font-size:clamp(3rem,6.6vw,5.7rem); line-height:1.04; margin-bottom:26px; }
.blog-hero h1 span { color:var(--gold-light); }
.blog-hero p:not(.blog-kicker) { color:#c7c0e5; max-width:560px; font-size:1.15rem; margin-bottom:28px; }
.blog-hero img { width:min(100%,300px); height:auto; max-height:440px; object-fit:contain; justify-self:center; transform:rotate(7deg); filter:drop-shadow(0 24px 60px #6d4be04d); }
.blog-topics { display:flex; gap:12px; flex-wrap:wrap; padding:20px 0 38px; border-top:1px solid var(--border-light); }
.blog-topics span { border:1px solid #514276; border-radius:30px; padding:8px 16px; font-size:.9rem; }
.blog-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr)); gap:24px; margin-bottom:65px; }
.blog-card { background:linear-gradient(140deg,#231942,#130e2c); border:1px solid var(--border-light); border-radius:24px; padding:32px; max-width:760px; }
.blog-card h2 { font-size:1.7rem; line-height:1.22; margin-bottom:20px; }
.blog-card h2 a { color:var(--text-bright); }
.blog-card>p:not(.blog-kicker) { color:#c7c0e5; margin-bottom:24px; }
.blog-more { color:var(--gold-light); font-weight:600; }
.blog-breadcrumb { margin:30px 0; color:#c7c0e5; font-size:.9rem; }
.blog-breadcrumb a,.blog-article a,.blog-related>a { color:var(--gold-light); }
.blog-article { max-width:800px; margin:50px auto 60px; }
.blog-article h1 { font-size:clamp(2.1rem,5vw,3.8rem); line-height:1.12; margin:16px 0 24px; }
.blog-byline { color:#b8aed5; font-size:.9rem; margin-bottom:26px; }
.blog-intro { font-size:1.25rem; color:#e3dcf7; }
.blog-article section { scroll-margin-top:25px; margin:36px 0; }
.blog-article section h2 { font-size:1.85rem; margin-bottom:18px; }
.blog-article section p { margin-bottom:20px; color:#d0c8e7; line-height:1.85; }
.blog-toc { padding:24px 30px; background:#211839; border-radius:18px; margin:35px 0; }
.blog-toc ol,.blog-sources ul { padding-left:22px; margin-top:14px; }
.blog-toc li,.blog-sources li { margin:9px 0; }
.blog-cta { background:linear-gradient(120deg,#39245b,#211737); border:1px solid #765886; padding:36px; border-radius:24px; margin-top:48px; }
.blog-cta h2,.blog-cta p { margin-bottom:20px; }
.blog-cta .btn { color:#171023; }
.blog-sources { font-size:.9rem; border-top:1px solid var(--border-light); padding-top:28px; }
.blog-sources p { margin-top:24px; }
.blog-related { padding-top:30px; border-top:1px solid var(--border-light); }
.blog-related>h2 { margin-bottom:25px; }
.blog-related .blog-grid:empty { display:none; }
.blog-footer { padding-top:38px; padding-bottom:38px; border-top:1px solid var(--border-light); margin-top:60px; color:#b8aed5; }
.blog-footer p { margin-bottom:20px; }
.skip-link { position:fixed; top:-100px; left:20px; padding:12px; background:#fff; color:#110c2c; z-index:99; }
.skip-link:focus { top:12px; }
.blog-page a:focus-visible { outline:3px solid var(--gold-light); outline-offset:5px; }
@media(max-width:700px) { .blog-nav { align-items:flex-start; flex-direction:column; gap:20px; }.blog-nav nav { gap:16px; font-size:.9rem; }.blog-nav .btn { padding:8px 16px; }.blog-hero { grid-template-columns:1fr; gap:35px; padding-top:35px; }.blog-hero img { width:200px; }.blog-article { margin-top:30px; }.blog-card,.blog-cta { padding:25px; }.blog-footer nav { gap:16px; } }