/* Azura Blog Single v3.4 — isolated, cache-safe and responsive */
.single-page{margin:0;background:#fff;color:#12313d;overflow-x:hidden}
.single-page *{box-sizing:border-box}
.single-page img{max-width:100%;height:auto}

.article-site-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:74px;background:rgba(3,24,34,.94);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.article-nav-shell{width:min(1180px,calc(100% - 40px));height:74px;margin:0 auto;display:flex;align-items:center;gap:30px}
.article-brand{display:flex!important;align-items:center!important;flex:0 0 135px!important;width:135px!important;height:42px!important;overflow:hidden!important;text-decoration:none}
.article-brand img{display:block!important;width:135px!important;height:40px!important;max-width:135px!important;max-height:40px!important;object-fit:contain!important;object-position:left center!important}
.article-desktop-nav{display:flex;align-items:center;gap:26px;margin-left:auto}
.article-desktop-nav a,.article-client-link{color:#dceaf0;text-decoration:none;font-size:13px;white-space:nowrap}
.article-client-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-weight:800}
.article-menu{display:none;margin-left:auto;border:0;background:transparent;color:#fff;font-size:26px;line-height:1;cursor:pointer}
.article-mobile-nav{display:none}

.article-hero{position:relative;min-height:680px;padding:150px 0 78px;display:flex;align-items:flex-end;color:#fff;background:#062332;overflow:hidden;isolation:isolate}
.article-cover-image{position:absolute!important;inset:0!important;z-index:-3!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center 38%!important;display:block!important}
.article-cover-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,20,29,.98) 0%,rgba(3,27,39,.94) 38%,rgba(4,31,44,.55) 65%,rgba(3,23,33,.2) 100%),linear-gradient(0deg,rgba(2,19,28,.62),transparent 58%)}
.article-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 88% 44%,rgba(181,255,63,.14),transparent 17%),radial-gradient(circle at 72% 78%,rgba(33,194,190,.12),transparent 29%)}
.article-hero-inner{position:relative;z-index:2;width:min(1180px,calc(100% - 40px));margin:0 auto}
.article-hero-inner>*{max-width:690px}
.article-back{display:inline-block;color:#c7dce2;text-decoration:none;margin-bottom:22px;font-weight:800;font-size:14px}
.article-category{display:flex;width:max-content;color:#65ded9;border:1px solid rgba(101,222,217,.38);border-radius:999px;padding:7px 12px;font-weight:900;letter-spacing:.12em;font-size:10px;text-transform:uppercase;background:rgba(4,31,43,.55)}
.article-hero h1{font-size:clamp(44px,5vw,70px)!important;line-height:1.03!important;max-width:760px!important;margin:18px 0 20px!important;letter-spacing:-.045em!important;text-wrap:balance;overflow-wrap:normal!important;word-break:normal!important}
.article-hero p{font-size:18px;line-height:1.6;max-width:650px;color:#d2e1e5;margin:0}
.article-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:#b8ccd2;font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.article-meta span+span:before{content:"";display:inline-block;width:1px;height:13px;background:rgba(255,255,255,.32);margin-right:18px;vertical-align:-2px}

.article-layout{width:min(1080px,calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:220px minmax(0,760px);gap:80px;justify-content:center;padding:88px 0 112px}
.article-aside{min-width:0}.reading-progress{position:sticky;top:105px;margin-bottom:25px}.reading-progress span{font-size:10px;color:#6a8189;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.reading-progress div{height:4px;background:#e6eeee;border-radius:9px;margin-top:10px;overflow:hidden}.reading-progress i{display:block;width:0;height:100%;background:#14aeb0}
.share-box{display:flex!important;align-items:center;gap:7px;margin-bottom:22px}.share-box b{font-size:11px;margin-right:4px}.share-box button{width:34px;height:34px;border:1px solid #d9e5e7;background:#fff;border-radius:50%;cursor:pointer;color:#0a7580;font-weight:900}
.aside-cta{display:flex;flex-direction:column;background:#062d3b;color:#fff;padding:22px;border-radius:18px;text-decoration:none}.aside-cta small{color:#64d8d6;font-size:9px;letter-spacing:.12em}.aside-cta strong{font-size:18px;margin:10px 0 22px}.aside-cta span{color:#c8ef70;font-size:12px}
.article-content{min-width:0;font-size:17px;line-height:1.8;color:#334e58}.article-content .lead{font-size:23px;line-height:1.55;color:#133c49;margin:0 0 50px}.article-content section{margin:0 0 46px}.article-content h2{font-size:30px;line-height:1.25;color:#062c3a;letter-spacing:-.025em;margin:0 0 14px;overflow-wrap:normal;word-break:normal}.article-content p{margin:0}.article-content blockquote{margin:52px 0;padding:30px 34px;border-left:5px solid #23b8b6;background:#eff8f7;border-radius:0 18px 18px 0;color:#075d65;font-weight:800;font-size:22px;line-height:1.45}.article-conclusion{background:#062b3a;color:#fff;border-radius:24px;padding:40px;margin-top:65px}.article-conclusion span{color:#c8ef70;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.1em}.article-conclusion h2{color:#fff;font-size:34px;margin:12px 0}.article-conclusion p{color:#b4cad2;margin-bottom:22px}
.related-posts{padding:88px 0;background:#f1f7f7}.related-posts .container{width:min(1080px,calc(100% - 40px))}.related-heading{margin-bottom:30px}.related-heading h2{font-size:42px;margin:10px 0}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.related-grid article{display:grid;grid-template-columns:190px minmax(0,1fr);background:#fff;border:1px solid #dce8e9;border-radius:20px;overflow:hidden;min-width:0}.related-cover{min-height:220px;background-image:linear-gradient(0deg,rgba(3,35,47,.72),rgba(3,35,47,.08)),var(--related-image);background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:17px;text-decoration:none}.related-cover span{color:#c8ef70;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.related-grid article>div{padding:22px;min-width:0}.related-grid small{color:#769098;font-size:9px;text-transform:uppercase}.related-grid h3{font-size:18px;line-height:1.3;margin:10px 0 15px}.related-grid h3 a{text-decoration:none;color:#092f3c}.single-page footer{margin-top:0}

@media(max-width:980px){
 .article-desktop-nav,.article-client-link{display:none}.article-menu{display:block}.article-mobile-nav.open{display:flex;position:fixed;top:74px;left:16px;right:16px;z-index:1100;background:#0a3042;border-radius:16px;padding:18px;flex-direction:column;gap:14px;box-shadow:0 25px 60px rgba(0,0,0,.28)}.article-mobile-nav a{color:#fff;text-decoration:none}
 .article-hero{min-height:620px;padding:135px 0 66px}.article-cover-image{object-position:62% center!important}.article-cover-shade{background:linear-gradient(90deg,rgba(2,20,29,.98),rgba(3,27,39,.88) 62%,rgba(3,23,33,.34))}
 .article-layout{grid-template-columns:1fr;gap:34px;padding-top:60px}.article-aside{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}.reading-progress{position:static;grid-column:1/-1}.share-box{margin:0}.aside-cta{min-height:120px}.related-grid article{grid-template-columns:150px 1fr}
}
@media(max-width:620px){
 .article-site-header,.article-nav-shell{height:66px}.article-nav-shell{width:calc(100% - 28px)}.article-brand{flex-basis:112px!important;width:112px!important;height:36px!important}.article-brand img{width:112px!important;height:34px!important;max-width:112px!important;max-height:34px!important}.article-mobile-nav.open{top:66px}
 .article-hero{min-height:640px;padding:112px 0 48px;align-items:flex-end}.article-cover-image{object-position:66% center!important}.article-cover-shade{background:linear-gradient(0deg,rgba(2,20,29,.99) 0%,rgba(2,20,29,.91) 57%,rgba(2,20,29,.48) 100%)}
 .article-hero-inner{width:calc(100% - 28px)}.article-back{margin-bottom:18px}.article-hero h1{font-size:clamp(35px,10.5vw,47px)!important;line-height:1.04!important;margin:15px 0!important;max-width:100%!important}.article-hero p{font-size:15px;line-height:1.55}.article-meta{gap:7px 12px;margin-top:21px}.article-meta span+span:before{display:none}
 .article-layout{width:calc(100% - 28px);padding:48px 0 70px}.article-aside{display:block}.reading-progress,.share-box{display:none!important}.aside-cta{margin-bottom:28px;min-height:0}.article-content{font-size:16px;line-height:1.72}.article-content .lead{font-size:20px;margin-bottom:38px}.article-content section{margin-bottom:38px}.article-content h2{font-size:25px}.article-content blockquote{font-size:19px;padding:24px;margin:38px 0}.article-conclusion{padding:27px 22px;margin-top:48px}.article-conclusion h2{font-size:28px}.related-posts{padding:66px 0}.related-posts .container{width:calc(100% - 28px)}.related-heading h2{font-size:34px}.related-grid{grid-template-columns:1fr}.related-grid article{grid-template-columns:1fr}.related-cover{min-height:190px}
}