.latest-blog[hidden] { display:none; }
.latest-blog { background:radial-gradient(ellipse at 90% 15%,rgba(56,50,248,.1),transparent 55%); }
.blog-section-label { margin-bottom:22px; color:var(--mint); font-size:13px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.blog-article { overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(145deg,rgba(18,24,45,.9),rgba(12,17,36,.85)); box-shadow:var(--shadow); }
.blog-article-image { display:block; width:100%; max-height:480px; object-fit:cover; aspect-ratio:16/7; }
.blog-article-copy { max-width:960px; padding:clamp(24px,5vw,64px); margin:0 auto; overflow-wrap:anywhere; }
.blog-article-meta { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:22px; color:var(--muted); font-size:14px; }
.blog-article-meta time { margin-right:8px; }
.blog-category { border:1px solid var(--line-bright); border-radius:999px; padding:5px 12px; color:var(--mint); font-size:12px; }
.blog-article-copy>h2 { margin:0 0 28px; color:var(--text); font-size:clamp(30px,4.5vw,52px); line-height:1.13; letter-spacing:-.035em; }
.blog-article-body { color:var(--muted-light); font-size:clamp(16px,1.6vw,18px); line-height:1.85; }
.blog-article-body>*:first-child { margin-top:0; }
.blog-article-body>*:last-child { margin-bottom:0; }
.blog-article-body h2,.blog-article-body h3,.blog-article-body h4 { margin:1.6em 0 .6em; color:var(--text); line-height:1.3; letter-spacing:-.02em; }
.blog-article-body h2 { font-size:1.65em; }.blog-article-body h3 { font-size:1.4em; }.blog-article-body h4 { font-size:1.15em; }
.blog-article-body p { margin:0 0 1em; }.blog-article-body a { color:var(--mint); text-decoration:underline; text-underline-offset:3px; }
.blog-article-body strong { font-weight:700; color:#fff; }.blog-article-body em { font-style:italic; }
.blog-article-body ul,.blog-article-body ol { padding-left:1.6em; margin:1em 0; }.blog-article-body ul { list-style:disc; }.blog-article-body ol { list-style:decimal; }.blog-article-body li { display:list-item; margin:.3em 0; }
.blog-article-body blockquote { margin:1.5em 0; padding:12px 0 12px 24px; border-left:3px solid var(--mint); color:var(--text); font-style:italic; }
@media(max-width:600px) { .blog-article-image { aspect-ratio:4/3; }.blog-article-meta { gap:8px; }.blog-article-meta time { width:100%; margin-bottom:4px; } }