.ms-insights-page { color:var(--ms-ink); background:white; }
.ms-insights-page h1,.ms-insights-page h2,.ms-insights-page h3 { font-weight:700; color:var(--ms-blue); line-height:1.2; }
.ms-insights-page p { font-size:16px; line-height:1.65; }
.ms-insights-page .ms-insights-eyebrow { text-transform:uppercase; font-size:14px; font-weight:700; color:var(--ms-blue); }
.ms-insights-hero { padding:76px 0 60px; color:var(--ms-white); background:linear-gradient(90deg,#000878 0%,#000878d9 35%,#00087845 100%),url('../images/insights-hero.png') center/cover; }
.ms-insights-hero h1 { color:var(--ms-white); font-size:clamp(36px,4.167vw,60px); line-height:1.05; letter-spacing:-.9px; margin:26px 0 34px; }
.ms-insights-hero .ms-insights-eyebrow { color:var(--ms-mint); }
.ms-insights-breadcrumb { display:flex; gap:10px; font-size:14px; margin-top:76px; }.ms-insights-breadcrumb a { opacity:.6; }
.ms-featured { padding:120px 0; }.ms-featured__inner { position:relative; padding-inline:44px; }.ms-featured__slide { display:grid; grid-template-columns:.85fr 1fr; gap:30px; }
.ms-featured__image { position:relative; overflow:hidden; border-radius:12px; min-height:370px; }.ms-featured__image img { width:100%; height:100%; object-fit:cover; }.ms-resource-tag { position:absolute; top:30px; left:30px; border-radius:99px; padding:7px 16px; font-size:14px; line-height:1.2; color:var(--ms-blue); background:var(--ms-paper); }
.ms-featured__copy { padding:34px 32px; background:#eaf5fb; border-radius:12px; display:flex; flex-direction:column; align-items:flex-start; }.ms-featured__copy h2 { font-size:32px; margin:16px 0 22px; }.ms-featured__copy h2::after { content:''; display:block; width:65px; border-bottom:2px solid var(--ms-blue); margin-top:16px; }.ms-featured__copy>p:not(.ms-insights-eyebrow) { margin-bottom:28px; }.ms-featured__copy .ms-resource-button { margin-top:auto; }
.ms-featured__prev,.ms-featured__next { position:absolute; top:50%; transform:translateY(-50%); width:38px; height:48px; border:0; background:transparent; color:#101010; font:400 42px/1 var(--ms-font); z-index:1; }.ms-featured__prev { left:0; }.ms-featured__next { right:0; }
.ms-featured__slide.is-entering { animation:ms-slide-fade .35s ease; }@keyframes ms-slide-fade { from{opacity:.3;transform:translateX(8px)}to{opacity:1;transform:none} }
.ms-resource-section { padding:80px 0 120px; background:var(--ms-paper); }
.ms-resource-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) auto auto; gap:20px; margin-bottom:65px; align-items:center; }.ms-resource-filters label { min-width:0; }.ms-resource-filters select { width:100%; height:54px; padding:12px 36px 12px 14px; border:1px solid #d4d8db; border-radius:8px; font:400 16px/1.3 var(--ms-font); color:#666; background:white; }.ms-resource-filters .ms-button,.ms-resource-clear { min-height:54px; padding:15px 30px; }
.ms-resource-heading h2 { font-size:44px; margin:22px 0 24px; }.ms-resource-heading>p:last-child { font-size:14px; margin-bottom:46px; }
.ms-resource-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px 22px; }
.ms-resource-card { display:flex; flex-direction:column; background:white; overflow:hidden; border-radius:12px; min-width:0; }.ms-resource-card__image { position:relative; aspect-ratio:1.73; overflow:hidden; }.ms-resource-card__image::after { content:''; position:absolute; inset:0; background:#00087825; pointer-events:none; }.ms-resource-card__image img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }.ms-resource-card:hover img { transform:scale(1.035); }.ms-resource-card .ms-resource-tag { top:22px; left:22px; font-size:12px; padding:5px 12px; z-index:1; }
.ms-resource-card__copy { display:flex; flex-direction:column; align-items:flex-start; padding:24px 22px; flex:1; min-height:265px; }.ms-resource-card__copy>p { text-transform:uppercase; font-size:14px; font-weight:500; margin-bottom:14px; }.ms-resource-card h3 { font-size:20px; line-height:1.4; margin-bottom:24px; }.ms-resource-card .ms-resource-button { margin-top:auto; }
.ms-resource-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; color:var(--ms-blue) !important; border:1px solid var(--ms-blue); border-radius:99px; padding:7px 15px; font-size:16px; font-weight:700; line-height:1.2; transition:background .25s,color .25s; }.ms-resource-button span { font-size:22px; line-height:.8; }.ms-resource-button[href]:is(:hover,:focus-visible) { background:var(--ms-blue); color:white !important; }.ms-resource-button[aria-disabled] { cursor:default; }
.ms-resource-pagination { text-align:center; margin-top:80px; }.ms-resource-pagination:empty { display:none; }.ms-resource-more { min-height:54px; padding:15px 32px; }.ms-resource-empty { padding:40px 0; }.ms-resource-filters button:hover { background:transparent; color:var(--ms-blue) !important; border-color:var(--ms-blue); }
.ms-insights-cta { padding:120px 0; text-align:center; color:var(--ms-white); background:linear-gradient(#00087880,#00087880),url('../images/insights-hero.png') center/cover; }.ms-insights-cta h2 { color:var(--ms-white); font-size:44px; margin-bottom:26px; }.ms-insights-cta p { font-size:14px; }.ms-insights-cta .ms-actions { justify-content:center; margin-top:40px; }
.ms-insight-article { padding-block:70px; color:var(--ms-white); max-width:950px; }.ms-insight-article h1 { font-size:44px; margin:30px 0; }.ms-insight-article__body { margin:35px 0; line-height:1.8; }.ms-insight-article__body p { margin-bottom:22px; }.ms-insight-article .ms-resource-button { color:var(--ms-white) !important; border-color:currentColor; }
@media(max-width:1400px) and (min-width:901px) { .ms-featured { padding-block:105px; }.ms-featured__image { min-height:330px; }.ms-featured__copy { padding:30px; }.ms-featured__copy h2 { font-size:30px; }.ms-resource-heading h2,.ms-insights-cta h2 { font-size:40px; }.ms-resource-card h3 { font-size:18px; }.ms-resource-card__copy { min-height:255px; }.ms-resource-card__copy>p { font-size:13px; } }
@media(max-width:1000px) { .ms-resource-filters { gap:12px; }.ms-resource-filters .ms-button,.ms-resource-clear { padding-inline:20px; }.ms-featured__copy h2 { font-size:26px; }.ms-featured__inner { padding-inline:32px; }.ms-featured__slide { gap:20px; } }
@media(max-width:760px) { .ms-insights-hero { padding:60px 0 40px; }.ms-insights-hero h1 br,.ms-insights-hero p br,.ms-insights-cta br { display:none; }.ms-insights-breadcrumb { margin-top:40px; }.ms-featured { padding:55px 0; }.ms-featured__slide { grid-template-columns:1fr; gap:16px; }.ms-featured__image { min-height:0; aspect-ratio:1.45; }.ms-featured__inner { padding:0; padding-bottom:45px; }.ms-featured__prev,.ms-featured__next { top:auto; bottom:-8px; transform:none; }.ms-featured__prev { left:calc(50% - 45px); }.ms-featured__next { right:calc(50% - 45px); }.ms-featured__copy { padding:26px; }.ms-featured__copy h2 { font-size:27px; }.ms-resource-section { padding:50px 0 65px; }.ms-resource-filters { grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:45px; }.ms-resource-filters label { grid-column:1/-1; }.ms-resource-heading h2 { font-size:34px; }.ms-resource-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 18px; }.ms-resource-card h3 { font-size:18px; }.ms-resource-card__copy { padding:20px; min-height:240px; }.ms-resource-card__copy>p { font-size:12px; }.ms-resource-card .ms-resource-tag { top:14px; left:14px; }.ms-resource-pagination { margin-top:40px; }.ms-insights-cta { padding:65px 0; }.ms-insights-cta h2 { font-size:34px; }.ms-insight-article h1 { font-size:34px; } }
@media(max-width:480px) { .ms-resource-grid { grid-template-columns:minmax(0,1fr); }.ms-resource-card__copy { min-height:230px; }.ms-insights-cta .ms-actions { flex-direction:column; }.ms-insights-cta .ms-button { width:100%; }.ms-insights-hero h1 { font-size:36px; }.ms-resource-tag { top:20px; left:20px; } }
.ms-featured button { font-size:42px; line-height:1; }

/* Blog detail: shared typography, editorial sidebar and related resources. */
.ms-blog-hero { position:relative; isolation:isolate; overflow:hidden; padding:76px 0 60px; background:var(--ms-blue); color:white; }
.ms-blog-hero__image { position:absolute; inset:0 0 0 auto; width:76%; height:100%; object-fit:cover; z-index:-2; }
.ms-blog-hero::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#000878 12%,#000878ed 35%,#00087855 70%,#00087815); z-index:-1; }
.ms-blog-hero .ms-insights-eyebrow { color:var(--ms-mint); }
.ms-blog-hero h1 { color:white; font-size:clamp(36px,4.167vw,60px); max-width:700px; margin:26px 0 30px; line-height:1.1; letter-spacing:-.8px; overflow-wrap:anywhere; }
.ms-blog-hero__excerpt { max-width:690px; }
.ms-blog-layout { display:grid; grid-template-columns: .43fr 1fr; gap:90px; padding-block:120px; align-items:start; }
.ms-blog-toc { position:sticky; top:120px; max-height:calc(100vh - 145px); overflow:auto; }
.ms-blog-toc h2,.ms-blog-body h2 { font-size:30px; margin:0 0 26px; }
.ms-blog-toc ul { list-style:none; padding:0; margin:0; }
.ms-blog-toc li { margin-bottom:22px; font-size:14px; line-height:1.5; }
.ms-blog-toc a { color:#666; display:block; }.ms-blog-toc a:is(:hover,:focus-visible),.ms-blog-toc a[aria-current] { color:var(--ms-blue); }
.ms-blog-layout:has(.ms-blog-toc[hidden]) { grid-template-columns:minmax(0,850px); justify-content:center; }
.ms-blog-content { min-width:0; }.ms-blog-body { color:#666; overflow-wrap:anywhere; }
.ms-blog-body p,.ms-blog-body li { font-size:16px; line-height:1.65; }.ms-blog-body p { margin:0 0 24px; }
.ms-blog-body h2:not(:first-child) { margin-top:48px; }.ms-blog-body h3 { font-size:24px; margin:32px 0 20px; }
.ms-blog-body :is(h2,h3) { scroll-margin-top:125px; }.ms-blog-body img { max-width:100%; height:auto; border-radius:8px; }.ms-blog-body iframe { max-width:100%; }.ms-blog-body table { display:block; overflow-x:auto; }
.ms-blog-body a { color:var(--ms-blue); text-decoration:underline; }.ms-blog-body ul,.ms-blog-body ol { padding-left:24px; }.ms-blog-body li { margin-bottom:10px; }
.ms-blog-body .ms-key-takeaways { background:var(--ms-paper); border-radius:8px; padding:32px; margin:44px 0; }.ms-key-takeaways h2,.ms-key-takeaways h3 { font-size:24px; margin:0 0 28px; }
.ms-blog-author { display:flex; align-items:center; gap:24px; background:var(--ms-paper); border-radius:6px; padding:32px; margin-top:50px; }.ms-blog-author img { width:112px; height:112px; border-radius:50%; flex-shrink:0; }.ms-blog-author h2 { font-size:20px; color:#101010; margin:0 0 12px; }.ms-blog-author p { font-size:14px; color:#666; margin:0; }
.ms-blog-related { background:var(--ms-paper); border-top:1px solid #97cfdd; padding:110px 0; }.ms-blog-related__heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:60px; }.ms-blog-related h2 { font-size:40px; margin:0; }.ms-blog-related__heading .ms-button { min-height:38px; padding:10px 24px; font-size:14px; }
@media(max-width:1000px) { .ms-blog-layout { gap:44px; padding-block:75px; }.ms-blog-toc h2,.ms-blog-body h2 { font-size:26px; } }
@media(max-width:760px) { .ms-blog-hero { padding:55px 0 40px; }.ms-blog-hero__image { width:100%; opacity:.65; }.ms-blog-layout { grid-template-columns:minmax(0,1fr); gap:38px; padding-block:55px; }.ms-blog-toc { position:static; max-height:none; border-bottom:1px solid #dae1e5; padding-bottom:20px; }.ms-blog-toc li { margin-bottom:14px; }.ms-blog-related { padding:60px 0; }.ms-blog-related__heading { align-items:flex-start; flex-direction:column; margin-bottom:32px; }.ms-blog-related h2 { font-size:34px; }.ms-blog-author { padding:24px; align-items:flex-start; }.ms-blog-author img { width:64px; height:64px; }.ms-blog-body .ms-key-takeaways { padding:24px; } }
@media(prefers-reduced-motion:no-preference) { html:has(.ms-blog-page) { scroll-behavior:smooth; } }

/* Updated blog-detail reference: navy contents panel and contextual buttons. */
.ms-blog-page .ms-blog-layout { grid-template-columns:minmax(0,.58fr) minmax(0,1fr); gap:86px; }
.ms-blog-page .ms-blog-toc { background:var(--ms-blue); border:0; border-radius:12px; padding:42px 44px; color:var(--ms-white); }
.ms-blog-page .ms-blog-toc h2 { color:var(--ms-white); }
.ms-blog-page .ms-blog-toc ul { padding-left:20px; }
.ms-blog-page .ms-blog-toc a { color:var(--ms-white); transition:color .2s ease; }
.ms-blog-page .ms-blog-toc a:is(:hover,:focus-visible),
.ms-blog-page .ms-blog-toc a[aria-current="location"] { color:var(--ms-mint); }
.ms-blog-page .ms-blog-toc a[aria-current="location"] { font-size:18px; font-weight:700; }
.ms-blog-page .ms-blog-toc li:last-child { margin-bottom:0; }
.ms-blog-page .ms-blog-layout:has(.ms-blog-toc[hidden]) { grid-template-columns:minmax(0,850px); }
.ms-blog-page .ms-blog-related__heading a.ms-button:is(:hover,:focus-visible) { background:transparent; color:var(--ms-blue) !important; border-color:var(--ms-blue); box-shadow:none; }
.ms-blog-page .ms-insights-cta a.ms-button--mint:is(:hover,:focus-visible) { background:transparent; color:var(--ms-white) !important; border-color:var(--ms-white); }
.ms-blog-page .ms-insights-cta a.ms-button--outline:is(:hover,:focus-visible) { background:var(--ms-white); color:var(--ms-blue) !important; border-color:var(--ms-white); }
.ms-blog-page .ms-resource-button { transition:background-color .25s ease,color .25s ease,border-color .25s ease; }
.ms-blog-page .ms-resource-button span { display:inline-block; transition:transform .25s ease; }
.ms-blog-page .ms-resource-button[href]:is(:hover,:focus-visible) span { transform:translateX(4px); }
@media(max-width:1000px) { .ms-blog-page .ms-blog-layout { gap:40px; }.ms-blog-page .ms-blog-toc { padding:30px 24px; } }
@media(max-width:760px) { .ms-blog-page .ms-blog-layout { grid-template-columns:minmax(0,1fr); gap:38px; }.ms-blog-page .ms-blog-toc { padding:28px 24px; }.ms-blog-page .ms-blog-toc ul { padding-left:0; } }
@media(prefers-reduced-motion:reduce) { .ms-blog-page .ms-resource-button,.ms-blog-page .ms-resource-button span,.ms-blog-page .ms-blog-toc a { transition:none; } }

/* Dotted-wave CTA artwork, separate from the geometric Insights banner. */
.ms-insights-cta {
 background-color:var(--ms-blue);
 background-image:linear-gradient(110deg,rgba(0,114,192,.48),rgba(0,8,120,.38) 65%),url('../images/background-particles.png');
 background-position:center;
 background-size:cover;
}
.ms-insights-cta .ms-button--outline { transition:background-color .25s ease,color .25s ease,border-color .25s ease; }
.ms-insights-cta .ms-button--outline:is(:hover,:focus-visible),
.ms-blog-page .ms-insights-cta .ms-button--outline:is(:hover,:focus-visible) {
 background:var(--ms-white); color:var(--ms-blue) !important; border-color:var(--ms-white);
}
@media(prefers-reduced-motion:reduce) { .ms-insights-cta .ms-button--outline { transition:none; } }