/* Blog: three type roles and a shared 8px spacing scale. */
:root{--blog-ink:#1d2335;--blog-muted:#526076;--blog-blue:#174bdb;--blog-yellow:#efff00;--blog-rule:#dce0e6;--blog-small:1rem;--blog-heading:1.5rem;--blog-display:2rem;--blog-gutter:24px;--blog-gap:24px}
body{background:#fff!important}.blog-shell{color:var(--blog-ink);max-width:1120px;margin:auto;padding:32px var(--blog-gutter) 48px;font-size:var(--blog-small);line-height:1.5}.blog-shell h1,.blog-shell h2{font-family:Lora,serif;font-weight:700;text-wrap:balance}.blog-intro{margin-bottom:32px}.blog-intro h1{font-size:var(--blog-heading);line-height:1.25}.blog-intro p{color:var(--blog-muted);margin-top:8px}
.blog-feature{display:grid;grid-template-columns:1fr 1fr;background:var(--blog-ink);color:white;overflow:hidden;border-radius:8px}.blog-feature-copy{padding:32px;align-self:center}.blog-eyebrow{display:block;font-size:var(--blog-small);color:var(--blog-muted)}.blog-feature .blog-eyebrow{color:#d7deef}.blog-feature h2{font-size:var(--blog-display);line-height:1.2;margin:16px 0}.blog-feature p{font-size:var(--blog-small)}.blog-read{display:inline-flex;align-items:center;gap:16px;background:var(--blog-yellow);color:var(--blog-ink);padding:12px 16px;border-radius:4px;margin-top:24px;font-weight:700;min-height:48px}.blog-picture{display:flex;align-items:center;justify-content:center;background:#f2f3f5;overflow:hidden}.blog-picture img{width:100%;height:100%;object-fit:contain;padding:16px}.blog-feature .blog-picture{height:360px;background:var(--blog-yellow)}.blog-section-heading{font-size:var(--blog-heading);line-height:1.25;margin:32px 0 8px}.blog-stories{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.blog-story{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--blog-rule)}.blog-story .blog-picture{width:120px;height:144px;border-radius:4px}.blog-story h2{font-size:var(--blog-heading);line-height:1.25;margin:8px 0}.blog-story p{color:var(--blog-muted)}.blog-story-text{grid-template-columns:1fr}.blog-subscribe{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;border-top:4px solid var(--blog-yellow);padding:24px 0;margin-top:32px}.blog-subscribe h2{font-size:var(--blog-heading);line-height:1.25}.blog-subscribe p{margin-top:8px}.blog-subscribe label{display:block;font-weight:700;margin-bottom:8px}.blog-signup-fields{display:flex;gap:8px}.blog-signup-fields input{min-width:0;width:100%;border:1px solid #657084;border-radius:4px;padding:12px;font:inherit;background:white}.blog-signup-fields button{background:var(--blog-ink);color:white;border-radius:4px;padding:12px 16px;font:inherit;font-weight:700}.blog-pagination{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px}.blog-pagination a{padding:12px 0;color:var(--blog-blue);font-weight:700}.blog-shell a:focus-visible,.blog-shell button:focus-visible,.blog-shell input:focus-visible{outline:3px solid var(--blog-blue);outline-offset:4px}.blog-feature a:focus-visible{outline-color:var(--blog-yellow)}.blog-shell a:hover{text-decoration:underline;text-underline-offset:4px}.blog-shell ::selection{background:var(--blog-yellow);color:var(--blog-ink)}.blog-shell input{caret-color:var(--blog-blue)}.blog-article{max-width:760px;line-height:1.7}.blog-article .content-prose img{max-height:600px;object-fit:contain;margin:auto}.blog-article h1{font-size:var(--blog-display);line-height:1.2;margin:24px 0}.blog-article .blog-subscribe{grid-template-columns:1fr}.blog-back{display:inline-block;color:var(--blog-blue);padding:8px 0}
@media(max-width:900px){.blog-stories{grid-template-columns:1fr}.blog-subscribe{grid-template-columns:1fr;gap:24px}}
@media(max-width:640px){:root{--blog-gutter:16px}.blog-shell{padding-top:24px}.blog-intro{margin-bottom:24px}.blog-feature{grid-template-columns:1fr}.blog-feature-copy{padding:24px}.blog-feature .blog-picture{height:224px}.blog-story{grid-template-columns:1fr 104px;gap:16px}.blog-story .blog-picture{grid-column:2;grid-row:1;width:104px;height:128px}.blog-story>div{grid-column:1;grid-row:1}.blog-story p{display:none}.blog-story-text{grid-template-columns:1fr}.blog-signup-fields button{padding-inline:12px}}
/* Match the shared navigation's content edges; keep article text readable. */
:root{--blog-heading:1.5rem;--blog-display:1.5rem;--blog-gutter:16px}
.blog-shell{max-width:1280px;padding:32px 16px 48px}.blog-intro{margin-bottom:24px}.blog-feature{background:#f1f3f5;color:var(--blog-ink)}.blog-feature .blog-eyebrow{color:var(--blog-muted)}.blog-feature .blog-picture{background:#e7e9ec}.blog-feature-copy{padding:32px}.blog-feature h2{margin:8px 0 16px}.blog-read{background:var(--blog-blue);color:white;margin-top:24px}.blog-feature a:focus-visible{outline-color:var(--blog-blue)}.blog-subscribe{border:0;margin-top:0;padding:32px 0 0;gap:24px}.blog-section-heading{margin:32px 0 0}.blog-story{gap:24px}.blog-pagination{margin-top:32px}.blog-reading-layout{display:grid;grid-template-columns:minmax(0,720px) minmax(240px,320px);gap:64px;justify-content:space-between}.blog-reading-body{max-width:720px}.blog-reading-aside{padding-top:64px}.blog-reading-aside h2{font-size:var(--blog-heading);line-height:1.25}.blog-related{display:block;padding:16px 0;border-bottom:1px solid var(--blog-rule);color:var(--blog-blue)}.blog-reading-aside .blog-subscribe{display:block;margin-top:0}.blog-reading-aside form{margin-top:24px}.blog-reading-aside .blog-signup-fields{flex-wrap:wrap}.blog-reading-aside .blog-signup-fields button{min-height:48px}.blog-article .content-prose img{max-width:100%;max-height:520px}.blog-article .content-prose p{margin-bottom:24px}
@media(max-width:900px){.blog-reading-layout{grid-template-columns:1fr;gap:32px}.blog-reading-body{margin:auto;width:100%}.blog-reading-aside{padding-top:24px;border-top:1px solid var(--blog-rule);max-width:720px;width:100%;margin:auto}}
@media(max-width:640px){.blog-shell{padding-top:24px}.blog-feature-copy{padding:24px}.blog-feature .blog-picture{height:224px}.blog-story{gap:16px}.blog-subscribe{padding-top:24px}.blog-article h1{font-size:var(--blog-heading)}}
/* A warmer lead image, with scale reserved for the story itself. */
.blog-feature{background:#fff}.blog-feature .blog-picture{background:#b9dfff}.blog-feature h2,.blog-post-header h1{font-size:48px;line-height:1.12;letter-spacing:-.025em}.blog-story .tone-blue{background:#e4ecf5}.blog-story .tone-lavender{background:#ede8f2}
@media(max-width:640px){.blog-feature h2,.blog-post-header h1{font-size:36px}.blog-feature-copy{padding:24px}}
/* A shared frame ties the lead story together; the masthead anchors the page. */
.blog-intro{padding-bottom:16px;margin-bottom:24px;border-bottom:1px solid var(--blog-rule)}
.blog-feature{border:1px solid #c5d5e3}
.blog-feature-copy{padding:32px}
.blog-section-heading{margin-top:32px;margin-bottom:0}
.blog-story{padding-block:24px}
.blog-subscribe{padding-top:32px}
.blog-pagination{margin-top:24px}
.blog-reading-aside .blog-subscribe{padding-top:32px}
@media(max-width:640px){
 .blog-intro{padding-bottom:16px;margin-bottom:24px}
 .blog-feature-copy{padding:24px}
 .blog-feature h2{margin-top:8px;margin-bottom:16px}
 .blog-read{margin-top:16px}
 .blog-section-heading{margin-top:24px}
 .blog-story{padding-block:24px}
 .blog-subscribe{padding-top:24px}
 .blog-shell{padding-bottom:32px}
}
/* Shared button shape across article links and subscription forms. */
.blog-read,.blog-signup-fields button,.content-prose a.store-cta{border-radius:8px}
/* Match web/store pagination: a rounded, joined group with caret navigation. */
.blog-pagination{justify-content:center;align-items:center;margin:32px 0 0}
.blog-page-group{display:inline-flex;max-width:100%;border:1px solid #d1d5db;border-radius:8px;overflow:hidden;background:white;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #00000012}
.blog-shell .blog-page-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 16px;font-size:16px;font-weight:400;line-height:1.5;color:#374151;text-decoration:none}
.blog-page-link+ .blog-page-link{border-left:1px solid #d1d5db}.blog-page-link svg{flex-shrink:0}
.blog-shell .blog-page-link:hover{background:#134fe6;color:white;text-decoration:none}.blog-shell .blog-page-link:focus-visible{outline-offset:-3px}

/* Editorial artwork shares a white paper ground and a two-ink palette. */
.blog-feature .blog-picture,.blog-story .blog-picture{background:#fff}
.blog-story .blog-picture{height:120px}
.blog-story .blog-picture img{padding:0}
@media(max-width:900px){.blog-story .blog-picture{height:104px}}
.blog-evidence{margin:32px 0}
.blog-evidence img{display:block;width:100%;height:auto;border:1px solid var(--blog-rule);border-radius:4px}
.blog-evidence figcaption{margin-top:8px;color:var(--blog-muted);font-size:16px;line-height:1.5}

/* One editorial opening: dateline, headline, and the story's illustration. */
.blog-post-header{display:grid;grid-template-columns:minmax(0,1fr) 160px;column-gap:32px;row-gap:16px;align-content:center;margin:32px 0;padding-bottom:32px;border-bottom:1px solid var(--blog-rule)}
.blog-post-header time{grid-column:1;grid-row:1;align-self:end;color:var(--blog-muted);font-size:16px;line-height:1.5}
.blog-post-header h1{grid-column:1;grid-row:2;margin:0;text-wrap:pretty}
.blog-post-image{grid-column:2;grid-row:1 / 3;align-self:center;display:block;width:160px;height:160px;object-fit:contain}
.blog-post-header:not(:has(.blog-post-image)){grid-template-columns:1fr}
@media(max-width:640px){
 .blog-post-header{grid-template-columns:minmax(0,1fr) 80px;column-gap:16px;row-gap:24px;margin:24px 0;padding-bottom:24px}
 .blog-post-header time{align-self:center}
 .blog-post-header h1{grid-column:1 / -1}
 .blog-post-image{grid-row:1;width:80px;height:80px}
}

.blog-actions{display:flex;flex-wrap:wrap;gap:16px;margin-block:24px}

/* Section navigation carries the blog breadcrumb; preserve room for RSS. */
.blog-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.udh .udh-row2__in{overflow:hidden}
.udh .udh-row2__in>.udh-cat--static{display:block;min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:44px}
.udh .udh-row2__in>a,.udh .udh-row2__in>.udh-sep{flex-shrink:0}
.blog-post-header{margin-top:0}
.blog-reading-aside{padding-top:0}
.udh .udh-row2 .udh-act:last-child{margin-right:0;padding-right:0}