/* Original archival editorial treatment. All selectors stay within blog components. */
.blog-index-hero,.blog-article-hero { background:#e5ddcb; padding-block:clamp(52px,7vw,100px); }
.blog-index-hero h1 { max-width:950px; margin:20px 0 28px; font-size:clamp(44px,6.5vw,88px); line-height:1.1; }
.rtl .blog-index-hero h1 { line-height:1.5; }
.blog-deck { max-width:680px; font-size:clamp(18px,1.6vw,22px); line-height:1.8; margin:0 0 24px; }
.blog-status { display:inline-block; margin:12px 0 0; padding:8px 13px; border:1px solid #8c806a; border-radius:5px; font-size:13px; line-height:1.8; }
.blog-list,.blog-related { background:var(--paper); padding-block:clamp(48px,6vw,88px); }
.blog-feature { background:#202722; color:#f1ece2; padding-block:clamp(52px,6vw,88px); }
.blog-section-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:28px; }
.blog-section-heading h2 { margin:0; font-size:clamp(28px,3vw,42px); line-height:1.3; }
.rtl .blog-section-heading h2 { line-height:1.6; }
.blog-section-heading .eyebrow { margin:0 0 16px; color:inherit; }
.blog-section-heading > p { max-width:430px; margin:0; line-height:1.9; }
.blog-all,.blog-back { display:inline-flex; gap:16px; align-items:center; min-height:44px; padding-block:8px; text-decoration:underline; text-underline-offset:6px; }
.blog-all { flex-shrink:0; }
.blog-section-note { max-width:710px; margin:0 0 36px; font-size:17px; line-height:1.9; color:#ded8ca; }
.blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(20px,2.5vw,36px); }
.blog-card { display:flex; flex-direction:column; color:var(--ink); background:#e8e0d0; border:1px solid #c5bcaa; border-radius:5px; overflow:hidden; text-decoration:none; min-width:0; }
.blog-feature .blog-card { background:#28342d; border-color:#5a665a; color:#f1ece2; }
.blog-card-image { aspect-ratio:1.5; overflow:hidden; background:#171b17; }
.blog-card-image img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; transition:transform .25s ease; }
.blog-card-book .blog-card-image { background:#ded2b8; }
.blog-card-book .blog-card-image img { object-fit:contain; padding:14px; }
.blog-card-copy { display:flex; flex-direction:column; flex:1; padding:clamp(20px,2vw,28px); }
.blog-meta { display:flex; align-items:center; gap:12px; font-size:12px; letter-spacing:.03em; margin:0 0 18px; }
.blog-meta > span { font-family:Georgia,serif; font-size:18px; opacity:.65; }
.blog-card h3 { font-size:clamp(23px,2.1vw,30px); line-height:1.25; margin:0 0 18px; }
.rtl .blog-card h3 { font-size:clamp(22px,1.8vw,28px); line-height:1.7; }
.blog-card-copy > p:not(.blog-meta) { font-size:15px; line-height:1.9; margin:0 0 26px; }
.blog-read { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:auto; padding-top:18px; border-top:1px solid currentColor; font-size:13px; }
.blog-card:hover h3 { text-decoration:underline; text-underline-offset:5px; }
.blog-card:hover .blog-card-image img { transform:scale(1.035); }
.blog-card:focus-visible { outline:3px solid #a1442f; outline-offset:5px; }
.blog-feature .blog-card:focus-visible { outline-color:#e8c98b; }
.blog-article-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); align-items:center; gap:clamp(32px,5vw,72px); }
.blog-back { margin:0 0 28px; font-size:14px; }
.blog-article-heading .eyebrow { margin:0 0 18px; }
.blog-article-heading h1 { font-size:clamp(38px,4.4vw,66px); line-height:1.12; margin:0 0 24px; }
.rtl .blog-article-heading h1 { font-size:clamp(34px,3.7vw,56px); line-height:1.6; }
.blog-hero-image { margin:0; min-width:0; }
.blog-hero-image img { display:block; width:100%; height:auto; border-radius:5px; }
.blog-hero-image figcaption { font-size:12px; line-height:1.8; margin-top:14px; max-width:65ch; }
.blog-book-image img { width:min(100%,370px); margin-inline:auto; }
.blog-book-image figcaption { text-align:center; }
.blog-introduction,.blog-brief { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:clamp(28px,5vw,72px); padding-block:clamp(48px,6vw,84px); }
.blog-introduction { background:var(--paper); }
.blog-brief { background:#e4dac8; }
.blog-label > span { display:block; color:#766e5e; font:24px Georgia,serif; margin-bottom:16px; }
.blog-label h2 { font-size:clamp(25px,2.5vw,34px); line-height:1.4; margin:0; }
.rtl .blog-label h2 { line-height:1.75; }
.blog-prose { min-width:0; max-width:760px; }
.blog-prose > p { margin:0; font-size:clamp(18px,1.55vw,22px); line-height:1.9; }
.rtl .blog-prose > p { line-height:2.15; }
.blog-question { margin:34px 0; padding:24px 0 24px 24px; border-inline-start:3px solid #a1442f; }
.rtl .blog-question { padding:24px 24px 24px 0; }
.blog-question .eyebrow { font-size:12px; margin:0 0 12px; }
.blog-question h3 { margin:0; font-size:clamp(22px,2vw,29px); line-height:1.5; }
.rtl .blog-question h3 { line-height:1.8; }
.blog-prose > .blog-editorial-note { font-size:14px; line-height:1.85; color:#574f43; }
.blog-sources { border-top:1px solid #b6aa93; margin-top:30px; padding-top:24px; }
.blog-sources h3 { font-size:16px; margin:0 0 12px; }
.blog-sources ul { display:flex; flex-wrap:wrap; gap:12px 26px; list-style:none; margin:0; padding:0; }
.blog-sources a { display:inline-block; padding-block:8px; font-size:14px; text-decoration:underline; text-underline-offset:4px; }
.blog-related .blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.blog-related .blog-card { display:grid; grid-template-columns:40% minmax(0,1fr); }
.blog-related .blog-card-image { aspect-ratio:auto; height:100%; min-height:280px; }
.blog-related .blog-card-image img { object-position:75% center; }
.blog-related .blog-card h3 { font-size:25px; }
.rtl .blog-related .blog-card h3 { font-size:23px; }
@media(max-width:1000px) {
 .blog-related .blog-card { display:flex; }
 .blog-related .blog-card-image { min-height:0; aspect-ratio:1.5; height:auto; }
 .blog-grid { gap:20px; }
 .blog-card-copy { padding:20px; }
 .blog-card h3 { font-size:24px; }
 .blog-card-copy > p:not(.blog-meta) { font-size:14px; }
}
@media(max-width:760px) {
 .blog-grid,.blog-related .blog-grid { grid-template-columns:minmax(0,1fr); }
 .blog-section-heading { display:block; }
 .blog-section-heading .blog-all,.blog-section-heading > p { margin-top:18px; }
 .blog-article-hero,.blog-introduction,.blog-brief { grid-template-columns:minmax(0,1fr); }
 .blog-article-hero { gap:34px; }
 .blog-article-heading h1 { max-width:620px; }
 .blog-card h3,.rtl .blog-card h3 { font-size:26px; }
 .blog-card-copy > p:not(.blog-meta) { font-size:16px; }
 .blog-card-image { aspect-ratio:1.5; }
 .blog-label { display:flex; gap:16px; align-items:baseline; }
 .blog-label > span { margin:0; }
 .blog-book-image figcaption { text-align:start; }
 .blog-back { margin-bottom:22px; }
 .blog-list,.blog-related,.blog-feature,.blog-introduction,.blog-brief { padding-block:48px; }
}
@media(prefers-reduced-motion:reduce) { .blog-card-image img { transition:none; } .blog-card:hover .blog-card-image img { transform:none; } }
html[data-reduced-motion=true] .blog-card:hover .blog-card-image img { transform:none; }