/* Blog additions use the approved D-01 colors without changing the existing pages. */
.blog-page{min-width:0}
.blog-page .page-heading h1{max-width:940px}
.blog-page .page-heading .intro{max-width:800px;margin-top:22px;font-size:18px;line-height:1.85;color:#e2e8f0}
.blog-meta{display:flex;flex-wrap:wrap;gap:5px 20px;font-size:13px;line-height:1.7;color:var(--muted-light);margin-block:18px}
.page-heading .blog-meta{color:#cbd5e1}
.blog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-block:48px}
.blog-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:30px;border:1px solid var(--line-light);border-radius:10px;background:#fff}
.blog-category{font-size:11px;line-height:1.7;letter-spacing:.8px;text-transform:uppercase;color:#a13d1c;font-weight:800;margin-bottom:14px}
.blog-card h2{font-size:26px;line-height:1.3;letter-spacing:-.4px;overflow-wrap:anywhere;hyphens:auto}
.blog-card h2 a:hover{color:#a13d1c}
.blog-card>p:not(.blog-category){font-size:16px;line-height:1.85;color:var(--muted-light);margin-bottom:20px}
.blog-card>.text-link{margin-top:auto}
.blog-empty{grid-column:1/-1;padding:34px;border:1px solid var(--line-light);border-radius:10px;background:white}
.blog-empty h2{font-size:27px;line-height:1.3;margin-bottom:14px}
.blog-empty p{color:var(--muted-light);line-height:1.85;margin-block:10px}
.blog-reading{display:grid;grid-template-columns:minmax(180px,250px) minmax(0,780px);align-items:start;gap:54px;padding-block:48px 60px}
.blog-toc{min-width:0;border:1px solid var(--line-light);border-radius:10px;padding:22px;background:white}
.blog-toc h2{font-size:15px;line-height:1.5;margin-bottom:15px}
.blog-toc ol{margin:0;padding-left:20px;font-size:14px;line-height:1.75}
.blog-toc li+li{margin-top:10px}
.blog-toc a,.blog-sources a,.blog-related a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.blog-body{min-width:0;max-width:100%;font-size:17px;line-height:1.9}
.blog-section{scroll-margin-top:24px;margin-bottom:40px}
.blog-section h2,.blog-sources h2,.blog-related h2{font-size:29px;line-height:1.3;letter-spacing:-.35px;margin-bottom:20px;overflow-wrap:anywhere;hyphens:auto}
.blog-section p+p{margin-top:20px}
.blog-section ul{padding-left:24px;margin-top:20px}
.blog-section li+li{margin-top:10px}
.blog-sources,.blog-related{scroll-margin-top:24px;border-top:1px solid var(--line-light);padding-top:28px;margin-top:36px}
.blog-sources h2,.blog-related h2{font-size:22px}
.blog-sources ul,.blog-related ul{padding-left:22px;font-size:15px;line-height:1.85}
.blog-sources li+li,.blog-related li+li{margin-top:12px}
.blog-inquiry{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:30px;align-items:center;background:var(--bg-dark);color:white;border:1px solid var(--line-dark);border-radius:10px;padding:30px;margin-top:40px}
.blog-inquiry h2{font-size:25px;line-height:1.3;margin:10px 0 16px;overflow-wrap:anywhere}
.blog-inquiry p{font-size:15px;line-height:1.85;color:#cbd5e1}
.blog-inquiry .eyebrow{color:var(--orange);font-size:10px}
.blog-inquiry .button{max-width:100%;white-space:normal;text-align:center;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.blog-inquiry .blog-inquiry-note{font-size:12px;margin-top:14px}
.blog-bottom{padding-bottom:55px}
.blog-bottom .blog-inquiry{margin-top:0}
.blog-back{margin-top:30px}
.blog-page p,.blog-page li{overflow-wrap:anywhere}
@media(max-width:950px){.blog-reading{grid-template-columns:minmax(0,1fr);gap:32px;max-width:850px}.blog-toc ol{columns:2;column-gap:36px}.blog-toc li{break-inside:avoid}.blog-card{padding:25px}}
@media(max-width:650px){.blog-list{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:32px}.blog-inquiry{grid-template-columns:minmax(0,1fr);gap:22px;padding:25px}.blog-page .page-heading .intro{font-size:16px}.blog-reading{padding-block:30px 42px}.blog-body{font-size:16px;line-height:1.85}.blog-section h2{font-size:25px}.blog-card h2{font-size:24px}.blog-meta{display:block;font-size:12px}.blog-meta span{display:block}.blog-bottom{padding-bottom:38px}}
@media(max-width:380px){.blog-card,.blog-empty,.blog-toc,.blog-inquiry{padding:20px}.blog-toc ol{columns:auto}.blog-section h2{font-size:23px}.blog-inquiry h2{font-size:23px}}