/* Atlas Wire hotspot zooms (WS-888; sitebuild/worldrisks/zoom.py): the pages /gps/risks/<tag>/ and every zoom map
   drawn by zoom.map_svg(). A's serif with small capitals for headings and text, B's sans for map labels, legends and
   data (WS-878 (4)); a white page (WS-878 (3)). Tokens are prefixed --wz- until base.css lands. Phone: nothing is
   wider than the screen; the list comes before the maps. */
:root{--wz-ink:#1B2530;--wz-ink2:#435059;--wz-mute:#6C777E;--wz-hair:#E2E3DB;--wz-line:#CDD0C6;--wz-crim:#A3242B;
 --wz-up:#8C4A2F;--wz-flat:#5A6B78;--wz-down:#2C7064;--wz-sea:#D3DEE1;--wz-land:#EDEBE3}

.wz{background:#fff;color:var(--wz-ink)}
.wz-in{max-width:var(--max,1180px);margin:0 auto;padding:18px var(--g,16px) 40px}
.wz-in>*,.wz-body>*,.wz-head>*{min-width:0}
.wz-crumb{font:600 14px/1 var(--serif);font-variant-caps:all-small-caps;letter-spacing:.16em;margin:0 0 12px;color:var(--wz-ink2)}
.wz-crumb a{color:inherit;text-decoration:none}
.wz-crumb span{margin:0 4px;color:var(--wz-mute)}
.wz-head{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px 32px;align-items:start;margin-bottom:18px}
.wz-head h1{font:500 36px/1.12 var(--serif);margin:0 0 8px;overflow-wrap:break-word}
.wz-thesis{font:400 17px/1.5 var(--serif);color:var(--wz-ink2);margin:0;max-width:66ch}
.wz-thesis time{font:600 13px/1 var(--serif);font-variant-caps:all-small-caps;letter-spacing:.16em;color:var(--wz-crim);margin-right:8px}
.wz-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:0;border-top:1px solid var(--wz-ink);padding-top:10px}
.wz-facts .w2{grid-column:1 / -1}
.wz-facts dt{font:600 13px/1 var(--serif);font-variant-caps:all-small-caps;letter-spacing:.15em;color:var(--wz-mute);margin:0 0 3px}
.wz-facts dd{font:400 17px/1.35 var(--serif);margin:0}
.wz-tr{font-family:var(--sans);font-size:.85em;white-space:nowrap}
.wz-tr.up{color:var(--wz-up)}.wz-tr.flat{color:var(--wz-flat)}.wz-tr.down{color:var(--wz-down)}

.wz-body{display:flex;flex-direction:column}
.wz-maps{order:1}
.wz-list{order:2;margin-top:26px;max-width:820px}
.wz-panels{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);border:1px solid var(--wz-ink)}
.wz-panels.one{grid-template-columns:minmax(0,1fr)}
.wz-p{margin:0;position:relative;min-width:0}
.wz-p+.wz-p{border-left:1px solid var(--wz-ink)}
.wz-ptag{position:absolute;left:10px;top:9px;z-index:1;font:600 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;
 color:var(--wz-ink);background:rgba(255,255,255,.88);padding:4px 7px;border:1px solid var(--wz-line)}
.wz-phone{display:none}
svg.wz-map{display:block;width:100%;max-width:100%;height:auto}

/* the map */
.wz-sea{fill:var(--wz-sea)}
.wz-grat{fill:none;stroke:#C2D0D4;stroke-width:.6}
.wz-land path{fill:var(--wz-land);stroke:#fff;stroke-width:.8px;stroke-linejoin:round}
.wz-lane{fill:none;stroke:#4F7C88;stroke-width:1.2px;stroke-linecap:round;opacity:.9}
.wz-box{fill:none;stroke:var(--wz-ink);stroke-width:1.2px}
.wz-ck{fill:#fff;fill-opacity:.55;stroke:var(--wz-ink2);stroke-width:1.1px;stroke-dasharray:2.4 1.8}
.wz-ck.acute{fill-opacity:.3;stroke:var(--wz-crim);stroke-width:2.2px;stroke-dasharray:none}
.wz-town{fill:#fff;stroke:var(--wz-ink);stroke-width:1.3px}
.wz-lead{fill:none;stroke:var(--wz-ink2);stroke-width:.9px}
.wz-rk circle{stroke:#fff;stroke-width:1.3px}
.wz-rk.up circle{fill:var(--wz-up)}.wz-rk.flat circle{fill:var(--wz-flat)}.wz-rk.down circle{fill:var(--wz-down)}
.wz-rk circle.wz-uw{fill:none;stroke:var(--wz-crim);stroke-width:2.2px}
.wz-rk text{fill:#fff;font-family:var(--sans);font-weight:700;text-anchor:middle;pointer-events:none}
a .wz-rk{cursor:pointer}
.wz-lab{font:500 11.5px/1 var(--sans);fill:var(--wz-ink);paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}
.wz-cty{font:500 9.5px/1 var(--sans);letter-spacing:.18em;fill:#868a82}
.wz-ocean{font:italic 400 10.5px/1 var(--sans);letter-spacing:.2em;fill:#6F8C96}
text.wz-ck{font:500 11px/1 var(--sans);fill:var(--wz-ink2);stroke:var(--wz-sea);stroke-width:3px;stroke-dasharray:none;fill-opacity:1;paint-order:stroke;stroke-linejoin:round}
text.wz-town{font:500 11.5px/1 var(--sans);fill:var(--wz-ink);stroke:#fff;stroke-width:3.5px;paint-order:stroke;stroke-linejoin:round}
.wz-scale text,.wz-credit{font:400 9.5px/1 var(--sans);fill:var(--wz-ink2)}
.wz-credit{fill:var(--wz-mute)}
.wz-scale .s1{fill:var(--wz-ink)}.wz-scale .s2{fill:#fff;stroke:var(--wz-ink);stroke-width:.6px}

/* key and source */
.wz-key{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 0 0;font:400 12.5px/1.3 var(--sans);color:var(--wz-ink2)}
.wz-key .kh{font:600 10.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--wz-mute);margin-left:8px}
.wz-key .kh:first-child{margin-left:0}
.wz-key .kt{display:inline-flex;align-items:center;gap:6px}
.wz-key .kc{display:inline-block;border-radius:50%;background:var(--wz-flat)}
.wz-key .k1{width:9px;height:9px}.wz-key .k2{width:19px;height:19px}.wz-key .k3{width:25px;height:25px}
.wz-key .dot{display:inline-block;width:11px;height:11px;border-radius:50%}
.wz-key .dot.up{background:var(--wz-up)}.wz-key .dot.flat{background:var(--wz-flat)}.wz-key .dot.down{background:var(--wz-down)}
.wz-key .dot.uwk{background:#fff;border:2px solid var(--wz-crim);width:13px;height:13px;box-sizing:border-box}
.wz-key svg{flex:none}
.wz-note{font:italic 400 14px/1.45 var(--serif);color:var(--wz-ink2);margin:10px 0 0}
.wz-src{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 24px;margin:10px 0 0;padding-top:8px;border-top:1px solid var(--wz-hair);
 font:400 11.5px/1.4 var(--sans);color:var(--wz-mute)}

/* the list, in words */
.wz-h2{font:600 17px/1.2 var(--serif);font-variant-caps:all-small-caps;letter-spacing:.13em;margin:0 0 6px;border-bottom:1px solid var(--wz-ink);padding-bottom:6px}
.wz-h2 span,.wz-h3 span{font:italic 400 14px/1 var(--serif);font-variant-caps:normal;letter-spacing:0;color:var(--wz-mute);margin-left:6px}
.wz-h3{font:600 15px/1.2 var(--serif);font-variant-caps:all-small-caps;letter-spacing:.13em;margin:24px 0 6px}
.wz-l{list-style:none;margin:0;padding:0}
.wz-l li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid var(--wz-hair);align-items:start}
.wz-l a,.wz-tt{display:block;font:500 15.5px/1.32 var(--serif);color:var(--wz-ink);margin-bottom:3px;overflow-wrap:break-word}
.wz-l a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.wz-dot{justify-self:center;border-radius:50%;color:#fff;font:700 10.5px/1 var(--sans);display:flex;align-items:center;justify-content:center;margin-top:1px}
.wz-dot.up{background:var(--wz-up)}.wz-dot.flat{background:var(--wz-flat)}.wz-dot.down{background:var(--wz-down)}
.wz-dot.uw{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wz-crim)}
.wz-d1{width:16px;height:16px}.wz-d2{width:17px;height:17px}.wz-d3{width:18px;height:18px}.wz-d4{width:19px;height:19px}
.wz-d5{width:20px;height:20px}.wz-d6{width:22px;height:22px}.wz-d7{width:23px;height:23px}.wz-d8{width:25px;height:25px}
.wz-d9{width:26px;height:26px}.wz-d10{width:28px;height:28px}
.wz-d1,.wz-d2,.wz-d3,.wz-d4{font-size:9.5px}
.wz-also .wz-dot{font-size:9px}
.wz-w{display:block;font:400 12.5px/1.4 var(--sans);color:var(--wz-ink2)}
.wz-nd{color:var(--wz-mute)}   /* #6C777E: 4.6:1 on white (was #8E979C, 2.97:1, axe color-contrast) */
.wz-more summary{cursor:pointer;font:400 14px/1.4 var(--sans);text-decoration:underline;text-underline-offset:3px;padding:10px 0}
.wz-out{font:400 14px/1.5 var(--sans);color:var(--wz-ink2);margin:0}
.wz-other{margin-top:32px}
.wz-other ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 22px}
.wz-other li{font:500 15px/1.4 var(--serif)}
.wz-other li span{font:400 12px/1 var(--sans);color:var(--wz-mute);margin-left:4px}

/* phone and narrow screens (W-115): one column, the list first, the phone maps */
@media (max-width:720px){
 .wz-in{padding-top:12px}
 .wz-head{grid-template-columns:minmax(0,1fr);margin-bottom:10px}
 .wz-head h1{font-size:27px}
 .wz-thesis{font-size:15.5px}
 .wz-facts{grid-template-columns:1fr 1fr;gap:6px 14px}
 .wz-facts dd{font-size:15px}
 .wz-facts .w2:last-child{display:none}
 .wz-list{order:1;margin-top:6px}
 .wz-maps{order:2;margin-top:24px}
 .wz-panels{grid-template-columns:minmax(0,1fr)}
 .wz-p+.wz-p{border-left:0;border-top:1px solid var(--wz-ink)}
 .wz-desk{display:none}
 .wz-phone{display:block}
 .wz-ptag{left:6px;top:6px}
 .wz-key .kh{width:100%;margin-left:0}
}