/* Natander Nucleo editorial system — shared by the blog hub and articles. */
.blog-hero{padding:155px 0 82px;border-bottom:1px solid var(--line);position:relative;isolation:isolate}
.blog-hero::after{content:"";position:absolute;z-index:-1;inset:10% 0 auto 52%;height:440px;background:radial-gradient(circle,#714fd624,transparent 66%);pointer-events:none}
.blog-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:clamp(40px,7vw,110px);align-items:end}
.blog-hero h1{font-size:clamp(2.7rem,5vw,5.25rem);line-height:1.05;letter-spacing:-.065em;margin:24px 0}
.blog-hero__lead{font-size:clamp(.94rem,1.3vw,1.08rem);line-height:1.85;max-width:760px}
.blog-hero__aside{border-top:1px solid var(--line-strong);padding-top:22px;display:grid;gap:18px}
.blog-hero__aside span{font-size:.58rem;letter-spacing:.16em;color:#b9a8ee;text-transform:uppercase}
.blog-hero__aside p{font-size:.78rem;line-height:1.75;margin:0;color:#9eacc0}
.blog-clusters{display:flex;flex-wrap:wrap;gap:9px;margin-top:35px}
.blog-clusters a,.article-tag{display:inline-flex;border:1px solid var(--line-strong);border-radius:999px;padding:9px 13px;color:#c9d2df;font-size:.63rem;letter-spacing:.06em;text-transform:uppercase;background:#111722}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.blog-card{display:flex;flex-direction:column;min-height:330px;padding:clamp(25px,3.4vw,42px);border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#111824,#0d121c);transition:border-color .25s ease,transform .25s ease}
.blog-card:hover{transform:translateY(-3px);border-color:#8f7fd06b}
.blog-card__meta{display:flex;justify-content:space-between;gap:18px;color:#a99bdd;font-size:.59rem;letter-spacing:.1em;text-transform:uppercase}
.blog-group{scroll-margin-top:110px;margin-top:64px}.blog-group:first-of-type{margin-top:0}.blog-group>h2{font-size:clamp(1.55rem,2.5vw,2.35rem);margin:0 0 22px}
.blog-card h3{font-size:clamp(1.4rem,2.1vw,2rem);line-height:1.25;margin:30px 0 16px;letter-spacing:-.045em}
.blog-card p{font-size:.83rem;line-height:1.78;margin:0 0 28px}
.blog-card__link{margin-top:auto;color:#c4b8ef;font-size:.75rem}
.article-shell{padding:145px 0 100px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,310px);gap:clamp(45px,7vw,105px);align-items:start}
.article-main{min-width:0}
.article-breadcrumb{margin-bottom:34px}
.article-header{padding-bottom:42px;border-bottom:1px solid var(--line)}
.article-header h1{font-size:clamp(2.35rem,4.6vw,4.7rem);line-height:1.08;letter-spacing:-.06em;margin:25px 0;overflow-wrap:anywhere}
.article-deck{font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.8;max-width:780px;color:#b7c2d2}
.article-byline{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:26px;font-size:.68rem;color:#98a7bb}
.article-byline a{color:#c4b5f1}
.article-content{padding-top:28px}
.article-content h2{font-size:clamp(1.65rem,2.7vw,2.55rem);line-height:1.22;letter-spacing:-.045em;margin:58px 0 20px;color:#eef1f8}
.article-content h3{font-size:1.18rem;line-height:1.35;margin:34px 0 12px}
.article-content p,.article-content li{font-size:.96rem;line-height:1.9;color:#b1bdce}
.article-content ul,.article-content ol{padding-left:1.35rem;display:grid;gap:10px}
.article-content strong{color:#e7ebf4}
.article-note{margin:34px 0;padding:24px 26px;border-left:2px solid #9079e9;background:#111724;border-radius:0 8px 8px 0}
.article-note p{margin:0;color:#c4ccda}
.article-checklist{margin:28px 0;padding:0;list-style:none!important;counter-reset:article-step}
.article-checklist li{counter-increment:article-step;position:relative;padding:18px 18px 18px 55px;border-top:1px solid var(--line)}
.article-checklist li::before{content:counter(article-step,decimal-leading-zero);position:absolute;left:8px;top:20px;color:#a793e8;font-size:.62rem;letter-spacing:.08em}
.article-sources{margin-top:64px;padding-top:28px;border-top:1px solid var(--line)}
.article-sources h2{font-size:1.25rem;margin:0 0 18px}
.article-sources li{font-size:.75rem;line-height:1.65}
.article-aside{position:sticky;top:112px;display:grid;gap:18px}
.article-aside__card{padding:24px;border:1px solid var(--line);border-radius:10px;background:#101722}
.article-aside__card span{display:block;color:#a997df;font-size:.57rem;letter-spacing:.13em;text-transform:uppercase;margin-bottom:14px}
.article-aside__card p{font-size:.76rem;line-height:1.7;margin:0 0 18px}
.article-aside__card a:not(.button){display:block;padding:10px 0;border-top:1px solid var(--line);font-size:.72rem;color:#b9c4d4}
.article-next{margin-top:68px;padding:32px;border:1px solid var(--line-strong);border-radius:12px;background:radial-gradient(circle at 90% 0,#6747c329,transparent 55%),#111722}
.article-next h2{font-size:clamp(1.55rem,2.6vw,2.25rem);margin:0 0 15px}
.article-next p{font-size:.85rem;max-width:670px}
@media(max-width:900px){.blog-hero__grid,.article-layout{grid-template-columns:1fr}.article-aside{position:static;grid-template-columns:1fr 1fr}.blog-grid{grid-template-columns:1fr}}
@media(max-width:767px){.blog-hero{padding:118px 0 64px}.blog-hero h1{font-size:clamp(2.45rem,11vw,3.65rem)}.article-shell{padding:112px 0 78px}.article-header h1{font-size:clamp(2.25rem,10vw,3.45rem)}.article-content h2{margin-top:45px}.article-content p,.article-content li{font-size:.91rem}.article-aside{grid-template-columns:1fr}.blog-card{min-height:0}}
@media print{.article-aside,.article-next,.blog-clusters{display:none!important}.article-layout{display:block}.article-shell{padding:20px 0}.article-content p,.article-content li{color:#222}}
