/* V16: horizontal hero, symmetric gallery, full-width content and sticky sidebars. */
.blog-section-bento{grid-template-columns:1fr!important;box-shadow:none!important}.blog-section-bento .blog-section-card,.blog-section-bento .blog-section-card:nth-child(3n+1){grid-column:auto!important;width:100%!important;min-height:0!important}
.blog-takeaway-grid{display:block!important}.blog-takeaway-grid p{width:100%!important;max-width:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:8px 8px 8px 34px!important}
.blog-treatment-card{background:transparent!important;color:#143520!important;border:0!important;box-shadow:none!important;padding:8px 0!important}.blog-treatment-card h2{color:#143520!important}.blog-treatment-kicker{background:#e7f8eb!important;border-color:#ccebd4!important;color:#19743d!important}.blog-treatment-grid{display:grid!important;grid-template-columns:1fr!important;align-items:start!important;gap:14px!important}.blog-treatment-mini{min-height:0!important;height:auto!important;display:grid!important;grid-template-columns:minmax(190px,240px) minmax(0,1fr)!important;grid-template-rows:auto 1fr!important;gap:5px 24px!important;align-items:start!important;padding:20px 22px!important}.blog-treatment-mini small{grid-column:1!important;grid-row:1!important;width:max-content;margin:0 0 5px!important}.blog-treatment-mini h3{grid-column:1!important;grid-row:2!important;margin:0!important}.blog-treatment-copy{grid-column:2!important;grid-row:1 / span 2!important;color:#365741;line-height:1.7;font-weight:650;border-left:1px solid rgba(28,114,58,.13);padding-left:24px}.blog-treatment-copy p{margin:0 0 .75rem}.blog-treatment-copy ul,.blog-treatment-copy ol{padding-left:20px;margin:0}
.damage-gallery__stage{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;height:340px!important;background:transparent!important;overflow:visible!important}.damage-gallery__stage button{border:0;padding:0;border-radius:18px;overflow:hidden;background:#dceee0;cursor:zoom-in}.damage-gallery__stage img{width:100%;height:100%;object-fit:cover;display:block}
.blog-post-sidebar{position:sticky!important;top:88px!important;max-height:calc(100vh - 104px);overflow:auto;scrollbar-width:thin;padding-bottom:12px}.blog-post-sidebar::-webkit-scrollbar{width:5px}.blog-post-sidebar::-webkit-scrollbar-thumb{background:#b8d9c1;border-radius:8px}
.blog-wow-toolbar #heroLikeBtn,.blog-wow-toolbar #heroShareBtn{display:inline-flex;align-items:center;gap:5px}.blog-wow-toolbar #heroLikeBtn{background:#fff!important;color:#17472b!important;border:1px solid rgba(255,255,255,.35)!important}.blog-wow-toolbar #heroLikeBtn.is-liked{background:#b4233c!important;color:#fff!important;border-color:#b4233c!important}.blog-wow-toolbar #heroShareBtn{background:#168447!important;color:#fff!important}.blog-wow-toolbar #heroLikeCount{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:rgba(20,83,44,.1);font-size:11px}.blog-wow-toolbar #heroLikeBtn.is-liked #heroLikeCount{background:rgba(255,255,255,.18)}
@media(min-width:721px) and (max-width:991.98px){.magazine-hero{grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr)!important}.magazine-hero-media{height:auto!important;min-height:100%!important;max-width:none!important}.magazine-hero-media .blog-post-hero{height:100%!important;min-height:100%!important}}
@media(max-width:720px){.damage-gallery__stage{grid-template-columns:1fr!important;height:auto!important}.damage-gallery__stage button{height:240px}.blog-post-sidebar{position:static!important;max-height:none!important;overflow:visible!important}.blog-treatment-mini{grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:8px!important}.blog-treatment-mini small,.blog-treatment-mini h3,.blog-treatment-copy{grid-column:1!important;grid-row:auto!important}.blog-treatment-copy{border-left:0;border-top:1px solid rgba(28,114,58,.13);padding:14px 0 0!important}}

/* Uzun blog başlıkları için dengeli hero düzeni. */
.magazine-hero:has(#blogTitle.is-long-title){grid-template-columns:minmax(0,1.62fr) minmax(230px,.38fr)!important}
.magazine-hero #blogTitle.is-long-title{font-size:clamp(1.9rem,2.45vw,2.85rem)!important;line-height:1.06!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;text-wrap:balance}
.magazine-hero #blogTitle.is-extra-long-title{font-size:clamp(1.72rem,2.1vw,2.5rem)!important;line-height:1.08!important}
@media(max-width:991.98px){.magazine-hero:has(#blogTitle.is-long-title){grid-template-columns:1fr!important}.magazine-hero #blogTitle.is-long-title,.magazine-hero #blogTitle.is-extra-long-title{font-size:clamp(2rem,6vw,3.1rem)!important}}
@media(max-width:575.98px){.magazine-hero #blogTitle.is-long-title,.magazine-hero #blogTitle.is-extra-long-title{font-size:1.9rem!important;line-height:1.1!important}}

/* V21: ultra premium blog detail, wider cover and one intelligent sticky rail. */
.blog-post-shell{
  position:relative;isolation:isolate;overflow:clip;
  background-image:linear-gradient(180deg,rgba(245,251,246,.90),rgba(231,245,234,.92)),url('/img/page-backgrounds/blog-premium.webp')!important;
  background-size:cover!important;background-position:center top!important;background-repeat:no-repeat!important;background-attachment:fixed!important;
}
.blog-post-shell::before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(23,106,56,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,106,56,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 72%);pointer-events:none}
.blog-post-shell>.container{max-width:1480px!important;padding-inline:24px!important}
.blog-post-shell .row{--bs-gutter-x:24px!important}
.blog-main-column{min-width:0}
.blog-main-column .magazine-hero{grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr)!important;gap:22px!important}
.blog-main-column .magazine-hero-copy,.blog-main-column .magazine-hero-media{min-height:460px!important;height:auto!important;border-radius:30px!important;box-shadow:0 30px 80px rgba(5,52,27,.18)!important}
.blog-main-column .magazine-hero-copy{padding:clamp(30px,4vw,52px)!important}
.blog-main-column .magazine-hero-media{width:100%!important;max-width:none!important;justify-self:stretch!important}
.blog-main-column .magazine-hero-media .blog-post-hero{width:100%!important;height:100%!important;min-height:460px!important;object-fit:cover!important;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.blog-main-column .magazine-hero-media:hover .blog-post-hero{transform:scale(1.025)}
.magazine-hero:has(#blogTitle.is-long-title){grid-template-columns:minmax(0,1.38fr) minmax(330px,.62fr)!important}
.blog-back{border:1px solid rgba(21,117,61,.13)!important;background:rgba(255,255,255,.72)!important;color:#0d7139!important;backdrop-filter:blur(12px);font-weight:900!important}
.blog-post-ad--top{background:rgba(255,255,255,.58)!important;border-color:rgba(24,125,63,.17)!important;color:#64806d!important;backdrop-filter:blur(12px)}
.blog-content-body>.blog-section-card,.blog-section-bento .blog-section-card{border:1px solid rgba(18,111,54,.12)!important;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,253,248,.94))!important;box-shadow:0 22px 60px rgba(11,73,38,.09)!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.blog-content-body>.blog-section-card:hover,.blog-section-bento .blog-section-card:hover{transform:translateY(-2px);border-color:rgba(24,146,68,.22)!important;box-shadow:0 28px 70px rgba(11,73,38,.13)!important}
.blog-content-body .blog-rich-text{font-size:1.06rem!important;line-height:1.88!important;color:#284d36!important}
.blog-content-body .blog-rich-text :is(h2,h3,h4){color:#103a22!important;letter-spacing:-.02em}
.blog-content-body .blog-rich-text blockquote{margin:24px 0;padding:20px 24px;border-left:5px solid #29b25b;border-radius:0 18px 18px 0;background:#ecf9ef;color:#18482b;font-weight:750}
.blog-content-body .blog-rich-text :is(img,video){max-width:100%;height:auto;border-radius:20px;box-shadow:0 18px 46px rgba(8,55,27,.15)}
.blog-content-body .blog-rich-text table{display:block;max-width:100%;overflow:auto;border-collapse:separate;border-spacing:0;border:1px solid #d8eadd;border-radius:16px;background:#fff}
.blog-content-body .blog-rich-text :is(th,td){padding:12px 15px;border-bottom:1px solid #e2efe5}
.blog-content-body .blog-rich-text th{background:#eaf8ed;color:#174a2b}
.blog-side-column{align-self:stretch}
.blog-side-column>.blog-post-sidebar{display:flex!important;flex-direction:column;gap:14px;padding:0 4px 16px 0!important}
.blog-side-column .blog-post-widget,.blog-side-column .weather-premium-card{flex:0 0 auto;margin:0!important;border-radius:20px!important;border:1px solid rgba(18,105,52,.13)!important;background:rgba(255,255,255,.88)!important;box-shadow:0 16px 45px rgba(8,66,32,.10)!important;backdrop-filter:blur(16px)}
.blog-side-column .blog-post-widget h3{font-size:.9rem!important;letter-spacing:-.01em}
.blog-side-column .weather-premium-card{padding:16px!important}
.blog-side-column .weather-main{gap:8px!important}.blog-side-column .weather-main span{font-size:38px!important}.blog-side-column .weather-main b{font-size:34px!important}
.blog-side-column .weather-grid{grid-template-columns:1fr!important}
.blog-side-column .weather-premium-card.is-loading{opacity:.72}.blog-side-column .weather-premium-card.is-loading #weatherIcon{animation:weatherPulse 1s ease-in-out infinite alternate}
@keyframes weatherPulse{to{transform:scale(1.12);filter:saturate(1.3)}}
.blog-side-column .related-premium #relatedPosts a{background:#f3faf5!important;border:1px solid rgba(23,106,56,.11)!important;color:#176c38!important}
.blog-reading-meter{box-shadow:0 8px 28px rgba(0,0,0,.18)}

/* Unified shell uses this class; every blog surface now follows the theme. */
html.biokesif-dark .blog-post-shell,html[data-theme="dark"] .blog-post-shell{
  background-image:linear-gradient(180deg,rgba(4,16,9,.91),rgba(7,24,13,.94)),url('/img/page-backgrounds/blog-premium.webp')!important;color:#e7f5ea!important
}
html.biokesif-dark .blog-post-shell::before,html[data-theme="dark"] .blog-post-shell::before{background-image:linear-gradient(rgba(126,238,159,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(126,238,159,.035) 1px,transparent 1px)}
html.biokesif-dark .blog-back,html[data-theme="dark"] .blog-back{background:rgba(13,39,23,.84)!important;border-color:rgba(126,238,159,.18)!important;color:#9df1b6!important}
html.biokesif-dark .blog-post-ad--top,html[data-theme="dark"] .blog-post-ad--top{background:rgba(14,39,24,.78)!important;border-color:rgba(126,238,159,.18)!important;color:#9cb5a4!important}
html.biokesif-dark .blog-content-body>.blog-section-card,html.biokesif-dark .blog-section-bento .blog-section-card,html[data-theme="dark"] .blog-content-body>.blog-section-card,html[data-theme="dark"] .blog-section-bento .blog-section-card{background:linear-gradient(145deg,rgba(15,40,24,.98),rgba(9,29,17,.96))!important;border-color:rgba(126,238,159,.14)!important;box-shadow:0 24px 65px rgba(0,0,0,.28)!important;color:#e8f6eb!important}
html.biokesif-dark .blog-content-body .blog-rich-text,html[data-theme="dark"] .blog-content-body .blog-rich-text{color:#bed2c3!important}
html.biokesif-dark .blog-content-body .blog-rich-text :is(h2,h3,h4,strong),html[data-theme="dark"] .blog-content-body .blog-rich-text :is(h2,h3,h4,strong){color:#effbf2!important}
html.biokesif-dark .blog-content-body .blog-rich-text a,html[data-theme="dark"] .blog-content-body .blog-rich-text a{color:#79e99e!important}
html.biokesif-dark .blog-content-body .blog-rich-text blockquote,html[data-theme="dark"] .blog-content-body .blog-rich-text blockquote{background:#112d1c;color:#d7ebdc;border-color:#52db7d}
html.biokesif-dark .blog-content-body .blog-rich-text table,html[data-theme="dark"] .blog-content-body .blog-rich-text table{background:#0d2919;border-color:#284b33;color:#d8eadc}
html.biokesif-dark .blog-content-body .blog-rich-text th,html[data-theme="dark"] .blog-content-body .blog-rich-text th{background:#153823;color:#effbf2}
html.biokesif-dark .blog-content-body .blog-rich-text :is(th,td),html[data-theme="dark"] .blog-content-body .blog-rich-text :is(th,td){border-color:#284b33}
html.biokesif-dark .blog-side-column .blog-post-widget,html.biokesif-dark .blog-side-column .weather-premium-card,html[data-theme="dark"] .blog-side-column .blog-post-widget,html[data-theme="dark"] .blog-side-column .weather-premium-card{background:rgba(13,36,22,.94)!important;border-color:rgba(126,238,159,.15)!important;color:#e7f5ea!important;box-shadow:0 18px 50px rgba(0,0,0,.28)!important}
html.biokesif-dark .blog-side-column :is(.blog-post-widget h3,.weather-card-head strong,.weather-main b,.weather-premium-card p,.weather-grid b),html[data-theme="dark"] .blog-side-column :is(.blog-post-widget h3,.weather-card-head strong,.weather-main b,.weather-premium-card p,.weather-grid b){color:#effbf2!important}
html.biokesif-dark .blog-side-column :is(.reading-tools button,.weather-premium-card select,.weather-grid span,.related-premium #relatedPosts a),html[data-theme="dark"] .blog-side-column :is(.reading-tools button,.weather-premium-card select,.weather-grid span,.related-premium #relatedPosts a){background:#122f1e!important;border-color:#2a5036!important;color:#cae7d2!important}
html.biokesif-dark .blog-side-column .blog-post-widget a,html[data-theme="dark"] .blog-side-column .blog-post-widget a{color:#8ee9aa!important;border-color:#284b33!important}
html.biokesif-dark .blog-treatment-mini,html[data-theme="dark"] .blog-treatment-mini{background:#102c1b!important;border-color:#2b5137!important;color:#d9ebde!important}
html.biokesif-dark .blog-treatment-mini h3,html.biokesif-dark .blog-treatment-copy,html[data-theme="dark"] .blog-treatment-mini h3,html[data-theme="dark"] .blog-treatment-copy{color:#e9f7ed!important}

@media(min-width:992px){
  .blog-side-column>.blog-post-sidebar{position:sticky!important;top:102px!important;max-height:calc(100vh - 118px)!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}
}
@media(max-width:1199.98px){.blog-side-column .weather-premium-card{display:block!important}.blog-main-column .magazine-hero{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important}}
@media(max-width:991.98px){.blog-post-shell{background-attachment:scroll!important}.blog-post-shell>.container{padding-inline:16px!important}.blog-main-column .magazine-hero,.magazine-hero:has(#blogTitle.is-long-title){grid-template-columns:1fr!important}.blog-main-column .magazine-hero-media,.blog-main-column .magazine-hero-media .blog-post-hero{min-height:350px!important;height:350px!important}.blog-side-column{margin-top:20px}.blog-side-column>.blog-post-sidebar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none!important;overflow:visible!important}.blog-side-column .weather-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:575.98px){.blog-post-shell>.container{padding-inline:10px!important}.blog-main-column .magazine-hero-copy,.blog-main-column .magazine-hero-media{border-radius:22px!important}.blog-main-column .magazine-hero-media,.blog-main-column .magazine-hero-media .blog-post-hero{min-height:260px!important;height:260px!important}.blog-side-column>.blog-post-sidebar{grid-template-columns:1fr!important}}

/* V22 — BioKeşif editorial system: wide 16:9 cover, quiet reading and focused rail. */
.blog-post-shell{background-image:linear-gradient(180deg,rgba(249,252,249,.94),rgba(239,247,241,.96)),url('/img/page-backgrounds/blog-premium.webp')!important}
.blog-post-shell>.container{max-width:1460px!important;padding-inline:28px!important}
.blog-main-column .magazine-hero,.magazine-hero:has(#blogTitle.is-long-title){display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:0!important;max-height:none!important;margin:0 0 38px!important}
.blog-main-column .magazine-hero-media{grid-column:1!important;grid-row:1!important;position:relative!important;width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;aspect-ratio:16/9!important;border:1px solid rgba(13,72,36,.10)!important;border-radius:36px!important;background:#dfece2!important;box-shadow:0 34px 90px rgba(15,66,36,.16)!important;overflow:hidden!important}
.blog-main-column .magazine-hero-media{background-image:linear-gradient(180deg,rgba(12,55,30,.05),rgba(7,34,18,.22)),url('/img/page-backgrounds/blog-premium.webp')!important;background-size:cover!important;background-position:center!important}
.blog-main-column .magazine-hero-media .blog-post-hero{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important;object-fit:cover!important;margin:0!important}
.blog-main-column .magazine-hero-media figcaption{left:auto!important;right:22px!important;bottom:20px!important;width:max-content;padding:8px 12px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(4,25,13,.48);backdrop-filter:blur(10px);font-size:11px;letter-spacing:.03em}
.blog-main-column .magazine-hero-copy{grid-column:1!important;grid-row:2!important;position:relative!important;z-index:3!important;width:calc(100% - 96px)!important;min-height:0!important;height:auto!important;margin:-88px auto 0!important;padding:clamp(34px,4vw,58px)!important;border:1px solid rgba(16,85,43,.11)!important;border-radius:32px!important;background:rgba(255,255,255,.97)!important;color:#132d1d!important;box-shadow:0 34px 90px rgba(11,64,32,.16)!important;backdrop-filter:blur(22px);overflow:hidden!important}
.blog-main-column .magazine-hero-copy::before{display:none!important}.blog-main-column .magazine-hero-copy::after{display:block!important;content:"";position:absolute;right:-90px;top:-110px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(80,205,113,.12),transparent 67%);pointer-events:none}
.magazine-hero .blog-post-meta{position:relative;z-index:1;width:max-content!important;margin:0 0 15px!important;padding:8px 12px!important;border:1px solid rgba(22,132,61,.13)!important;border-radius:999px!important;background:#edf8ef!important;color:#13733a!important;font-size:11px!important;letter-spacing:.07em!important}
.magazine-hero .blog-post-stats{position:absolute;right:42px;top:42px;margin:0!important}.magazine-hero .blog-post-stats span{padding:7px 10px!important;border:1px solid rgba(21,108,54,.11)!important;background:#f5faf6!important;color:#56715e!important;font-size:11px!important}
.blog-post-shell .magazine-hero h1,.magazine-hero #blogTitle.is-long-title,.magazine-hero #blogTitle.is-extra-long-title{position:relative;z-index:1;max-width:920px!important;margin:0 0 18px!important;color:#10291a!important;font-size:clamp(2.05rem,3.05vw,3.15rem)!important;line-height:1.12!important;letter-spacing:-.038em!important;overflow-wrap:normal!important;word-break:normal!important;text-wrap:balance}
.magazine-hero #blogExcerpt,.magazine-hero #blogExcerpt *{position:relative;z-index:1;max-width:820px!important;color:#587064!important;font-size:1.03rem!important;line-height:1.85!important}
.blog-hero-quality{position:relative;z-index:1;margin-top:22px!important}.blog-hero-quality span{min-height:32px!important;padding:7px 11px!important;border-color:rgba(20,112,55,.12)!important;background:#f4faf5!important;color:#356248!important}
.blog-wow-toolbar,.blog-post-ad--top{display:none!important}
.blog-side-column>.blog-post-sidebar{display:flex!important;flex-direction:column!important;gap:14px!important;max-height:none!important;overflow:visible!important;padding:0!important;scrollbar-gutter:auto!important}
.blog-side-column .blog-post-widget{margin:0!important;padding:17px!important;border:1px solid rgba(17,94,46,.11)!important;border-radius:20px!important;background:rgba(255,255,255,.90)!important;box-shadow:0 16px 44px rgba(10,68,32,.08)!important;backdrop-filter:blur(18px)}
.blog-side-column .blog-post-widget h3{margin:0 0 12px!important;color:#183622!important;font-size:13px!important;letter-spacing:-.01em}
.blog-side-column #blogToc{display:grid;gap:4px}.blog-side-column #blogToc a{display:block;padding:9px 10px!important;border:0!important;border-radius:11px;color:#477057!important;font-size:12px!important;line-height:1.35}.blog-side-column #blogToc a:hover,.blog-side-column #blogToc a.active{background:#edf8ef!important;color:#14733a!important}
.blog-share-rail{display:grid;gap:8px}.blog-share-rail button{display:flex;align-items:center;gap:9px;width:100%;min-height:40px;padding:9px 10px;border:1px solid rgba(17,103,49,.11);border-radius:12px;background:#f6fbf7;color:#244c33;font-size:12px;font-weight:850;text-align:left}.blog-share-rail button span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#e4f6e8;color:#14733a}.blog-share-rail button:hover,.blog-share-rail button.is-saved{border-color:rgba(24,158,67,.28);background:#ebf8ee;color:#126b36}
.blog-content-body{max-width:940px!important;margin:0 auto!important;color:#294b36!important}
.blog-content-body>.blog-section-card,.blog-section-bento .blog-section-card{padding:clamp(34px,5vw,64px)!important;border:1px solid rgba(15,82,40,.09)!important;border-radius:30px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 24px 70px rgba(11,61,31,.075)!important}
.blog-content-body .blog-rich-text{color:#29483a!important;font-size:clamp(1.04rem,1.18vw,1.14rem)!important;line-height:1.98!important;letter-spacing:.002em}
.blog-content-body .blog-rich-text p,.blog-content-body .blog-rich-text p *{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;color:inherit!important;font-family:inherit!important;font-size:inherit!important;text-decoration:none!important}
.blog-content-body .blog-rich-text p{max-width:76ch;margin:0 auto 1.45em!important}.blog-content-body .blog-rich-text :is(h2,h3,h4){max-width:76ch;margin:2.2em auto .75em!important;line-height:1.25!important;letter-spacing:-.025em}.blog-content-body .blog-rich-text :is(ul,ol){max-width:76ch;margin:0 auto 1.6em;padding-left:1.4em}.blog-content-body .blog-rich-text li{margin:.55em 0}
.blog-content-body .blog-rich-text :is(figure,img,video){width:100%;max-width:100%;margin:32px auto!important;border-radius:24px!important}.blog-content-body .blog-rich-text figcaption{margin-top:-18px;text-align:center;color:#718579;font-size:12px}
.article-callout-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 18px}.article-callout{padding:24px;border:1px solid;border-radius:22px;background:#fff;box-shadow:0 16px 42px rgba(10,62,31,.06)}.article-callout>span{display:inline-flex;margin-bottom:10px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.article-callout h2{margin:0 0 8px;color:#193824;font-size:18px;letter-spacing:-.02em}.article-callout p{margin:0;color:#587064;line-height:1.65;font-size:13px}.article-callout--info{border-color:#cfe7d6;background:linear-gradient(145deg,#fff,#f3faf5)}.article-callout--info>span{background:#dff4e4;color:#14713a}.article-callout--warning{border-color:#eadfbd;background:linear-gradient(145deg,#fff,#fffaf0)}.article-callout--warning>span{background:#fff0c8;color:#8b5b08}
.blog-cta-card,.blog-references{max-width:940px;margin-left:auto!important;margin-right:auto!important}.blog-cta-card{margin-top:26px!important;border-radius:28px!important;padding:32px!important;background:linear-gradient(135deg,#0e4929,#16713d)!important}
.blog-after-content{max-width:1120px;margin:80px auto 20px;padding-top:48px;border-top:1px solid rgba(14,78,38,.11)}.blog-after-heading{margin-bottom:34px}.blog-after-heading>span{color:#158140;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.blog-after-heading h2{margin:8px 0 0;color:#132f1e;font-size:clamp(2rem,3vw,3rem);letter-spacing:-.04em}.blog-after-section{margin-top:34px}.blog-after-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.blog-after-title h3{margin:0;color:#183622;font-size:20px}.blog-after-title a{color:#14753b;font-size:12px;font-weight:900;text-decoration:none}.blog-after-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.blog-discovery-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:118px;padding:14px;border:1px solid rgba(17,91,45,.10);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 16px 42px rgba(9,57,29,.07);color:#173824;text-decoration:none;transition:.22s ease}.blog-discovery-card:hover{transform:translateY(-3px);border-color:rgba(24,157,66,.25);box-shadow:0 24px 54px rgba(9,57,29,.12);color:#173824}.blog-discovery-card__visual{display:grid;place-items:center;width:64px;height:76px;border-radius:14px;background:linear-gradient(145deg,#e7f6ea,#cdebd4);font-size:29px;overflow:hidden}.blog-discovery-card__visual img{width:100%;height:100%;object-fit:cover}.blog-discovery-card__copy{display:grid;gap:4px;min-width:0}.blog-discovery-card__copy small{color:#178343;font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.blog-discovery-card__copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#183522;font-size:14px;line-height:1.3}.blog-discovery-card__copy em{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#667b6d;font-size:11px;line-height:1.45;font-style:normal}.blog-discovery-card>b{color:#179149;font-size:18px}

html.biokesif-dark .blog-post-shell,html[data-theme="dark"] .blog-post-shell{background-image:linear-gradient(180deg,rgba(6,18,10,.95),rgba(7,24,13,.97)),url('/img/page-backgrounds/blog-premium.webp')!important}
html.biokesif-dark .blog-main-column .magazine-hero-copy,html[data-theme="dark"] .blog-main-column .magazine-hero-copy{background:rgba(13,35,21,.98)!important;border-color:#294b33!important;color:#ecf7ef!important}
html.biokesif-dark .blog-post-shell .magazine-hero h1,html[data-theme="dark"] .blog-post-shell .magazine-hero h1{color:#f2fbf4!important}
html.biokesif-dark .magazine-hero #blogExcerpt,html[data-theme="dark"] .magazine-hero #blogExcerpt{color:#b8cdbd!important}
html.biokesif-dark .magazine-hero .blog-post-meta,html.biokesif-dark .magazine-hero .blog-post-stats span,html.biokesif-dark .blog-hero-quality span,html[data-theme="dark"] .magazine-hero .blog-post-meta,html[data-theme="dark"] .magazine-hero .blog-post-stats span,html[data-theme="dark"] .blog-hero-quality span{background:#143522!important;border-color:#2c5438!important;color:#9ee5b5!important}
html.biokesif-dark .blog-side-column .blog-post-widget,html.biokesif-dark .blog-content-body>.blog-section-card,html.biokesif-dark .blog-section-bento .blog-section-card,html.biokesif-dark .article-callout,html.biokesif-dark .blog-discovery-card,html[data-theme="dark"] .blog-side-column .blog-post-widget,html[data-theme="dark"] .blog-content-body>.blog-section-card,html[data-theme="dark"] .blog-section-bento .blog-section-card,html[data-theme="dark"] .article-callout,html[data-theme="dark"] .blog-discovery-card{background:#0f2a1a!important;border-color:#294b33!important;color:#eaf6ed!important;box-shadow:0 22px 58px rgba(0,0,0,.22)!important}
html.biokesif-dark :is(.blog-content-body .blog-rich-text,.article-callout p,.blog-discovery-card__copy em),html[data-theme="dark"] :is(.blog-content-body .blog-rich-text,.article-callout p,.blog-discovery-card__copy em){color:#b6cbbc!important}
html.biokesif-dark :is(.article-callout h2,.blog-after-heading h2,.blog-after-title h3,.blog-discovery-card__copy strong,.blog-side-column .blog-post-widget h3),html[data-theme="dark"] :is(.article-callout h2,.blog-after-heading h2,.blog-after-title h3,.blog-discovery-card__copy strong,.blog-side-column .blog-post-widget h3){color:#eff9f1!important}
html.biokesif-dark .blog-share-rail button,html[data-theme="dark"] .blog-share-rail button{background:#153522;border-color:#31543b;color:#d9ebde}

@media(min-width:992px){.blog-side-column>.blog-post-sidebar{position:sticky!important;top:104px!important}}
@media(max-width:1199.98px){.blog-main-column .magazine-hero,.magazine-hero:has(#blogTitle.is-long-title){grid-template-columns:1fr!important}.blog-after-grid{grid-template-columns:1fr}}
@media(max-width:991.98px){.blog-post-shell>.container{padding-inline:16px!important}.blog-side-column{display:none!important}.blog-main-column{width:100%!important}.blog-main-column .magazine-hero-copy{width:calc(100% - 40px)!important;margin-top:-52px!important}.magazine-hero .blog-post-stats{position:static!important;margin:0 0 14px!important}.article-callout-grid{grid-template-columns:1fr}}
@media(max-width:575.98px){.blog-post-shell>.container{padding-inline:10px!important}.blog-main-column .magazine-hero-media{border-radius:24px!important}.blog-main-column .magazine-hero-copy{width:calc(100% - 18px)!important;margin-top:-28px!important;padding:27px 22px!important;border-radius:24px!important}.blog-post-shell .magazine-hero h1,.magazine-hero #blogTitle.is-long-title,.magazine-hero #blogTitle.is-extra-long-title{font-size:1.85rem!important;line-height:1.16!important}.blog-hero-quality{gap:6px}.blog-hero-quality span{font-size:9px!important}.blog-content-body>.blog-section-card,.blog-section-bento .blog-section-card{padding:25px 20px!important;border-radius:23px!important}.blog-content-body .blog-rich-text{font-size:1rem!important;line-height:1.85!important}.blog-after-content{margin-top:56px;padding-top:36px}.blog-after-heading h2{font-size:2rem}.blog-discovery-card{grid-template-columns:54px 1fr auto}.blog-discovery-card__visual{width:54px;height:66px}}

/* V23 — one design system + reader platform controls. */
.blog-post-shell{--space-xs:8px;--space-md:16px;--space-lg:24px;--space-section:56px;--card-radius:20px;--small-radius:14px;--button-radius:11px;--article-font-scale:1;--article-line-height:1.8;--article-content-width:940px;scroll-behavior:smooth}
.blog-main-column .magazine-hero-media,.blog-main-column .magazine-hero-copy{border-radius:var(--card-radius)!important}
.blog-main-column .magazine-hero-copy{width:calc(100% - 64px)!important;margin-top:-56px!important;padding:48px!important;box-shadow:0 24px 64px rgba(12,65,33,.13)!important}
.blog-post-shell .magazine-hero h1,.magazine-hero #blogTitle.is-long-title,.magazine-hero #blogTitle.is-extra-long-title{font-size:clamp(2.875rem,4vw,3.5rem)!important;line-height:1.1!important}
.article-control-deck{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin:0 0 var(--space-md);padding:10px;border:1px solid rgba(18,92,45,.10);border-radius:var(--small-radius);background:rgba(255,255,255,.88);backdrop-filter:blur(16px)}
.article-audio-player,.article-reading-controls,.article-type-scale{display:flex;align-items:center;gap:var(--space-xs)}.article-control-deck button,.article-control-deck select{height:38px;border:1px solid rgba(17,94,45,.12);border-radius:var(--button-radius);background:#f7fbf8;color:#234b32;font-size:12px;font-weight:850}.article-control-deck button{padding:0 12px}.article-control-deck select{padding:0 9px}.article-audio-player #listenToggleBtn{background:#123f25;color:#fff;border-color:#123f25}.article-audio-player #listenStatus{min-width:72px;color:#6d8174;font-size:11px}.article-type-scale{gap:2px;padding:2px;border:1px solid rgba(17,94,45,.10);border-radius:var(--button-radius)}.article-type-scale button{width:34px;padding:0;border:0;background:transparent}.article-type-scale button:hover{background:#e9f5ec}
.blog-social-share{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:2px}.blog-social-share button{display:grid!important;place-items:center!important;min-height:34px!important;padding:0!important;border-radius:10px!important;color:#fff!important;font-weight:950!important}.blog-social-share button[data-share-platform="whatsapp"]{background:#20ad5a!important}.blog-social-share button[data-share-platform="facebook"]{background:#2675dc!important}.blog-social-share button[data-share-platform="x"]{background:#17201a!important}.blog-social-share button[data-share-platform="linkedin"]{background:#1769a9!important}
.blog-content-body{max-width:var(--article-content-width)!important}.blog-content-body .blog-rich-text{font-size:calc(18px * var(--article-font-scale))!important;line-height:var(--article-line-height)!important}.blog-content-body .blog-rich-text :is(h2,h3,h4){line-height:1.28!important}.blog-content-body .blog-rich-text h2{font-size:clamp(28px,3vw,32px)!important}.blog-content-body .blog-rich-text h3{font-size:clamp(21px,2.4vw,24px)!important}.blog-content-body .blog-rich-text :is(small,figcaption){font-size:13px!important;line-height:1.55!important}
.blog-content-body .blog-rich-text .is-being-read{position:relative;margin-inline:-12px!important;padding:4px 12px!important;border-radius:10px;background:#e9f7ed!important;box-shadow:inset 3px 0 #1a9a4a!important;transition:.2s ease}
.article-skeleton{display:grid;gap:14px;padding:42px;border:1px solid #e0ece3;border-radius:var(--card-radius);background:#fff}.article-skeleton i{display:block;height:18px;border-radius:8px;background:linear-gradient(90deg,#edf3ee 25%,#f8fbf8 48%,#edf3ee 70%);background-size:220% 100%;animation:articleSkeleton 1.2s linear infinite}.article-skeleton i:first-child{height:34px;width:64%}.article-skeleton i:nth-child(3){width:88%}.article-skeleton i:last-child{width:72%}@keyframes articleSkeleton{to{background-position:-220% 0}}
.article-verification-card,.article-feedback{max-width:var(--article-content-width);margin:var(--space-section) auto 0;border:1px solid rgba(17,85,42,.10);border-radius:var(--card-radius);background:rgba(255,255,255,.96)}.article-verification-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-lg);padding:32px}.article-verification-card>div>span,.article-feedback>span{color:#168242;font-size:11px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.article-verification-card h2,.article-feedback h2{margin:8px 0;color:#173723;font-size:clamp(28px,3vw,32px);letter-spacing:-.035em}.article-verification-card p{max-width:680px;margin:0;color:#607469;font-size:14px;line-height:1.7}.article-verification-card dl{display:grid;gap:8px;min-width:210px;margin:0}.article-verification-card dl>div{display:flex;justify-content:space-between;gap:14px;padding-bottom:7px;border-bottom:1px solid #e4ede6}.article-verification-card dt,.article-verification-card dd{margin:0;font-size:11px}.article-verification-card dt{color:#718177}.article-verification-card dd{color:#244c32;font-weight:900}.article-verification-card>a{grid-column:1/-1;width:max-content;color:#14743a;font-size:12px;font-weight:900;text-decoration:none}
.article-feedback{padding:32px;text-align:center}.article-feedback-actions{display:flex;justify-content:center;gap:8px;margin-top:18px}.article-feedback-actions button,.article-feedback-reasons button{min-height:40px;padding:0 16px;border:1px solid rgba(17,99,48,.14);border-radius:var(--button-radius);background:#f6faf7;color:#234c32;font-size:12px;font-weight:900}.article-feedback-actions button:hover,.article-feedback-actions button.active{background:#147a3d;color:#fff;border-color:#147a3d}.article-feedback-reasons{margin-top:18px;padding:18px;border-radius:var(--small-radius);background:#f5faf6}.article-feedback-reasons p{margin:0 0 10px;color:#566f5e;font-size:12px}.article-feedback-reasons button{min-height:34px;margin:3px;padding:0 11px;background:#fff}.article-feedback>small{display:block;min-height:18px;margin-top:12px;color:#168243;font-weight:800}
.blog-after-content{margin-top:64px!important}.blog-after-section{margin-top:48px!important}.blog-after-grid{gap:16px!important}.blog-discovery-card{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:0!important;min-height:0!important;padding:0 0 16px!important;border:1px solid rgba(17,86,43,.11)!important;border-radius:var(--small-radius)!important;background:#fff!important;box-shadow:none!important;overflow:hidden}.blog-discovery-card:hover{transform:translateY(-2px);border-color:rgba(24,151,64,.30)!important;box-shadow:none!important}.blog-discovery-card__visual{grid-column:1/-1!important;grid-row:1!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;border-radius:0!important;background:linear-gradient(145deg,#e6f3e8,#cce6d2)!important}.blog-discovery-card__visual img{width:100%;height:100%;object-fit:cover}.blog-discovery-card__visual>span{font-size:42px}.blog-discovery-card__copy{grid-column:1!important;grid-row:2!important;padding:16px 8px 0 16px!important}.blog-discovery-card__copy>a{text-decoration:none}.blog-discovery-card__copy strong{font-size:16px!important;line-height:1.38!important}.blog-discovery-card__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;color:#738278;font-size:11px}.blog-discovery-card>button{grid-column:2!important;grid-row:2!important;align-self:end;width:36px;height:36px;margin:0 12px 0 0;border:1px solid rgba(18,102,50,.12);border-radius:10px;background:#f1f8f3;color:#14783c;font-size:18px}.blog-discovery-card>button.is-saved{background:#14783c;color:#fff}
.article-resume-prompt{position:fixed;z-index:10020;right:22px;bottom:26px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;max-width:430px;padding:13px;border:1px solid rgba(119,228,149,.25);border-radius:var(--small-radius);background:#0c3520;color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.25)}.article-resume-prompt[hidden]{display:none}.article-resume-prompt div{display:grid}.article-resume-prompt strong{font-size:13px}.article-resume-prompt span{color:#bed6c4;font-size:11px}.article-resume-prompt button{height:34px;padding:0 11px;border:0;border-radius:10px;background:#64dc82;color:#082814;font-size:11px;font-weight:950}.article-resume-prompt #dismissResumeBtn{width:30px;padding:0;background:rgba(255,255,255,.09);color:#fff}
.article-mobile-bar{display:none}.article-mobile-toc{position:fixed;z-index:10030;inset:auto 10px 80px;max-height:68vh;padding:18px;border:1px solid rgba(20,92,45,.12);border-radius:var(--card-radius);background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.22);transform:translateY(calc(100% + 110px));transition:.25s ease;overflow:auto}.article-mobile-toc.open{transform:none}.article-mobile-toc>div{display:flex;justify-content:space-between;align-items:center}.article-mobile-toc h2{margin:0;font-size:20px}.article-mobile-toc>div button{width:34px;height:34px;border:0;border-radius:10px;background:#eef6f0;font-size:20px}.article-mobile-toc nav{display:grid;gap:5px;margin-top:12px}.article-mobile-toc nav a{padding:10px;border-radius:10px;color:#315b40;font-size:13px;text-decoration:none}.article-mobile-toc nav a.active{background:#e7f5ea;color:#14723a}
.article-back-to-top{position:fixed;z-index:9990;right:20px;bottom:22px;width:44px;height:44px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#12482a;color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.2);opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.article-back-to-top.show{opacity:1;pointer-events:auto;transform:none}
.article-image-lightbox{position:fixed;z-index:10050;inset:0;display:none;place-items:center;padding:50px;background:rgba(3,15,8,.9);backdrop-filter:blur(8px)}.article-image-lightbox.open{display:grid}.article-image-lightbox img{max-width:min(1200px,92vw);max-height:88vh;border-radius:var(--card-radius);box-shadow:0 30px 100px #000}.article-image-lightbox button{position:absolute;right:22px;top:22px;width:46px;height:46px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:28px}
.blog-toast{bottom:24px!important}.article-high-contrast .blog-content-body .blog-rich-text{color:#0b180f!important}.article-high-contrast .blog-content-body>.blog-section-card{border-color:#183d25!important}.article-high-contrast .blog-content-body .blog-rich-text a{text-decoration:underline!important}
body.reading-mode .blog-post-shell{background:#f5f1e7!important}body.reading-mode .blog-side-column,body.reading-mode .article-control-deck,body.reading-mode .blog-after-content,body.reading-mode .article-verification-card,body.reading-mode .article-feedback{display:none!important}body.reading-mode .blog-main-column{width:100%!important}body.reading-mode .blog-main-column .magazine-hero,body.reading-mode .blog-content-body,body.reading-mode .blog-cta-card,body.reading-mode .blog-references{max-width:var(--article-content-width)!important;margin-left:auto!important;margin-right:auto!important}body.reading-mode :is(.magazine-hero-copy,.magazine-hero-media,.blog-content-body>.blog-section-card,.blog-section-bento .blog-section-card){box-shadow:none!important}body.reading-mode .blog-content-body>.blog-section-card{border-color:transparent!important}
html.biokesif-dark :is(.article-control-deck,.article-verification-card,.article-feedback,.article-mobile-toc),html[data-theme="dark"] :is(.article-control-deck,.article-verification-card,.article-feedback,.article-mobile-toc){background:#0f2919!important;border-color:#294b33!important;color:#e9f6ed!important}html.biokesif-dark :is(.article-control-deck button,.article-control-deck select,.article-feedback button),html[data-theme="dark"] :is(.article-control-deck button,.article-control-deck select,.article-feedback button){background:#153622;color:#dceddf;border-color:#31533a}html.biokesif-dark :is(.article-verification-card h2,.article-feedback h2,.article-verification-card dd),html[data-theme="dark"] :is(.article-verification-card h2,.article-feedback h2,.article-verification-card dd){color:#f0faf3!important}html.biokesif-dark .blog-discovery-card,html[data-theme="dark"] .blog-discovery-card{background:#102b1b!important;border-color:#2a4c34!important}html.biokesif-dark .blog-content-body .blog-rich-text .is-being-read,html[data-theme="dark"] .blog-content-body .blog-rich-text .is-being-read{background:#173c26!important;color:#eff9f2!important}
@media(max-width:1180px){.article-control-deck{align-items:stretch;flex-direction:column}.article-audio-player,.article-reading-controls{flex-wrap:wrap}}
@media(max-width:700px){.blog-main-column .magazine-hero-copy{width:calc(100% - 24px)!important;margin-top:-44px!important;padding:28px 22px!important}.blog-post-shell .magazine-hero h1,.magazine-hero #blogTitle.is-long-title,.magazine-hero #blogTitle.is-extra-long-title{font-size:clamp(2.15rem,9vw,2.9rem)!important}.article-control-deck{padding:8px}.article-reading-controls{display:grid;grid-template-columns:1fr 1fr}.article-audio-player{display:grid;grid-template-columns:1fr auto auto auto}.article-audio-player #listenStatus{grid-column:1/-1}.article-type-scale{justify-content:center}.article-verification-card{grid-template-columns:1fr;padding:24px}.article-verification-card>a{grid-column:auto}.blog-after-grid{grid-template-columns:1fr!important}.article-mobile-bar{position:fixed;z-index:10010;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(4,1fr);padding:7px;border:1px solid rgba(20,90,44,.13);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 16px 50px rgba(0,0,0,.18);backdrop-filter:blur(18px)}.article-mobile-bar button{display:grid;place-items:center;gap:2px;min-height:45px;border:0;border-radius:10px;background:transparent;color:#315a40;font-size:9px;font-weight:850}.article-mobile-bar button span{font-size:17px}.article-back-to-top{bottom:78px}.blog-toast{bottom:80px!important}.article-resume-prompt{left:10px;right:10px;bottom:78px}.biokesif-unified-footer{padding-bottom:90px!important}}
@media(max-width:460px){.article-audio-player{grid-template-columns:1fr auto auto}.article-audio-player select{grid-column:1/-1}.article-reading-controls{grid-template-columns:1fr}.article-feedback-actions{flex-direction:column}.article-feedback-reasons button{display:block;width:100%;margin:5px 0}}
.article-resume-prompt{border-radius:14px!important}.article-mobile-toc{border-radius:20px!important}.article-image-lightbox img{border-radius:20px!important}
/* v24 reader polish */
.blog-post-shell{background-image:none!important;background-color:#f6faf6!important}
.article-control-deck{position:relative!important;z-index:80!important;overflow:visible!important}
.article-reading-controls,.reader-appearance-wrap{position:relative!important;overflow:visible!important}
.reader-appearance-popover{position:absolute;z-index:5000;right:0;top:calc(100% + 10px);width:285px;padding:16px;border:1px solid rgba(19,103,51,.14);border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(5,48,24,.22);display:grid;gap:10px}
.reader-appearance-popover[hidden]{display:none!important}.reader-appearance-head{display:flex;align-items:center;justify-content:space-between}.reader-appearance-head strong{font-size:14px}.reader-appearance-head button{width:30px!important;padding:0!important}.reader-appearance-popover label{font-size:11px;font-weight:900;color:#587062}.reader-appearance-popover select,.reader-appearance-popover #contrastToggleBtn{width:100%}.reader-appearance-popover .article-type-scale{justify-content:center}
.reader-exit-mode{position:fixed;z-index:12050;right:24px;top:92px;height:44px;padding:0 16px;border:0;border-radius:999px;background:#143f26;color:#fff;font-weight:900;box-shadow:0 14px 40px rgba(0,0,0,.2)}
.blog-main-column .magazine-hero-media,.blog-main-column .magazine-hero-media .blog-post-hero{aspect-ratio:16/7!important}
.magazine-hero #blogExcerpt,.magazine-hero #blogExcerpt *{font-size:1.08rem!important;line-height:1.75!important;max-width:760px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.magazine-hero .blog-post-stats span{font-size:12px!important;padding:9px 12px!important}
.article-resume-prompt{right:350px!important;bottom:34px!important}
.blog-social-share{grid-template-columns:repeat(5,1fr)!important}.blog-social-share button{min-width:38px!important;height:38px!important;font-weight:950!important}.share-whatsapp{background:#25D366!important;color:#fff!important}.share-instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)!important;color:#fff!important}.share-facebook{background:#1877F2!important;color:#fff!important}.share-x{background:#111!important;color:#fff!important}.share-linkedin{background:#0A66C2!important;color:#fff!important}
.blog-share-rail>button{min-height:42px!important}.blog-side-column{min-width:190px}.blog-side-column .blog-post-widget{padding:18px!important}.blog-side-column #blogToc a.is-active{border-left:4px solid #1fa85b!important;background:#edf9f0!important;color:#0e6d36!important}
@media(max-width:900px){.reader-appearance-popover{position:fixed;left:16px;right:16px;top:90px;width:auto}.article-resume-prompt{right:10px!important;bottom:82px!important}.reader-exit-mode{right:14px;top:76px}}

/* v27 — wider article rail and authentic social marks */
@media (min-width: 992px){
  .blog-post-shell .row.align-items-start{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;gap:26px!important}
  .blog-side-column,.blog-main-column{width:auto!important;max-width:none!important;flex:none!important}
  .blog-side-column{min-width:250px!important}
  .blog-side-column .blog-post-widget{padding:18px 16px!important}
  .blog-share-rail>button{padding-inline:12px!important;white-space:nowrap!important}
}
.blog-social-share{grid-template-columns:repeat(5,minmax(36px,1fr))!important;gap:8px!important}
.blog-social-share button{display:grid!important;place-items:center!important;width:100%!important;min-width:0!important;height:40px!important;padding:0!important;border:0!important;border-radius:11px!important;box-shadow:0 7px 16px rgba(13,45,26,.12)!important;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important}
.blog-social-share button:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 10px 22px rgba(13,45,26,.18)!important}
.blog-social-share button svg{display:block;width:19px;height:19px;fill:currentColor;color:#fff;pointer-events:none}
.share-whatsapp{background:#25D366!important}.share-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0 5%,#fd5949 38%,#d6249f 62%,#285AEB 100%)!important}.share-facebook{background:#1877F2!important}.share-x{background:#000!important}.share-linkedin{background:#0A66C2!important}
@media(max-width:991.98px){.blog-post-shell .row.align-items-start{display:flex!important}.blog-side-column{min-width:0!important}}


/* widen left sidebar */
@media (min-width: 992px){
.blog-post-sidebar{
  width:280px !important;
  min-width:280px !important;
}
.blog-post-sidebar .share-card,
.blog-post-sidebar .toc-card{
  padding:20px !important;
}
.blog-post-sidebar .share-actions .btn,
.blog-post-sidebar .share-btn,
.blog-post-sidebar .tool-btn{
  min-height:56px !important;
  padding:0 18px !important;
}
.blog-post-sidebar .social-links{
 display:flex;
 gap:12px !important;
}
.blog-post-sidebar .social-links a{
 width:48px !important;
 height:48px !important;
}
}

/* v28 — move the widened left rail away from the hero */
@media (min-width: 992px){
  .blog-post-shell > .container{
    max-width:1520px!important;
    padding-left:32px!important;
    padding-right:32px!important;
  }
  .blog-post-shell .row.align-items-start{
    grid-template-columns:280px minmax(0,1fr)!important;
    column-gap:42px!important;
    align-items:start!important;
  }
  .blog-side-column{
    min-width:280px!important;
    width:280px!important;
    transform:translateX(-18px);
    position:relative;
    z-index:3;
  }
  .blog-side-column > .blog-post-sidebar{
    width:280px!important;
    min-width:280px!important;
  }
  .blog-main-column{
    min-width:0!important;
    position:relative;
    z-index:1;
  }
}
@media (min-width: 992px) and (max-width: 1240px){
  .blog-post-shell > .container{padding-left:20px!important;padding-right:20px!important}
  .blog-post-shell .row.align-items-start{grid-template-columns:250px minmax(0,1fr)!important;column-gap:28px!important}
  .blog-side-column,.blog-side-column > .blog-post-sidebar{width:250px!important;min-width:250px!important}
  .blog-side-column{transform:none}
}