/* Risk map v5, the risk page parts (B7; sitebuild/worldrisks/v5_spread.py): S28 Where map, S29 test chart,
   S30 metro (WS-1275, the Hormuz Metro), S31 bars. Paper look (WS-1270 (1)), light only (WS-771 (1)), phone first.
   The metro ships a wide and a tall drawing; one shows. */
.wr-page[data-wr5="risk"]{color-scheme:light}
.w5r-paper{background:#F6F5F0;color:#1B2530;border-top:1px solid #1B2530;margin:0 0 8px;padding:8px 0 10px;min-width:0}
.w5r-where svg{display:block;width:100%;height:auto;max-width:760px;margin:0 auto}
.w5r-where .w5r-wd{display:none}
.w5r-where .w5r-wp svg{max-width:480px}
@media (min-width:600px){
  .w5r-where .w5r-wd{display:block}
  .w5r-where .w5r-wp{display:none}
}
.w5r-tchart{display:block;width:auto;max-width:100%;height:auto;margin:0 auto}     /* drawn at its shown width, never stretched */
.w5r-tchart text{paint-order:stroke;stroke:#F6F5F0;stroke-width:3px;stroke-linejoin:round}
.w5r-tdef{margin:6px 8px 0;font:400 14px/1.45 "IBM Plex Sans",Arial,sans-serif;color:#1B2530;max-width:70ch}
.w5r-note{margin:4px 8px 0;color:#4A555C;max-width:70ch}
.w5r-credit{margin:6px 8px 0;color:#4A555C}
.w5r-cap{font:600 12px/1.3 "IBM Plex Sans",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:0 8px 8px}
.w5r-chips,.w5r-key{list-style:none;margin:8px 8px 0;padding:0;font:400 13px/1.4 "IBM Plex Sans",Arial,sans-serif}
.w5r-chips li,.w5r-key li{padding:5px 0;border-bottom:1px solid #E2E3DB;overflow-wrap:anywhere}
.w5r-k,.w5r-via{color:#4A555C}
.w5r-lede{font:400 15px/1.5 Newsreader,Georgia,serif;color:#38444C;max-width:70ch;margin:0 8px 10px}
.w5r-kh{font:600 12px/1.3 "IBM Plex Sans",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:14px 8px 0}
.w5r-mbox{padding:0 4px}
.w5r-metro text{paint-order:stroke;stroke:#F6F5F0;stroke-width:3px;stroke-linejoin:round}
.w5r-metro .w5r-mf{font-variant-numeric:tabular-nums}
.w5r-mbox .w5r-metro{width:auto;max-width:100%;height:auto}
.w5r-mbox .w5r-wide{display:none}
.w5r-mbox .w5r-tall{display:block;margin:0 auto}
@media (min-width:720px){
  .w5r-mbox .w5r-wide{display:block}
  .w5r-mbox .w5r-tall{display:none}
}
/* Risk map v5, the risk explanation map (WS-1362 (5); sitebuild/worldrisks/v5_riskview.py). Rides on the S28 Where
   figure's classes (.w5r-where, .w5r-wd / .w5r-wp show one drawing at the 600 px breakpoint); adds the key and the
   footnotes under the map. Paper look, light only, phone first. */
.rv-fig .w5r-wd svg,.rv-fig .w5r-wp svg{width:auto;max-width:100%}     /* drawn at its shown width (WS-1362), never stretched */
.rv-cap{margin:8px 8px 0;font:400 13px/1.4 "IBM Plex Sans",Arial,sans-serif;color:#1B2530;max-width:760px}
.rv-key{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:3px 18px}
.rv-key li{display:flex;align-items:flex-start;gap:8px;max-width:none}
.rv-key .rv-sw{flex:none;margin-top:1px}
@media (min-width:600px){.rv-key{grid-template-columns:1fr 1fr}}
.rv-kh{font:600 12px/1.3 "IBM Plex Sans",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:12px 0 4px}
.rv-fn{margin:0;padding-left:22px}
.rv-fn li{padding:2px 0;overflow-wrap:anywhere;max-width:none}
.rv-fn li::marker{font-weight:700}
.rv-src{color:#4A555C}
.rv-none{margin:10px 0 0;padding:7px 10px;background:#F3EEDD;border-left:3px solid #7A6A3C;color:#4D4120;max-width:70ch}
.rv-dest,.rv-notice{margin:8px 0 0;color:#4A555C}
.rv-cap svg.rv-sw{display:block;width:26px;height:18px;max-width:none;margin:1px 0 0}