/* Blog content follows site-wide ALEX design tokens and shared components. */
.blog-main{max-width:1250px;margin:0 auto;padding:76px 5% 105px}.blog-reading{max-width:800px}.blog-kicker{font:11px Arial,Helvetica,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#666;margin:0 0 16px}.blog-main h1{font:normal clamp(40px,5vw,74px)/1.07 Georgia,serif;margin:10px 0 28px;color:var(--ink)}.blog-main h2{font:normal clamp(28px,3.5vw,44px)/1.16 Georgia,serif;margin:58px 0 19px;color:var(--ink)}.blog-main p{font:17px/1.8 Arial,Helvetica,sans-serif;color:#4f4d48;margin:0 0 22px}.blog-main a:not(.btn){text-decoration:underline;text-underline-offset:3px}.blog-main .blog-cta{background:#e8e4db;padding:36px;margin:55px 0}.blog-main .blog-cta h2{margin:0 0 16px}.blog-main .blog-cta .btn{margin-top:10px}.blog-main .blog-related{border-top:1px solid var(--line);padding-top:20px;margin-top:58px}.blog-main .blog-related h2{margin-top:12px}.blog-main .blog-related ul{padding-left:22px;line-height:2}.blog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 50px;margin-top:40px}.blog-card{border-top:1px solid var(--line);padding:22px 0}.blog-card h2{font-size:clamp(24px,2.5vw,34px);margin:8px 0 12px}.blog-card h2 a{text-decoration:none!important}.blog-card p{font-size:15px}@media(max-width:760px){.blog-main{padding:48px 5% 75px}.blog-list{grid-template-columns:1fr}.blog-main .blog-cta{padding:24px}.blog-main h2{margin-top:38px}}

/* Reserved editorial image placements, replaced with licensed original photos before launch. */
.blog-media-slot{margin:34px 0 42px}.blog-media-placeholder{aspect-ratio:3/2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:28px;border:1px dashed #aaa69d;background:#eeeae2;color:#66625a}.blog-media-hero .blog-media-placeholder{aspect-ratio:16/9}.blog-media-label{font:600 12px Arial,sans-serif;letter-spacing:.15em}.blog-media-hint{font:14px/1.5 Arial,sans-serif;max-width:450px}.blog-media-slot figcaption{font:12px/1.5 Arial,sans-serif;color:#77746e;margin-top:9px}@media(max-width:760px){.blog-media-placeholder{padding:20px}.blog-media-hint{font-size:12px}}

/* Blog layout uses the shared visual hierarchy, not competing heading definitions. */
.blog-main{max-width:1250px;margin:0 auto;padding:80px 5% 105px}
.blog-reading{max-width:800px}
.blog-main .eyebrow{display:block;margin-bottom:18px;font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted)}
.blog-main h1{font:normal clamp(40px,5vw,74px)/1.07 Georgia,serif;margin:14px 0 30px;color:var(--ink)}
.blog-main h2.section-title{font:normal clamp(30px,4vw,54px)/1.07 Georgia,serif;margin:60px 0 20px;color:var(--ink)}
.blog-main .blog-cta{background:#e8e4db;padding:40px;margin:60px 0}
.blog-main .blog-cta h2.section-title{margin:0 0 18px}
.blog-main .blog-media-placeholder{border:1px dashed #aaa59b;background:repeating-linear-gradient(135deg,#dedbd3,#dedbd3 14px,#e8e5de 14px,#e8e5de 28px);color:#656057}
.blog-main .blog-card h2.section-title{font:normal clamp(24px,2.5vw,34px)/1.16 Georgia,serif;margin:8px 0 12px}
@media(max-width:760px){.blog-main{padding:48px 5% 75px}.blog-main h2.section-title{margin-top:38px}.blog-main .blog-cta{padding:24px}}

/* Article editorial system */
.blog-byline{font-size:14px;color:var(--muted);margin:-6px 0 28px}.blog-byline a{color:var(--ink);text-underline-offset:3px}.blog-deep-dive h3,.blog-faq h3{font:normal 25px/1.22 Georgia,serif;margin:28px 0 10px;color:var(--ink)}.blog-deep-dive,.blog-faq{margin:50px 0}.blog-deep-dive p,.blog-faq p{margin:0 0 18px}.blog-faq{border-top:1px solid var(--line);padding-top:14px}@media(max-width:760px){.blog-deep-dive h3,.blog-faq h3{font-size:22px}}

.blog-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font:13px/1.5 Arial,sans-serif;color:var(--muted);margin-bottom:34px}.blog-breadcrumbs a{color:var(--ink);text-underline-offset:3px}.blog-breadcrumbs [aria-current]{max-width:100%;overflow-wrap:anywhere}

/* Inherit the site-wide heading scale rather than introducing larger article titles. */
.blog-main h1{font:normal var(--type-display-desktop)/1.08 var(--font-display);letter-spacing:-.015em;text-wrap:balance}
.blog-main h2,.blog-main h2.section-title{font:normal var(--type-section-desktop)/1.13 var(--font-display)}
.blog-main .blog-card h2.section-title{font:normal clamp(24px,2.5vw,34px)/1.16 var(--font-display)}
@media(max-width:800px){.blog-main h1{font-size:var(--type-display-tablet)}.blog-main h2,.blog-main h2.section-title{font-size:var(--type-section-tablet)}.blog-main .blog-card h2.section-title{font-size:clamp(24px,3vw,32px)}}
@media(max-width:520px){.blog-main h1{font-size:var(--type-display-mobile)}.blog-main h2,.blog-main h2.section-title{font-size:var(--type-section-mobile)}.blog-main .blog-card h2.section-title{font-size:24px}}