/* wr5-world.css: /gps/risks/ in risk map v5 (ww-). Paper look, light only (WS-771 (1)); phone first (W-115). */
.aw{--paper:#F6F5F0;--sea:#D3DEE1;--ink:#1B2530;--ink2:#435059;--mute:#5F6A71;--rule:#CDD0C6;--rule2:#E2E3DB;--hot:#3B5265;--red:#A3242B;--up:#8A5212;--flat:#55656F;--down:#2C7064;--serif:"Newsreader","Source Serif 4",Georgia,serif;--sans:"IBM Plex Sans",system-ui,"Segoe UI",Arial,sans-serif;
color-scheme:light;background:var(--paper);color:var(--ink);font-family:var(--serif);max-width:1240px;margin:0 auto;padding:8px 16px 32px;overflow-wrap:anywhere;min-width:0}
.aw *{box-sizing:border-box}
.aw a{color:inherit}
.ww-crumb{font:400 13px/1.3 var(--sans);color:var(--mute);margin:0 0 4px}
.ww-head h1{font:600 28px/1.1 var(--serif);margin:0}
.ww-dated{font:400 13px/1.4 var(--sans);color:var(--ink2);margin:4px 0 8px}
.ww-dated time{font-weight:600;color:var(--ink)}
.ww-draft{font:600 12px/1.3 var(--sans);color:var(--red);margin:0 0 6px}
.ww-k{display:block;font:600 10.5px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:0 0 3px}
.ww-tr{font-family:var(--sans);font-weight:600;white-space:nowrap}
.ww-tr.up{color:var(--up)}.ww-tr.flat{color:var(--flat)}.ww-tr.down{color:var(--down)}
.ww-h{font:600 17px/1.2 var(--serif);font-variant-caps:all-small-caps;letter-spacing:.13em;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--ink)}
.ww-h span{font:italic 400 14px/1.35 var(--serif);font-variant-caps:normal;letter-spacing:0;color:var(--mute);margin-left:8px}
.ww-note{font:400 12.5px/1.45 var(--sans);color:var(--ink2);margin:8px 0 0}
/* controls: chips scroll inside their own box with a fade; never the page. Menus: wr5-map.css (wm-) */
.ww-ctl{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px 8px;margin:0 0 8px;min-width:0}
.ww-regs{flex:1 1 100%;min-width:0}
.ww-regs .wm-chips{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;padding-right:28px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
.ww-regs .wm-chips::-webkit-scrollbar{display:none}
.ww-regs button{white-space:nowrap}
.ww-tools{display:flex;flex-wrap:wrap;gap:6px;min-width:0;width:100%;align-items:flex-start}
/* the Layers and Filter buttons stay on the first row; an open menu takes a row of its own under them, never wider
   than the page (final look 5: the open Layers menu pushed Filter to 429 px on a 375 screen) */
.ww-tool{display:contents}
.ww-tool>button{order:1;flex:none}
.ww-tools .wm-lmenu,.ww-tools .wm-fpan{order:2;flex:1 1 100%;min-width:0;max-width:100%}
.ww-cty{flex:1 1 auto;min-width:0;max-width:260px}
.ww-cty select{width:100%;font:400 14px/1.2 var(--sans);padding:7px 6px;border:1px solid var(--ink);background:#fff;color:var(--ink);max-width:100%}
.ww-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* map and the ten */
.ww-top{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.ww-map,.ww-map figure{margin:0;min-width:0}
/* the map svgs only (never the key swatches or icons inside .ww-map), drawn at their shown width: never stretched
   (WS-1362; page QA train29m: the Layers key swatches showed 321 px wide, the desktop world map 833 for 700) */
.ww-map svg.wd,.ww-map svg.wm-svg,.ww-map svg.wm-csvg{display:block;width:auto;max-width:100%;height:auto;background:var(--sea)}
.ww-map svg.wd:not(.wd-p),.ww-plate{max-height:250px}
.ww-map .wm-svg,.ww-map .wm-csvg{max-height:none}
.ww-credit{font:400 11px/1.3 var(--sans);color:var(--mute);margin-top:4px}
.ww-ol{list-style:none;margin:0;padding:0}
.ww-li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--rule2)}
.ww-li.is-also:nth-child(6){border-top:2px solid var(--ink)}
.ww-lm i,.ww-tm i{font-family:var(--serif)}
.ww-n,.ww-rn,.ww-big{display:inline-block;flex:none;min-width:22px;height:22px;border-radius:11px;background:var(--ink);color:#fff;font:700 11px/22px var(--sans);text-align:center}
.ww-n.acute,.ww-rn.acute{background:var(--red)}
.ww-n.theme,.ww-rn.theme{background:#fff;color:var(--ink);border:1.2px dashed var(--ink);line-height:20px}
.ww-lb{display:flex;flex-direction:column;min-width:0}
.ww-ln{font:600 16px/1.25 var(--serif);text-decoration:none}
a.ww-ln:hover,.ww-col h3 a:hover{text-decoration:underline}
.ww-lm,.ww-w,.ww-meta{font:400 12.5px/1.4 var(--sans);color:var(--ink2)}
.ww-acute{color:var(--red);font-weight:600}
/* the sheet: docked card on a desktop */
.ww-sheet{border:1px solid var(--rule);background:#fff;padding:10px 12px;margin:12px 0;font:400 13px/1.4 var(--sans)}
.ww-sheeth{margin:0;color:var(--ink2)}
/* S8 key */
.ww-key{margin:8px 0 0}
.ww-keys{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;font:400 12px/1.35 var(--sans);color:var(--ink2);margin:0}
.ww-keys>span{display:inline-flex;align-items:center;gap:6px}
.ww-ki{width:22px;height:22px;flex:none}
.ww-sw{display:inline-block;width:22px;height:14px;border:1px solid #8D9AA3;background:repeating-linear-gradient(45deg,#E3E5E1 0 2px,#8D9AA3 2px 3px)}
.ww-hint{font:italic 400 14px/1.3 var(--serif);color:var(--ink)}
.ww-src{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 18px;font:400 11.5px/1.4 var(--sans);color:var(--mute);margin:8px 0 0;padding-top:6px;border-top:1px solid var(--rule2)}
/* S9 columns and S10 rail */
.ww-low{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin-top:28px}
.ww-grp+.ww-grp{margin-top:28px}
.ww-cols{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.ww-col{display:flex;flex-direction:column;border-top:3px solid var(--ink);padding-top:8px;min-width:0}
.ww-col.is-acute{border-top-color:var(--red)}
.ww-ch1{display:flex;align-items:baseline;gap:6px}
.ww-big{min-width:0;height:auto;background:none;color:var(--ink);font:400 34px/1 var(--serif)}
.ww-big.acute{color:var(--red)}.ww-big.theme{color:var(--hot)}
.ww-dots{flex:1;border-bottom:1.5px dotted #9AA3A6;min-width:12px;align-self:center}
.ww-lens{font:italic 400 14px/1 var(--serif);color:var(--ink2)}
.ww-col h3{font:600 20px/1.2 var(--serif);margin:8px 0 4px}
.ww-col h3 a{text-decoration:none}
.ww-chip{display:inline-block;font:700 9.5px/1 var(--sans);letter-spacing:.11em;text-transform:uppercase;margin:5px 6px 0 0;padding:3px 6px;border:1px solid var(--red);color:var(--red)}
.ww-chip.theme{border:1px dashed var(--ink2);color:var(--ink2)}
.ww-meta{margin:0 0 8px}
.ww-chips{margin:0 0 4px}
.ww-lm{display:block}
.ww-strong,.ww-next{border-top:1px solid var(--rule2);padding-top:8px;margin:0 0 8px}
.ww-st{display:block;font:500 italic 16px/1.3 var(--serif);text-decoration:none}
.ww-why{display:block;font:400 14px/1.4 var(--serif);color:var(--ink2);margin-top:3px}
.ww-next{font:400 12.5px/1.45 var(--sans);color:var(--ink2)}
.ww-next time{font-weight:600;color:var(--ink);margin-right:4px}
.ww-zoom{align-self:flex-start;margin-top:auto;font:600 12px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:1px solid var(--ink);padding:10px 12px}
.is-acute .ww-zoom{border-color:var(--red);color:var(--red)}
.ww-ro,.ww-also{list-style:none;margin:0;padding:0}
.ww-ro li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;padding:0 0 16px}
.ww-ra{text-align:right;font:600 11.5px/1.3 var(--sans);color:var(--ink2)}
.ww-ra span{display:block;font-weight:400;color:var(--mute)}
.ww-rb{display:flex;flex-direction:column;gap:3px;grid-column:2;min-width:0}
.ww-rpl{font:400 12px/1.35 var(--sans);color:var(--mute)}
.ww-rn{min-width:18px;height:18px;line-height:18px;font-size:10.5px}
.ww-rt{font:600 16px/1.3 var(--serif);text-decoration:none}
.ww-rmove,.ww-rfact{font:400 12.5px/1.45 var(--sans);color:var(--ink2)}
.ww-rmove{white-space:normal}
.ww-ro li>.ww-rb:first-child{grid-column:1/-1}
.ww-also li{display:flex;align-items:baseline;gap:6px;padding:10px 0;border-bottom:1px solid var(--rule2);font:500 16px/1.3 var(--serif)}
.ww-an{font-weight:500;text-decoration:none}
.ww-rail section+section{margin-top:26px}
.ww-more>summary{cursor:pointer;display:inline-block;font:600 12px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--ink);padding:10px 14px;margin:0 0 14px}
/* theme band */
.ww-themes{margin-top:32px;padding-top:12px;border-top:1px solid var(--ink)}
.ww-thl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.ww-th{display:flex;flex-direction:column;align-items:flex-start;border:1px dashed var(--ink2);background:#fff;padding:12px}
.ww-th .ww-strong,.ww-th .ww-next{align-self:stretch}
.ww-thh{display:flex;gap:8px;align-items:center}
.ww-tm{font-size:13.5px;line-height:1.3;color:var(--ink2)}
.ww-th h3{font:600 18px/1.2 var(--serif);margin:6px 0 2px}
.ww-th h3 a{text-decoration:none}
/* the phone first screen (W-115): hotspot row 1 inside 667 px under the map */
@media (max-width:599px){.ww-head h1{font-size:26px}.ww-dated{margin:2px 0 6px}.ww-ctl{margin-bottom:6px}.ww-top{gap:6px}.ww-list .ww-h{margin-bottom:2px;padding-bottom:6px}.ww-li{padding:6px 0}}
@media (min-width:600px){.ww-map svg.wd:not(.wd-p),.ww-plate{max-height:330px}.ww-cols,.ww-thl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:960px){
.ww-head h1{font-size:34px}
.ww-top{grid-template-columns:minmax(0,2.4fr) minmax(0,1fr);gap:28px}
.ww-map svg.wd:not(.wd-p),.ww-plate{max-height:none}
.ww-low{grid-template-columns:minmax(0,2.6fr) minmax(0,1fr);gap:36px}
.ww-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
.ww-thl{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1200px){.ww-cols{grid-template-columns:repeat(5,minmax(0,1fr))}}
/* the hub's sections from our briefs, under one divider, at the page's width */
.ww-legacy{max-width:1240px;margin:0 auto;padding:0 16px}
.ww-legacy .wrap{max-width:none;padding-left:0;padding-right:0}
.ww-legh{font:600 17px/1.2 var(--serif,Georgia,serif);font-variant-caps:all-small-caps;letter-spacing:.13em;margin:32px 0 0;padding:12px 0 8px;border-top:2px solid #1B2530;border-bottom:1px solid #1B2530;color:#1B2530}
.ww-all{margin:28px 0 0;border-top:1px solid #1B2530;font:400 14px/1.45 var(--sans,system-ui,sans-serif)}
.ww-all>summary{cursor:pointer;font-weight:600;padding:12px 0;min-height:44px}
.ww-allg h3{font:600 15px/1.3 var(--serif,Georgia,serif);margin:14px 0 4px}
.ww-allg ol{margin:0;padding-left:22px}
.ww-allg li{padding:2px 0}
@media (min-width:960px){.ww-all[open]{columns:2;column-gap:36px}.ww-all>summary{column-span:all}.ww-allg{break-inside:avoid-column}}
/* the Follow button the prompts layer puts under the h1 (prompts.css hides it under 700 px, where the box at the
   page end carries it; never shown above the map on a phone, W-115): a gap between it and its note */
.aw .my-follow{gap:6px 12px;margin:10px 0 8px}
@media (min-width:700px){.aw .pr-top{display:flex;flex-wrap:wrap;align-items:center}}