/* The news behind each world risk (WS-969, option A; sitebuild/worldrisks/pages.py news_html, news_map): the ranked
   items and the R-4 plate of their countries on the card pages /gps/risks/world/<slug>/. Copied into www/ only with
   site.config.json world_risks.news_map on. Site tokens only (site.css :root): navy #132338, one vermilion per plate
   (the wr-hot group: the countries an item starts in or hits), never gold. Phone first (W-115): one column at 375 px,
   no sideways scroll; the map beside the list from 900 px. Classes only: the CSP forbids inline style. */
.wr-nm{--wr-nm-sea:#E3E9EE;--wr-nm-land:#CDD2D6;--wr-nm-edge:#FBF9F5;--wr-nm-sp:#93A8C0;display:grid;gap:20px;
  grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.wr-nm{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}}
/* at desktop widths the R-4 plate takes half the row: at 1440 it stays at or above the 520 px plate floor
   (verify_extra/wp1.py plate_widths); phones and the 900 px step are unchanged */
@media (min-width:1200px){.wr-nm{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.wr-nml{margin:0;padding:0;list-style:none;counter-reset:nm}
.wr-nmi{counter-increment:nm;position:relative;padding:12px 0 12px 32px;border-top:1px solid var(--hair);min-width:0}
.wr-nmi:first-child{border-top:0}
.wr-nmi::before{content:counter(nm);position:absolute;left:0;top:13px;font:500 13px/1 var(--mono);color:var(--graphite)}
.wr-nmi.wr-nmon{background:var(--tint);box-shadow:inset 3px 0 0 var(--navy)}
.wr-nmt{display:flex;flex-wrap:wrap;gap:2px 6px;align-items:baseline;margin:0;font:400 12.5px/1.45 var(--mono);
  color:var(--graphite);overflow-wrap:anywhere}
.wr-nmt .wr-ref{font-size:12.5px}
.wr-nmnew{font:600 11px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--navy);
  border:1px solid var(--navy);padding:0 4px}
.wr-nms{margin:4px 0 6px;font:400 16px/1.5 var(--serif);max-width:var(--measure);overflow-wrap:anywhere}
.wr-nmc{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none}
.wr-nmc li{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:2px 10px;max-width:100%;
  font:400 13px/1.3 var(--sans);border:1px solid var(--hair);border-radius:999px;background:var(--knockout);
  overflow-wrap:anywhere}
.wr-nmc li.wr-nmr-hot{border-color:var(--navy)}
.wr-nmc li.wr-nmco{background:var(--tint)}
.wr-nmc a{color:var(--ink)}
.wr-nmrole{font:400 11.5px/1.3 var(--mono);color:var(--graphite)}
.wr-nmb{margin-top:8px;min-height:44px;padding:0 14px;font:600 13.5px/1 var(--sans);color:var(--navy);
  background:var(--knockout);border:1px solid var(--navy);cursor:pointer}
.wr-nmb[aria-pressed="true"]{background:var(--navy);color:var(--knockout)}
.wr-nmb:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.wr-nmp{min-width:0;max-width:100%;margin:0}
.wr-nmsvg{display:block;width:100%;height:auto;margin-bottom:8px}
.wr-nmsea{fill:var(--wr-nm-sea);stroke:none}
.wr-nmland,.wr-nmland path,.wr-nmland use{fill:var(--wr-nm-land);stroke:var(--wr-nm-edge);stroke-width:.4}
.wr-nmoff path,.wr-nmoff circle{fill:var(--wr-nm-land);stroke:var(--wr-nm-edge);stroke-width:.4}
.wr-nmsp path,.wr-nmsp circle{fill:var(--wr-nm-sp);stroke:var(--wr-nm-edge);stroke-width:.4}
.wr-nmp .wr-hot path,.wr-nmp .wr-hot circle{fill:var(--verm);stroke:var(--wr-nm-edge);stroke-width:.4}
.wr-nmkey{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0 0 8px;padding:0;list-style:none;font:400 12px/1.4 var(--mono);
  color:var(--graphite)}
.wr-nmsw{display:inline-block;width:10px;height:10px;margin-right:5px;vertical-align:-1px}
.wr-nmsw-sp{background:var(--wr-nm-sp)}
.wr-nmsw-land{background:var(--wr-nm-land)}
.wr-nmsay{margin:0 0 8px}
.wr-nmw{margin:6px 0 0;font:400 14px/1.45 var(--sans);overflow-wrap:anywhere}
.wr-nmw .wr-k{display:block}