/* Adapt the original article/title/related sections; retain the site's theme and features. */
.blog-article-modern .page-title-area{padding:140px 0 55px;background:#f1edff;height:auto;min-height:0}
.blog-article-modern .page-title-area:before{display:none}
.blog-article-modern .page-title-content{text-align:left;max-width:none;margin:0}
.blog-article-modern .blog-hero-copy h1{font-size:clamp(30px,3.5vw,46px);line-height:1.18;letter-spacing:-.8px;color:#242131;margin:0 0 24px;text-align:left}
.blog-article-modern .page-title-content h1:before,.blog-article-modern .page-title-content h1:after{display:none}
.blog-article-modern .page-title-content ul{margin:0 0 20px;text-align:left}
.blog-hero-layout{row-gap:28px}
.blog-hero-picture img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 8px 30px #3430470d}
.blog-hero-byline{font-size:14px;color:#625b76;line-height:1.6}
.blog-hero-byline time{margin-left:10px}
.blog-hero-byline .mcc-article-byline{justify-content:flex-start}
.blog-article-modern .blog-cls-shell{padding-top:48px}
.blog-article-modern .blog-article-column{flex:0 0 100%;max-width:100%;margin-left:0}
.blog-reading-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:52px;align-items:start}
.blog-reading-layout.without-contents{display:block;max-width:800px;margin:auto}
.blog-reading-main{min-width:0;max-width:800px}
.blog-contents{position:sticky;top:104px;min-width:0}
.blog-contents details{background:#fff;border:1px solid #ece9f3;border-radius:14px;box-shadow:0 8px 32px #25203e09;padding:22px;max-height:calc(100dvh - 130px);overflow:auto}
.blog-contents summary{font-size:17px;font-weight:700;cursor:pointer;color:#29243b}
.blog-contents ol{list-style:none;padding:0;margin:18px 0 0}
.blog-contents li{padding:0;margin:0 0 13px;line-height:1.45;font-size:14px}
.blog-contents a{color:#6b647c}
.blog-contents a:hover,.blog-contents a[aria-current]{color:#5a49c7;text-decoration:underline;text-underline-offset:3px}
.blog-contents .contents-h3{padding-left:12px;font-size:13px}
.blog-article-modern .article-content #postheader{display:none}
.blog-article-modern .post-details-desc p,.blog-article-modern .post-details-desc li{font-size:17px;line-height:1.8;color:#393645}
.blog-article-modern .post-details-desc h2,.blog-article-modern .post-details-desc h3{scroll-margin-top:110px;color:#292337;line-height:1.35}
.blog-article-modern .post-details-desc h2{font-size:27px;margin-top:32px}
.blog-article-modern .post-details-desc h3{font-size:22px;margin-top:26px}
.blog-article-modern .post-navigation{margin-bottom:24px}
.blog-article-modern .blog-related-content{border-top:1px solid #eeeaf4;padding-top:32px}
@media(max-width:991px){
 .blog-article-modern .page-title-area{padding:112px 0 32px}
 .blog-reading-layout{display:block}
 .blog-reading-main{max-width:none}
 .blog-contents{position:static;margin-bottom:28px}
 .blog-contents details{max-height:340px;padding:18px}
 .blog-article-modern .blog-cls-shell{padding-top:28px}
 .blog-hero-picture img{max-height:500px;object-fit:contain}
}
@media(max-width:575px){
 .blog-article-modern .blog-hero-copy h1{font-size:30px}
 .blog-article-modern .post-details-desc p,.blog-article-modern .post-details-desc li{font-size:16px}
 .blog-article-modern .blog-related-content .single-blog-post{margin-bottom:22px}
 .blog-article-modern .post-navigation .navigation-links{display:flex;justify-content:space-between}
}

/* Review corrections: preserve the white menu and keep desktop contents usable. */
html.blog-article-root{overflow-x:clip;overflow-y:visible}
body.blog-article-modern{overflow-x:clip;overflow-y:visible}
.blog-article-modern .navbar-area,
.blog-article-modern .navbar-area.is-sticky,
.blog-article-modern .navbar-area .aronix-nav,
.blog-article-modern .navbar-area .aronix-responsive-nav{background-color:#fff}
.blog-article-modern .blog-area,
.blog-article-modern .blog-area>.container,
.blog-article-modern .blog-area>.container>.row,
.blog-article-modern .blog-article-column,
.blog-article-modern .blog-details-desc,
.blog-article-modern .post-details-desc{overflow:visible}
.blog-article-modern .blog-hero-copy>ul{margin:0 0 16px}
.blog-article-modern .blog-hero-byline .blog-byline{margin:0;font-size:14px;line-height:1.8;color:#625b76}
.blog-article-modern .blog-hero-byline time{margin-left:4px;white-space:nowrap}
.blog-article-modern .blog-hero-byline .blog-reading-time{
 display:flex;align-items:center;gap:7px;width:fit-content;margin:10px 0 0;padding:6px 10px;
 background:#fff;border:1px solid #e3ddf6;border-radius:999px;color:#51476c;
 font-size:13px;font-weight:600;line-height:1.25;white-space:nowrap;vertical-align:middle
}
.blog-article-modern .blog-reading-time svg{display:block;flex:none;width:16px;height:16px;margin:0}
.blog-article-modern .blog-contents li{font-size:14px;line-height:1.5}
.blog-article-modern .blog-contents .contents-h3{font-size:13px}
@media(min-width:992px){
 .blog-article-modern .blog-reading-layout{align-items:start;overflow:visible}
 .blog-article-modern .blog-contents{position:sticky;top:var(--blog-contents-top,104px);align-self:start}
 .blog-article-modern .blog-contents details{max-height:calc(100dvh - var(--blog-contents-top,104px) - 24px);overflow-y:auto;overscroll-behavior:contain}
}
@media(max-width:767px){.blog-article-modern .blog-related-content{display:none}}
