/* War Encyclopedia 1.9.4 — article presets and localized numbering. These rules only touch post pages. */
/* Explicit numbered contents indices: consistent on every browser, independent of font's counter support. */
.single-story .article-content .metro-toc .am-toc-list{list-style:none;padding-inline-start:0;margin:0;counter-reset:none}
.single-story .article-content .metro-toc .am-toc-list>li{display:flex;gap:12px;align-items:baseline;position:relative;margin:7px 0}
.single-story .article-content .metro-toc .am-toc-index{flex:0 0 auto;display:inline-grid;place-items:center;min-width:2.05em;height:2.05em;border:1px solid var(--am-line);border-radius:6px;background:var(--am-bg);color:var(--am-accent);font-family:var(--am-toc-font,var(--am-font));font-weight:800;font-size:.86em;font-variant-numeric:normal;line-height:1}
.single-story .article-content .metro-toc .am-toc-list>li a{min-width:0;flex:1}
/* Article editor ordered lists, including nested lists. CSS is scoped and respects multilingual mode. */
@counter-style am-fa-numeric {system:numeric;symbols:'۰' '۱' '۲' '۳' '۴' '۵' '۶' '۷' '۸' '۹';suffix:'. '}
body.am-persian-digits .single-story .article-content ol:not(.am-toc-list){list-style-type:am-fa-numeric}
body.am-persian-digits .single-story .article-content ol:not(.am-toc-list)>li::marker{color:var(--am-accent);font-weight:700}
/* Original — no override so pre-1.9.4 design stays exactly intact. */
/* Universal safeguards for responsive article presets. */
body[class*='am-article-layout-'] .single-story{min-width:0}
body[class*='am-article-layout-'] .single-story .story-body,body[class*='am-article-layout-'] .single-story .article-content{min-width:0}
/* Dossier — dark classification header, dividers, subtle indexed headings. */
body.am-article-layout-dossier .single-story{--am-document-line:color-mix(in srgb,var(--am-accent) 42%, var(--am-line))}
body.am-article-layout-dossier .single-heading{position:relative;max-width:1080px;margin:40px auto 28px;padding:clamp(28px,5vw,58px) clamp(20px,5vw,64px);background:linear-gradient(135deg,#182c23,#344839);color:#f7f5ed;text-align:start;border-block-start:6px solid var(--am-accent);box-shadow:0 14px 36px #081c1430}
body.am-article-layout-dossier .single-heading::before{content:'WAR ENCYCLOPEDIA  /  DOCUMENT';display:block;font:700 10px/1.4 Arial,sans-serif;letter-spacing:.2em;direction:ltr;text-align:start;color:#d8bd87;padding-bottom:17px;border-bottom:1px solid #ffffff30}
body.am-article-layout-dossier .single-heading h1{color:#fff;font-size:clamp(32px,4.1vw,52px);max-width:930px;margin-top:24px}
body.am-article-layout-dossier .single-heading .dek,body.am-article-layout-dossier .single-heading .single-subtitle{color:#e6e0d2}
body.am-article-layout-dossier .single-heading .post-meta,body.am-article-layout-dossier .single-heading .post-meta a{color:#d3d2c7}
body.am-article-layout-dossier .single-heading .post-meta{justify-content:flex-start}
body.am-article-layout-dossier .single-hero{max-width:1080px;margin-bottom:38px;border:1px solid var(--am-line);padding:8px;background:var(--am-card)}
body.am-article-layout-dossier .article-content>h2{border-inline-start:5px solid var(--am-accent);border-bottom:1px solid var(--am-line);padding:0 18px 10px 0}
html[dir='ltr'] body.am-article-layout-dossier .article-content>h2{padding:0 0 10px 18px}
body.am-article-layout-dossier .article-content .metro-toc{border-radius:10px;border-top:4px solid var(--am-accent);box-shadow:0 7px 25px #0000000b}
/* Archive paper — an archival filing cover in neutral parchment, independent from global palette. */
body.am-article-layout-archive .single-heading{max-width:1070px;margin:42px auto 28px;background:#eee5d2;color:#3c3429;border:1px solid #d2c3a8;padding:clamp(30px,5vw,65px) clamp(22px,5vw,68px);box-shadow:9px 9px 0 #a58a6340;text-align:center;position:relative}
body.am-article-layout-archive .single-heading::before{content:'ARCHIVE  /  HISTORICAL RECORD';display:block;direction:ltr;font:700 11px Arial,sans-serif;letter-spacing:.17em;color:#856f4b;margin-bottom:17px}
body.am-article-layout-archive .single-heading h1,body.am-article-layout-archive .single-heading h1 a{color:#322e27}
body.am-article-layout-archive .single-heading .dek,body.am-article-layout-archive .single-heading .single-subtitle,body.am-article-layout-archive .single-heading .post-meta,body.am-article-layout-archive .single-heading .post-meta a{color:#655c4c}
body.am-article-layout-archive .single-hero{max-width:1030px;background:#eee5d2;border:1px solid #cdbb96;padding:12px 12px 24px;box-shadow:0 9px 28px #00000013}
body.am-article-layout-archive .story-layout{max-width:880px}
body.am-article-layout-archive .article-content>h2{border-bottom:2px solid #ab9368;padding-bottom:.45em}
body.am-article-layout-archive .article-content .metro-toc{border:1px solid #cdbb96;border-radius:2px;background:color-mix(in srgb,var(--am-card) 85%,#e2d0b2)}
/* Cinematic — hero-led media feature, strong contrast without overlaying the image. */
body.am-article-layout-cinematic .single-heading{margin:0 auto 0;max-width:100%;padding:clamp(55px,8vw,120px) clamp(24px,8vw,100px) clamp(46px,6vw,80px);background:linear-gradient(125deg,#0e1a1a,#25342d 72%,#39402f);text-align:center;color:#f9f5e9}
body.am-article-layout-cinematic .single-heading h1{color:#fff;font-size:clamp(34px,5.2vw,67px);max-width:990px;margin-inline:auto}
body.am-article-layout-cinematic .single-heading::before{content:'LONGFORM  •  MILITARY HISTORY';color:#c9b17f;display:block;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.18em;margin:0 auto 18px}
body.am-article-layout-cinematic .single-heading .single-subtitle,body.am-article-layout-cinematic .single-heading .dek,body.am-article-layout-cinematic .single-heading .post-meta,body.am-article-layout-cinematic .single-heading .post-meta a{color:#e1dfd8}
body.am-article-layout-cinematic .single-hero{max-width:100%;margin:0 auto 62px;background:#101e18}
body.am-article-layout-cinematic .single-hero img{max-height:620px;object-fit:contain}
body.am-article-layout-cinematic .single-hero figcaption{padding:8px 20px 13px;color:#e2dfd6}
body.am-article-layout-cinematic .story-layout{max-width:880px}
body.am-article-layout-cinematic .article-content>h2{font-size:1.7em;position:relative;padding-block:14px;border-block-end:1px solid var(--am-line)}
body.am-article-layout-cinematic .article-content .metro-toc{background:color-mix(in srgb,var(--am-card) 90%,#d2ba8d);border-inline-start:5px solid var(--am-accent)}
/* Minimal — prioritizes generous whitespace, typographic hierarchy and uncluttered reading. */
body.am-article-layout-minimal .single-heading{max-width:840px;text-align:start;margin:65px auto 36px}
body.am-article-layout-minimal .single-heading h1{font-size:clamp(35px,4.6vw,59px);line-height:1.5;font-weight:800;letter-spacing:0}
body.am-article-layout-minimal .single-heading .dek{margin-inline:0}
body.am-article-layout-minimal .single-heading .post-meta{justify-content:flex-start}
body.am-article-layout-minimal .single-hero{max-width:930px;margin-bottom:60px}
body.am-article-layout-minimal .story-layout{max-width:750px}
body.am-article-layout-minimal .article-content{line-height:2.4}
body.am-article-layout-minimal .article-content>h2{border-bottom:1px solid var(--am-line);padding-bottom:12px}
body.am-article-layout-minimal .article-content .metro-toc{border:0;border-inline-start:2px solid var(--am-accent);background:transparent;padding-inline:22px}
/* Chronicle — a restrained timeline language for historical sequence articles. */
body.am-article-layout-chronicle .single-heading{max-width:1070px;margin:46px auto 32px;padding:35px clamp(24px,6vw,70px) 30px;border-block:3px double var(--am-accent);text-align:start;background:color-mix(in srgb,var(--am-card) 85%,var(--am-bg))}
body.am-article-layout-chronicle .single-heading::before{content:'CHRONICLE  /  MILITARY ARCHIVE';display:block;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.2em;color:var(--am-accent);direction:ltr;text-align:start;padding-bottom:14px}
body.am-article-layout-chronicle .single-heading h1{font-size:clamp(34px,4.5vw,56px)}
body.am-article-layout-chronicle .single-heading .dek{margin-inline:0}
body.am-article-layout-chronicle .single-heading .post-meta{justify-content:flex-start}
body.am-article-layout-chronicle .single-hero{max-width:1030px}
body.am-article-layout-chronicle .article-content>h2{position:relative;border-inline-start:3px solid var(--am-accent);padding-inline-start:22px}
body.am-article-layout-chronicle .article-content>h2::before{content:'';position:absolute;inset-inline-start:-8px;top:.7em;width:13px;height:13px;border-radius:50%;background:var(--am-accent);border:3px solid var(--am-bg)}
body.am-article-layout-chronicle .article-content .metro-toc{border-radius:12px;border-inline-start:5px solid var(--am-accent)}
/* Archive color/other treatment must not be forced onto print or English text direction. */
@media(max-width:780px){
 body.am-article-layout-dossier .single-heading,body.am-article-layout-archive .single-heading,body.am-article-layout-cinematic .single-heading,body.am-article-layout-chronicle .single-heading{padding-inline:22px}
 body.am-article-layout-cinematic .single-heading{padding-block:62px 46px}
 body.am-article-layout-archive .single-heading{box-shadow:4px 4px 0 #a58a6340}
}
@media(max-width:520px){
 body.am-article-layout-dossier .single-heading h1,body.am-article-layout-archive .single-heading h1,body.am-article-layout-cinematic .single-heading h1{font-size:clamp(27px,7.7vw,40px)}
 body.am-article-layout-dossier .single-heading,body.am-article-layout-archive .single-heading,body.am-article-layout-cinematic .single-heading,body.am-article-layout-chronicle .single-heading{margin-block-start:20px}
 body.am-article-layout-minimal .single-heading{margin-block-start:36px}
 .single-story .article-content .metro-toc .am-toc-list>li{gap:9px}
}
@media print{
 body.am-article-layout-dossier .single-heading,body.am-article-layout-archive .single-heading,body.am-article-layout-cinematic .single-heading,body.am-article-layout-chronicle .single-heading{background:none!important;color:#000!important;box-shadow:none!important;border-color:#777!important;padding:12px 0!important}
 body.am-article-layout-dossier .single-heading *,body.am-article-layout-archive .single-heading *,body.am-article-layout-cinematic .single-heading *{color:#000!important}
}