.blog-body{background:#faf8f4;color:#24241f;--muted:#69635d;--line:#e5ddd4}
.blog-body .header{background:#faf8f4;color:#24241f;border-bottom:1px solid var(--line)}
.blog-body .header nav{font-size:16px;gap:26px}.blog-body .header nav>a:hover{color:#b93956}
.blog-body .header .wordmark{color:#24241f}
.blog-index{padding-block:64px 88px}.blog-index>h1{font-size:clamp(38px,5vw,64px);line-height:1.1;letter-spacing:-2px;max-width:850px}
.blog-lead{font-size:20px;line-height:1.65;color:#625b55;max-width:760px;margin-bottom:32px}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.blog-card{display:flex;flex-direction:column;padding:30px;background:#fff;border:1px solid #e4dbd3;border-radius:24px;transition:border-color .2s,box-shadow .2s}
.blog-card:hover{border-color:#ca675c;box-shadow:0 8px 24px #4831230a}.blog-card h2{font-size:27px;line-height:1.25;letter-spacing:-.6px;margin-bottom:18px}.blog-card p{font-size:17px;line-height:1.65;color:#69635d;flex:1}.blog-card>span{font-size:16px;font-weight:650;color:#b73754;margin-top:12px}
.article-wrap{width:min(760px,calc(100% - 40px));margin:auto;padding-block:36px 56px}
.breadcrumbs{display:flex;gap:12px;font-size:16px;line-height:1.5;margin-bottom:28px;color:#746b64}.breadcrumbs a{padding-block:8px}.breadcrumbs span{align-self:center}.breadcrumbs a:hover,.all-articles:hover{text-decoration:underline}
.article-heading h1{font-size:clamp(34px,4vw,54px);line-height:1.12;letter-spacing:-1.7px;margin-bottom:22px;overflow-wrap:break-word}
.article-meta{font-size:14px;line-height:1.6;color:#746b64;margin-bottom:24px}
.article-toc{padding:26px 30px;border:1px solid #e5d9d2;background:#fff;border-radius:22px;margin:32px 0 40px}.article-toc h2{font-size:22px;letter-spacing:-.4px;margin-bottom:16px}.article-toc ul{padding-left:22px;margin:0}.article-toc li{padding-block:6px;font-size:17px;line-height:1.55}.article-toc a{text-decoration:underline;text-decoration-color:#d8aaa4;text-underline-offset:4px}
.article-content section{margin-bottom:38px;scroll-margin-top:28px}.article-content h2{font-size:29px;line-height:1.25;letter-spacing:-.7px;margin-bottom:18px}.article-content p{font-size:18px;line-height:1.8;margin-bottom:18px}.article-content blockquote{margin:24px 0;padding:22px 26px;border-left:4px solid #cb405b;border-radius:0 18px 18px 0;background:#f9e9e4;font-size:18px;line-height:1.75}
.article-cta{background:linear-gradient(120deg,#ffead8,#fbe4ee);border:1px solid #edc9c1;border-radius:26px;padding:34px;margin-top:48px}.article-cta>img{display:block;margin-bottom:20px}.article-cta h2{font-size:34px;letter-spacing:-1px;line-height:1.2;margin-bottom:18px}.article-cta p{font-size:18px;line-height:1.7;color:#55423d;margin-bottom:24px}.article-cta .button{font-size:17px;min-height:56px}
.related{padding-bottom:72px;max-width:1000px}.related>h2{font-size:34px;letter-spacing:-1px}.related .blog-card h2{font-size:24px}.all-articles{display:inline-block;padding:16px 0;font-size:17px;margin-top:12px;color:#a82f4d}
.blog-body .footer{color:#faf8f2;--muted:#b0aaa4;--line:#34342f}.blog-body .login-choice>p,.blog-body .login-options .button{font-size:16px}
.blog-body a:focus-visible,.blog-body button:focus-visible{outline:3px solid #be3e62;outline-offset:4px}
@media(max-width:640px){.blog-index{padding-block:36px 52px}.blog-index>h1{letter-spacing:-1.3px}.blog-lead{font-size:18px}.blog-grid{grid-template-columns:1fr;gap:16px}.blog-card{padding:24px}.blog-card h2{font-size:25px}.article-wrap{padding-top:20px}.article-heading h1{letter-spacing:-1px}.article-toc{padding:22px}.article-content h2{font-size:26px}.article-content p,.article-content blockquote{font-size:18px;line-height:1.75}.article-content blockquote{padding:18px}.article-cta{padding:26px 22px}.article-cta h2{font-size:29px}.article-cta .button{width:100%}.related{padding-bottom:48px}.article-meta{font-size:14px}.blog-body .header{gap:12px}}
@media(prefers-reduced-motion:reduce){.blog-body{scroll-behavior:auto}.blog-card{transition:none}}

/* Responsive editorial covers reserve their space before loading. */
.blog-photo{display:block;width:100%;height:auto;aspect-ratio:1280/854;object-fit:cover;border-radius:16px;background:#eee7df}
.blog-card>.blog-photo{margin-bottom:24px;flex:none}
.article-cover{margin:28px 0 32px}.article-cover .blog-photo{border-radius:22px}.article-cover figcaption{font-size:14px;line-height:1.5;color:#746b64;margin-top:10px}
@media(max-width:640px){.blog-card>.blog-photo{margin-bottom:20px}.article-cover .blog-photo{border-radius:18px}}