
.blog-refresh{color:#142438;background:#fff}.blog-refresh *{box-sizing:border-box}.blog-refresh .container{max-width:1180px}.blog-hero{background:#10253b;color:white;padding:76px 0 70px}.blog-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.8fr);gap:70px;align-items:center}.blog-kicker,.blog-aside-kicker,.blog-overline{display:inline-block;font-size:12px;letter-spacing:.12em;font-weight:800;text-transform:uppercase}.blog-kicker{color:#ffd85b}.blog-hero h1{font-size:clamp(38px,4.4vw,60px);line-height:1.1;letter-spacing:-.035em;max-width:760px;margin:18px 0 22px;color:#fff}.blog-lead{font-size:18px;line-height:1.7;color:#e2ebf4;max-width:660px}.blog-hero-actions,.blog-end-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.blog-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:13px 21px;border-radius:12px;font-weight:800;text-decoration:none!important;transition:transform .2s}.blog-btn:hover{transform:translateY(-2px)}.blog-btn-yellow{background:#ffd44d;color:#10253b!important}.blog-btn-outline{border:1px solid #9eafbf;color:white!important}.blog-hero-aside{padding:30px;background:#1b344d;border:1px solid #476075;border-radius:20px}.blog-aside-kicker{color:#ffd44d}.blog-hero-aside h2{font-size:23px;color:white;margin:10px 0 20px}.blog-hero-aside a{display:flex;justify-content:space-between;gap:14px;color:#fff;text-decoration:none;padding:14px 0;border-top:1px solid #456078;font-weight:700}.blog-hero-aside a span{color:#ffd44d}.blog-crumb{display:flex;gap:10px;align-items:center;padding-top:17px;padding-bottom:17px;font-size:14px;color:#607184}.blog-crumb a{color:#344f6b}.blog-featured{padding-top:60px;padding-bottom:65px}.blog-heading{display:flex;justify-content:space-between;gap:34px;align-items:end;margin-bottom:27px}.blog-heading>div{max-width:670px}.blog-heading>p{max-width:390px;line-height:1.65;color:#52647a;margin:0}.blog-overline{color:#836100}.blog-heading h2,.blog-support h2,.blog-end h2{font-size:clamp(27px,3vw,39px);line-height:1.17;letter-spacing:-.025em;margin:9px 0 0;color:#142438}.blog-feature-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}.blog-feature{min-height:280px;display:flex;flex-direction:column;background:#f4f7fa;border:1px solid #dce4eb;border-radius:19px;padding:27px;text-decoration:none!important;color:#142438!important;transition:transform .2s,border-color .2s}.blog-feature:hover,.blog-card:hover{transform:translateY(-3px);border-color:#c39a2b}.blog-feature-main{background:#18354e;color:white!important;border-color:#18354e}.blog-tag{font-size:11px;font-weight:800;letter-spacing:.09em;color:#806000}.blog-feature-main .blog-tag{color:#ffdb6a}.blog-feature h3{font-size:clamp(21px,2vw,27px);line-height:1.25;margin:20px 0 12px;color:inherit}.blog-feature p{line-height:1.65;color:#52647a;margin:0 0 24px}.blog-feature-main p{color:#e4ecf4}.blog-read{font-weight:800;margin-top:auto;color:#153d5b}.blog-feature-main .blog-read{color:#ffdc6a}.blog-topic{padding:65px 0;border-top:1px solid #e6ebef}.blog-topic:nth-of-type(even){background:#f7f9fb}.blog-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.blog-card{display:flex;flex-direction:column;min-height:225px;padding:25px 22px;border:1px solid #dfe6ec;border-radius:17px;background:#fff;transition:transform .2s,border-color .2s}.blog-card h3{font-size:19px;line-height:1.35;margin:0 0 12px}.blog-card h3 a{color:#172c41;text-decoration:none}.blog-card p{color:#52647a;line-height:1.6;font-size:15px;margin:0 0 22px}.blog-card-link{margin-top:auto;font-size:14px;font-weight:800;color:#185077;text-decoration:none}.blog-support{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:62px;padding-bottom:58px}.blog-support>div{background:#f2f5f8;border-radius:19px;padding:32px}.blog-support h2{font-size:25px;margin:10px 0}.blog-support p{color:#52647a;line-height:1.65}.blog-text-link{font-weight:800;color:#164a70}.blog-end{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#ffeb9a;border:1px solid #e6ce70;border-radius:22px;padding:34px 38px!important;margin-bottom:65px}.blog-end h2{font-size:30px}.blog-end p{max-width:610px;line-height:1.6;margin:12px 0 0;color:#3f4b54}.blog-end-actions{margin-top:0;flex-shrink:0}.blog-btn-dark{background:#12283e;color:#fff!important}.blog-btn-light{background:#fff;color:#142438!important;border:1px solid #d9c16d}.blog-refresh a:focus-visible{outline:3px solid #d09a00;outline-offset:4px}@media(max-width:1000px){.blog-feature-grid{grid-template-columns:1fr 1fr}.blog-feature-main{grid-column:span 2;min-height:220px}.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-hero-grid{gap:28px}.blog-end{align-items:flex-start;flex-direction:column}}@media(max-width:700px){.blog-hero{padding:50px 0}.blog-hero-grid,.blog-feature-grid,.blog-support{grid-template-columns:1fr}.blog-feature-main{grid-column:auto}.blog-hero h1{font-size:clamp(34px,9vw,44px)}.blog-lead{font-size:16px}.blog-hero-aside{padding:23px}.blog-heading{display:block}.blog-heading>p{margin-top:14px}.blog-featured{padding-top:38px;padding-bottom:42px}.blog-topic{padding:45px 0}.blog-card-grid{grid-template-columns:1fr}.blog-card{min-height:unset}.blog-feature{min-height:230px}.blog-support{padding-top:40px;padding-bottom:40px}.blog-support>div{padding:24px}.blog-end{padding:26px!important;margin-bottom:45px}.blog-end-actions{width:100%}.blog-end-actions .blog-btn{flex:1}}

/* v2: connect section explanations directly to their headings */
.blog-refresh .blog-heading{display:block;max-width:100%;margin-bottom:26px}
.blog-refresh .blog-heading>div{max-width:900px}
.blog-refresh .blog-heading .blog-section-intro{max-width:680px;margin:12px 0 0;color:#50647a;font-size:16px;line-height:1.65}
.blog-refresh .blog-heading h2{margin-top:8px}
.blog-directory{padding:66px 0;background:#f4f7f9;border-top:1px solid #dfe6ec}
.blog-directory-heading{max-width:780px;margin-bottom:27px}
.blog-directory-heading h2{font-size:clamp(27px,3vw,39px);line-height:1.18;margin:10px 0;color:#142438}
.blog-directory-heading p{color:#52647a;line-height:1.65;margin:0}
.blog-directory-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:18px}
.blog-directory-group{background:#fff;border:1px solid #dfe6ec;border-radius:18px;padding:26px}
.blog-directory-group h3{font-size:20px;color:#142438;margin:0 0 15px}
.blog-directory-group ul{padding:0;margin:0;list-style:none}
.blog-directory-group li{break-inside:avoid;border-top:1px solid #edf0f3}
.blog-directory-group li a{display:block;padding:9px 0;color:#16466a;font-size:14px;font-weight:650;text-decoration:none}
.blog-directory-group li a:hover{text-decoration:underline}
@media(max-width:850px){.blog-directory-grid{grid-template-columns:1fr 1fr}.blog-directory-group:last-child{grid-column:1/-1}.blog-directory-group:last-child ul{columns:2}}
@media(max-width:600px){.blog-directory{padding:44px 0}.blog-directory-grid{grid-template-columns:1fr}.blog-directory-group:last-child{grid-column:auto}.blog-directory-group:last-child ul{columns:1}.blog-directory-group{padding:22px}}

/* v4 directory: concise editorial accordion, retains v2 blog presentation */
.blog-refresh .blog-directory{padding:62px 0 72px;background:#f5f7f8}
.blog-refresh .blog-directory-heading{max-width:720px;margin-bottom:25px}
.blog-refresh .blog-directory-heading h2{font-size:clamp(28px,3vw,37px);letter-spacing:-.025em}
.blog-refresh .blog-directory-grid{display:flex;flex-direction:column;gap:12px;max-width:1020px}
.blog-refresh .blog-directory-accordion{display:block;background:#fff;border:1px solid #dce4ea;border-radius:16px;overflow:hidden;box-shadow:0 5px 18px rgba(15,36,53,.035)}
.blog-refresh .blog-directory-accordion[open]{border-color:#cbd9e3}
.blog-refresh .blog-directory-accordion summary{display:flex;align-items:center;gap:17px;cursor:pointer;padding:19px 23px;list-style:none;color:#142b42;user-select:none}
.blog-refresh .blog-directory-accordion summary::-webkit-details-marker{display:none}
.blog-refresh .blog-directory-accordion summary::marker{content:''}
.blog-refresh .blog-directory-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;background:#fff1bb;border-radius:10px;color:#533f05;font-size:12px;font-weight:850;letter-spacing:.04em}
.blog-refresh .blog-directory-label{font-size:18px;font-weight:800;flex:1;line-height:1.3}
.blog-refresh .blog-directory-count{font-size:13px;font-weight:650;color:#5e6e7d;white-space:nowrap}
.blog-refresh .blog-directory-chevron{font-size:26px;line-height:1;color:#264b67;transition:transform .2s}
.blog-refresh .blog-directory-accordion[open] .blog-directory-chevron{transform:rotate(180deg)}
.blog-refresh .blog-directory-accordion[open] summary{border-bottom:1px solid #e9eef1}
.blog-refresh .blog-directory-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 13px;list-style:none;padding:20px 23px 24px;margin:0}
.blog-refresh .blog-directory-links li{border:0;min-width:0}
.blog-refresh .blog-directory-links a{display:flex;align-items:center;min-height:43px;border:1px solid #e6ecf0;background:#f9fbfc;border-radius:9px;padding:10px 12px;color:#164569;font-size:14px;font-weight:650;text-decoration:none;line-height:1.35;transition:background .2s,border-color .2s}
.blog-refresh .blog-directory-links a:hover{background:#fff5d3;border-color:#d7b956;color:#142438;text-decoration:none}
.blog-refresh .blog-directory-accordion summary:focus-visible,.blog-refresh .blog-directory-links a:focus-visible{outline:3px solid #c69b23;outline-offset:2px}
@media(max-width:780px){.blog-refresh .blog-directory-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.blog-refresh .blog-directory{padding:44px 0}.blog-refresh .blog-directory-accordion summary{padding:15px;gap:11px}.blog-refresh .blog-directory-icon{width:33px;height:33px}.blog-refresh .blog-directory-label{font-size:15px}.blog-refresh .blog-directory-count{font-size:11px}.blog-refresh .blog-directory-links{grid-template-columns:1fr;padding:15px;gap:7px}.blog-refresh .blog-directory-links a{min-height:40px}}
