/* An editorial home for ideas, using the existing light-edition identity. */
body[data-layout="blog"] { background:#f8fbff; color:#10233d; }
.blog-skip { position:fixed; top:12px; left:20px; z-index:200; padding:12px 18px; color:#fff; background:#173b67; transform:translateY(-180%); }
.blog-skip:focus { transform:none; }
.blog-hero { padding:155px 0 56px; }
.blog-hero__heading { display:grid; grid-template-columns:1.15fr 1fr; gap:12%; align-items:end; }
body[data-layout="blog"] h1 { position:static; height:auto; font:400 clamp(50px,7vw,100px)/1.02 "Funnel Display",Inter,sans-serif; letter-spacing:-.055em; margin:0; }
body[data-layout="blog"] h1 em { color:#2869e6; font-style:normal; }
.blog-hero__heading>p { max-width:39ch; margin:0 0 6px; font-size:18px; line-height:1.7; color:#435f7e; }
.blog-stories { padding-bottom:95px; }
.blog-card { display:flex; flex-direction:column; min-width:0; color:#10233d; text-decoration:none; border-top:1px solid #aebfd2; }
.blog-card__image { overflow:hidden; background:#e6eef7; aspect-ratio:16/9; }
.blog-card__image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }
.blog-card__body { display:flex; flex-direction:column; flex:1; padding:25px 0 0; }
.blog-card :is(h2,h3) { position:static; height:auto; margin:0; font:400 clamp(27px,2.8vw,40px)/1.13 "Funnel Display",Inter,sans-serif; letter-spacing:-.035em; color:#10233d; }
.blog-card__body>p { max-width:43ch; margin:20px 0 28px; color:#435f7e; font-size:16px; line-height:1.65; }
.blog-card__foot { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:auto; padding-top:24px; color:#47637f; font-size:12px; }
.blog-card__read { display:flex; align-items:center; gap:16px; font-size:14px; font-weight:500; color:#2459a4; white-space:nowrap; }
.blog-card__read>span { display:inline-block; font-size:23px; line-height:1; transition:transform .25s; }
.blog-card:hover :is(h2,h3) { color:#2459a4; }
.blog-card:hover .blog-card__image img { transform:scale(1.025); }
.blog-card:hover .blog-card__read>span { transform:translate(3px,-3px); }
.blog-card:focus-visible { outline:3px solid #2869e6; outline-offset:7px; }
.blog-card--featured { display:grid; grid-template-columns:1.2fr 1fr; border:1px solid #bdccde; background:#e9f1fa; }
.blog-card--featured .blog-card__image { aspect-ratio:auto; min-height:380px; }
.blog-card--featured .blog-card__body { padding:clamp(28px,4vw,58px); }
.blog-card--featured h2 { font-size:clamp(35px,4.2vw,59px); }
.blog-stories__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; margin-top:55px; }
.blog-stories__grid .blog-card { border:0; }
.home-blog__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.home-blog__grid .blog-card { border:0; }
.home-blog__grid .blog-card h3 { font-size:clamp(24px,2.5vw,34px); }
.home-blog__grid .blog-card__body { padding-top:22px; }
.blog-article { padding-top:130px; }
.blog-back,.blog-link { display:inline-flex; min-height:44px; align-items:center; gap:20px; color:#2459a4; font-size:14px; font-weight:500; }
.blog-back { margin-bottom:30px; }
body[data-layout="blog"] .blog-article h1 { max-width:17ch; font-size:clamp(46px,6vw,82px); }
.blog-article__cover>p { max-width:55ch; font-size:clamp(18px,2vw,23px); line-height:1.6; color:#435f7e; margin:28px 0 40px; }
.blog-article__image { margin:0 auto 50px; }
.blog-article__image img { display:block; width:100%; max-height:440px; aspect-ratio:2.2; object-fit:cover; }
.blog-article__image figcaption { margin-top:10px; font-size:12px; color:#526b87; }
.blog-article__reading { max-width:740px; margin:0 auto; padding:0 24px; }
.blog-article__reading section { margin-bottom:36px; }
.blog-article__reading h2 { position:static; height:auto; font:400 clamp(27px,3vw,34px)/1.2 "Funnel Display",Inter,sans-serif; letter-spacing:-.03em; margin:0 0 16px; }
.blog-article__reading p { font-size:17px; line-height:1.85; color:#435f7e; margin:0; }
.blog-article__reading .blog-article__takeaway { font:400 clamp(25px,3vw,34px)/1.3 "Funnel Display",Inter,sans-serif; letter-spacing:-.03em; padding:30px 0 30px 26px; margin:42px 0; border-left:3px solid #2869e6; color:#173b67; }
.blog-article__source { padding-top:25px; border-top:1px solid #bdccde; }
.blog-article__source p { font-size:13px; }
.blog-article__next { display:flex; justify-content:space-between; gap:35px; margin-top:60px; padding-top:35px; padding-bottom:60px; border-top:1px solid #bdccde; font-size:14px; }
.blog-article__next a { display:flex; align-items:center; min-height:44px; gap:20px; color:#2459a4; }
@media(max-width:900px) {
 .blog-hero__heading { gap:6%; }
 .blog-card--featured { grid-template-columns:1fr 1fr; }
 .blog-card--featured .blog-card__image { min-height:340px; }
 .home-blog__grid { gap:22px; }
 .home-blog__grid .blog-card__foot { align-items:flex-start; flex-direction:column; gap:10px; }
}
@media(max-width:600px) {
 .blog-hero { padding:125px 0 35px; }
 .blog-hero__heading { grid-template-columns:1fr; gap:25px; }
 .blog-hero__heading>p { font-size:16px; }
 .blog-card--featured,.blog-stories__grid,.home-blog__grid { grid-template-columns:minmax(0,1fr); }
 .blog-card--featured .blog-card__image { aspect-ratio:16/10; min-height:0; }
 .blog-card--featured .blog-card__body { padding:26px; }
 .blog-stories__grid { margin-top:35px; gap:40px; }
 .home-blog__grid { gap:36px; }
 .home-blog__grid .blog-card__foot { flex-direction:row; align-items:center; }
 .blog-stories { padding-bottom:60px; }
 .blog-article { padding-top:105px; }
 .blog-article__image img { aspect-ratio:16/10; }
 .blog-article__next { flex-direction:column; gap:18px; }
}
@media(prefers-reduced-motion:reduce) {
 .blog-card__image img,.blog-card__read>span { transition:none; }
 .blog-card:hover .blog-card__image img { transform:none; }
}
