/* Atlas Wire base (WS-888; owner rulings WS-876 (4), WS-878 (3), (4)): the tokens, type and shared classes of the
   world-risk pages, shared read-only by the overview (world-risks-overview.css), the hotspot zooms
   (world-risks-zoom.css) and the risk pages (world-risks.css). A white page; A's serif (Newsreader) with small
   capitals for headings and text; B's sans (IBM Plex Sans, tabular figures) for map labels, legends and data. The
   fonts are the site's own (site.css @font-face); no colour here is new to the mock-up (gen_M.py, style_M.css).
   Everything is prefixed aw- so nothing touches the rest of the site. */
:root{
 --aw-ink:#1B2530; --aw-ink2:#435059; --aw-mute:#6C777E;
 --aw-rule:#CDD0C6; --aw-hair:#E2E3DB; --aw-paper:#FFFFFF;
 --aw-crim:#A3242B; --aw-crimbg:#F1E2DE;
 --aw-hot:#3B5265; --aw-hotbg:#E3E5E1;
 --aw-up:#8C4A2F; --aw-flat:#5A6B78; --aw-down:#2C7064;
 --aw-sea:#D3DEE1; --aw-seaedge:#BCCCD1; --aw-land:#EDEBE3; --aw-grat:#C6D4D8;
 --aw-draft:#7A6A3C; --aw-draftbg:#F3EEDC;
 --aw-serif:var(--serif,"Newsreader","Source Serif 4",Georgia,serif);
 --aw-sans:var(--sans,"IBM Plex Sans","Segoe UI",Arial,sans-serif);
 --aw-max:var(--max,1180px); --aw-g:var(--g,16px);
}

/* the page */
.aw{background:var(--aw-paper);color:var(--aw-ink);font-family:var(--aw-serif)}
.aw-in{max-width:var(--aw-max);margin:0 auto;padding:18px var(--aw-g) 32px}
.aw-in>*{min-width:0}
.aw a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.aw a:focus-visible,.aw summary:focus-visible{outline:2px solid var(--aw-ink);outline-offset:3px;border-radius:1px}
.aw svg text,.aw-k,.aw-tr,.aw-note,.aw-mapsrc,.aw time{font-variant-numeric:tabular-nums}

/* type: serif small capitals for headings and labels of the text, the sans for data */
.aw-crumb{font:600 14px/1 var(--aw-serif);font-variant-caps:all-small-caps;letter-spacing:.16em;color:var(--aw-ink2);
 margin:0 0 10px}
.aw-crumb a{text-decoration:none}
.aw-crumb span{margin:0 4px;color:var(--aw-mute)}
.aw h1{font:500 40px/1.08 var(--aw-serif);letter-spacing:-.015em;margin:0 0 10px;overflow-wrap:break-word}
.aw-thesis{font:400 19px/1.45 var(--aw-serif);margin:0 0 8px;max-width:820px}
.aw-thesis time{display:block;font:600 13px/1 var(--aw-serif);font-variant-caps:all-small-caps;letter-spacing:.16em;
 color:var(--aw-crim);margin:0 0 6px}
.aw-fresh{font:400 13px/1.5 var(--aw-sans);color:var(--aw-mute);margin:0}
.aw-sch{font:600 17px/1.2 var(--aw-serif);font-variant-caps:all-small-caps;letter-spacing:.13em;color:var(--aw-ink);
 margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid var(--aw-ink)}
.aw-sch span{font:italic 400 14px/1.3 var(--aw-serif);font-variant-caps:normal;letter-spacing:0;color:var(--aw-mute);
 margin-left:10px}
.aw-k{display:block;font:600 13.5px/1.2 var(--aw-serif);font-variant-caps:all-small-caps;letter-spacing:.15em;
 color:var(--aw-ink2);margin:0 0 3px}
.aw-note{font:400 12.5px/1.5 var(--aw-sans);color:var(--aw-mute);margin:10px 0 0}

/* trend words, chips, the draft mark */
.aw-tr{font-family:var(--aw-sans);font-weight:600;font-size:.92em;white-space:nowrap}
.aw-tr.up{color:var(--aw-up)} .aw-tr.flat{color:var(--aw-flat)} .aw-tr.down{color:var(--aw-down)}
.aw-chip{display:inline-block;font:700 10px/1 var(--aw-sans);letter-spacing:.12em;text-transform:uppercase;
 margin:6px 0 0 8px;padding:3px 6px;border:1px solid var(--aw-ink2);color:var(--aw-ink2);vertical-align:1px}
.aw-chip.acute{border-color:var(--aw-crim);color:var(--aw-crim)}
.aw-chip.theme{border-style:dashed}
.aw-draft{display:inline-block;font:600 12px/1.4 var(--aw-sans);color:var(--aw-draft);background:var(--aw-draftbg);
 border:1px dashed #C9BC8F;padding:3px 8px;margin:8px 0 0}
.aw-dots{flex:1;border-bottom:1.5px dotted #9AA3A6;min-width:12px;transform:translateY(-5px)}

/* the map credit line (BUILD_SPEC fixed decision 7) */
.aw-mapsrc{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 24px;margin:8px 0 0;padding-top:8px;
 border-top:1px solid var(--aw-hair);font:400 11.5px/1.4 var(--aw-sans);color:var(--aw-mute)}

@media (max-width:599px){
 .aw h1{font-size:30px}
 .aw-thesis{font-size:16.5px}
 .aw-sch span{display:block;margin:4px 0 0}
}
@media (prefers-reduced-motion:reduce){
 .aw *,.aw *:before,.aw *:after{animation:none!important;transition:none!important}
}