.blog-shell{padding:48px 0 80px}.blog-hero{background:#f3f7fc;border:1px solid #dbe7f3;border-radius:18px;padding:42px;margin-bottom:24px}.blog-hero h1{font-size:clamp(2rem,5vw,3.4rem);margin:.2em 0}.blog-hero>p:not(.eyebrow){max-width:700px;color:#526174;font-size:1.08rem}.blog-search{margin-top:24px;max-width:700px}.blog-search label{display:block;font-weight:700;margin-bottom:8px}.blog-search>div{display:flex;gap:10px}.blog-search input{flex:1;min-width:0}.blog-categories{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 32px}.blog-categories a,.pagination a{padding:9px 14px;border:1px solid #d5e0ec;border-radius:999px;color:#245b93;background:#fff;text-decoration:none}.blog-categories a:hover,.pagination a.active{background:#eaf3fc;border-color:#8fb8dc}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.blog-card{border:1px solid #dce5ef;border-radius:16px;background:#fff;min-height:220px;box-shadow:0 5px 18px rgba(32,70,105,.06)}.blog-card-content{padding:24px}.blog-card h2{font-size:1.28rem;line-height:1.25;margin:8px 0 12px}.blog-card h2 a{color:#153b63;text-decoration:none}.blog-card h2 a:hover{text-decoration:underline}.blog-card p:not(.blog-kicker){color:#5c6d80}.blog-card time,.blog-meta{color:#738195;font-size:.9rem}.blog-kicker{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:#2871b7;font-weight:700}.blog-article{max-width:820px;margin:0 auto}.blog-article h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.08;color:#153b63;margin:.2em 0}.blog-subtitle{font-size:1.2rem;color:#5b6c7e}.article-body{font-size:1.08rem;line-height:1.8;color:#26384a;margin-top:34px}.article-body h2{margin-top:2em;color:#153b63}.article-body h3{margin-top:1.5em;color:#204e7a}.article-body img{max-width:100%;height:auto;border-radius:10px}.article-body pre{overflow:auto;background:#142337;color:#e9f2fb;padding:18px;border-radius:10px}.article-body table{border-collapse:collapse;width:100%;display:block;overflow:auto}.article-body th,.article-body td{border:1px solid #dbe3ec;padding:8px;text-align:left}.article-share{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid #e0e8f0;margin-top:40px;padding-top:18px}.article-share a,.article-share button{border:0;background:none;color:#1d67a6;text-decoration:underline;cursor:pointer;font:inherit}.blog-signup{margin-top:44px;padding:28px;border-radius:16px;background:#edf5fc;border:1px solid #cfe1f1}.pagination{display:flex;gap:8px;justify-content:center;margin:30px 0}.empty-state{grid-column:1/-1;padding:40px;border:1px dashed #cbd8e5;border-radius:14px;text-align:center}.blog-search input{padding:12px;border:1px solid #bdccda;border-radius:8px;font:inherit}@media(max-width:850px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.blog-shell{padding:28px 0 48px}.blog-hero{padding:26px 20px}.blog-grid{grid-template-columns:1fr}.blog-search>div{display:block}.blog-search .button{margin-top:10px;width:100%}.blog-article h1{font-size:2.3rem}.article-body{font-size:1rem}}
.related-articles{margin-top:44px}.related-articles h2{color:#153b63}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related-card{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #dce5ef;border-radius:12px;text-decoration:none;background:#fff}.related-card strong{color:#204e7a}.related-card span{color:#66778b;font-size:.9rem}@media(max-width:600px){.related-grid{grid-template-columns:1fr}}
.article-code{position:relative;margin:1.4rem 0}.article-code pre{white-space:pre;tab-size:4}.article-code figcaption,.article-body figure figcaption{margin-top:8px;color:#75849a;font-size:.82rem}.article-code .copy-code{position:absolute;top:10px;right:10px;padding:6px 10px;border:1px solid #526277;border-radius:7px;background:#213148;color:#fff;font-size:.75rem}.article-table-wrap{max-width:100%;overflow:auto;margin:1.25rem 0}.article-body table{min-width:100%;width:max-content;display:table}.article-checklist{list-style:none;padding-left:0}.article-checklist li{display:flex;align-items:baseline;gap:.55em}.article-check-state{flex:none;color:#2d7b54;font-weight:700}.article-callout{margin:1.4rem 0;padding:17px 19px;border:1px solid #dce5ef;border-left:4px solid #5a83b5;border-radius:10px;background:#f7f9fc}.article-callout>strong{display:block;margin-bottom:7px;color:#243d5b}.callout-warning{border-left-color:#d2932d;background:#fffaf0}.callout-tip,.callout-conclusion{border-left-color:#348364;background:#f3faf6}.callout-example{border-left-color:#765ba5;background:#f8f6fb}.article-references{margin:2rem 0;padding-top:1rem;border-top:1px solid #dfe7f0}.article-references h2{font-size:1.2rem}.article-cta{margin:2rem 0;padding:24px;border:1px solid #d7e4f3;border-radius:13px;background:#f3f8fe}.article-cta .button{display:inline-flex;padding:10px 15px;border-radius:8px;background:#2563eb;color:white;text-decoration:none;font-weight:700}.copy-code{cursor:pointer}

.article-preview{margin:0;padding:24px;background:#fff}.article-preview .blog-article{max-width:820px;margin:0 auto}

.article-body pre code.hljs{display:block;overflow-x:auto;color:#e9f2fb;background:transparent;padding:0}.article-body .hljs-keyword,.article-body .hljs-selector-tag,.article-body .hljs-literal{color:#8bc5ff}.article-body .hljs-string,.article-body .hljs-attr{color:#a6db9b}.article-body .hljs-number,.article-body .hljs-literal{color:#e9bd79}.article-body .hljs-comment{color:#94a3b8}.article-body .hljs-title,.article-body .hljs-function{color:#d9a7ff}

/* Blog one-page discovery: Guide palette, shared site shell remains untouched. */
.blog-shell{padding-top:34px}
.blog-index{--blog-ink:#142f50;--blog-blue:#245fe8;--blog-muted:#62758c;--blog-line:#dce6f2;--blog-soft:#eff5fc;color:var(--blog-ink)}
.blog-discovery{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.72fr);align-items:end;gap:48px;padding:30px 0 34px;border-bottom:1px solid var(--blog-line)}
.blog-discovery-copy{max-width:740px}.blog-discovery .eyebrow,.blog-section-heading .eyebrow,.blog-signup .eyebrow{margin:0 0 10px;color:var(--blog-blue);font-size:.74rem;font-weight:800;letter-spacing:.13em}
.blog-discovery h1{max-width:700px;margin:0;color:var(--blog-ink);font-size:clamp(2.2rem,3.1vw,2.8rem);line-height:1.18;letter-spacing:-.045em}
.blog-discovery-copy>p:last-child{max-width:640px;margin:18px 0 0;color:var(--blog-muted);font-size:1.12rem;line-height:1.65}
.blog-search{max-width:none;margin:0}.blog-search label{margin-bottom:9px;color:var(--blog-ink);font-size:.9rem}.blog-search>div{display:flex;gap:8px}.blog-search input{min-height:48px;border-color:#cbd9e9;border-radius:10px;background:#fff}.blog-search .button{min-width:92px;border-radius:10px}
.blog-topic-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 32px}
.blog-topic-link{display:flex;min-height:74px;align-items:center;gap:13px;padding:13px 16px;border:1px solid var(--blog-line);border-radius:13px;background:#fff;color:#29445f;text-decoration:none;font-weight:700;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.blog-topic-link:hover{border-color:#9bb9e3;background:#f8fbff;transform:translateY(-1px)}.blog-topic-link:focus-visible,.blog-read-link:focus-visible,.blog-card a:focus-visible{outline:3px solid #9bbcff;outline-offset:3px}
.blog-topic-link.is-active{border-color:#8fb2f6;background:#edf4ff;color:#174fc7}.blog-topic-symbol{display:grid;flex:none;width:40px;height:40px;place-items:center;border-radius:12px;background:#f0f5fc;color:#2864d9}.blog-topic-link.is-active .blog-topic-symbol{background:#dce9ff}.blog-topic-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.blog-filter-summary{margin:-12px 0 22px;color:var(--blog-muted)}.blog-filter-summary a{color:var(--blog-blue);font-weight:700}
.blog-feature{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);min-height:350px;overflow:hidden;border:1px solid var(--blog-line);border-radius:20px;background:#f4f8fd;box-shadow:0 10px 32px rgba(22,54,91,.06)}
.blog-feature-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(26px,4vw,52px)}.blog-feature-copy .blog-kicker{margin:0 0 14px}.blog-feature h2{max-width:590px;margin:0;color:var(--blog-ink);font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,4.1vw,3.2rem);line-height:1.08;letter-spacing:-.025em}.blog-feature h2 a{color:inherit;text-decoration:none}.blog-feature h2 a:hover{color:#245fe8}.blog-feature-excerpt{max-width:570px;margin:18px 0 24px;color:#586f89;font-size:1.04rem;line-height:1.65}.blog-feature-meta{display:flex;align-items:center;gap:20px;color:#71839a;font-size:.9rem}.blog-read-link{display:inline-flex;gap:8px;align-items:center;color:#1d59dc;font-weight:800;text-decoration:none}.blog-read-link span{font-size:1.2rem}.blog-feature-image{width:100%;height:100%;min-height:350px;object-fit:cover}.blog-feature-art{display:flex;position:relative;min-height:350px;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(140deg,#d9e8f7,#f8fafc 58%,#c5daf2);color:#245fe8}.blog-feature-art span{position:absolute;top:28px;left:32px;color:#56718e;font-size:.8rem;font-weight:800;letter-spacing:.12em}.blog-feature-art svg{width:min(72%,320px);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.3;opacity:.7}
.blog-recent{margin-top:46px}.blog-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.blog-section-heading h2{margin:0;color:var(--blog-ink);font-family:Arial,sans-serif;font-size:clamp(1.5rem,2.2vw,1.7rem);line-height:1.25;font-weight:700;letter-spacing:-.035em}.blog-section-heading>span{padding-bottom:4px;color:#73839a;font-size:.9rem}
.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.blog-card{min-height:0;overflow:hidden;border-color:var(--blog-line);border-radius:15px;box-shadow:0 5px 18px rgba(32,70,105,.045)}.blog-card-image{display:block;width:100%;height:178px;object-fit:cover;background:#edf3fa}.blog-card-content{padding:19px 20px 21px}.blog-card h3{margin:8px 0 10px;font-family:Georgia,'Times New Roman',serif;font-size:1.24rem;line-height:1.25}.blog-card h3 a{color:var(--blog-ink);text-decoration:none}.blog-card h3 a:hover{color:var(--blog-blue)}.blog-card p:not(.blog-kicker){display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:0 0 14px;color:var(--blog-muted);line-height:1.55}.blog-card time{display:block;margin-top:auto}.blog-signup{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:46px;padding:26px 30px;border:1px solid #d9e7f7;border-radius:16px;background:linear-gradient(110deg,#f0f6fd,#f8fbff)}.blog-signup h2{margin:0;color:var(--blog-ink);font-family:Arial,sans-serif;font-size:1.65rem;font-weight:700;letter-spacing:-.035em}.blog-signup p:not(.eyebrow){margin:7px 0 0;color:var(--blog-muted)}.blog-signup .button{flex:none;border-radius:9px}.blog-empty{margin:25px 0}
@media(max-width:900px){.blog-discovery{grid-template-columns:1fr;gap:22px}.blog-topic-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-feature{grid-template-columns:1fr .85fr}.blog-feature-copy{padding:27px}.blog-feature h2{font-size:2.25rem}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.blog-shell{padding:22px 0 48px}.blog-discovery{padding:22px 0 24px}.blog-discovery h1{font-size:2.45rem}.blog-discovery-copy>p:last-child{font-size:1rem}.blog-search>div{display:flex}.blog-search .button{width:auto;margin:0}.blog-topic-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 23px}.blog-topic-link{min-height:65px;gap:9px;padding:9px;font-size:.84rem}.blog-topic-symbol{width:34px;height:34px;border-radius:10px}.blog-topic-icon{width:19px;height:19px}.blog-feature{grid-template-columns:1fr}.blog-feature-copy{padding:25px 21px}.blog-feature h2{font-size:2.15rem}.blog-feature-excerpt{margin:14px 0 19px;font-size:.98rem}.blog-feature-image,.blog-feature-art{min-height:210px;max-height:260px}.blog-section-heading{align-items:start;flex-direction:column;gap:7px}.blog-section-heading h2{font-size:1.45rem}.blog-grid{grid-template-columns:1fr;gap:13px}.blog-card{display:grid;grid-template-columns:112px 1fr;min-height:150px}.blog-card-image{height:100%;min-height:150px}.blog-card-content{padding:14px}.blog-card h3{font-size:1.1rem}.blog-card p:not(.blog-kicker){-webkit-line-clamp:2;font-size:.9rem}.blog-signup{align-items:flex-start;flex-direction:column;padding:22px}.blog-signup h2{font-size:1.45rem}}

/* Article reading experience inspired by the reference, composed with Guide styles. */
.blog-back-link{display:inline-flex;gap:8px;align-items:center;margin:0 0 20px;color:#245fe8;font-weight:700;text-decoration:none}.blog-back-link:hover{text-decoration:underline}
.blog-article{max-width:1120px;margin:0 auto}.blog-article-header{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;align-items:center;margin:0 0 34px}.blog-article-header.has-cover{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr)}.blog-article-heading{padding:16px 0}.blog-article-heading .blog-kicker{margin:0 0 15px}.blog-article h1{max-width:760px;margin:0;color:#142f50;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.5rem,5.3vw,4.25rem);line-height:1.04;letter-spacing:-.04em}.blog-article .blog-subtitle{max-width:700px;margin:18px 0;color:#5f7289;font-size:1.15rem;line-height:1.6}.blog-article-meta{display:flex;gap:9px;align-items:center;margin:18px 0 0;color:#6d7f95;font-size:.9rem}.blog-article-cover{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:420px;object-fit:cover;border-radius:16px;background:#edf3fa;box-shadow:0 8px 26px rgba(21,51,82,.09)}.blog-article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,280px);justify-content:center;gap:48px;align-items:start}.blog-article-layout .article-body{margin:0;font-size:1.075rem;line-height:1.82}.blog-article-layout .article-body>p:first-child{font-size:1.12rem;color:#435b75}.blog-article-layout .article-body h2{padding-top:8px;font-family:Georgia,'Times New Roman',serif;font-size:1.8rem;letter-spacing:-.02em}.blog-article-layout .article-body h3{font-family:Georgia,'Times New Roman',serif;font-size:1.35rem}.blog-article-aside{position:sticky;top:24px}.blog-aside-note{padding:22px;border:1px solid #dce7f4;border-radius:15px;background:#f2f7fd}.blog-aside-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#e2edff;color:#245fe8;font-size:1.35rem}.blog-aside-note h2{margin:17px 0 8px;color:#142f50;font-family:Georgia,'Times New Roman',serif;font-size:1.25rem;line-height:1.25}.blog-aside-note p{margin:0;color:#65788f;font-size:.93rem;line-height:1.6}.blog-aside-note a{display:inline-flex;gap:7px;align-items:center;margin-top:17px;color:#1e5dde;font-size:.9rem;font-weight:800;text-decoration:none}.blog-article .article-share{margin:34px auto 0;max-width:1088px}.blog-article .related-articles{max-width:1088px;margin:42px auto 0}.blog-article .related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-article .related-card{min-height:112px;padding:19px;border-color:#dce6f2}.blog-article .related-card:hover{border-color:#abc4eb;background:#f8fbff}.blog-article .blog-signup{max-width:1088px;margin:34px auto 0}
@media(max-width:850px){.blog-article-header.has-cover{grid-template-columns:1fr 0.9fr;gap:24px}.blog-article-layout{grid-template-columns:minmax(0,1fr);gap:24px}.blog-article-aside{position:static;max-width:none}.blog-aside-note{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}.blog-aside-mark{grid-row:span 3}.blog-aside-note h2{margin:0}.blog-aside-note p{grid-column:2}.blog-aside-note a{grid-column:2;margin-top:10px}}
@media(max-width:600px){.blog-article{padding:0 1px}.blog-back-link{margin-bottom:12px}.blog-article-header.has-cover{grid-template-columns:1fr;gap:14px;margin-bottom:24px}.blog-article-heading{padding:8px 0 0}.blog-article h1{font-size:2.45rem}.blog-article .blog-subtitle{font-size:1.02rem}.blog-article-cover{height:auto;max-height:none;aspect-ratio:16/9}.blog-article-layout .article-body{font-size:1rem;line-height:1.75}.blog-article-layout .article-body h2{font-size:1.55rem}.blog-article-aside{display:none}.blog-article .related-grid{grid-template-columns:1fr}.blog-article .blog-signup{padding:22px}.blog-article .article-share{margin-top:28px}}
.blog-grid>.blog-card:only-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,.4fr) minmax(0,1fr);align-items:stretch}.blog-grid>.blog-card:only-child .blog-card-image{height:100%;min-height:190px}.blog-card.no-image .blog-card-content{min-width:0}.blog-grid>.blog-card.no-image:only-child{display:block}
@media(max-width:600px){.blog-grid>.blog-card:only-child:not(.no-image){grid-template-columns:112px minmax(0,1fr)}.blog-grid>.blog-card.no-image:only-child{display:block}}

/* Guide typography and accessible icon-only article sharing. */
.blog-aside-note h2{font-family:inherit;font-size:1.15rem;font-weight:700;line-height:1.35;letter-spacing:-.02em}
.article-share{gap:14px}
.article-share-actions{display:inline-flex;align-items:center;gap:8px}
.article-share .article-share-button{position:relative;display:grid;width:40px;height:40px;place-items:center;border:1px solid #dce6f2;border-radius:12px;background:#fff;color:#245fe8;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.article-share .article-share-button:hover,.article-share .article-share-button:focus-visible{border-color:#b6cdf7;background:#eff5ff;color:#174fc8;transform:translateY(-1px);outline:none}
.article-share .article-share-button:focus-visible{box-shadow:0 0 0 3px rgba(36,95,232,.18)}
.article-share .article-share-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.article-share .article-share-button[data-tooltip]::after{position:absolute;z-index:5;left:50%;bottom:calc(100% + 8px);padding:5px 8px;border-radius:6px;background:#142f50;color:#fff;content:attr(data-tooltip);font-size:.75rem;font-weight:600;line-height:1.2;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,3px);transition:opacity .14s ease,transform .14s ease}
.article-share .article-share-button:hover::after,.article-share .article-share-button:focus-visible::after{opacity:1;transform:translate(-50%,0)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Blog typography follows the public Guide system: Arial and the homepage title scale. */
.blog-discovery h1{font-size:clamp(2.2rem,3.1vw,2.8rem);line-height:1.18}
.blog-article-layout .article-body,.blog-article-layout .article-body :is(h2,h3,p,li,blockquote,td,th,figcaption){font-family:Arial,sans-serif}
.blog-article-layout .article-body h2,.blog-article-layout .article-body h3{font-family:Arial,sans-serif}
.blog-card h3,.blog-card p:not(.blog-kicker),.blog-article h1{font-family:Arial,sans-serif}
.blog-article .article-body .article-font-arial{font-family:Arial,sans-serif!important}.blog-article .article-body .article-font-georgia{font-family:Georgia,'Times New Roman',serif!important}.blog-article .article-body .article-font-times-new-roman{font-family:'Times New Roman',serif!important}.blog-article .article-body .article-font-verdana{font-family:Verdana,sans-serif!important}.blog-article .article-body .article-font-tahoma{font-family:Tahoma,sans-serif!important}.blog-article .article-body .article-font-trebuchet-ms{font-family:'Trebuchet MS',sans-serif!important}.blog-article .article-body .article-font-courier-new{font-family:'Courier New',monospace!important}.blog-article .article-body .article-font-system-ui{font-family:system-ui,sans-serif!important}.blog-article .article-body .article-font-segoe-ui{font-family:'Segoe UI',sans-serif!important}.blog-article .article-body .article-font-helvetica{font-family:Helvetica,Arial,sans-serif!important}.blog-article .article-body .article-font-helvetica-neue{font-family:'Helvetica Neue',Arial,sans-serif!important}.blog-article .article-body .article-font-sans-serif{font-family:sans-serif!important}.blog-article .article-body .article-font-serif{font-family:serif!important}.blog-article .article-body .article-font-monospace{font-family:monospace!important}
@media(max-width:600px){.blog-discovery h1{font-size:clamp(1.55rem,6vw,1.9rem)}.blog-article{padding:0 1px}.blog-back-link{margin-bottom:12px}.blog-article-header.has-cover{grid-template-columns:1fr;gap:14px;margin-bottom:24px}.blog-article-heading{padding:8px 0 0}.blog-article h1{font-size:2.45rem}.blog-article .blog-subtitle{font-size:1.02rem}.blog-article-cover{height:auto;max-height:none;aspect-ratio:16/9}.blog-article-layout .article-body{font-size:1rem;line-height:1.75}.blog-article-layout .article-body h2{font-size:1.55rem}.blog-article-aside{display:none}.blog-article .related-grid{grid-template-columns:1fr}.blog-article .blog-signup{padding:22px}.blog-article .article-share{margin-top:28px}}
@media(max-width:360px){.blog-discovery h1{font-size:1.4rem}}
@media(min-width:561px) and (max-width:600px){.blog-discovery h1{font-size:clamp(2.2rem,3.1vw,2.8rem)}}

/* Featured article typography and proportions follow the public Guide design system. */
.blog-article h1{font-size:clamp(1.65rem,2.3vw,2rem);line-height:1.2;letter-spacing:-.035em}
.blog-feature{grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);min-height:270px;border-radius:18px}
.blog-feature-copy{padding:clamp(24px,3vw,38px)}
.blog-feature-copy .blog-kicker{margin-bottom:11px}
.blog-feature h2{max-width:560px;font-family:Arial,sans-serif;font-size:clamp(1.65rem,2.3vw,2rem);font-weight:700;line-height:1.2;letter-spacing:-.035em}
.blog-feature-excerpt{max-width:520px;margin:14px 0 19px;font-size:1rem;line-height:1.6}
.blog-feature-image,.blog-feature-art{min-height:270px}
@media(max-width:900px){.blog-article h1,.blog-feature h2{font-size:clamp(1.6rem,2.8vw,1.9rem)}.blog-feature{grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);min-height:250px}.blog-feature-copy{padding:25px}.blog-feature-image,.blog-feature-art{min-height:250px}}
@media(max-width:680px){.blog-article h1,.blog-feature h2{font-size:clamp(1.55rem,5.6vw,1.8rem)}.blog-feature{grid-template-columns:1fr;min-height:0}.blog-feature-copy{padding:23px 21px}.blog-feature-excerpt{margin:12px 0 16px;font-size:.96rem}.blog-feature-image,.blog-feature-art{width:100%;height:205px;min-height:205px;max-height:220px}}
@media(max-width:360px){.blog-article h1,.blog-feature h2{font-size:1.5rem}.blog-feature-copy{padding:21px 17px}}

/* Public blog refresh: compact editorial hierarchy, deliberate cover imagery and responsive cards. */
.blog-shell{max-width:1240px;padding:38px 24px 76px}
.blog-index{--blog-ink:#142f50;--blog-muted:#60758f;--blog-blue:#245fe8;--blog-line:#d9e5f3;--blog-soft:#f4f8ff;color:var(--blog-ink)}
.blog-index .blog-discovery{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:end;gap:40px;overflow:hidden;margin:0 0 24px;padding:clamp(28px,4vw,48px);border:1px solid #dce8f8;border-radius:24px;background:radial-gradient(ellipse at 90% 5%,rgba(95,151,255,.16),transparent 37%),linear-gradient(135deg,#f8fbff 0%,#fff 58%,#f2f7ff 100%);box-shadow:0 16px 42px rgba(20,47,80,.055)}
.blog-index .blog-discovery::after{position:absolute;z-index:-1;right:-55px;top:-100px;width:330px;height:330px;border:1px solid rgba(36,95,232,.1);border-radius:50%;content:"";box-shadow:0 0 0 32px rgba(36,95,232,.025),0 0 0 68px rgba(36,95,232,.02)}
.blog-index .blog-discovery-copy{max-width:650px}
.blog-index .blog-discovery .eyebrow,.blog-index .blog-recent .eyebrow{margin:0 0 10px;color:#245fe8;font-size:.72rem;font-weight:700;letter-spacing:.13em}
.blog-index .blog-discovery h1{max-width:610px;margin:0;color:#142f50;font-family:Arial,sans-serif;font-size:clamp(2rem,3.35vw,2.7rem);font-weight:700;line-height:1.12;letter-spacing:-.045em}
.blog-index .blog-discovery-copy>p:last-child{max-width:590px;margin:14px 0 0;color:#60758f;font-size:1rem;line-height:1.65}
.blog-index .blog-search{position:relative;z-index:1;width:100%;max-width:410px;margin:0 0 2px auto}
.blog-index .blog-search label{margin:0 0 8px;color:#314b6b;font-size:.8rem;font-weight:700}
.blog-index .blog-search>div{gap:8px}
.blog-index .blog-search input{min-height:48px;padding:0 15px;border:1px solid #ccdaed;border-radius:11px;background:#fff;box-shadow:0 3px 12px rgba(20,47,80,.035);font-size:.9rem}
.blog-index .blog-search input:focus{border-color:#7ca7f8;outline:3px solid rgba(36,95,232,.12)}
.blog-index .blog-search .button{min-height:48px;padding:0 19px;border-radius:11px;white-space:nowrap}
.blog-index .blog-topic-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 26px}
.blog-index .blog-topic-link{min-height:60px;padding:10px 14px;border-color:#dce6f2;border-radius:13px;background:#fff;box-shadow:0 3px 12px rgba(20,47,80,.025);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.blog-index .blog-topic-link:hover{transform:translateY(-2px);border-color:#a9c3f7;box-shadow:0 9px 22px rgba(36,95,232,.09)}
.blog-index .blog-topic-link.is-active{border-color:#a9c4ff;background:linear-gradient(135deg,#edf4ff,#f7faff);box-shadow:inset 3px 0 0 #3674f5}
.blog-index .blog-topic-link>span:last-child{color:#294666;font-size:.87rem;font-weight:700}
.blog-index .blog-topic-symbol{width:36px;height:36px;border-radius:11px;background:#f0f5ff;color:#2864e8}
.blog-index .blog-filter-summary{margin:0 0 18px;color:#657990;font-size:.85rem}
.blog-index .blog-feature{grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);min-height:0;overflow:hidden;margin:0 0 38px;border:1px solid #d9e5f3;border-radius:20px;background:linear-gradient(120deg,#fff 0%,#f7faff 100%);box-shadow:0 14px 34px rgba(20,47,80,.07);transition:transform .22s ease,box-shadow .22s ease}
.blog-index .blog-feature:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(20,47,80,.11)}
.blog-index .blog-feature-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(25px,3.2vw,42px)}
.blog-index .blog-feature .blog-kicker,.blog-index .blog-card .blog-kicker{margin:0 0 9px;color:#2865db;font-size:.68rem;line-height:1.5;letter-spacing:.08em}
.blog-index .blog-feature h2{max-width:570px;margin:0;font-family:Arial,sans-serif;font-size:clamp(1.55rem,2.5vw,2rem);line-height:1.2;letter-spacing:-.035em}
.blog-index .blog-feature h2 a{color:#142f50;text-decoration:none;text-wrap:balance}
.blog-index .blog-feature h2 a:hover{color:#245fe8}
.blog-index .blog-feature-excerpt{display:-webkit-box;overflow:hidden;max-width:540px;margin:12px 0 18px;color:#60758f;font-size:.94rem;line-height:1.62;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.blog-index .blog-feature-meta{display:flex;align-items:center;gap:16px;margin-top:auto;color:#71839b;font-size:.8rem}
.blog-index .blog-read-link{font-weight:700;text-decoration:none}
.blog-index .blog-feature-image,.blog-index .blog-feature-art{display:block;width:100%;height:100%;min-height:0;max-height:300px;aspect-ratio:16/9;object-fit:cover;background:linear-gradient(145deg,#eaf2ff,#d5e5fa)}
.blog-index .blog-feature-art{display:grid;place-content:center;gap:14px;padding:22px;color:#4f7ddb}
.blog-index .blog-feature-art>span{font-size:.7rem;font-weight:700;letter-spacing:.12em}
.blog-index .blog-feature-art svg{width:min(100%,255px);height:auto;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.blog-index .blog-section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 15px}
.blog-index .blog-section-heading .eyebrow{margin-bottom:5px}
.blog-index .blog-section-heading h2{margin:0;color:#142f50;font-family:Arial,sans-serif;font-size:1.45rem;line-height:1.25;letter-spacing:-.03em}
.blog-index .blog-section-heading>span{padding-bottom:3px;color:#71839b;font-size:.78rem;white-space:nowrap}
.blog-index .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.blog-index .blog-card{display:flex;min-width:0;min-height:0;overflow:hidden;flex-direction:column;border:1px solid #dce6f2;border-radius:15px;background:#fff;box-shadow:0 5px 18px rgba(20,47,80,.045);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.blog-index .blog-card:hover{transform:translateY(-3px);border-color:#b7caf0;box-shadow:0 14px 30px rgba(20,47,80,.09)}
.blog-index .blog-card-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#edf3fb}
.blog-index .blog-card-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:17px 18px 16px}
.blog-index .blog-card h3{margin:0 0 8px;font-size:1.05rem;line-height:1.32;letter-spacing:-.02em}
.blog-index .blog-card h3 a{color:#173656;text-decoration:none}
.blog-index .blog-card h3 a:hover{color:#245fe8}
.blog-index .blog-card p:not(.blog-kicker){display:-webkit-box;overflow:hidden;margin:0 0 13px;color:#687d95;font-size:.84rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.blog-index .blog-card time{margin-top:auto;padding-top:2px;color:#8291a5;font-size:.74rem}
.blog-index .blog-card.no-image{background:linear-gradient(145deg,#fff,#f7faff)}
.blog-index .blog-card.no-image .blog-card-content{padding-top:21px}
.blog-index .pagination{gap:7px;margin:27px 0 0}
.blog-index .pagination a{display:grid;min-width:38px;height:38px;place-items:center;padding:0 10px;border-color:#d9e5f3;border-radius:10px;color:#415a78;font-size:.82rem;font-weight:700;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.blog-index .pagination a:hover{transform:translateY(-1px);border-color:#9bb9f1;background:#f3f7ff;color:#245fe8}
.blog-index .pagination a.active{border-color:#245fe8;background:#245fe8;color:#fff}
.blog-index .blog-signup{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:42px;padding:24px 28px;border-color:#d8e5f5;border-radius:16px;background:linear-gradient(115deg,#f1f6ff,#fbfdff)}
.blog-index .blog-signup h2{margin:2px 0 5px;color:#142f50;font-size:1.2rem;letter-spacing:-.025em}
.blog-index .blog-signup p:not(.eyebrow){margin:0;color:#657990;font-size:.87rem}
.blog-index .blog-signup .button{flex:0 0 auto}
.blog-article .blog-reading-stats{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;max-width:1088px;margin:0 auto 26px;padding:13px 16px;border:1px solid #dce7f4;border-radius:12px;background:#f7faff;color:#647991;font-size:.82rem;line-height:1.45}
.blog-article .blog-reading-stats span{display:inline-flex;gap:5px;align-items:baseline}
.blog-article .blog-reading-stats strong{color:#304b6b;font-weight:700}
@media(max-width:900px){.blog-shell{padding-right:20px;padding-left:20px}.blog-index .blog-discovery{grid-template-columns:minmax(0,1fr) minmax(270px,.8fr);gap:25px;padding:30px}.blog-index .blog-topic-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-index .blog-feature{grid-template-columns:minmax(0,1fr) minmax(260px,.78fr)}.blog-index .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.blog-shell{padding:22px 16px 48px}.blog-index .blog-discovery{grid-template-columns:1fr;gap:20px;margin-bottom:17px;padding:25px 21px;border-radius:18px}.blog-index .blog-discovery::after{right:-190px;top:-185px}.blog-index .blog-discovery h1{font-size:clamp(1.8rem,8vw,2.25rem)}.blog-index .blog-discovery-copy>p:last-child{margin-top:10px;font-size:.92rem;line-height:1.55}.blog-index .blog-search{max-width:none;margin:0}.blog-index .blog-search>div{display:flex}.blog-index .blog-search input{min-height:46px}.blog-index .blog-search .button{min-height:46px;padding:0 14px}.blog-index .blog-topic-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:19px}.blog-index .blog-topic-link{min-height:52px;gap:8px;padding:8px 9px;border-radius:11px}.blog-index .blog-topic-symbol{width:31px;height:31px;flex-basis:31px}.blog-index .blog-topic-link>span:last-child{font-size:.76rem}.blog-index .blog-feature{grid-template-columns:1fr;margin-bottom:29px;border-radius:16px}.blog-index .blog-feature-copy{padding:22px 19px 18px}.blog-index .blog-feature h2{font-size:1.52rem}.blog-index .blog-feature-excerpt{margin:10px 0 14px;font-size:.88rem;line-height:1.55;-webkit-line-clamp:3}.blog-index .blog-feature-image,.blog-index .blog-feature-art{height:auto;min-height:0;max-height:none;aspect-ratio:16/9}.blog-index .blog-section-heading{align-items:flex-start;margin-bottom:12px}.blog-index .blog-section-heading h2{font-size:1.25rem}.blog-index .blog-section-heading>span{padding-top:4px;font-size:.7rem}.blog-index .blog-grid{grid-template-columns:1fr;gap:12px}.blog-index .blog-card{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:132px;flex-direction:initial;border-radius:13px}.blog-index .blog-card-image{width:112px;height:100%;min-height:132px;aspect-ratio:auto;object-fit:cover}.blog-index .blog-card-content{padding:13px 13px 12px}.blog-index .blog-card .blog-kicker{display:-webkit-box;overflow:hidden;margin-bottom:5px;font-size:.58rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:1}.blog-index .blog-card h3{display:-webkit-box;overflow:hidden;margin:0 0 5px;font-size:.94rem;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.blog-index .blog-card p:not(.blog-kicker){margin-bottom:5px;font-size:.75rem;line-height:1.4;-webkit-line-clamp:2}.blog-index .blog-card time{font-size:.68rem}.blog-index .blog-card.no-image{display:block;min-height:0}.blog-index .blog-card.no-image .blog-card-content{padding:17px}.blog-index .blog-signup{align-items:flex-start;flex-direction:column;gap:15px;margin-top:29px;padding:20px;border-radius:14px}.blog-article .blog-reading-stats{gap:8px 14px;margin:0 auto 20px;padding:12px 13px;font-size:.74rem}}
@media(max-width:360px){.blog-shell{padding-right:12px;padding-left:12px}.blog-index .blog-card{grid-template-columns:96px minmax(0,1fr)}.blog-index .blog-card-image{width:96px}.blog-index .blog-card-content{padding:11px}.blog-index .blog-topic-link{padding-right:6px;padding-left:7px}}
@media(prefers-reduced-motion:reduce){.blog-index .blog-topic-link,.blog-index .blog-feature,.blog-index .blog-card,.blog-index .pagination a{transition:none}.blog-index .blog-topic-link:hover,.blog-index .blog-feature:hover,.blog-index .blog-card:hover,.blog-index .pagination a:hover{transform:none}}

/* Keep cover imagery in proportion to its editorial text and make the excerpt link obvious without adding visual noise. */
.blog-index .blog-feature-image,.blog-index .blog-feature-art{height:auto;max-height:260px;align-self:center}
.blog-index .blog-card-excerpt{display:block!important;overflow:visible!important;max-height:none!important;-webkit-line-clamp:unset!important}
.blog-index .blog-excerpt-short{display:none}
.blog-index .blog-card-more{display:inline-grid;width:19px;height:19px;margin-left:5px;place-items:center;vertical-align:-4px;border:1px solid #d9e5f3;border-radius:50%;color:#2865db;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}
.blog-index .blog-card-more svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.blog-index .blog-card-more:hover,.blog-index .blog-card-more:focus-visible{transform:translateX(2px);border-color:#9bb9f1;background:#f3f7ff;outline:2px solid rgba(36,95,232,.15);outline-offset:1px}
.blog-index .blog-grid>.blog-card:only-child:not(.no-image){grid-template-columns:minmax(190px,.32fr) minmax(0,1fr)}
.blog-index .blog-grid>.blog-card:only-child .blog-card-image{width:100%;height:auto;min-height:0;max-height:180px;aspect-ratio:16/9;align-self:center}
@media(max-width:640px){.blog-index .blog-feature-image,.blog-index .blog-feature-art{max-height:230px}.blog-index .blog-excerpt-long{display:none}.blog-index .blog-excerpt-short{display:inline}.blog-index .blog-card-excerpt{line-height:1.45!important}.blog-index .blog-grid>.blog-card:only-child:not(.no-image){grid-template-columns:96px minmax(0,1fr)}.blog-index .blog-grid>.blog-card:only-child .blog-card-image{width:96px;height:132px;min-height:132px;max-height:none;aspect-ratio:auto;align-self:stretch}}
@media(max-width:360px){.blog-index .blog-grid>.blog-card:only-child:not(.no-image){grid-template-columns:88px minmax(0,1fr)}.blog-index .blog-grid>.blog-card:only-child .blog-card-image{width:88px}}
@media(prefers-reduced-motion:reduce){.blog-index .blog-card-more{transition:none}.blog-index .blog-card-more:hover{transform:none}}
/* The feature image keeps its current size; compact the copy so the card no longer leaves vertical gutters around it. */
.blog-index .blog-feature-copy{padding:18px clamp(20px,2vw,28px)}
.blog-index .blog-feature-image,.blog-index .blog-feature-art{height:100%;max-height:260px}
@media(max-width:640px){.blog-index .blog-feature-copy{padding:22px 19px 18px}.blog-index .blog-feature-image,.blog-index .blog-feature-art{height:auto;max-height:230px}}
.blog-index .blog-grid>.blog-card:only-child .blog-card-content{padding-top:9px;padding-bottom:9px}
.blog-index .blog-read-more-icon{width:19px;height:19px;margin-left:0;font-size:0}
.blog-index .blog-read-link:hover .blog-read-more-icon,.blog-index .blog-read-link:focus-visible .blog-read-more-icon{transform:translateX(2px);border-color:#9bb9f1;background:#f3f7ff}
@media(max-width:640px){.blog-index .blog-grid>.blog-card:only-child .blog-card-content{padding:13px}}