.blog-article-page .interior-main{padding-top:10rem;padding-bottom:5rem}
.blog-article-page main>.container::before{display:none}
.article-breadcrumb{display:inline-flex;align-items:center;gap:.5rem;margin:2.5rem 0 1.25rem max(2rem,calc((100% - 820px)/2));padding:.75rem 1rem;border:1px solid rgba(33,244,255,.28);border-radius:999px;background:rgba(7,10,39,.72);color:var(--cyan);font-size:1.4rem;font-weight:800;text-decoration:none}
.article-breadcrumb:hover{text-decoration:underline}
.blog-article{max-width:820px;margin:0 auto;padding:clamp(2rem,4vw,4rem);border:var(--cs-card-border);border-radius:var(--cs-radius-card);background:radial-gradient(640px 780px at 88% 8%,rgba(214,56,176,.15),transparent 72%),radial-gradient(580px 860px at 10% 34%,rgba(106,55,190,.13),transparent 72%),linear-gradient(180deg,rgba(31,26,70,.78),rgba(19,22,55,.9));box-shadow:var(--cs-shadow-card)}
.article-kicker{margin:0 0 .8rem;color:var(--cs-color-accent-muted);font-size:1.3rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.blog-article h1{max-width:760px;margin:0;color:#fff;font-size:clamp(3.6rem,5vw,5.6rem);line-height:1.06;letter-spacing:-.025em}
.article-meta{display:grid;margin:2rem 0 2.8rem;padding:1.4rem 0;grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr));border-block:1px solid rgba(255,255,255,.13);color:var(--muted)}
.article-meta>div{display:grid;min-width:0;padding:.2rem 1.4rem;align-content:start;gap:.35rem;border-left:1px solid rgba(255,255,255,.1)}
.article-meta>div:first-child{padding-left:0;border-left:0}
.article-meta dt{color:var(--cs-color-accent-muted);font-size:1.3rem;font-weight:850;letter-spacing:.08em;line-height:1.35;text-transform:uppercase}
.article-meta dd{margin:0;color:#edf0f8;font-size:1.35rem;font-weight:700;line-height:1.45;overflow-wrap:anywhere}
.blog-article p,.blog-article li{color:#dbe8f6;font-size:1.75rem;line-height:1.75}
.blog-article p{margin:1.6rem 0}
.blog-article h2{margin:4rem 0 1.4rem;color:#fff;font-size:clamp(2.6rem,3vw,3.4rem);line-height:1.2}
.blog-article h3{margin:2.8rem 0 .9rem;color:var(--cs-color-accent-muted);font-size:2.1rem}
.blog-article ul{margin:1.4rem 0 2rem;padding-left:2.2rem}
.blog-article li{padding-left:.4rem;margin:.65rem 0}
.blog-article a{color:var(--cyan);font-weight:750;text-underline-offset:3px}
.blog-article blockquote{margin:2rem 0;padding:1.25rem 1.5rem;border-left:3px solid var(--cyan);border-radius:0 14px 14px 0;background:rgba(33,244,255,.065)}
.blog-article blockquote p{margin:0;color:#fff;font-size:1.85rem}
.article-cta{margin:3rem 0;padding:1.65rem;border:1px solid rgba(33,244,255,.34);border-radius:18px;background:linear-gradient(135deg,rgba(33,244,255,.13),rgba(106,57,232,.18))}
.article-cta p{margin:0 0 1rem;color:#fff}
.article-cta .gradient-link{display:inline-flex}
.reading-progress{position:fixed;z-index:9999;top:0;right:0;left:0;height:.35rem;background:rgba(255,255,255,.08);pointer-events:none}
.reading-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--cyan),#d83fbd)}
.article-toc{margin:-1rem 0 3rem;padding:1.6rem 1.8rem;border:1px solid rgba(33,244,255,.22);border-radius:16px;background:rgba(7,10,39,.52)}
.article-toc strong{color:#fff;font-size:1.5rem}
.article-toc ol{display:grid;margin:1rem 0 0;padding-left:2rem;gap:.6rem}
.article-toc a{color:#b9f9ff;font-size:1.45rem;font-weight:650;text-decoration:none}
.article-toc a:hover{text-decoration:underline}
.related-articles{max-width:820px;margin:3rem auto 0;padding:2.2rem;border:var(--cs-card-border);border-radius:var(--cs-radius-card);background:rgba(7,10,39,.64);box-shadow:var(--cs-shadow-card)}
.related-articles h2{margin:.4rem 0 1.6rem;color:#fff;font-size:2.7rem}
.related-articles>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.related-articles a{display:flex;min-width:0;padding:1.4rem;flex-direction:column;gap:.7rem;border:1px solid rgba(33,244,255,.16);border-radius:var(--cs-radius-control);background:rgba(255,255,255,.035);color:#fff;text-decoration:none}
.related-articles a:hover{border-color:rgba(33,244,255,.5);transform:translateY(-2px)}
.related-articles span{color:var(--cyan);font-size:1.3rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.related-articles strong{font-size:1.45rem;line-height:1.35}
.related-articles small{color:var(--muted);font-size:1.3rem}
@media (max-width:720px){.article-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem 0}.article-meta>div:nth-child(3){padding-left:0;border-left:0}}
@media (max-width:640px){.blog-article-page .interior-main{padding-top:11rem}.article-breadcrumb{margin-top:1.5rem}.blog-article{padding:2rem;border-radius:var(--cs-radius-card)}.blog-article p,.blog-article li{font-size:1.65rem}.article-cta{padding:1.5rem}}
@media (max-width:420px){.article-meta{grid-template-columns:minmax(0,1fr);gap:1rem}.article-meta>div{padding:0 0 1rem;border-left:0;border-bottom:1px solid rgba(255,255,255,.08)}.article-meta>div:last-child{padding-bottom:0;border-bottom:0}}
@media (max-width:700px){.related-articles>div{grid-template-columns:1fr}}