
/* Blog V20 – typography and editorial cards; existing website styling remains unchanged */
.blog-index-intro{padding:65px 0 42px;background:linear-gradient(180deg,#F7F3F8 0%,#fff 95%);border-bottom:1px solid #ECE7EF}
.blog-index-intro .breadcrumb,.blog-article-head .breadcrumb{display:flex;gap:10px;align-items:center;color:#706872;font-size:12px;margin-bottom:22px}
.blog-index-intro h1,.blog-article-head h1{font-size:clamp(38px,6vw,70px);font-weight:800;letter-spacing:-.052em;line-height:1.09;margin:10px 0 17px;max-width:960px}
.blog-index-intro p,.blog-article-head .standfirst{max-width:770px;font-size:19px;color:#584E5D;line-height:1.65}
.blog-list{padding:55px 0 90px}.blog-feature{display:grid;grid-template-columns:1.15fr 1fr;gap:0;border:1px solid #E9E3EB;background:white;overflow:hidden;border-radius:3px;box-shadow:0 8px 30px #311B3810;max-width:1060px}
.blog-feature img{width:100%;height:100%;max-height:520px;object-fit:contain;display:block;background:#171717}
.blog-feature-info{padding:clamp(26px,5vw,60px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.blog-category{display:inline-block;color:#4D3A59;font-size:11px;letter-spacing:.18em;font-weight:800;text-transform:uppercase;margin-bottom:12px}
.blog-feature h2{font-size:clamp(27px,3vw,42px);line-height:1.18;margin:0 0 18px;letter-spacing:-.035em}
.blog-feature p{color:#5E5661;font-size:16px;line-height:1.72}
.blog-byline{font-size:12px;color:#746B76;font-weight:600;letter-spacing:.02em}
.blog-feature .button{margin-top:17px}
.blog-help{margin-top:42px;border-top:1px solid #E9E3EB;padding-top:28px;font-size:15px;color:#6C626D;max-width:750px}
.blog-home-callout{background:#F7F4F8;padding:54px 0;border-top:1px solid #EDE6EF}
.blog-home-inner{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:7vw}
.blog-home-inner h2{font-size:clamp(28px,3.5vw,44px);letter-spacing:-.04em;line-height:1.18;max-width:570px;margin:13px 0}
.blog-home-inner p{max-width:540px;color:#665E69;line-height:1.7;margin-bottom:22px}
.blog-home-feature{background:#fff;border:1px solid #E8E0EA;display:grid;grid-template-columns:138px 1fr;gap:8px 18px;padding:14px;align-items:center}
.blog-home-feature img{grid-row:1 / span 3;width:138px;height:143px;object-fit:contain;background:#171717}
.blog-home-feature small{font-size:10px;letter-spacing:.12em;color:#4D3A59;font-weight:800}
.blog-home-feature strong{font-size:19px;line-height:1.25;letter-spacing:-.018em}
.blog-home-feature span{font-weight:700;color:#4D3A59;font-size:13px}
.blog-article-head{background:linear-gradient(180deg,#F9F6FA,#fff);padding:53px 0 32px}
.blog-article-head h1{max-width:1040px;font-size:clamp(38px,5.5vw,64px)}
.blog-article-head .standfirst{margin:0 0 24px}
.blog-article-photo{display:block;width:100%;height:auto;max-height:none;max-width:900px;object-fit:contain;margin-top:38px}
.blog-article-photo-caption{font-size:12px;color:#766E79;margin-top:9px}
.blog-article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(200px,280px);gap:60px;align-items:start;padding:32px 0 70px}
.blog-article-body{font-size:18px;line-height:1.88;color:#302931}
.blog-article-body p{margin:0 0 25px}
.blog-article-body p:first-child::first-letter{font-size:2.2em;float:left;line-height:.9;padding-right:7px;font-family:Georgia,serif;color:#4D3A59}
.blog-article-body strong{font-weight:800}
.blog-article-body em{font-style:italic}
.blog-article-body h2{margin:40px 0 13px;font-size:27px;letter-spacing:-.022em;line-height:1.2}
.blog-quote{border-left:4px solid #4D3A59;margin:30px 0;padding:17px 25px;background:#F8F5F9;color:#423349}
.blog-quote p{font-size:20px;line-height:1.6;margin:0 0 9px}
.blog-quote small{color:#706872;font-size:13px}
.blog-sources{padding:22px 0;border-top:1px solid #E8E2E9;margin-top:30px;font-size:13px;color:#706872}
.blog-sources p{margin:5px 0 9px}.blog-sources a{text-decoration:underline;color:#4D3A59;text-underline-offset:2px}
.blog-article-sidebar{position:sticky;top:105px;padding:24px;background:#F7F4F8;border-top:4px solid #4D3A59}
.blog-article-sidebar h2{font-size:21px;margin:0 0 9px}
.blog-article-sidebar p{font-size:14px;line-height:1.63;color:#695F6B}
.blog-article-sidebar img{width:110px;height:163px;object-fit:contain;margin:12px 0 8px;display:block}
.blog-article-sidebar .button{display:block;text-align:center;padding:12px 8px;font-size:12px;margin:15px 0 0}
.blog-article-cta{padding:38px 0 55px;border-top:1px solid #ECE7EF;background:#fff}
.blog-article-cta p{color:#655B68}
@media(max-width:850px){.blog-feature,.blog-home-inner,.blog-article-layout{grid-template-columns:1fr}.blog-feature img{height:320px}.blog-article-sidebar{position:static;max-width:520px}.blog-index-intro{padding:42px 0 32px}.blog-article-head{padding:32px 0 17px}.blog-article-photo{max-height:360px}.blog-article-layout{gap:32px}}
@media(max-width:540px){.blog-feature img{height:240px}.blog-home-feature{grid-template-columns:108px 1fr}.blog-home-feature img{width:108px;height:128px}.blog-home-feature strong{font-size:15px}.blog-article-body{font-size:16px}.blog-quote p{font-size:18px}.blog-feature-info{padding:26px}.blog-home-callout{padding:38px 0}}
.blog-library-cta{background:#F8F5FA;border-left:4px solid #4D3A59;padding:26px 30px;margin:42px 0 0}.blog-library-cta h2{font-size:28px;margin:9px 0 3px}.blog-library-cta p{margin:0 0 18px}.blog-library-cta .underlink{margin-left:14px;font-size:14px}@media(max-width:540px){.blog-library-cta .underlink{display:block;margin:16px 0 0}}