.trade-war-article{--tw-green:#75ff2f;--tw-cyan:#55d8cf;--tw-violet:#e0a7ff;--tw-panel:#071c1b;--tw-line:#315b51;padding:clamp(14px,2.2vw,28px)}
.trade-war-article .unified-reading-title{margin-top:0}
.trade-war-article .article-opening-grid{align-items:stretch}
.trade-war-article .article-hero-media{display:flex;flex-direction:column;background:#061514;border:1px solid var(--tw-line);border-radius:14px;overflow:hidden}
.trade-war-article .article-hero-media img{flex:1;min-height:300px}
.trade-war-article figcaption{padding:10px 13px;color:#a9c4bc;font-size:.82rem;line-height:1.48;background:rgba(4,18,17,.92);border-top:1px solid #26463f}
.trade-war-article .trade-war-toc{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--tw-line);border-radius:14px;background:#061514;max-height:min(68vh,680px);overflow:auto}
.trade-war-article .trade-war-toc h2{margin:0 0 5px}
.trade-war-article .trade-war-toc details{border:1px solid #24483f;border-radius:9px;background:#0a2421}
.trade-war-article .trade-war-toc summary{cursor:pointer;padding:9px 11px;color:#dff7ef;font-weight:800}
.trade-war-article .trade-war-toc ol{margin:0;padding:0 12px 10px 31px;columns:1}
.trade-war-article .trade-war-toc li{margin:.3rem 0;color:#8daaa2;font-size:.82rem;line-height:1.35}
.trade-war-article .trade-war-toc a{color:#71dfd6}
.trade-war-article .related-study{margin:0 0 24px;padding:15px 17px;border-left:4px solid var(--tw-violet);border-radius:0 11px 11px 0;background:#24152d;color:#e6d7eb}
.trade-war-article .chapter,.trade-war-article .extended-intro,.trade-war-article .timeline-zone,.trade-war-article .sources{margin:16px 0;padding:clamp(18px,2.2vw,30px);border:1px solid #264b43;border-radius:14px;background:linear-gradient(145deg,rgba(10,37,34,.96),rgba(4,22,21,.96))}
.trade-war-article .chapter:nth-of-type(2n){background:linear-gradient(145deg,rgba(12,40,38,.96),rgba(5,24,23,.96))}
.trade-war-article .chapter h2,.trade-war-article .extended-intro h2,.trade-war-article .timeline-zone h2,.trade-war-article .sources h2{margin:.12em 0 .65em;font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.16;overflow-wrap:anywhere}
.trade-war-article .chapter h3{margin:1.4em 0 .4em;font-size:clamp(1.15rem,2vw,1.5rem);color:#dff6f0}
.trade-war-article .chapter p,.trade-war-article .extended-intro p{line-height:1.78;margin:.8rem 0}
.trade-war-article .chapter-eyebrow{color:var(--tw-violet);text-transform:uppercase;letter-spacing:.13em;font-weight:850;font-size:.73rem}
.trade-war-article .chain{display:grid;grid-template-columns:repeat(9,max-content);justify-content:center;align-items:center;gap:9px;margin:20px 0;padding:16px;overflow:auto;border:1px solid #285047;border-radius:12px;background:#051b19}
.trade-war-article .chain div{padding:9px 11px;border:1px solid #3c6e61;border-radius:9px;background:#0c2b27;font-weight:750;white-space:nowrap}
.trade-war-article .chain b{color:var(--tw-green);font-size:1.3rem}
.trade-war-article .evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.trade-war-article .evidence-grid>div{padding:15px;border:1px solid #2e5b50;border-radius:11px;background:#061c1a}
.trade-war-article .pill{display:inline-block;padding:3px 8px;border-radius:999px;border:1px solid currentColor}
.trade-war-article .grade-a{color:var(--tw-green)}.trade-war-article .grade-b{color:var(--tw-cyan)}.trade-war-article .grade-c{color:var(--tw-violet)}
.trade-war-article .takeaway,.trade-war-article aside.note,.trade-war-article .context-insert{margin:17px 0;padding:16px 18px;border:1px solid #38665a;border-left:4px solid var(--tw-green);border-radius:10px;background:#092822}
.trade-war-article .takeaway>span{display:block;color:var(--tw-green);font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}
.trade-war-article aside.note{border-left-color:#55d8cf;background:#092329}
.trade-war-article .context-insert{border-left-color:var(--tw-violet);background:#21142b}
.trade-war-article .table-wrap{margin:20px 0;border:1px solid #315c52;border-radius:12px}
.trade-war-article .tbl{min-width:760px}
.trade-war-article .tbl th{background:#12352f;color:#e9fff9}
.trade-war-article .tbl tr:hover td{background:rgba(117,255,47,.035)}
.trade-war-article figure.archive-photo,.trade-war-article figure.historical-image,.trade-war-article figure.article-diagram{margin:22px 0;border:1px solid #31564e;border-radius:13px;overflow:hidden;background:#041412}
.trade-war-article figure.archive-photo img,.trade-war-article figure.historical-image img,.trade-war-article figure.article-diagram img{display:block;width:100%;max-width:none;max-height:620px;object-fit:contain;margin:0;background:#020b0a}
.trade-war-article figure.article-diagram img{max-height:none}
.trade-war-article .sequence,.trade-war-article .answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:11px;margin:17px 0}
.trade-war-article .sequence>div,.trade-war-article .answers>div{padding:14px;border:1px solid #2c544b;border-radius:10px;background:#061a19}
.trade-war-article .detail-toc{margin:15px 0;border:1px solid #31584f;border-radius:11px;background:#061b19}
.trade-war-article .detail-toc summary{padding:12px 14px;cursor:pointer;font-weight:800}
.trade-war-article .detail-toc nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 14px 14px}
.trade-war-article .timeline-zone{background:linear-gradient(145deg,#0b2522,#081c22)}
.trade-war-article .controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.trade-war-article .controls label{display:grid;gap:5px;color:#a9c4bc;font-size:.78rem;font-weight:750}
.trade-war-article .controls select,.trade-war-article .controls input,.trade-war-article .controls button{min-width:0;padding:9px 10px;border:1px solid #3b675d;border-radius:8px;background:#061b19;color:#ecfff9}
.trade-war-article .event-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:9px;margin:15px 0}
.trade-war-article .event-items button{padding:12px;text-align:left;border:1px solid #315b51;border-radius:9px;background:#071c1a;color:#e9fff9;cursor:pointer}
.trade-war-article .event-items button:hover,.trade-war-article .event-items button.active{border-color:var(--tw-green);background:#0c2d26}
.trade-war-article .event-detail{padding:16px;border:1px solid #3c655b;border-radius:10px;background:#061715}
.trade-war-article .sources ol{columns:2;column-gap:34px}
.trade-war-article .sources li{break-inside:avoid;margin:0 0 .75rem;line-height:1.45}
.trade-war-article a.ref{white-space:nowrap;font-size:.82em}
.trade-war-article .comparison-section{border-color:#5c4673;background:linear-gradient(145deg,#21172a,#071d1b)}
.trade-war-article .history-map-section{border-color:#356b5e;background:linear-gradient(145deg,#092724,#061817)}
.trade-war-article .history-map{height:clamp(420px,64vh,720px);margin:16px 0;border:1px solid #3b695e;border-radius:13px;overflow:hidden;background:#061514}
.trade-war-article .history-map-key{display:flex;flex-wrap:wrap;gap:9px 18px;margin:14px 0;color:#b6cec7;font-size:.82rem}
.trade-war-article .history-map-key span{display:inline-flex;align-items:center;gap:7px}
.trade-war-article .map-key-dot{width:11px;height:11px;border:2px solid #55d8cf;border-radius:50%;background:#55d8cf}.trade-war-article .map-key-dot.conflict{border-color:#ff5f78;background:#ff5f78}
.trade-war-article .map-key-swatch{width:18px;height:11px;border:2px solid #e0a7ff;border-radius:4px;background:rgba(224,167,255,.2)}
.trade-war-article .map-key-line{width:23px;height:0;border-top:2px dashed #75ff2f}
.trade-war-article .map-note{color:#9eb7b0;font-size:.82rem}
.trade-war-article .leaflet-container{font-family:inherit;color:#dff4ee}.trade-war-article .leaflet-popup-content-wrapper,.trade-war-article .leaflet-popup-tip{background:#071c1a;color:#e7fff8}.trade-war-article .leaflet-popup-content{line-height:1.45}.trade-war-article .leaflet-popup-content p{margin:.45rem 0}.trade-war-article .leaflet-popup-content a{color:#55d8cf}.trade-war-article .leaflet-control-attribution{background:rgba(4,18,17,.86);color:#a8beb8}.trade-war-article .leaflet-control-attribution a{color:#55d8cf}
@media(max-width:900px){.trade-war-article .evidence-grid,.trade-war-article .controls{grid-template-columns:1fr}.trade-war-article .detail-toc nav{grid-template-columns:1fr}.trade-war-article .sources ol{columns:1}.trade-war-article .chain{justify-content:start}.trade-war-article .article-hero-media img{min-height:0}}
@media(max-width:650px){.trade-war-article{padding:12px}.trade-war-article .chapter,.trade-war-article .extended-intro,.trade-war-article .timeline-zone,.trade-war-article .sources{padding:16px 13px}.trade-war-article .trade-war-toc{max-height:none}.trade-war-article .chain{grid-template-columns:1fr}.trade-war-article .chain b{transform:rotate(90deg);text-align:center}.trade-war-article figcaption{font-size:.76rem}.trade-war-article .history-map{height:62vh;min-height:390px}.trade-war-article .history-map-key{gap:7px 12px}}
.trade-war-article .focused-map-section{border-color:#39705e;background:linear-gradient(145deg,#0b2924,#061817)}
.trade-war-article .map-year-control{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 14px;max-width:560px;margin:16px 0;color:#d8eee8;font-weight:800}
.trade-war-article .map-year-control output{color:var(--tw-green);font-variant-numeric:tabular-nums}
.trade-war-article .map-year-control input{grid-column:1/-1;width:100%;accent-color:var(--tw-green)}
.trade-war-article .focused-history-map{height:clamp(360px,52vh,600px)}
.trade-war-article .interactive-evidence-section{border-color:#476c54}
.trade-war-article .transfer-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:12px;margin:18px 0}
.trade-war-article .transfer-event,.trade-war-article .crisis-card{min-width:0;padding:16px;border:1px solid #315b51;border-radius:11px;background:#061b19}
.trade-war-article .transfer-year{display:inline-block;padding:4px 9px;border:1px solid #75ff2f;border-radius:999px;color:#75ff2f;font-weight:900;font-variant-numeric:tabular-nums}
.trade-war-article .transfer-event h3,.trade-war-article .crisis-card h3{margin:.7rem 0;color:#e7f6f1}
.trade-war-article .transfer-event small{color:#55d8cf;font-weight:800}
.trade-war-article .transfer-boundary{margin-top:18px}
.trade-war-article .crisis-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.trade-war-article .crisis-selectors label{display:grid;gap:6px;color:#a9c4bc;font-size:.86rem;font-weight:800}
.trade-war-article .crisis-selectors select{min-width:0;padding:10px;border:1px solid #3b675d;border-radius:8px;background:#061b19;color:#ecfff9}
.trade-war-article .crisis-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.trade-war-article .crisis-card p{line-height:1.6}
.trade-war-article .crisis-card a,.trade-war-article .transfer-event a{color:#55d8cf}
@media(max-width:700px){.trade-war-article .crisis-selectors,.trade-war-article .crisis-comparison{grid-template-columns:1fr}.trade-war-article .focused-history-map{height:55vh;min-height:350px}}

/* Article figures behave as readable, zoomable thumbnails inside the text. */
.trade-war-article .chapter{display:flow-root}
.trade-war-article figure.archive-photo.article-image-thumb,.trade-war-article figure.historical-image.article-image-thumb,.trade-war-article figure.article-diagram.article-image-thumb{box-sizing:border-box;width:min(46%,440px);float:left;margin:8px 22px 15px 0;cursor:zoom-in}
.trade-war-article figure.article-diagram.article-image-thumb img{max-height:300px}
.trade-war-article figure.article-image-thumb img{width:100%;max-height:300px;object-fit:contain}
.trade-war-article .article-image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-items:start;gap:12px;clear:both;margin:18px 0}
.trade-war-article .article-image-gallery figure.archive-photo,.trade-war-article .article-image-gallery figure.historical-image,.trade-war-article .article-image-gallery figure.article-diagram{width:100%;float:none;margin:0}
.trade-war-article .article-image-thumb a{display:block;cursor:zoom-in}
.trade-war-article .map-filter-summary{margin:-7px 0 9px;color:#a9c4bc;font-size:.86rem;font-variant-numeric:tabular-nums}
.trade-war-article .map-load-error{padding:24px;color:#ffd08b}
.trade-war-article .timeline-plot-shell{max-width:100%;overflow-x:auto;margin:18px 0 8px;border:1px solid #254b42;border-radius:12px;background:#041311;scrollbar-color:#39705e #061514}
.trade-war-article .timeline-plot-shell svg{display:block;width:max(100%,1050px);height:auto;min-height:290px}
.trade-war-article .timeline-point{cursor:pointer;outline:none}
.trade-war-article .timeline-point circle{transition:r .12s ease,filter .12s ease}
.trade-war-article .timeline-point:hover circle,.trade-war-article .timeline-point:focus circle,.trade-war-article .timeline-point.selected circle{r:9px;filter:drop-shadow(0 0 5px currentColor);stroke:#fff;stroke-width:2.5}
.trade-war-article .timeline-event-list{margin:9px 0 16px;border:1px solid #315b51;border-radius:10px;background:#061b19}
.trade-war-article .timeline-event-list>summary{padding:11px 14px;color:#c7e6dc;font-weight:800;cursor:pointer}
.trade-war-article .timeline-event-list[open] .event-items{padding:0 12px 12px}
.trade-war-article .timeline-event-list .event-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:8px}
.trade-war-article .event-items .ev{border-left:4px solid #75ff2f}
.trade-war-article .event-items .ev[data-lane="0"]{border-left-color:#df9fff}.trade-war-article .event-items .ev[data-lane="1"]{border-left-color:#59c7ff}.trade-war-article .event-items .ev[data-lane="2"]{border-left-color:#70e8cc}.trade-war-article .event-items .ev[data-lane="3"]{border-left-color:#ff786e}.trade-war-article .event-items .ev[data-lane="4"]{border-left-color:#ffc857}.trade-war-article .event-items .ev[data-lane="5"]{border-left-color:#b58cff}.trade-war-article .event-items .ev[data-lane="6"]{border-left-color:#ff9c54}
.article-image-lightbox{position:fixed;inset:0;max-width:none;max-height:none;width:100vw;height:100vh;margin:0;padding:54px 20px 22px;border:0;background:rgba(0,8,7,.96);color:#edf8f3;box-sizing:border-box;cursor:zoom-out}
.article-image-lightbox::backdrop{background:rgba(0,8,7,.94)}
.article-image-lightbox img{display:block;max-width:min(94vw,1600px);max-height:calc(100vh - 112px);width:auto;height:auto;object-fit:contain;margin:auto;cursor:zoom-out}
.article-image-lightbox p{max-width:1000px;margin:9px auto 0;text-align:center;color:#b8cdc6;font-size:.9rem}
.article-image-lightbox .lightbox-close{position:absolute;top:12px;right:18px;width:42px;height:42px;border:1px solid #69df9a;border-radius:50%;background:#0c2a25;color:#fff;font-size:1.8rem;line-height:1;cursor:pointer}
@media(max-width:760px){.trade-war-article figure.archive-photo.article-image-thumb,.trade-war-article figure.historical-image.article-image-thumb,.trade-war-article figure.article-diagram.article-image-thumb{width:100%;float:none;margin:16px 0}.trade-war-article figure.article-image-thumb img{max-height:360px}.trade-war-article .article-image-gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}.trade-war-article .timeline-plot-shell svg{min-height:280px}.article-image-lightbox{padding-inline:8px}}
@media(max-width:460px){.trade-war-article .article-image-gallery{grid-template-columns:1fr}}

.trade-war-article figure.causal-network-wide{box-sizing:border-box;width:min(calc(100vw - 40px),1600px);max-width:none;position:relative;left:50%;transform:translateX(-50%);margin:24px 0 30px}
.trade-war-article figure.causal-network-wide img{width:100%;max-height:none}
.trade-war-article .timeline-zoom-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;color:#a9c4bc;font-size:.84rem;font-weight:750}
.trade-war-article .timeline-zoom-controls button{padding:8px 12px;border:1px solid #3b675d;border-radius:8px;background:#061b19;color:#ecfff9;font:inherit;cursor:pointer}
.trade-war-article .timeline-zoom-controls button[aria-pressed=true]{border-color:#75ff2f;color:#75ff2f;background:#0c2d26}
@media(max-width:650px){.trade-war-article figure.causal-network-wide{width:calc(100vw - 24px)}.trade-war-article .timeline-zoom-controls button{font-size:.78rem}}

.trade-war-article figure.causal-network-wide{float:none;cursor:zoom-in}
.trade-war-article figure.causal-network-wide img{width:100%;max-width:none;max-height:none;object-fit:contain}