/* Scoped styles for the interactive reading guide. */
.war-explorer{--wx-gold:#ffcd79;--wx-line:#ffffff26;--wx-muted:#bdcbd2;padding:6rem max(1rem,calc((100% - 1240px)/2));background:#0b2433;color:#f8f3e9;scroll-margin-top:80px}
.wx-heading{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:2.6rem}
.war-explorer .eyebrow{color:var(--wx-gold);font-size:.88rem}
.wx-heading h2{font:clamp(3.5rem,6.6vw,6rem)/.96 var(--serif);letter-spacing:-.055em;margin:0}
.wx-heading h2 em{color:var(--wx-gold);font-weight:400}
.wx-heading>p{font-size:1.12rem;color:var(--wx-muted);line-height:1.8;max-width:340px;margin:0}
.wx-app{border:1px solid #ffffff35;border-radius:20px;overflow:hidden;background:#102e40;box-shadow:0 30px 80px #0003}
.war-explorer button{font:inherit;cursor:pointer;color:inherit}
.war-explorer button:focus-visible,.war-explorer a:focus-visible,.war-explorer input:focus-visible{outline:3px solid #fff;outline-offset:5px}
.wx-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.5rem;border-bottom:1px solid var(--wx-line)}
.wx-toolbar>span{font-size:.83rem;letter-spacing:.1em;text-transform:uppercase}
.wx-toolbar i{display:inline-block;width:7px;height:7px;margin-right:.6rem;border-radius:50%;background:var(--wx-gold)}
.wx-play{background:#ffffff09;border:1px solid #ffffff40;border-radius:6px;padding:.65rem 1rem;font-size:.9rem!important;min-height:44px}
.wx-play span{margin-left:1rem;color:var(--wx-gold)}
.wx-play:hover{background:#ffffff18}
.wx-phases{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid var(--wx-line)}
.wx-phases button{position:relative;text-align:left;min-width:0;padding:1.25rem 1rem 1.45rem;background:#091f2e;border:0;border-right:1px solid var(--wx-line)}
.wx-phases button:last-child{border-right:0}
.wx-phases button:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:transparent}
.wx-phases button span{display:block;font-size:.73rem;color:var(--wx-muted);letter-spacing:.06em;margin-bottom:.5rem}
.wx-phases button b{display:block;font-size:.94rem;font-weight:600;line-height:1.3}
.wx-phases button:hover{background:#1b3e50}
.wx-phases button[aria-pressed=true]{background:#ffcd7912}
.wx-phases button[aria-pressed=true]:after{background:var(--wx-gold)}
.wx-phases button[aria-pressed=true] span{color:var(--wx-gold)}
.wx-phases button.wx-visited:after{background:#ffcd7944}
.wx-stage{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr)}
.wx-chart{position:relative;align-self:start;min-width:0}
.wx-chart-label{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem 1.5rem 0;color:var(--wx-muted);font-size:.73rem}
.wx-chart-label span:first-child{font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#f8f3e9}
.wx-network{position:relative;aspect-ratio:700/520;margin-top:1rem;background-image:radial-gradient(#9bc2d129 1px,transparent 1px);background-size:22px 22px}
.wx-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.wx-wires path{fill:none;stroke:#ffffff1f;stroke-width:1.5;vector-effect:non-scaling-stroke;transition:stroke .4s,stroke-width .4s}
.wx-wires path.wx-lit{stroke:var(--wx-gold);stroke-width:2.2;stroke-dasharray:7 5;animation:wx-flow 20s linear infinite}
.wx-orbit{position:absolute;width:28%;aspect-ratio:1;border:1px solid #ffcd7920;border-radius:50%;left:43%;top:46%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 20px #ffcd7904,0 0 0 40px #ffcd7903}
.wx-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:29%;max-width:185px;padding:.55rem .2rem;background:transparent;border:0;line-height:1.3!important;border-radius:10px;z-index:1}
.wx-node-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;margin:0 auto .55rem;background:#163749;border:1px solid #6d8795;border-radius:50%;color:#bdcbd2;font-size:1.6rem;transition:background .25s,box-shadow .25s}
.wx-node b{display:table;margin:auto;padding:.12rem .25rem;background:#102e40;font-size:clamp(.82rem,1.15vw,1rem);font-weight:650;white-space:nowrap;color:#bdcbd2}
.wx-node small{display:table;margin:.15rem auto 0;padding:0 .2rem;background:#102e40;font-size:.69rem;color:#a5bbc8;max-width:100%}
.wx-node b,.wx-node small{position:relative;box-shadow:0 0 0 4px #102e40}
.wx-node.wx-in-focus .wx-node-icon{color:var(--wx-gold);border-color:var(--wx-gold);background:#2c3c40;box-shadow:0 0 20px #ffcd7911}
.wx-node.wx-in-focus b{color:#fff9ee}
.wx-node[aria-pressed=true] .wx-node-icon{color:#102535;background:var(--wx-gold);box-shadow:0 0 0 6px #ffcd7920,0 0 35px #ffcd7922}
.wx-node:hover .wx-node-icon{box-shadow:0 0 0 5px #ffffff16}
.wx-iran .wx-node-icon{width:65px;height:65px;font-size:2.7rem}
.wx-iran b{font:1.7rem var(--serif);color:var(--wx-gold)}
.wx-legend{display:flex;justify-content:center;gap:1.7rem;padding:0 1rem;font-size:.8rem;color:var(--wx-muted)}
.wx-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.5rem}
.wx-key-active{background:var(--wx-gold)}.wx-key-context{border:1px solid #a5bbc8}
.wx-hint{text-align:center;color:var(--wx-gold);font-size:.85rem;margin:1.2rem 0 1.7rem}
.wx-hint span{margin-left:.5rem}
.wx-story{padding:2rem;background:#0b2231;border-left:1px solid var(--wx-line);min-height:680px}
.wx-kicker{margin:0 0 .8rem;color:var(--wx-gold);font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;font-weight:650}
.wx-story h3{font:2.25rem/1.04 var(--serif);letter-spacing:-.035em;margin:0 0 1.1rem}
.wx-story>p:not(.wx-kicker){font-size:1rem;line-height:1.7;color:var(--wx-muted);margin:0}
.wx-insight{margin:1.6rem 0;padding:1.2rem 0;border-block:1px solid var(--wx-line)}
.wx-insight strong{display:block;color:var(--wx-gold);font:2.8rem/1.05 var(--serif);letter-spacing:-.04em}
.wx-insight p{color:var(--wx-muted);font-size:.84rem;line-height:1.6;margin:.6rem 0 0}
.wx-detail h4{font:1.55rem var(--serif);margin:.3rem 0 .65rem}
.wx-detail>p:not(.wx-kicker){font-size:.92rem;line-height:1.65;color:var(--wx-muted);margin:0}
.wx-detail a{display:inline-block;margin-top:1.05rem;color:var(--wx-gold);text-decoration:underline;text-underline-offset:4px;font-size:.85rem}
.wx-detail a span{margin-left:.5rem}
.wx-scrubber{display:flex;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;border-top:1px solid var(--wx-line);background:#091f2e}
.wx-scrubber>div{flex:1;min-width:0}
.wx-scrubber button{width:46px;height:46px;border:1px solid #ffffff40;background:none;border-radius:50%;font-size:1.4rem}
.wx-scrubber button:disabled{opacity:.3;cursor:default}
.wx-scrubber label{display:flex;justify-content:space-between;gap:1rem;font-size:.8rem;color:var(--wx-muted)}
.wx-scrubber output{color:var(--wx-gold);font-variant-numeric:tabular-nums}
.wx-scrubber input{display:block;width:100%;height:30px;margin:.35rem 0 0;accent-color:var(--wx-gold);cursor:pointer}
.wx-footnote{max-width:960px;color:var(--wx-muted);font-size:.82rem;line-height:1.7;margin:1.5rem 0 0}
.wx-footnote a{color:var(--wx-gold);white-space:nowrap}
.wx-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wx-jump{display:inline-block;margin-top:1.6rem;color:#ffcd79;font-size:1rem;text-underline-offset:6px}
@keyframes wx-flow{to{stroke-dashoffset:-240}}
@media(min-width:1000px){.wx-chart{position:sticky;top:80px}}
@media(max-width:1000px){.wx-stage{grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr)}.wx-story{padding:1.5rem}.wx-phases button{padding:1rem .65rem}.wx-node small{font-size:.64rem}.wx-chart-label{flex-direction:column;gap:.3rem}.wx-heading{gap:2rem}.wx-heading>p{font-size:1rem}.wx-legend{gap:.7rem;font-size:.7rem}}
@media(max-width:760px){.war-explorer{padding-block:4rem}.wx-heading{display:block}.wx-heading>p{margin-top:1.5rem;max-width:none}.wx-heading>p br{display:none}.wx-heading>p br:after{content:" "}.wx-stage{grid-template-columns:1fr}.wx-story{border-left:0;border-top:1px solid var(--wx-line);min-height:0;display:grid;grid-template-columns:1fr 1fr;column-gap:1.5rem}.wx-story>.wx-kicker,.wx-story>h3,.wx-story>#wx-summary{grid-column:1/-1}.wx-insight{margin:1.4rem 0 0;border-bottom:0}.wx-detail{margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--wx-line)}.wx-phases{grid-template-columns:repeat(3,minmax(0,1fr))}.wx-phases button:nth-child(-n+3){border-bottom:1px solid var(--wx-line)}.wx-phases button:nth-child(3){border-right:0}.wx-node b{font-size:1rem}.wx-node small{font-size:.75rem}.wx-chart-label{flex-direction:row}.wx-legend{font-size:.8rem;gap:1.5rem}.wx-toolbar>span{font-size:.7rem}.wx-play{font-size:.8rem!important}.wx-toolbar{padding:1rem}}
@media(max-width:480px){.wx-heading h2{font-size:3.4rem}.wx-heading>p{font-size:1rem;line-height:1.65}.wx-toolbar>span{max-width:135px;letter-spacing:.04em}.wx-play{padding:.6rem .7rem}.wx-play span{margin-left:.4rem}.wx-app{border-radius:12px}.wx-phases button{padding:1rem .65rem;min-height:90px}.wx-phases button span{font-size:.65rem}.wx-phases button b{font-size:.83rem}.wx-chart-label{padding:1.2rem 1rem 0;font-size:.65rem;gap:.5rem}.wx-network{aspect-ratio:700/650;margin-top:.7rem}.wx-node{width:31%;padding:.5rem 0}.wx-node-icon{width:34px;height:34px;font-size:1.3rem;margin-bottom:.4rem}.wx-iran .wx-node-icon{width:48px;height:48px;font-size:2rem}.wx-node b{font-size:.75rem;white-space:normal}.wx-iran b{font-size:1.5rem}.wx-node small{font-size:.62rem;line-height:1.3}.wx-legend{font-size:.68rem;gap:1rem;padding:0 .5rem}.wx-hint{font-size:.75rem}.wx-story{display:block;padding:1.5rem}.wx-story h3{font-size:2.2rem}.wx-insight{padding-bottom:1.25rem;border-bottom:1px solid var(--wx-line)}.wx-detail{border-top:0;margin-top:0;padding-top:1.25rem}.wx-scrubber{padding:1rem;gap:.8rem}.wx-scrubber label{font-size:.7rem}.wx-scrubber button{width:44px;height:44px;flex-shrink:0}.wx-footnote{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.wx-wires path{animation:none;transition:none}.wx-node-icon{transition:none}}
@media print{.war-explorer{background:white;color:#102535;break-before:page}.wx-heading h2 em,.war-explorer .eyebrow,.wx-footnote,.wx-footnote a{color:#102535}.wx-app{display:none}.wx-heading>p{color:#52616c}.wx-jump{display:none}}

/* Match the host page's generous editorial reading size. */
.wx-toolbar>span{font-size:.98rem}.wx-play{font-size:1.02rem!important}.wx-phases button span{font-size:.86rem}.wx-phases button b{font-size:1.1rem}.wx-chart-label{font-size:.84rem}.wx-node b{font-size:clamp(.96rem,1.3vw,1.14rem)}.wx-node small{font-size:.82rem}.wx-legend{font-size:.96rem}.wx-hint{font-size:1rem}.wx-kicker{font-size:.86rem}.wx-story>p:not(.wx-kicker){font-size:1.2rem}.wx-insight p{font-size:1rem}.wx-detail h4{font-size:1.85rem}.wx-detail>p:not(.wx-kicker){font-size:1.08rem}.wx-detail a{font-size:1rem}.wx-scrubber label{font-size:.98rem}.wx-footnote{font-size:.98rem}.wx-jump{font-size:1.15rem}
@media(max-width:1000px){.wx-toolbar>span{font-size:.84rem}.wx-phases button span{font-size:.76rem}.wx-phases button b{font-size:.95rem}.wx-node small{font-size:.72rem}.wx-legend{font-size:.82rem}}
@media(max-width:760px){.wx-toolbar>span{font-size:.8rem}.wx-play{font-size:.9rem!important}.wx-phases button span{font-size:.74rem}.wx-phases button b{font-size:.94rem}.wx-node b{font-size:1.06rem}.wx-node small{font-size:.8rem}.wx-legend{font-size:.88rem}.wx-kicker{font-size:.8rem}.wx-story>p:not(.wx-kicker){font-size:1.14rem}.wx-insight p{font-size:.96rem}.wx-detail>p:not(.wx-kicker){font-size:1.04rem}.wx-detail a{font-size:.96rem}.wx-scrubber label{font-size:.9rem}.wx-footnote{font-size:.9rem}}
@media(max-width:480px){.wx-toolbar>span{font-size:.72rem}.wx-play{font-size:.82rem!important}.wx-phases button span{font-size:.67rem}.wx-phases button b{font-size:.86rem}.wx-node b{font-size:.82rem}.wx-node small{font-size:.68rem}.wx-legend{font-size:.76rem}.wx-hint{font-size:.86rem}.wx-kicker{font-size:.76rem}.wx-story>p:not(.wx-kicker){font-size:1.08rem}.wx-insight p{font-size:.92rem}.wx-detail>p:not(.wx-kicker){font-size:1rem}.wx-detail a{font-size:.92rem}.wx-scrubber label{font-size:.8rem}.wx-footnote{font-size:.84rem}}