/* Insight article — 1024px reference reconstruction. */
.single-insight .insight-detail-page{background:#fff;color:#20242b;font-family: var(--font-family-base)}
.single-insight .insight-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(246px,26vw,310px);gap:clamp(40px,5.9vw,60px);width:min(calc(100% - clamp(22px,3.2vw,72px)*2),1720px);margin:0 auto;padding:14px 0 26px}
.single-insight .insight-article,.single-insight .insight-sidebar{min-width:0}
.single-insight .insight-breadcrumb{min-height:20px;margin-bottom:21px;overflow:hidden;color:#9299a3;font-size:var(--font-size-micro);white-space:nowrap}
.single-insight .insight-breadcrumb ol{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none}.single-insight .insight-breadcrumb li{display:flex;min-width:0;align-items:center}.single-insight .insight-breadcrumb li+li::before{content:"/";margin-right:8px;color:#c2c7ce}.single-insight .insight-breadcrumb a{color:#737b86;text-decoration:none}.single-insight .insight-breadcrumb li:last-child{overflow:hidden;text-overflow:ellipsis}
.single-insight .insight-category{display:inline-block;margin-bottom:10px;color:var(--c-brand);font-size:var(--font-size-micro);font-weight:var(--font-weight-bold);letter-spacing:.09em;text-decoration:none;text-transform:uppercase}
.single-insight .insight-article-header h1{max-width:590px;margin:0;color:#171a20;font-size: var(--font-size-h2);font-weight:var(--font-weight-bold);letter-spacing:-1.5px;line-height:var(--line-height-display)}
.single-insight .insight-lead{max-width:570px;margin:15px 0 17px;color:#666e79;font-size: var(--font-size-caption);line-height:var(--line-height-relaxed)}
.single-insight .insight-meta-row{display:flex;align-items:center;justify-content:space-between;padding-top:13px;border-top:1px solid #eceef1}
.single-insight .insight-author{display:flex;align-items:center;gap:9px}.single-insight .insight-author img{width:31px;height:31px;border-radius:50%;object-fit:cover}
.single-insight .insight-author span{display:flex;flex-direction:row;align-items:center;gap:9px}.single-insight .insight-author strong{color:#353a42;font-size: var(--font-size-micro)}.single-insight .insight-author small{color:#9097a0;font-size:var(--font-size-micro)}.single-insight .insight-author small::before{content:"|";margin-right:9px;color:#c6cbd1}
.single-insight .insight-share{display:flex;align-items:center;gap:7px;color:#9097a0;font-size:var(--font-size-micro)}.single-insight .insight-share a{display:grid;place-items:center;width:22px;height:22px;border:1px solid #e4e7eb;border-radius:50%;color:#5e6570;font-size:var(--font-size-micro);font-weight:var(--font-weight-bold);text-decoration:none}.single-insight .insight-share svg{width:10px;height:10px}
.single-insight .insight-cover{height:207px;margin:17px 0 15px;overflow:hidden;border-radius:4px;background:#e8ecef}.single-insight .insight-cover img{display:block;width:100%;height:100%;object-fit:cover}
.single-insight .insight-copy{color:#3f4650;font-size: var(--font-size-caption);line-height:var(--line-height-copy)}.single-insight .insight-copy h2{margin:18px 0 8px;padding-top:0;color:#171b21;font-size:var(--font-size-lead);line-height:var(--line-height-heading);letter-spacing:0}.single-insight .insight-copy h2:not(:first-child){padding-top:14px;border-top:1px solid #eceff2}.single-insight .insight-copy h2::before{content:counter(insight-section) ". ";counter-increment:insight-section}.single-insight .insight-copy{counter-reset:insight-section}.single-insight .insight-copy h3{margin:18px 0 7px;color:#272b31;font-size:var(--font-size-small)}.single-insight .insight-copy p{margin:0 0 8px}.single-insight .insight-copy blockquote{margin:10px 0 5px;padding:10px 15px;border-left:2px solid var(--c-brand);border-radius:0 3px 3px 0;color:#4f5661;background:#fff0f1;font-size: var(--font-size-micro);line-height:var(--line-height-copy)}.single-insight .insight-copy ul,.single-insight .insight-copy ol{padding-left:18px}.single-insight .insight-copy a{color:var(--c-brand)}
.single-insight .insight-process{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin:8px 0 4px}.single-insight .process-step{position:relative;min-height:90px;padding:29px 7px 7px;border:1px solid #e4e8ec;border-radius:4px;background:#fff;text-align:center}.single-insight .process-step:not(:last-child)::after{content:"→";position:absolute;z-index:2;top:42px;right:-8px;color:var(--c-brand);font-size:var(--font-size-caption)}.single-insight .process-number{position:absolute;top:9px;left:0;width:100%;color:#171b21;font-size:var(--font-size-caption);font-weight:var(--font-weight-bold)}.single-insight .process-step>svg{position:absolute;top:27px;left:13px;width:20px;height:20px;margin:0;color:var(--c-brand);stroke-width:1.7}.single-insight .process-step strong{display:block;margin-left:25px;color:#20242b;font-size:var(--font-size-micro);line-height:var(--line-height-heading)}.single-insight .process-step p{margin:8px 0 0;color:#6f7782;font-size: var(--font-size-micro);line-height:var(--line-height-tight)}
.single-insight .insight-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:8px 0 5px}.single-insight .benefit-card{display:flex;gap:7px;min-height:89px;padding:11px 8px;border:1px solid #e4e8ec;border-radius:4px}.single-insight .benefit-card>svg{flex:0 0 auto;width:20px;height:20px;padding:2px;border-radius:3px;color:var(--c-brand);background:transparent;stroke-width:1.7}.single-insight .benefit-card strong{display:block;margin-bottom:5px;color:#20242b;font-size:var(--font-size-micro);line-height:var(--line-height-tight)}.single-insight .benefit-card p{margin:0;color:#6f7782;font-size: var(--font-size-micro);line-height:var(--line-height-copy)}
.single-insight .insight-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:3px 0;border:0;color:#626a75;font-size:var(--font-size-micro)}.single-insight .insight-tags strong{margin-right:2px;color:#363b43}.single-insight .insight-tags a,.single-insight .insight-tags span{padding:3px 8px;border-radius:3px;background:#f3f5f7;color:#686f79;text-decoration:none}
.single-insight .insight-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:5px}.single-insight .insight-post-nav>div{height:51px;padding:7px 16px;border:1px solid #e3e7eb;border-radius:4px;overflow:hidden}.single-insight .insight-post-nav>div:last-child{text-align:right}.single-insight .insight-post-nav small{display:flex;align-items:center;gap:5px;margin-bottom:3px;color:#606873;font-size:var(--font-size-micro);line-height:var(--line-height-heading);text-transform:none}.single-insight .insight-post-nav>div:last-child small{justify-content:flex-end}.single-insight .insight-post-nav small svg{width:9px}.single-insight .insight-post-nav a{display:block;color:#4c535d;font-size:var(--font-size-micro);font-weight:var(--font-weight-regular);line-height:var(--line-height-tight);text-decoration:none}
.single-insight .insight-sidebar{display:block;padding-top:48px}.single-insight .sidebar-panel{margin-bottom:18px;padding:18px 17px;border:1px solid #e3e7eb;border-radius:6px;background:#fff}.single-insight .sidebar-panel h2,.single-insight .sidebar-advice h2{margin:0 0 12px;color:#171b21;font-size:var(--font-size-caption);line-height:var(--line-height-heading)}.single-insight .toc-panel nav{display:flex;flex-direction:column;border:0}.single-insight .toc-panel a{padding:5px 0;color:#59616c;font-size:var(--font-size-micro);line-height:var(--line-height-tight);text-decoration:none}.single-insight .toc-panel a:first-child{margin:0;border:0;color:#59616c;font-weight:var(--font-weight-regular)}.single-insight .toc-panel .toc-level-3{padding-left:0}
.single-insight .sidebar-article{display:grid;grid-template-columns:58px 1fr;gap:9px;margin-bottom:11px;color:#3b4048;text-decoration:none}.single-insight .sidebar-article img{width:58px;height:43px;border-radius:2px;object-fit:cover}.single-insight .sidebar-article span{display:flex;flex-direction:column;justify-content:center}.single-insight .sidebar-article strong{display:-webkit-box;overflow:hidden;font-size:var(--font-size-micro);line-height:var(--line-height-tight);-webkit-box-orient:vertical;-webkit-line-clamp:2}.single-insight .sidebar-article small{margin-top:4px;color:#a0a6ae;font-size:var(--font-size-micro)}.single-insight .sidebar-more{display:flex;align-items:center;gap:5px;margin-top:12px;color:var(--c-brand);font-size:var(--font-size-micro);font-weight:var(--font-weight-bold);text-decoration:none}.single-insight .sidebar-more svg{width:10px}
.single-insight .categories-panel nav{display:block}.single-insight .categories-panel a{display:flex;justify-content:space-between;padding:6px 0;color:#646c77;font-size:var(--font-size-micro);text-decoration:none}.single-insight .categories-panel small{display:grid;place-items:center;min-width:18px;height:16px;border-radius:8px;background:#f1f3f5;color:#858c95;font-size:var(--font-size-micro)}
.single-insight .insight-article a:focus-visible,.single-insight .insight-sidebar a:focus-visible{outline:2px solid var(--c-brand);outline-offset:3px;border-radius:2px}
.single-insight .sidebar-advice{padding:22px 18px;border-radius:6px;background:#fff0f1;color:#343a43;text-align:left}.single-insight .sidebar-advice h2{margin-bottom:10px;color:#171b21}.single-insight .sidebar-advice p{margin:0 0 14px;color:#59616c;font-size:var(--font-size-micro);line-height:var(--line-height-copy)}.single-insight .sidebar-advice a{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:30px;padding:0 13px;border-radius:3px;background:var(--c-brand);color:#fff;font-size:var(--font-size-micro);font-weight:var(--font-weight-bold);text-decoration:none}.single-insight .sidebar-advice a svg{width:10px}
html body.single-insight .site-footer.site-footer{color:#aeb8c6;background:#111927;border-top:0}html body.single-insight .site-footer.site-footer h2{color:#fff}html body.single-insight .site-footer.site-footer a{color:#aeb8c6}html body.single-insight .site-footer.site-footer .footer-bottom{color:#8994a3;border-color:#283140}
.single-insight .floating-contact,.single-insight .whatsapp-float{z-index:15}
@media(max-width:760px){.single-insight .insight-detail-layout{display:block;width:min(100% - 32px,602px);padding-top:14px}.single-insight .insight-article-header h1{font-size:var(--font-size-h2)}.single-insight .insight-sidebar{padding-top:36px}.single-insight .insight-process{grid-template-columns:repeat(2,1fr)}.single-insight .process-step:last-child{grid-column:1/-1}.single-insight .insight-benefits{grid-template-columns:1fr}}
@media(max-width:430px){.single-insight .insight-meta-row{align-items:flex-start;gap:12px}.single-insight .insight-share>span{display:none}.single-insight .insight-cover{height:190px}.single-insight .insight-article-header h1{font-size:var(--font-size-h3)}.single-insight .insight-copy{font-size:var(--font-size-caption)}.single-insight .insight-post-nav{grid-template-columns:1fr}.single-insight .insight-post-nav>div:last-child{text-align:left}.single-insight .insight-post-nav>div:last-child small{justify-content:flex-start}}

/* Keep this reference page independent from the later global type and chrome systems. */
html body.single-insight main#main-content .insight-article-header h1{font-size:var(--font-size-h2) !important;line-height:var(--line-height-display) !important;letter-spacing:0}
html body.single-insight main#main-content .insight-lead{margin:11px 0 10px;font-size: var(--font-size-caption) !important;line-height:var(--line-height-copy) !important}
html body.single-insight main#main-content .insight-category{padding:0!important;border:0!important;background:none!important;line-height:var(--line-height-heading) !important}
html body.single-insight main#main-content .insight-breadcrumb{margin-bottom:9px}
html body.single-insight main#main-content .insight-meta-row{padding-top:8px;border-top:0}
html body.single-insight main#main-content .insight-author img{width:22px;height:22px}
html body.single-insight main#main-content .insight-article-header{margin-bottom:0}
html body.single-insight main#main-content .insight-category{margin-bottom:6px}
html body.single-insight main#main-content .insight-lead{margin-top:8px;margin-bottom:7px}
html body.single-insight main#main-content .insight-cover{margin-top:10px}
html body.single-insight main#main-content .insight-cover{display:block;width:100%;max-width:none;height:207px}
html body.single-insight main#main-content .insight-copy{font-size: var(--font-size-caption);line-height:var(--line-height-relaxed)}
html body.single-insight main#main-content .insight-copy p,
html body.single-insight main#main-content .insight-copy li{font-size:var(--font-size-caption) !important;line-height:var(--line-height-copy) !important}
html body.single-insight main#main-content .insight-copy h2{font-size:var(--font-size-lead) !important;line-height:var(--line-height-heading) !important}
html body.single-insight main#main-content .insight-copy h3{font-size:var(--font-size-small) !important;line-height:var(--line-height-tight) !important}
html body.single-insight main#main-content .process-step p{font-size: var(--font-size-micro) !important;line-height:var(--line-height-tight) !important}
html body.single-insight main#main-content .benefit-card p{font-size: var(--font-size-micro) !important;line-height:var(--line-height-copy) !important}
html body.single-insight main#main-content .sidebar-panel h2,
html body.single-insight main#main-content .sidebar-advice h2{font-size:var(--font-size-caption) !important;line-height:var(--line-height-heading) !important}
html body.single-insight main#main-content .sidebar-advice p{font-size:var(--font-size-micro) !important;line-height:var(--line-height-copy) !important}

html body.single-insight .site-header.site-header{min-height:56px!important;height:56px!important}
html body.single-insight .site-header.site-header .header-inner,
html body.single-insight .site-header.site-header .site-header__inner,
html body.single-insight .site-header.site-header .shell{min-height:56px!important;height:56px!important}
html body.single-insight .site-footer.site-footer{padding:27px 0 0!important;font-size:var(--font-size-caption);line-height:var(--line-height-copy)}
html body.single-insight .site-footer.site-footer .footer-grid{grid-template-columns:1.5fr repeat(4,1fr)!important;gap:27px!important;align-items:start;padding-bottom:22px!important}
html body.single-insight .site-footer.site-footer .footer-brand,
html body.single-insight .site-footer.site-footer .footer-column{grid-column:auto;min-width:0}
html body.single-insight .site-footer.site-footer h2{margin:4px 0 9px;font-size:var(--font-size-caption) !important;line-height:var(--line-height-tight) !important}
html body.single-insight .site-footer.site-footer p{margin:7px 0 0;font-size:var(--font-size-micro) !important;line-height:var(--line-height-copy) !important}
html body.single-insight .site-footer.site-footer li{font-size:var(--font-size-micro) !important;line-height:var(--line-height-copy) !important}
html body.single-insight .site-footer.site-footer a{font-size:var(--font-size-micro) !important;line-height:var(--line-height-copy) !important}
html body.single-insight .site-footer.site-footer .footer-bottom{min-height:38px;padding:10px 0!important;font-size:var(--font-size-micro) !important;line-height:var(--line-height-copy) !important}

@media(min-width:900px){
html body.single-insight .site-header.site-header .nav-toggle{display:none!important}
html body.single-insight .site-header.site-header .header-navigation{position:static!important;inset:auto!important;display:flex!important;flex:1 1 auto;align-items:center;justify-content:flex-end;gap:20px;max-height:none!important;padding:0!important;overflow:visible!important;visibility:visible!important;transform:none!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body.single-insight .site-header.site-header .menu{display:flex!important;align-items:center;gap:17px;margin:0}
html body.single-insight .site-header.site-header .menu a{display:flex;align-items:center;min-height:56px!important;padding:0;font-size:var(--font-size-micro) !important;white-space:nowrap}
html body.single-insight .site-header.site-header .header-tools{display:flex!important;align-items:center;gap:7px;padding:0!important}
html body.single-insight .site-header.site-header .header-search{display:none}
html body.single-insight .site-header.site-header .language-switcher summary{min-height:28px;padding:0 9px;font-size:var(--font-size-micro) !important}
html body.single-insight .site-header.site-header .nav-quote{display:flex;min-width:105px;min-height:28px;padding:6px 10px;font-size:var(--font-size-micro) !important}
html body.single-insight .site-header.site-header .brand{width:120px;height:32px}
}

@media(max-width:760px){html body.single-insight main#main-content .insight-article-header h1{font-size:var(--font-size-h2) !important}.single-insight .insight-benefits{grid-template-columns:1fr 1fr}html body.single-insight .site-footer.site-footer .footer-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:430px){html body.single-insight main#main-content .insight-article-header h1{font-size:var(--font-size-h3) !important}html body.single-insight .site-footer.site-footer .footer-grid{grid-template-columns:1fr!important}}

/* Final article type scale and vertical rhythm. */
html body.single-insight main#main-content .insight-detail-layout{padding-top:18px;padding-bottom:32px}
html body.single-insight main#main-content .insight-breadcrumb{margin-bottom:14px;font-size:var(--font-size-micro);line-height:var(--line-height-copy)}
html body.single-insight main#main-content .insight-category{margin-bottom:8px;font-size: var(--font-size-micro);line-height:var(--line-height-tight) !important}
html body.single-insight main#main-content .insight-article-header h1{font-size:var(--font-size-h2) !important;line-height:var(--line-height-display) !important}
html body.single-insight main#main-content .insight-lead{max-width:620px;margin:12px 0 11px;font-size: var(--font-size-caption) !important;line-height:var(--line-height-base) !important}
html body.single-insight main#main-content .insight-meta-row{padding-top:10px}
html body.single-insight main#main-content .insight-author{gap:10px}
html body.single-insight main#main-content .insight-author img{width:25px;height:25px}
html body.single-insight main#main-content .insight-author strong{font-size: var(--font-size-micro) !important;line-height:var(--line-height-copy) !important}
html body.single-insight main#main-content .insight-author small{font-size:var(--font-size-micro) !important;line-height:var(--line-height-copy) !important}
html body.single-insight main#main-content .insight-share{font-size:var(--font-size-micro) !important}
html body.single-insight main#main-content .insight-cover{margin-top:16px;margin-bottom:20px}

html body.single-insight main#main-content .insight-copy{font-size:var(--font-size-caption);line-height:var(--line-height-base)}
html body.single-insight main#main-content .insight-copy p,
html body.single-insight main#main-content .insight-copy li{margin-bottom:6px;font-size:var(--font-size-caption) !important;line-height:var(--line-height-copy) !important}
html body.single-insight main#main-content .insight-copy h2{margin-top:16px;margin-bottom:7px;font-size:var(--font-size-lead) !important;line-height:var(--line-height-heading) !important}
html body.single-insight main#main-content .insight-copy h2:not(:first-child){padding-top:12px}
html body.single-insight main#main-content .insight-copy blockquote{margin:8px 0 5px;padding:9px 14px;font-size:var(--font-size-caption) !important;line-height:var(--line-height-copy) !important}

html body.single-insight main#main-content .insight-process{gap:5px;margin:8px 0 6px}
html body.single-insight main#main-content .process-step{min-height:90px;padding-top:29px}
html body.single-insight main#main-content .process-step:not(:last-child)::after{content:"\2192";right:-10px}
html body.single-insight main#main-content .process-number{font-size:var(--font-size-caption) !important;line-height:var(--line-height-tight) !important}
html body.single-insight main#main-content .process-step strong{font-size:var(--font-size-micro) !important;line-height:var(--line-height-tight) !important}
html body.single-insight main#main-content .process-step p{margin-top:7px;font-size:var(--font-size-micro) !important;line-height:var(--line-height-tight) !important}

html body.single-insight main#main-content .insight-benefits{gap:9px;margin:8px 0 6px}
html body.single-insight main#main-content .benefit-card{min-height:89px;padding:10px 8px}
html body.single-insight main#main-content .benefit-card strong{margin-bottom:4px;font-size:var(--font-size-micro) !important;line-height:var(--line-height-tight) !important}
html body.single-insight main#main-content .benefit-card p{font-size:var(--font-size-micro) !important;line-height:var(--line-height-copy) !important}

html body.single-insight main#main-content .insight-sidebar{padding-top:52px}
html body.single-insight main#main-content .sidebar-panel{margin-bottom:20px;padding:20px 18px}
html body.single-insight main#main-content .sidebar-panel h2,
html body.single-insight main#main-content .sidebar-advice h2{margin-bottom:14px;font-size:var(--font-size-small) !important;line-height:var(--line-height-tight) !important}
html body.single-insight main#main-content .toc-panel a{padding:6px 0;font-size:var(--font-size-micro) !important;line-height:var(--line-height-copy) !important}
html body.single-insight main#main-content .sidebar-article{gap:10px;margin-bottom:13px}
html body.single-insight main#main-content .sidebar-article strong{font-size:var(--font-size-micro) !important;line-height:var(--line-height-copy) !important}
html body.single-insight main#main-content .sidebar-article small{margin-top:4px;font-size:var(--font-size-micro) !important;line-height:var(--line-height-tight) !important}
html body.single-insight main#main-content .categories-panel a{padding:7px 0;font-size:var(--font-size-micro) !important;line-height:var(--line-height-copy) !important}
html body.single-insight main#main-content .sidebar-advice{padding:23px 19px}
html body.single-insight main#main-content .sidebar-advice p{margin-bottom:16px;font-size:var(--font-size-micro) !important;line-height:var(--line-height-copy) !important}
html body.single-insight main#main-content .sidebar-advice a{height:32px;font-size:var(--font-size-micro) !important}

html body.single-insight main#main-content .insight-tags{gap:6px;padding:4px 0;font-size:var(--font-size-micro) !important;line-height:var(--line-height-tight) !important}
html body.single-insight main#main-content .insight-tags a,
html body.single-insight main#main-content .insight-tags span{padding:4px 9px;font-size:var(--font-size-micro) !important}
html body.single-insight main#main-content .insight-post-nav{gap:12px;padding-top:5px}
html body.single-insight main#main-content .insight-post-nav>div{height:51px;padding:7px 14px}
html body.single-insight main#main-content .insight-post-nav small{font-size:var(--font-size-micro) !important;line-height:var(--line-height-tight) !important}
html body.single-insight main#main-content .insight-post-nav a{font-size:var(--font-size-micro) !important;line-height:var(--line-height-tight) !important}

@media(max-width:760px){
html body.single-insight main#main-content .insight-article-header h1{font-size:var(--font-size-h2) !important}
html body.single-insight main#main-content .insight-copy p,
html body.single-insight main#main-content .insight-copy li{font-size:var(--font-size-caption) !important}
}

/* 1024px reference lock: dimensions and type are matched to 08-article.png. */
@media(min-width:761px){
html body.single-insight main#main-content .insight-detail-layout{
  grid-template-columns:minmax(0,1fr) 246px;
  gap:60px;
  width:min(calc(100% - clamp(22px,3.2vw,72px)*2),1720px);
  margin-left:auto;
  margin-right:auto;
  padding-top:14px;
  padding-bottom:19px;
}
html body.single-insight main#main-content .insight-breadcrumb{margin-bottom:9px;font-size:var(--font-size-micro);line-height:var(--line-height-tight)}
html body.single-insight main#main-content .insight-category{margin-bottom:6px;font-size:var(--font-size-micro)}
html body.single-insight main#main-content .insight-article-header h1{font-size:var(--font-size-h2) !important;line-height:var(--line-height-display) !important}
html body.single-insight main#main-content .insight-lead{margin:8px 0 7px;font-size: var(--font-size-caption) !important;line-height:var(--line-height-copy) !important}
html body.single-insight main#main-content .insight-meta-row{padding-top:8px}
html body.single-insight main#main-content .insight-author img{width:22px;height:22px}
html body.single-insight main#main-content .insight-cover{margin-top:10px;margin-bottom:15px;height:207px}
html body.single-insight main#main-content .insight-copy{font-size: var(--font-size-caption);line-height:var(--line-height-relaxed)}
html body.single-insight main#main-content .insight-copy p,
html body.single-insight main#main-content .insight-copy li{margin-bottom:8px;font-size:var(--font-size-caption) !important;line-height:var(--line-height-copy) !important}
html body.single-insight main#main-content .insight-copy h2{margin-top:18px;margin-bottom:8px;font-size:var(--font-size-lead) !important;line-height:var(--line-height-heading) !important}
html body.single-insight main#main-content .insight-copy h2:not(:first-child){padding-top:14px}
html body.single-insight main#main-content .insight-copy blockquote{margin:10px 0 5px;padding:10px 15px;font-size: var(--font-size-micro) !important;line-height:var(--line-height-copy) !important}
html body.single-insight main#main-content .insight-process{gap:3px;margin:8px 0 4px}
html body.single-insight main#main-content .process-step strong{font-size:var(--font-size-micro) !important}
html body.single-insight main#main-content .process-step p{margin-top:8px;font-size: var(--font-size-micro) !important}
html body.single-insight main#main-content .insight-benefits{gap:9px;margin:8px 0 5px}
html body.single-insight main#main-content .benefit-card strong{font-size:var(--font-size-micro) !important}
html body.single-insight main#main-content .benefit-card p{font-size: var(--font-size-micro) !important}
html body.single-insight main#main-content .insight-sidebar{padding-top:42px}
html body.single-insight main#main-content .sidebar-panel{margin-bottom:18px;padding:18px 17px}
html body.single-insight main#main-content .toc-panel{margin-bottom:19px;padding-top:22px;padding-bottom:22px}
html body.single-insight main#main-content .sidebar-panel h2,
html body.single-insight main#main-content .sidebar-advice h2{margin-bottom:12px;font-size:var(--font-size-caption) !important}
html body.single-insight main#main-content .toc-panel a{padding:5px 0;font-size:var(--font-size-micro) !important}
html body.single-insight main#main-content .categories-panel a{padding:6px 0;font-size:var(--font-size-micro) !important}
html body.single-insight main#main-content .sidebar-advice{padding:22px 18px}
html body.single-insight main#main-content .sidebar-advice{min-height:164px}
html body.single-insight main#main-content .sidebar-advice p{margin-bottom:14px;font-size:var(--font-size-micro) !important}
html body.single-insight main#main-content .sidebar-advice a{height:30px}
html body.single-insight main#main-content .sidebar-article img{width:58px;height:58px}
html body.single-insight main#main-content .insight-tags{padding:3px 0;font-size:var(--font-size-micro) !important}
html body.single-insight main#main-content .insight-tags a,
html body.single-insight main#main-content .insight-tags span{padding:3px 8px;font-size:var(--font-size-micro) !important}
}

/* Readability scale: use production website sizes instead of screenshot-scaled type. */
html body.single-insight main#main-content .insight-detail-layout{padding-top:28px;padding-bottom:64px}
html body.single-insight main#main-content .insight-breadcrumb{margin-bottom:22px;font-size:var(--font-size-caption);line-height:var(--line-height-copy)}
html body.single-insight main#main-content .insight-category{margin-bottom:12px;font-size:var(--font-size-caption);line-height:var(--line-height-copy) !important}
html body.single-insight main#main-content .insight-article-header h1{max-width:900px;font-size: var(--font-size-h1) !important;line-height:var(--line-height-display) !important}
html body.single-insight main#main-content .insight-lead{max-width:780px;margin:18px 0 18px;font-size:var(--font-size-lead) !important;line-height:var(--line-height-relaxed) !important;color:#586170}
html body.single-insight main#main-content .insight-meta-row{padding-top:14px}
html body.single-insight main#main-content .insight-author{gap:12px}
html body.single-insight main#main-content .insight-author img{width:38px;height:38px}
html body.single-insight main#main-content .insight-author strong{font-size:var(--font-size-small) !important;line-height:var(--line-height-copy) !important}
html body.single-insight main#main-content .insight-author small{font-size:var(--font-size-caption) !important;line-height:var(--line-height-copy) !important}
html body.single-insight main#main-content .insight-share{font-size:var(--font-size-caption) !important}
html body.single-insight main#main-content .insight-share a{width:34px;height:34px;font-size:var(--font-size-caption)}
html body.single-insight main#main-content .insight-share svg{width:15px;height:15px}
html body.single-insight main#main-content .insight-cover{height:auto;aspect-ratio:602/207;margin-top:22px;margin-bottom:30px}

html body.single-insight main#main-content .insight-copy{color:#333b47;font-size:var(--font-size-body);line-height:var(--line-height-relaxed)}
html body.single-insight main#main-content .insight-copy p,
html body.single-insight main#main-content .insight-copy li{margin-bottom:14px;font-size:var(--font-size-body) !important;line-height:var(--line-height-relaxed) !important}
html body.single-insight main#main-content .insight-copy h2{margin-top:36px;margin-bottom:14px;font-size:var(--font-size-h3) !important;line-height:var(--line-height-heading) !important}
html body.single-insight main#main-content .insight-copy h2:not(:first-child){padding-top:28px}
html body.single-insight main#main-content .insight-copy h3{margin-top:28px;margin-bottom:12px;font-size:var(--font-size-h4) !important;line-height:var(--line-height-tight) !important}
html body.single-insight main#main-content .insight-copy blockquote{margin:20px 0 12px;padding:18px 22px;font-size:var(--font-size-body) !important;line-height:var(--line-height-relaxed) !important}

html body.single-insight main#main-content .insight-process{gap:10px;margin:18px 0 12px}
html body.single-insight main#main-content .process-step{min-height:150px;padding:52px 12px 14px}
html body.single-insight main#main-content .process-number{top:14px;font-size:var(--font-size-lead) !important}
html body.single-insight main#main-content .process-step>svg{top:48px;left:14px;width:26px;height:26px}
html body.single-insight main#main-content .process-step strong{margin-left:30px;font-size:var(--font-size-caption) !important;line-height:var(--line-height-tight) !important}
html body.single-insight main#main-content .process-step p{margin-top:16px;font-size:var(--font-size-caption) !important;line-height:var(--line-height-copy) !important}
html body.single-insight main#main-content .process-step:not(:last-child)::after{top:70px;font-size:var(--font-size-lead)}

html body.single-insight main#main-content .insight-benefits{gap:14px;margin:18px 0 12px}
html body.single-insight main#main-content .benefit-card{min-height:150px;padding:18px 14px;gap:10px}
html body.single-insight main#main-content .benefit-card>svg{width:26px;height:26px}
html body.single-insight main#main-content .benefit-card strong{margin-bottom:9px;font-size:var(--font-size-caption) !important;line-height:var(--line-height-copy) !important}
html body.single-insight main#main-content .benefit-card p{font-size: var(--font-size-caption) !important;line-height:var(--line-height-copy) !important}

html body.single-insight main#main-content .insight-sidebar{padding-top:76px}
html body.single-insight main#main-content .sidebar-panel{margin-bottom:24px;padding:24px 22px}
html body.single-insight main#main-content .toc-panel{padding-top:24px;padding-bottom:24px}
html body.single-insight main#main-content .sidebar-panel h2,
html body.single-insight main#main-content .sidebar-advice h2{margin-bottom:18px;font-size:var(--font-size-h4) !important;line-height:var(--line-height-tight) !important}
html body.single-insight main#main-content .toc-panel a{padding:8px 0;font-size:var(--font-size-small) !important;line-height:var(--line-height-copy) !important}
html body.single-insight main#main-content .sidebar-article{grid-template-columns:72px 1fr;gap:12px;margin-bottom:16px}
html body.single-insight main#main-content .sidebar-article img{width:72px;height:72px}
html body.single-insight main#main-content .sidebar-article strong{font-size:var(--font-size-caption) !important;line-height:var(--line-height-copy) !important}
html body.single-insight main#main-content .sidebar-article small{font-size:var(--font-size-caption) !important;line-height:var(--line-height-copy) !important}
html body.single-insight main#main-content .sidebar-more{font-size:var(--font-size-caption)}
html body.single-insight main#main-content .categories-panel a{padding:9px 0;font-size:var(--font-size-small) !important;line-height:var(--line-height-copy) !important}
html body.single-insight main#main-content .categories-panel small{min-width:24px;height:22px;font-size:var(--font-size-caption)}
html body.single-insight main#main-content .sidebar-advice{min-height:0;padding:26px 22px}
html body.single-insight main#main-content .sidebar-advice p{margin-bottom:20px;font-size:var(--font-size-small) !important;line-height:var(--line-height-relaxed) !important}
html body.single-insight main#main-content .sidebar-advice a{height:42px;padding:0 16px;font-size:var(--font-size-caption) !important}

html body.single-insight main#main-content .insight-tags{gap:9px;padding:18px 0;font-size:var(--font-size-caption) !important;line-height:var(--line-height-copy) !important}
html body.single-insight main#main-content .insight-tags a,
html body.single-insight main#main-content .insight-tags span{padding:7px 11px;font-size:var(--font-size-caption) !important}
html body.single-insight main#main-content .insight-post-nav{gap:18px;padding-top:10px}
html body.single-insight main#main-content .insight-post-nav>div{height:auto;min-height:86px;padding:14px 18px}
html body.single-insight main#main-content .insight-post-nav small{margin-bottom:7px;font-size:var(--font-size-caption) !important;line-height:var(--line-height-copy) !important}
html body.single-insight main#main-content .insight-post-nav a{font-size:var(--font-size-small) !important;line-height:var(--line-height-copy) !important}

@media(min-width:900px){
html body.single-insight main#main-content .insight-detail-layout{grid-template-columns:minmax(0,1fr) clamp(280px,24vw,320px);gap:clamp(40px,4vw,60px)}
html body.single-insight .site-header.site-header .menu a{font-size:var(--font-size-caption) !important}
html body.single-insight .site-header.site-header .language-switcher summary,
html body.single-insight .site-header.site-header .nav-quote{font-size:var(--font-size-caption) !important}
}

@media(max-width:1100px) and (min-width:761px){
html body.single-insight main#main-content .insight-detail-layout{grid-template-columns:minmax(0,1fr) 270px;gap:36px}
html body.single-insight main#main-content .insight-process{grid-template-columns:repeat(2,1fr)}
html body.single-insight main#main-content .process-step:last-child{grid-column:1/-1}
html body.single-insight main#main-content .insight-benefits{grid-template-columns:1fr 1fr}
}

@media(max-width:760px){
html body.single-insight main#main-content .insight-detail-layout{padding-top:22px;padding-bottom:44px}
html body.single-insight main#main-content .insight-article-header h1{font-size:var(--font-size-h2) !important}
html body.single-insight main#main-content .insight-lead{font-size:var(--font-size-body) !important}
html body.single-insight main#main-content .insight-copy p,
html body.single-insight main#main-content .insight-copy li{font-size:var(--font-size-body) !important}
html body.single-insight main#main-content .insight-copy h2{font-size:var(--font-size-h3) !important}
html body.single-insight main#main-content .insight-sidebar{padding-top:48px}
}

/* Process and benefit cards follow the compact composition in reference image 2. */
html body.single-insight main#main-content .insight-process{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  width:100%;
  max-width:none;
  margin:18px 0 16px;
}
html body.single-insight main#main-content .process-step{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  grid-template-rows:auto auto 1fr;
  column-gap:10px;
  align-content:start;
  min-height:132px;
  padding:16px 12px;
  text-align:left;
}
html body.single-insight main#main-content .process-number{
  position:static;
  grid-column:2;
  grid-row:1;
  width:auto;
  margin:0 0 5px;
  font-size:var(--font-size-lead) !important;
  line-height:var(--line-height-heading) !important;
  text-align:left;
}
html body.single-insight main#main-content .process-step>svg{
  position:static;
  grid-column:1;
  grid-row:1/3;
  align-self:center;
  width:30px;
  height:30px;
  margin:2px 0 0;
  color:var(--c-brand);
  stroke-width:1.8;
}
html body.single-insight main#main-content .process-step strong{
  grid-column:2;
  grid-row:2;
  margin:0;
  font-size:var(--font-size-caption) !important;
  line-height:var(--line-height-tight) !important;
}
html body.single-insight main#main-content .process-step p{
  grid-column:2;
  grid-row:3;
  margin:12px 0 0;
  font-size:var(--font-size-caption) !important;
  line-height:var(--line-height-copy) !important;
}
html body.single-insight main#main-content .process-step:not(:last-child)::after{
  top:50%;
  right:-13px;
  transform:translateY(-50%);
  font-size:var(--font-size-h4);
  line-height:var(--line-height-display);
}

html body.single-insight main#main-content .insight-benefits{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  width:100%;
  max-width:none;
  margin:18px 0 16px;
}
html body.single-insight main#main-content .benefit-card{
  align-items:flex-start;
  min-height:132px;
  padding:18px 16px;
  gap:12px;
}
html body.single-insight main#main-content .benefit-card>svg{
  width:28px;
  height:28px;
  margin-top:1px;
  padding:0;
  color:var(--c-brand);
}
html body.single-insight main#main-content .benefit-card>div{min-width:0}
html body.single-insight main#main-content .benefit-card strong{
  margin:0 0 10px;
  font-size:var(--font-size-caption) !important;
  line-height:var(--line-height-copy) !important;
}
html body.single-insight main#main-content .benefit-card p{
  margin:0;
  font-size: var(--font-size-caption) !important;
  line-height:var(--line-height-copy) !important;
}

@media(max-width:1100px) and (min-width:761px){
html body.single-insight main#main-content .insight-process{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
html body.single-insight main#main-content .process-step{grid-template-columns:30px minmax(0,1fr);column-gap:7px;min-height:142px;padding:14px 9px}
html body.single-insight main#main-content .process-step>svg{width:24px;height:24px}
html body.single-insight main#main-content .process-step:last-child{grid-column:auto}
html body.single-insight main#main-content .insight-benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
html body.single-insight main#main-content .benefit-card{min-height:148px;padding:15px 12px;gap:9px}
}

@media(max-width:760px){
html body.single-insight main#main-content .insight-process{grid-template-columns:1fr;gap:10px}
html body.single-insight main#main-content .process-step{min-height:112px}
html body.single-insight main#main-content .process-step:last-child{grid-column:auto}
html body.single-insight main#main-content .process-step:not(:last-child)::after{top:auto;right:50%;bottom:-15px;transform:translateX(50%) rotate(90deg)}
html body.single-insight main#main-content .insight-benefits{grid-template-columns:1fr}
html body.single-insight main#main-content .benefit-card{min-height:0}
}

/* Article footer: compact tags and fully clickable previous/next cards. */
html body.single-insight main#main-content .insight-tags{
  margin-top:8px;
  padding:20px 0 18px;
  border-top:1px solid #e8ebef;
}
html body.single-insight main#main-content .insight-tags strong{margin-right:6px;color:#252c36;font-size: var(--font-size-caption)}
html body.single-insight main#main-content .insight-post-nav{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  padding-top:0;
}
html body.single-insight main#main-content .insight-post-nav .post-nav-card{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:14px;
  min-height:104px;
  padding:18px 20px;
  border:1px solid #dde3e9;
  border-radius:6px;
  color:#222a35;
  background:#fff;
  text-decoration:none;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
html body.single-insight main#main-content .insight-post-nav .post-nav-card:hover{
  border-color:var(--c-brand);
  box-shadow:0 8px 24px rgba(15,23,42,.08);
  transform:translateY(-2px);
}
html body.single-insight main#main-content .insight-post-nav .post-nav-card--next{
  grid-template-columns:minmax(0,1fr) 42px;
  text-align:right;
}
html body.single-insight main#main-content .post-nav-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:50%;
  color:var(--c-brand);
  background:#fff0f1;
  font-size: var(--font-size-h4);
  line-height: var(--line-height-display);
}
html body.single-insight main#main-content .post-nav-copy{display:flex;min-width:0;flex-direction:column;gap:6px}
html body.single-insight main#main-content .insight-post-nav .post-nav-card small{
  display:block;
  margin:0;
  color:#737d8b;
  font-size: var(--font-size-caption) !important;
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-copy) !important;
  text-transform:uppercase;
}
html body.single-insight main#main-content .insight-post-nav .post-nav-card strong{
  display:block;
  color:#202733;
  font-size: var(--font-size-body) !important;
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-copy) !important;
}
html body.single-insight main#main-content .insight-connections{display:grid;gap:14px}
html body.single-insight main#main-content .insight-connection-group h3{
  margin:0 0 8px;
  color:#202733;
  font-size:var(--font-size-micro);
  font-weight:var(--font-weight-bold);
  letter-spacing:.02em;
  text-transform:uppercase;
}
html body.single-insight main#main-content .insight-connection-group nav{display:grid;gap:8px}
html body.single-insight main#main-content .insight-connection-group a{
  display:block;
  padding:8px 10px;
  border:1px solid #eceff3;
  border-radius:6px;
  color:#334155;
  text-decoration:none;
  background:#fff;
}
html body.single-insight main#main-content .insight-connection-group a strong{
  display:block;
  color:#202733;
  font-size:var(--font-size-micro);
  line-height:var(--line-height-tight);
}
html body.single-insight main#main-content .insight-connection-group a small{
  display:block;
  margin-top:3px;
  color:#7b8491;
  font-size:var(--font-size-micro);
}
html body.single-insight main#main-content .insight-connection-group a:hover{
  border-color:var(--c-brand);
  box-shadow:0 5px 14px rgba(245,27,43,.07);
}
html body.single-insight main#main-content .insight-context-note,
html body.single-insight main#main-content .insight-related-block,
html body.single-insight main#main-content .insight-article-cta,
html body.single-insight main#main-content .insight-statistics{
  margin:24px 0;
  padding:20px 22px;
  border:1px solid #e2e8f0;
  border-left:3px solid var(--c-brand);
  border-radius:6px;
  background:#fff;
}
html body.single-insight main#main-content .insight-context-note{
  background:#fff4f5;
}
html body.single-insight main#main-content .insight-block-eyebrow{
  margin:0 0 12px;
  color:var(--c-brand);
  font-size:var(--font-size-caption) !important;
  font-weight:var(--font-weight-bold);
  line-height:var(--line-height-copy) !important;
  text-transform:uppercase;
}
html body.single-insight main#main-content .insight-block-records{
  display:grid;
  gap:10px;
}
html body.single-insight main#main-content .insight-block-records a{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:12px 14px;
  border:1px solid #edf1f5;
  border-radius:5px;
  color:#202733;
  text-decoration:none;
}
html body.single-insight main#main-content .insight-block-records a:hover{
  border-color:var(--c-brand);
}
html body.single-insight main#main-content .insight-block-records span{
  flex:0 0 auto;
  color:#7b8491;
  font-size:var(--font-size-caption);
}
html body.single-insight main#main-content .insight-article-cta{
  background:#111927;
  color:#fff;
}
html body.single-insight main#main-content .insight-article-cta h2{
  margin-top:0;
  padding-top:0;
  border-top:0;
  color:#fff;
}
html body.single-insight main#main-content .insight-article-cta h2::before{
  content:none;
}
html body.single-insight main#main-content .insight-article-cta p{
  color:#cbd5e1;
}
html body.single-insight main#main-content .insight-article-cta a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 16px;
  border-radius:4px;
  background:var(--c-brand);
  color:#fff;
  font-weight:var(--font-weight-bold);
  text-decoration:none;
}
html body.single-insight main#main-content .insight-statistics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  border-left-color:#111927;
}
html body.single-insight main#main-content .insight-statistics div{
  min-width:0;
}
html body.single-insight main#main-content .insight-statistics strong{
  display:block;
  color:var(--c-brand);
  font-size:var(--font-size-h3);
  line-height:var(--line-height-display);
}
html body.single-insight main#main-content .insight-statistics span,
html body.single-insight main#main-content .insight-statistics small{
  display:block;
  margin-top:5px;
  color:#59616c;
  font-size:var(--font-size-caption);
  line-height:var(--line-height-copy);
}
html body.single-insight main#main-content .insight-statistics small{
  color:#8791a0;
}
@media(max-width:620px){
html body.single-insight main#main-content .insight-post-nav{grid-template-columns:1fr}
html body.single-insight main#main-content .insight-block-records a{display:block}
html body.single-insight main#main-content .insight-block-records span{display:block;margin-top:4px}
html body.single-insight main#main-content .insight-statistics{grid-template-columns:1fr}
}