.article-visual{margin:1.5rem 0 .35rem;overflow:hidden;border:1px solid #315675;border-radius:14px;background:#0a111b;box-shadow:0 18px 36px #0007}.article-visual img{display:block;width:100%;height:auto}.article-visual figcaption{padding:.7rem .9rem;border-top:1px solid #263c52;color:#8fa2b7;font-size:.78rem;line-height:1.45}.article-closing-cta{margin:1rem 0 0;padding:1.75rem;border:1px solid #34769b;border-radius:16px;background:radial-gradient(420px 220px at 0 0,#14769946,transparent 72%),#0a1622}.article-closing-cta h2{margin:0 0 .55rem;font-size:1.5rem;line-height:1.2}.article-closing-cta p{margin:0;color:#b8c5d5;font-size:.98rem;line-height:1.65}.article-cta-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.15rem;padding:.65rem 1rem;border:1px solid #55bede;border-radius:9px;background:#123957;color:#dffaff;font-size:.9rem;font-weight:800;transition:transform .2s ease,background .2s ease}.article-cta-link:hover{transform:translateY(-2px);background:#174966}.blog-reading-layout{position:relative;display:block;width:min(720px,100%);margin:0 auto}.article-toc-slot{position:absolute;top:0;right:calc(100% + 3rem);width:210px;height:100%}.article-toc{position:sticky;top:100px;width:100%;margin:0}.blog-article-content{width:100%}@media(max-width:1160px){.article-toc-slot{position:static;width:auto;height:auto;margin:0 0 2rem}.article-toc{position:static;width:auto;margin:0;transform:none}}@media(max-width:640px){.article-visual{margin-top:1.2rem;border-radius:11px}.article-visual figcaption{padding:.65rem .75rem}.article-closing-cta{padding:1.35rem}}