.blog-shell{--blog-blue:var(--ekol-blue,#087fdd);--blog-blue-deep:var(--ekol-blue-dark,#045a9e);--blog-ink:var(--ekol-ink,#0c1720);--blog-text:#303b43;--blog-muted:#687783;--blog-rule:#d9e2e9;--blog-wash:#f1f6fa;color:var(--blog-text);font-family:"Open Sans",system-ui,sans-serif}
.blog-shell *{box-sizing:border-box}
.blog-shell a{color:inherit;text-underline-offset:.22em}
.blog-shell a:focus-visible{outline:3px solid var(--blog-blue);outline-offset:4px}
.blog-eyebrow{display:flex;align-items:center;gap:10px;margin:0;color:var(--blog-blue-deep);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.blog-eyebrow>span{display:inline-block;width:24px;height:2px;background:var(--blog-blue)}
.blog-index{max-width:1240px;margin-inline:auto;padding:clamp(2rem,5vw,5rem) clamp(1rem,4vw,3rem) 5rem}
.blog-index-hero{padding-block:clamp(1rem,3vw,2rem) clamp(2rem,4vw,3rem);border-top:5px solid var(--blog-blue)}
.blog-index-hero h1{max-width:16ch;margin:1.15rem 0 1rem;color:var(--blog-ink);font-family:"Raleway",sans-serif;font-size:clamp(2.7rem,6.2vw,5.8rem);font-weight:800;line-height:.99;letter-spacing:-.045em}
.blog-index-intro-row{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;max-width:1000px}
.blog-index-intro-row>p{max-width:64ch;margin:0;color:#46545e;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.75}
.blog-guides-link{flex:0 0 auto;color:var(--blog-blue-deep)!important;font-size:.88rem;font-weight:700;text-decoration:none}
.blog-guides-link:hover{text-decoration:underline}
.blog-index-intro{max-width:72ch;margin:0 0 2.5rem;color:var(--blog-muted);font-size:.98rem;line-height:1.75}
.blog-featured-article{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(2rem,5vw,4.5rem);align-items:center;padding-block:2rem 3rem;border-block:1px solid var(--blog-rule)}
.blog-featured-visual{display:grid;place-items:center;min-height:310px;overflow:hidden;background:linear-gradient(145deg,#eaf3fa,#f4f8fb 65%,#e7eef5);position:relative}
.blog-featured-visual:before,.blog-featured-visual:after{position:absolute;pointer-events:none;content:""}
.blog-featured-visual:before{inset:18px;border:1px solid rgba(8,127,221,.16)}
.blog-featured-visual:after{width:56%;height:1px;background:rgba(8,127,221,.14);transform:rotate(-35deg)}
.blog-featured-media{display:block;width:100%;height:100%;z-index:1}
.blog-featured-media img{display:block;width:100%;height:100%;min-height:310px;object-fit:cover}
.blog-featured-visual .blog-visual{z-index:1;width:calc(100% - 48px);margin:24px 0;background:transparent}
.blog-featured-copy{min-width:0}
.blog-story-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .95rem;color:var(--blog-muted);font-size:.72rem;font-weight:700;letter-spacing:.045em;text-transform:uppercase}
.blog-story-meta span:first-child{color:var(--blog-blue-deep)}
.blog-featured-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;color:var(--blog-muted);font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.blog-featured-meta span:first-child{color:var(--blog-blue-deep)}
.blog-featured-copy h2{max-width:18ch;margin:1rem 0 .85rem;color:var(--blog-ink);font-family:"Raleway",sans-serif;font-size:clamp(1.8rem,3.4vw,3.15rem);font-weight:800;line-height:1.08;letter-spacing:-.035em}
.blog-featured-copy h2 a{text-decoration:none}
.blog-featured-copy h2 a:hover{color:var(--blog-blue-deep)}
.blog-featured-copy>p{max-width:58ch;margin:0;color:#47545e;font-size:1rem;line-height:1.8}
.blog-featured-footer{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;margin-top:1.6rem;padding-top:1rem;border-top:1px solid var(--blog-rule);font-size:.8rem}
.blog-featured-footer span{color:var(--blog-muted)}
.blog-featured-footer a,.blog-read-link{margin-inline-start:auto;color:var(--blog-blue-deep)!important;font-weight:800;text-decoration:none}
.blog-featured-footer a:hover,.blog-read-link:hover{text-decoration:underline}
.blog-latest{margin-top:3rem}
.blog-latest>header{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.75rem}
.blog-latest>header h2{margin:.55rem 0 0;color:var(--blog-ink);font-family:"Raleway",sans-serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;letter-spacing:-.025em}
.blog-list-index{color:#99a8b2;font-family:"Raleway",sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.08em}
.blog-article-list{border-top:2px solid var(--blog-ink)}
.blog-article-row{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:1.2rem;padding:1.6rem .25rem 1.75rem;border-bottom:1px solid var(--blog-rule)}
.blog-article-number{padding-top:.25rem;color:var(--blog-blue);font-family:"Raleway",sans-serif;font-size:1.45rem;font-weight:800;font-variant-numeric:tabular-nums}
.blog-article-copy{min-width:0;max-width:78ch}
.blog-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .85rem;color:var(--blog-muted);font-size:.73rem;font-weight:700;letter-spacing:.035em;text-transform:uppercase}
.blog-article-meta span:first-child{color:var(--blog-blue-deep)}
.blog-article-copy h3{max-width:34ch;margin:.5rem 0 .45rem;color:var(--blog-ink);font-family:"Raleway",sans-serif;font-size:clamp(1.2rem,2vw,1.55rem);font-weight:800;line-height:1.24;letter-spacing:-.02em}
.blog-article-copy h3 a{text-decoration:none}
.blog-article-copy h3 a:hover{color:var(--blog-blue-deep)}
.blog-article-copy>p{max-width:72ch;margin:0;color:#4d5a64;font-size:.94rem;line-height:1.7}
.blog-read-link{display:inline-block;margin: .7rem 0 0;font-size:.83rem}
.blog-empty-state{display:grid;grid-template-columns:84px minmax(0,1fr);gap:1.4rem;align-items:center;padding:clamp(1.5rem,4vw,3rem) 0;border-block:1px solid var(--blog-rule)}
.blog-empty-mark,.blog-end-mark{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--blog-blue);color:var(--blog-blue-deep);font-family:"Raleway",sans-serif;font-size:1rem;font-weight:800;letter-spacing:-.04em}
.blog-empty-state h2{max-width:38ch;margin:.7rem 0;color:var(--blog-ink);font-family:"Raleway",sans-serif;font-size:1.6rem;line-height:1.3}
.blog-cta-link{color:var(--blog-blue-deep)!important;font-weight:800;text-decoration:none}
.blog-index-cta{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:1.35rem;align-items:center;margin-top:4rem;padding:1.5rem 0;border-block:1px solid var(--blog-rule)}
.blog-cta-rule{align-self:stretch;background:var(--blog-blue)}
.blog-index-cta h2{margin:.4rem 0;color:var(--blog-ink);font-family:"Raleway",sans-serif;font-size:1.5rem;font-weight:800}
.blog-index-cta p:last-child{max-width:62ch;margin:.35rem 0 0;color:#596873;line-height:1.65}
.blog-index-cta>a,.blog-article-end>a,.blog-aside-cta{display:inline-flex;justify-content:center;align-items:center;gap:.65rem;padding:.9rem 1.2rem;border:1px solid var(--blog-blue);background:var(--blog-blue);color:#fff!important;font-size:.88rem;font-weight:800;text-decoration:none;transition:background .18s ease,transform .18s ease}
.blog-index-cta>a:hover,.blog-article-end>a:hover,.blog-aside-cta:hover{background:var(--blog-blue-deep);transform:translateY(-1px)}
.blog-article{max-width:none;padding-bottom:5rem}
.blog-reading-progress{position:fixed;inset:0 0 auto;height:3px;z-index:1200;background:rgba(8,127,221,.12);pointer-events:none}
.blog-reading-progress>span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--blog-blue),var(--ekol-cyan,#44c8ff));transform:scaleX(0);transform-origin:left center}
.blog-article-wrap{max-width:1240px;margin-inline:auto;padding:clamp(2rem,4vw,3.5rem) clamp(1rem,4vw,3rem) 0}
.blog-breadcrumb{display:flex;gap:.55rem;align-items:center;margin-bottom:2.4rem;color:var(--blog-muted);font-size:.8rem;font-weight:700}
.blog-breadcrumb a{color:var(--blog-blue-deep);text-decoration:none}.blog-breadcrumb a:hover{text-decoration:underline}
.blog-article-header{max-width:880px;margin:0 auto 2.6rem}
.blog-article-header h1{max-width:20ch;margin:1rem 0 .9rem;color:var(--blog-ink);font-family:"Raleway",sans-serif;font-size:clamp(2.5rem,6vw,5.25rem);font-weight:800;line-height:1.02;letter-spacing:-.05em}
.blog-article-dek{max-width:66ch;margin:0;color:#475660;font-size:clamp(1.05rem,1.8vw,1.3rem);line-height:1.75}
.blog-article-meta{display:flex;align-items:center;gap:.8rem;margin-top:1.7rem;padding-top:1.15rem;border-top:1px solid var(--blog-rule)}
.blog-author-mark{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border:1px solid rgba(8,127,221,.4);color:var(--blog-blue-deep);font-family:"Raleway",sans-serif;font-size:.75rem;font-weight:800}
.blog-author-copy{display:grid;gap:.15rem;color:var(--blog-ink);font-size:.8rem}.blog-author-copy strong{font-size:.85rem}.blog-author-copy>span{color:var(--blog-muted)}
.blog-reading-time{display:flex;align-items:center;gap:.45rem;margin-inline-start:auto;color:var(--blog-muted);font-size:.8rem;font-weight:700;white-space:nowrap}
.blog-reading-time svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.blog-hero-media{max-width:1000px;margin:0 auto 2rem}
.blog-hero-media img{display:block;width:100%;max-height:560px;object-fit:cover;background:var(--blog-wash);border-radius:12px}
.blog-hero-media figcaption{margin-top:.55rem;color:var(--blog-muted);font-size:.74rem;line-height:1.5}
.blog-chapter-nav{max-width:960px;margin:2rem auto 3rem;padding:1rem 0;border-block:1px solid var(--blog-rule)}
.blog-chapter-label{display:block;margin-bottom:.8rem;color:var(--blog-muted);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.blog-chapter-nav ol{display:flex;gap:.55rem;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.blog-chapter-nav a{display:flex;align-items:flex-start;gap:.5rem;max-width:240px;padding:.2rem .7rem .2rem 0;color:#44545f;font-size:.78rem;font-weight:700;line-height:1.45;text-decoration:none}
.blog-chapter-nav a:hover{color:var(--blog-blue-deep)}
.blog-chapter-nav a span{color:var(--blog-blue);font-family:"Raleway",sans-serif;font-size:.68rem;font-weight:800}
.blog-reading-layout{display:grid;grid-template-columns:minmax(0,740px) minmax(170px,220px);gap:clamp(2.5rem,7vw,6rem);justify-content:center;align-items:start}
.blog-article-body{min-width:0;max-width:740px;color:var(--blog-text);font-size:1.08rem;line-height:1.9}
.blog-article-lede{margin:0 0 2.8rem;color:var(--blog-ink);font-size:clamp(1.2rem,2vw,1.45rem);font-weight:600;line-height:1.75}
.blog-section{margin:0 0 3.75rem;scroll-margin-top:110px}
.blog-section-index{margin:0 0 .45rem!important;color:var(--blog-blue-deep);font-size:.7rem!important;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.blog-section h2{max-width:27ch;margin:.15rem 0 .85rem;color:var(--blog-ink);font-family:"Raleway",sans-serif;font-size:clamp(1.65rem,3vw,2.2rem);font-weight:800;line-height:1.17;letter-spacing:-.03em}
.blog-section>p{margin:0;color:#35424b;font-size:1.05rem;line-height:1.95}
.blog-visual{margin:1.8rem 0 0;padding:1.2rem 1.25rem 1.35rem;border-top:3px solid var(--blog-blue);background:var(--blog-wash)}
.blog-visual figcaption{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;color:var(--blog-ink);font-size:.78rem;font-weight:800}
.blog-visual figcaption b{color:var(--blog-muted);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}
.blog-visual ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}
.blog-visual li{position:relative;display:grid;align-content:start;gap:.55rem;min-height:96px;padding:0 .7rem 0 0;border-inline-start:1px solid #bdd4e5}
.blog-visual li:first-child{border-inline-start:0}
.blog-visual-number{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--blog-blue);color:#fff;font-family:"Raleway",sans-serif;font-size:.7rem;font-weight:800}
.blog-visual li strong{max-width:17ch;color:var(--blog-ink);font-size:.76rem;line-height:1.4}
.blog-visual-checklist ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.25rem}
.blog-visual-checklist li{grid-template-columns:30px minmax(0,1fr);align-items:center;min-height:0;border:0;padding:0}
.blog-visual-checklist .blog-visual-number{width:24px;height:24px;background:#dcecf8;color:var(--blog-blue-deep)}
.blog-visual-checklist li strong{max-width:none}
.blog-sources{margin-top:3rem;padding-top:1.2rem;border-top:1px solid var(--blog-rule)}
.blog-sources h2{margin:0 0 .55rem;color:var(--blog-ink);font-family:"Raleway",sans-serif;font-size:1.05rem;font-weight:800}
.blog-sources ul{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;margin:0;padding:0;list-style:none}
.blog-sources li a{color:var(--blog-blue-deep);font-size:.78rem;font-weight:700;overflow-wrap:anywhere}
.blog-article-aside{position:sticky;top:110px;display:grid;gap:.75rem;padding-top:.5rem}
.blog-aside-kicker{margin:0;color:var(--blog-muted);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.blog-article-aside>a:not(.blog-aside-cta){color:var(--blog-ink);font-family:"Raleway",sans-serif;font-size:1.05rem;font-weight:800;line-height:1.35;text-decoration:none}
.blog-article-aside>a:not(.blog-aside-cta):hover{color:var(--blog-blue-deep)}
.blog-aside-rule{width:40px;height:3px;margin:.65rem 0;background:var(--blog-blue)}
.blog-article-aside>p:not(.blog-aside-kicker){margin:0;color:var(--blog-muted);font-size:.8rem;line-height:1.65}
.blog-aside-cta{margin-top:.35rem;padding:.75rem .9rem;font-size:.8rem}
.blog-article-end{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:1.25rem;align-items:center;max-width:1000px;margin:4rem auto 1rem;padding:1.4rem 0;border-block:1px solid var(--blog-rule)}
.blog-end-mark{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--blog-blue);color:var(--blog-blue-deep);font-family:"Raleway",sans-serif;font-size:.78rem;font-weight:800}
.blog-article-end h2{margin:.35rem 0;color:var(--blog-ink);font-family:"Raleway",sans-serif;font-size:1.45rem;font-weight:800}
.blog-article-end p:last-child{max-width:62ch;margin:0;color:var(--blog-muted);font-size:.84rem;line-height:1.6}
.blog-back-to-top{display:block;width:max-content;margin:1.3rem auto 0;color:var(--blog-blue-deep);font-size:.8rem;font-weight:800;text-decoration:none}
.blog-back-to-top:hover{text-decoration:underline}
.blog-shell[dir=rtl] .blog-eyebrow>span{transform:scaleX(-1)}
.blog-shell[dir=rtl] .blog-reading-progress>span{transform-origin:right center}
.blog-shell[dir=rtl] .blog-visual li{padding:0 0 0 .7rem}
@media(max-width:900px){.blog-reading-layout{grid-template-columns:minmax(0,740px);gap:2rem}.blog-article-aside{position:static;grid-template-columns:1fr auto;align-items:center;gap:.5rem 1rem;padding:1.25rem 0;border-block:1px solid var(--blog-rule)}.blog-aside-kicker,.blog-aside-rule{grid-column:1/-1}.blog-article-aside>p:not(.blog-aside-kicker){grid-column:1}.blog-aside-cta{grid-column:2;grid-row:3/5}.blog-featured-article{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr)}}
@media(max-width:700px){.blog-index{padding:1.8rem 1rem 3.5rem}.blog-index-intro-row{display:block}.blog-guides-link{display:inline-block;margin-top:1rem}.blog-featured-article{grid-template-columns:1fr;gap:1.2rem;padding-block:1rem 2rem}.blog-featured-visual{min-height:240px}.blog-featured-copy h2{max-width:24ch}.blog-article-wrap{padding:1.6rem 1rem 0}.blog-breadcrumb{margin-bottom:1.6rem}.blog-article-header{margin-bottom:1.7rem}.blog-article-header h1{font-size:clamp(2.35rem,11vw,3.4rem);line-height:1.04}.blog-article-dek{font-size:1.05rem}.blog-article-meta{gap:.6rem}.blog-reading-time{font-size:.73rem}.blog-chapter-nav{margin-block:1.4rem 2rem}.blog-chapter-nav ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.blog-chapter-nav a{font-size:.74rem}.blog-article-body{font-size:1rem;line-height:1.8}.blog-article-lede{font-size:1.15rem}.blog-section{margin-bottom:2.9rem}.blog-section>p{font-size:1rem;line-height:1.85}.blog-visual{padding:1rem .85rem}.blog-visual ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:.95rem}.blog-visual li{min-height:75px}.blog-visual-checklist ol{grid-template-columns:1fr}.blog-article-end{grid-template-columns:48px minmax(0,1fr);gap:.9rem;margin-top:3rem}.blog-article-end>a{grid-column:1/-1}.blog-end-mark{width:44px;height:44px}.blog-index-cta{grid-template-columns:5px minmax(0,1fr);gap:1rem}.blog-index-cta>a{grid-column:2;width:max-content}.blog-empty-state{grid-template-columns:56px minmax(0,1fr);gap:1rem}.blog-empty-mark{width:48px;height:48px}}
@media(max-width:420px){.blog-featured-footer{gap:.55rem .8rem}.blog-featured-footer a{width:100%;margin-inline-start:0}.blog-article-meta{flex-wrap:wrap}.blog-reading-time{width:100%;margin-inline-start:52px}.blog-chapter-nav ol{grid-template-columns:1fr}.blog-article-aside{grid-template-columns:1fr}.blog-aside-cta{grid-column:1;grid-row:auto}.blog-visual ol{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.blog-shell *{scroll-behavior:auto!important;transition:none!important}}

/* Ekol Glass editorial layer */
.blog-index{max-width:1380px;padding:clamp(1.25rem,3vw,2.5rem) clamp(1rem,4vw,3.25rem) 5rem}
.blog-index-hero{position:relative;display:flex;align-items:flex-end;min-height:clamp(410px,43vw,570px);overflow:hidden;margin-bottom:clamp(2.75rem,5vw,4.5rem);padding:clamp(1.6rem,5vw,4.25rem);border:0;background:#0c1720}
.blog-index-hero__image{position:absolute;inset:0}
.blog-index-hero__image:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(4,23,39,.94) 0%,rgba(4,23,39,.78) 34%,rgba(4,23,39,.16) 76%,rgba(4,23,39,.08) 100%),linear-gradient(0deg,rgba(4,23,39,.35),transparent 50%)}
.blog-index-hero__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.blog-index-hero__copy{position:relative;z-index:1;max-width:760px}
.blog-index-hero .blog-eyebrow{color:#bfe6ff}
.blog-index-hero .blog-eyebrow>span{background:#44c8ff}
.blog-index-hero h1{max-width:12ch;margin:.8rem 0 1rem;color:#fff;font-size:clamp(2.8rem,6.4vw,5.8rem);line-height:.99;letter-spacing:-.055em}
.blog-index-hero__lead{max-width:58ch;margin:0;color:rgba(255,255,255,.88);font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.75}
.blog-index-hero .blog-guides-link{display:inline-flex;gap:.6rem;align-items:center;margin-top:1.35rem;color:#fff!important}
.blog-topics{margin:0 0 clamp(3rem,6vw,5rem)}
.blog-section-heading{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;margin:0 0 1.2rem}
.blog-section-heading h2,.blog-related-stories h2{margin:.45rem 0 0;color:var(--blog-ink);font-family:"Raleway",sans-serif;font-size:clamp(1.55rem,3vw,2.35rem);font-weight:800;line-height:1.12;letter-spacing:-.035em}
.blog-section-heading>a{color:var(--blog-blue-deep);font-size:.83rem;font-weight:800;text-decoration:none;white-space:nowrap}
.blog-section-heading>a:hover{ text-decoration:underline}
.blog-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.blog-topic-card{position:relative;display:block;min-height:230px;overflow:hidden;background:#0c1720;color:#fff!important;text-decoration:none}
.blog-topic-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.blog-topic-card:hover img{transform:scale(1.035)}
.blog-topic-card__veil{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,18,31,.94),rgba(4,18,31,.08) 78%)}
.blog-topic-card__text{position:absolute;inset:auto 1rem 1.1rem;display:grid;gap:.3rem}
.blog-topic-card__text small{color:#a9dbff;font-size:.66rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.blog-topic-card__text strong{max-width:18ch;color:#fff;font-family:"Raleway",sans-serif;font-size:1.08rem;font-weight:800;line-height:1.2}
.blog-topic-card__text>span{color:rgba(255,255,255,.76);font-size:.72rem;line-height:1.45}
.blog-topic-card__arrow{position:absolute;top:.8rem;right:.85rem;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.66);border-radius:50%;color:#fff}
.blog-featured-article{grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:clamp(1.5rem,4vw,4rem);padding-block:clamp(1.5rem,3vw,2.5rem) clamp(2.5rem,4vw,3.5rem)}
.blog-featured-media{min-height:330px;overflow:hidden;background:#e8eef3}
.blog-featured-media img{min-height:330px;height:100%;object-fit:cover;transition:transform .4s ease}
.blog-featured-media:hover img{transform:scale(1.02)}
.blog-featured-copy h2{font-size:clamp(1.9rem,3.7vw,3.4rem)}
.blog-story-meta a{color:var(--blog-blue-deep);font-weight:800;text-decoration:none}
.blog-story-meta a:hover{text-decoration:underline}
.blog-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.15rem}
.blog-story-card{min-width:0;border-bottom:1px solid var(--blog-rule);background:#fff}
.blog-story-card__image{display:block;aspect-ratio:3/2;overflow:hidden;background:#e9f0f5}
.blog-story-card__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.blog-story-card__image:hover img{transform:scale(1.03)}
.blog-story-card__body{padding:1rem .1rem 1.15rem}
.blog-topic-label{display:inline-block;color:var(--blog-blue-deep);font-size:.7rem;font-weight:800;text-decoration:none}
.blog-topic-label:hover{text-decoration:underline}
.blog-story-card__meta{display:flex;align-items:center;gap:.5rem;margin:.45rem 0;color:var(--blog-muted);font-size:.69rem;font-weight:700}
.blog-story-card h3{margin:.35rem 0 .5rem;color:var(--blog-ink);font-family:"Raleway",sans-serif;font-size:1.25rem;font-weight:800;line-height:1.25;letter-spacing:-.02em}
.blog-story-card h3 a{color:inherit;text-decoration:none}
.blog-story-card h3 a:hover{color:var(--blog-blue-deep)}
.blog-story-card__excerpt{margin:0;color:#4d5a64;font-size:.88rem;line-height:1.7}
.blog-story-card__more{display:inline-block;margin-top:.75rem;color:var(--blog-blue-deep);font-size:.8rem;font-weight:800;text-decoration:none}
.blog-latest{margin-top:clamp(2.5rem,5vw,4rem)}
.blog-category-page .blog-breadcrumb{margin:0 0 1.2rem}
.blog-category-hero{position:relative;display:flex;align-items:flex-end;min-height:clamp(350px,38vw,500px);overflow:hidden;margin-bottom:3rem;padding:clamp(1.5rem,5vw,4rem);background:#0c1720}
.blog-category-hero:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(4,23,39,.9),rgba(4,23,39,.53) 48%,rgba(4,23,39,.1))}
.blog-category-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.blog-category-hero>div{position:relative;z-index:1;max-width:760px}
.blog-category-hero .blog-eyebrow,.blog-category-hero h1,.blog-category-hero p{color:#fff}
.blog-category-hero .blog-eyebrow>span{background:#44c8ff}
.blog-category-hero h1{max-width:14ch;margin:.75rem 0;font-family:"Raleway",sans-serif;font-size:clamp(2.6rem,6vw,5rem);font-weight:800;line-height:1.02;letter-spacing:-.05em}
.blog-category-hero p:not(.blog-eyebrow){max-width:60ch;color:rgba(255,255,255,.87);font-size:1.05rem;line-height:1.75}
.blog-category-hero .blog-guides-link{color:#fff!important}
.blog-related-stories{grid-column:1/-1;margin:2rem 0 0;padding-top:1.4rem;border-top:1px solid var(--blog-rule)}
.blog-related-stories .blog-story-grid{margin-top:1.1rem}
.blog-breadcrumb a{color:var(--blog-blue-deep);text-decoration:none}
.blog-breadcrumb a:hover{text-decoration:underline}
@media(max-width:900px){.blog-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-topic-card{min-height:210px}.blog-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.blog-index{padding:1rem 1rem 3.5rem}.blog-index-hero{min-height:480px;margin-bottom:2.75rem;padding:1.4rem}.blog-index-hero__image img{object-position:56% center}.blog-index-hero__image:after{background:linear-gradient(0deg,rgba(4,23,39,.93),rgba(4,23,39,.45) 62%,rgba(4,23,39,.18))}.blog-index-hero h1{font-size:clamp(2.6rem,12vw,3.7rem)}.blog-section-heading{align-items:flex-start}.blog-topic-grid{gap:8px}.blog-topic-card{min-height:190px}.blog-topic-card__text{inset-inline:.75rem;bottom:.8rem}.blog-topic-card__text strong{font-size:.95rem}.blog-featured-article{grid-template-columns:1fr;gap:1rem;padding-block:1rem 2rem}.blog-featured-media,.blog-featured-media img{min-height:230px}.blog-story-grid{gap:1.5rem .8rem}.blog-story-card h3{font-size:1.05rem}.blog-story-card__excerpt{font-size:.81rem}.blog-category-hero{min-height:390px;margin-bottom:2rem;padding:1.4rem}.blog-category-hero:after{background:linear-gradient(0deg,rgba(4,23,39,.93),rgba(4,23,39,.4) 70%,rgba(4,23,39,.12))}.blog-category-hero h1{font-size:clamp(2.3rem,10vw,3.5rem)}.blog-related-stories .blog-story-grid{grid-template-columns:1fr}}
@media(max-width:520px){.blog-topic-grid,.blog-story-grid{grid-template-columns:1fr}.blog-topic-card{min-height:210px}.blog-story-card__image{aspect-ratio:16/10}.blog-section-heading{display:grid}.blog-section-heading>a{justify-self:start}.blog-featured-footer a{width:auto;margin-inline-start:auto}}
@media(prefers-reduced-motion:reduce){.blog-topic-card img,.blog-story-card__image img,.blog-featured-media img{transition:none}}

/* Editorial index: one story stream, compact topic navigation, full-width cover. */
.blog-index{max-width:1560px;padding:0 clamp(1rem,4vw,3.5rem) 5rem}
#main-content:has(.blog-index){overflow-x:clip}
.blog-index-hero{position:relative;display:flex;align-items:flex-end;width:100vw;max-width:none!important;min-height:clamp(650px,72vh,860px);overflow:hidden;margin:0 calc(50% - 50vw) clamp(3rem,6vw,5.5rem);padding:clamp(2rem,7vw,6rem) max(clamp(1.5rem,6vw,7rem),calc((100vw - 1480px)/2));border:0;background:#091a28}
.blog-index-hero__image{position:absolute;inset:0}
.blog-index-hero__image:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(4,20,34,.88) 0%,rgba(4,20,34,.64) 42%,rgba(4,20,34,.1) 100%),linear-gradient(0deg,rgba(4,20,34,.38),transparent 48%)}
.blog-index-hero__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%}
.blog-index-hero__copy{position:relative;z-index:1;max-width:min(780px,74vw)}
.blog-index-hero .blog-eyebrow{color:#c6eaff}
.blog-index-hero .blog-eyebrow>span{background:#44c8ff}
.blog-index-hero h1{max-width:12ch;margin:1rem 0 1.2rem;color:#fff;font-size:clamp(3.2rem,7.3vw,7.1rem);line-height:.94;letter-spacing:-.06em}
.blog-index-hero__lead{max-width:58ch;margin:0;color:rgba(255,255,255,.9);font-size:clamp(1.05rem,1.45vw,1.28rem);line-height:1.8}
.blog-hero-link{display:inline-flex;align-items:center;gap:.65rem;margin-top:1.6rem;padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.6);color:#fff!important;font-size:.9rem;font-weight:800;text-decoration:none}
.blog-hero-link span{color:#7dd8ff;transition:transform .18s ease}
.blog-hero-link:hover span{transform:translateY(3px)}
.blog-topic-nav{display:flex;align-items:center;gap:1.1rem;max-width:1440px;margin:0 auto clamp(3rem,6vw,5rem);padding:0 0 1.1rem;border-bottom:1px solid var(--blog-rule)}
.blog-topic-nav>span{flex:0 0 auto;color:var(--blog-muted);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.blog-topic-nav>div{display:flex;flex-wrap:wrap;gap:.5rem .7rem}
.blog-topic-nav a{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .85rem;border:1px solid #dbe6ed;border-radius:999px;color:#33434e;font-size:.8rem;font-weight:700;text-decoration:none;transition:background .18s ease,border-color .18s ease,color .18s ease}
.blog-topic-nav a:hover{border-color:var(--blog-blue);background:#edf7fd;color:var(--blog-blue-deep)}
.blog-topic-nav a span{color:var(--blog-blue);font-size:.75rem}
.blog-journal{max-width:1440px;margin-inline:auto}
.blog-journal-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.4rem}
.blog-journal-heading h2{max-width:15ch;margin:.6rem 0 0;color:var(--blog-ink);font-family:"Raleway",sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.04;letter-spacing:-.045em}
.blog-journal-heading>span{padding-bottom:.25rem;color:var(--blog-muted);font-size:.78rem;font-weight:700;white-space:nowrap}
.blog-editorial-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row;gap:1.2rem}
.blog-editorial-grid .blog-story-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:0;border-bottom:1px solid var(--blog-rule);background:#f3f7fa}
.blog-editorial-grid .blog-story-card__image{aspect-ratio:1.5;flex:0 0 auto;background:#e6edf2}
.blog-editorial-grid .blog-story-card__image img{transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.blog-editorial-grid .blog-story-card__image:hover img{transform:scale(1.035)}
.blog-editorial-grid .blog-story-card__body{display:flex;flex:1;flex-direction:column;padding:1.2rem 1.25rem 1.35rem}
.blog-editorial-grid .blog-story-card h3{font-size:clamp(1.12rem,1.55vw,1.48rem);line-height:1.22}
.blog-editorial-grid .blog-story-card__excerpt{font-size:.87rem}
.blog-editorial-grid .blog-story-card__more{margin-top:auto;padding-top:.9rem}
.blog-editorial-grid .blog-story-card--lead{grid-column:span 7;grid-row:span 2;background:#edf3f7}
.blog-editorial-grid .blog-story-card--lead .blog-story-card__image{aspect-ratio:auto;min-height:100%;flex:1}
.blog-editorial-grid .blog-story-card--lead .blog-story-card__body{padding:clamp(1.4rem,3vw,2.5rem)}
.blog-editorial-grid .blog-story-card--lead h3{max-width:17ch;margin:.75rem 0;font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.08}
.blog-editorial-grid .blog-story-card--lead .blog-story-card__excerpt{max-width:58ch;font-size:1rem;line-height:1.75}
.blog-editorial-grid .blog-story-card:not(.blog-story-card--lead){grid-column:span 5}
.blog-editorial-grid .blog-story-card:not(.blog-story-card--lead) .blog-story-card__image{aspect-ratio:2.15}
.blog-editorial-grid .blog-story-card:not(.blog-story-card--lead) .blog-story-card__body{padding:1rem 1.2rem 1.15rem}
.blog-editorial-grid .blog-story-card:not(.blog-story-card--lead) h3{max-width:32ch;margin:.2rem 0 .35rem}
.blog-editorial-grid .blog-story-card:not(.blog-story-card--lead) .blog-story-card__excerpt{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.blog-inline-media{width:100%;margin:2.3rem 0 2.6rem}
.blog-inline-media img{display:block;width:100%;max-height:620px;object-fit:cover;background:var(--blog-wash);border-radius:4px}
.blog-inline-media figcaption{max-width:72ch;margin:.7rem auto 0;color:var(--blog-muted);font-size:.78rem;line-height:1.55}
.blog-inline-media--bleed{position:relative;left:50%;width:min(1050px,calc(100vw - 40px));max-width:calc(100vw - 40px);transform:translateX(-50%)}
.blog-inline-media--left{width:78%;margin-inline:0 auto}
.blog-inline-media--right{width:78%;margin-inline:auto 0}
@media(max-width:1000px){.blog-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-editorial-grid .blog-story-card--lead{grid-column:span 2;grid-row:auto}.blog-editorial-grid .blog-story-card:not(.blog-story-card--lead){grid-column:span 1}.blog-editorial-grid .blog-story-card--lead .blog-story-card__image{aspect-ratio:1.8;min-height:auto}.blog-editorial-grid .blog-story-card--lead .blog-story-card__body{padding:1.35rem}.blog-editorial-grid .blog-story-card--lead h3{font-size:clamp(1.8rem,4vw,2.6rem)}}
@media(max-width:700px){.blog-index{padding:0 1rem 3.5rem}.blog-index-hero{min-height:clamp(580px,82svh,720px);margin-bottom:2.5rem;padding:2rem 1.3rem}.blog-index-hero__image img{object-position:58% center}.blog-index-hero__image:after{background:linear-gradient(0deg,rgba(4,20,34,.94) 0%,rgba(4,20,34,.48) 57%,rgba(4,20,34,.16) 100%)}.blog-index-hero__copy{max-width:100%}.blog-index-hero h1{max-width:11ch;font-size:clamp(3rem,13vw,4.5rem)}.blog-index-hero__lead{font-size:1rem;line-height:1.7}.blog-topic-nav{display:block;margin-bottom:2.7rem}.blog-topic-nav>span{display:block;margin-bottom:.75rem}.blog-topic-nav>div{gap:.45rem}.blog-topic-nav a{padding:.48rem .7rem;font-size:.75rem}.blog-journal-heading{align-items:flex-start;margin-bottom:1rem}.blog-journal-heading h2{font-size:2rem}.blog-editorial-grid{grid-template-columns:1fr;gap:1rem}.blog-editorial-grid .blog-story-card--lead,.blog-editorial-grid .blog-story-card:not(.blog-story-card--lead){grid-column:auto;grid-row:auto}.blog-editorial-grid .blog-story-card--lead .blog-story-card__image{aspect-ratio:1.3}.blog-editorial-grid .blog-story-card:not(.blog-story-card--lead) .blog-story-card__image{aspect-ratio:1.65}.blog-editorial-grid .blog-story-card--lead h3{font-size:1.8rem}.blog-editorial-grid .blog-story-card__body{padding:1.1rem}.blog-inline-media{margin:1.8rem 0 2.1rem}.blog-inline-media--left,.blog-inline-media--right{width:100%;margin-inline:0}.blog-index-cta{margin-top:3rem}}
@media(prefers-reduced-motion:reduce){.blog-hero-link span,.blog-editorial-grid .blog-story-card__image img{transition:none}}
@media(min-width:1001px){.blog-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.blog-editorial-grid .blog-story-card,.blog-editorial-grid .blog-story-card:not(.blog-story-card--lead){grid-column:auto;grid-row:auto}.blog-editorial-grid .blog-story-card__image,.blog-editorial-grid .blog-story-card:not(.blog-story-card--lead) .blog-story-card__image{aspect-ratio:1.62;min-height:0}.blog-editorial-grid .blog-story-card__body,.blog-editorial-grid .blog-story-card:not(.blog-story-card--lead) .blog-story-card__body{padding:1.25rem 1.45rem 1.35rem}.blog-editorial-grid .blog-story-card h3,.blog-editorial-grid .blog-story-card:not(.blog-story-card--lead) h3{max-width:31ch;font-size:clamp(1.35rem,2vw,1.8rem)}.blog-editorial-grid .blog-story-card__excerpt,.blog-editorial-grid .blog-story-card:not(.blog-story-card--lead) .blog-story-card__excerpt{display:block;-webkit-line-clamp:unset;font-size:.92rem}}

/* Keep article media inside the reading column and prevent the sticky rail from overlapping it. */
.blog-article{width:100%;min-width:0;overflow-x:clip}
.blog-article-wrap{box-sizing:border-box;width:100%;max-width:1240px;min-width:0}
.blog-reading-layout{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,740px) minmax(0,220px);gap:clamp(2rem,4vw,3.5rem);width:100%;max-width:1100px;margin-inline:auto}
.blog-article-body,.blog-article-aside,.blog-inline-media{min-width:0}
.blog-inline-media{position:relative;width:100%;max-width:100%;margin:2.1rem 0 2.4rem}
.blog-inline-media--bleed{left:auto;width:100%;max-width:100%;transform:none}
.blog-inline-media--left,.blog-inline-media--right{width:min(100%,560px);max-width:100%;margin-inline:0}
.blog-inline-media img{display:block;width:100%;max-width:100%;height:auto;max-height:620px;object-fit:contain;background:var(--blog-wash);border-radius:8px}
@media(max-width:1120px){.blog-reading-layout{grid-template-columns:minmax(0,740px);max-width:740px;gap:2rem}.blog-article-aside{position:static;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem 1rem;padding:1.25rem 0;border-block:1px solid var(--blog-rule)}.blog-aside-kicker,.blog-aside-rule{grid-column:1/-1}.blog-article-aside>p:not(.blog-aside-kicker){grid-column:1}.blog-aside-cta{grid-column:2;grid-row:3/5}}
@media(max-width:700px){.blog-reading-layout{grid-template-columns:minmax(0,1fr);gap:1.5rem}.blog-article-aside{grid-template-columns:1fr}.blog-aside-cta{grid-column:1;grid-row:auto}.blog-inline-media{margin:1.6rem 0 2rem}}