/* UMIS Malaria Explorer. Page structure follows the Iowa Alcohol Insights Platform.
   The frame takes the SEPP Lab logo's navy and gold, with Iowa State's wordmark and
   Merriweather headings. Chart colors stay with Graphics/MIS_graph_style.do. */
@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap");
:root {
  --ume-ink: #24313b; --ume-muted: #5b6770; --ume-line: #d7dde1; --ume-paper: #ffffff;
  --ume-navy: #243f60; --ume-gold: #c4a447;
  --ume-title: #243f60; --ume-tip: #eef2f6; --ume-note: #fbf5e3; --ume-noteline: #c4a447;
  --ume-busoga: #243f60; --ume-bunyoro: #b0923a; --ume-slate: #737b80;
  --ume-dot: #8d979e; --ume-ci: #b4bcc2;
  --ume-fav: #2d6187; --ume-unfav: #b0792a;
  --ume-t1: #1c3a5a; --ume-t2: #5f86ab; --ume-t3: #d9ab2f; --ume-t4: #d05a3e;
}
body { font-family: Arial, Helvetica, sans-serif; color: var(--ume-ink); }
.ume-masthead { background: #fff; display: flex; align-items: center; gap: 14px; padding: 9px 20px; flex-wrap: wrap; }
.ume-mark { height: 46px; width: auto; }
.ume-isu { height: 15px; width: auto; max-width: 100%; margin-left: auto; }
.ume-lab { display: grid; line-height: 1.25; min-width: 0; flex: 1 1 240px; }
.ume-lab a { font-family: Merriweather, Georgia, serif; font-weight: 700; font-size: 14.5px; color: var(--ume-ink); text-decoration: none; }
.ume-lab a:hover { color: var(--ume-title); }
.ume-lab small { font-size: 11.5px; color: var(--ume-muted); }
#quarto-header .navbar { background: var(--ume-navy) !important; border-bottom: 3px solid var(--ume-gold); }
#quarto-header .navbar .navbar-brand, #quarto-header .navbar .nav-link, #quarto-header .navbar .navbar-title { color: #fff !important; }
#quarto-header .navbar .nav-link.active { font-weight: 700; text-decoration: underline; text-decoration-color: var(--ume-gold); text-underline-offset: 5px; }
#quarto-header .navbar .bi, #quarto-header .navbar .aa-DetachedSearchButtonIcon { color: #fff; }
.ume h1, .ume-insight h2, .ume-card h2 { font-family: Merriweather, Georgia, serif; }
.ume { max-width: 1120px; margin: 0 auto; display: grid; gap: 16px; }
.ume > * { min-width: 0; }
.ume[hidden] { display: none; }
.ume h1 { font-size: 22px; font-weight: 600; color: var(--ume-title); margin: 0 0 3px; }
.ume h2 { font-size: 17px; font-weight: 700; color: var(--ume-title); margin: 8px 0 0; border: 0; padding: 0; }
.ume p { margin: 0; }
.ume-prose p, .ume-prose ul { max-width: 76ch; }
.ume-prose ul { margin: 0; padding-left: 20px; }
.ume-intro { background: var(--ume-tip); border-left: 4px solid var(--ume-title); border-radius: 4px; padding: 12px 14px; }
.ume-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.ume-tile { border-radius: 6px; padding: 14px; color: #fff; min-height: 124px; display: flex; flex-direction: column; justify-content: flex-end; text-align: center; }
.ume-tile b { font-size: 30px; font-weight: 600; line-height: 1.15; font-variant-numeric: tabular-nums; }
.ume-tile small { font-size: 13px; line-height: 1.3; }
.ume-tile:nth-child(1) { background: var(--ume-navy); }
.ume-tile:nth-child(2) { background: #4f6a8a; }
.ume-tile:nth-child(3) { background: var(--ume-gold); color: var(--ume-ink); }
.ume-tile:nth-child(4) { background: #8a9a8e; color: var(--ume-ink); }
.ume-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.ume-card { border: 1px solid var(--ume-line); border-radius: 6px; padding: 13px; color: var(--ume-ink); text-decoration: none; }
.ume-card:hover { border-color: var(--ume-title); }
.ume-card p { font-size: 14px; }
.ume-insights { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.ume-insight { border: 1px solid var(--ume-line); border-radius: 6px; padding: 14px; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.ume-insight h2 { margin: 0; font-size: 16px; color: var(--ume-ink); line-height: 1.3; }
.ume-insight p { font-size: 14px; }
.ume-insight .grow { flex: 1; }
.ume-insight a { font-size: 13.5px; font-weight: 600; }
.ume-big { font-size: 20px; color: var(--ume-title); font-weight: 600; line-height: 1.25; font-variant-numeric: tabular-nums; }
.ume-insight ol { margin: 0; padding-left: 20px; font-size: 14px; }
.ume-insight summary { margin-top: 2px; }
.ume-insight details p { margin-top: 6px; }
.ume-prose .ume-insight p { max-width: none; }
.ume-tags { font-size: 11.5px; color: var(--ume-muted); letter-spacing: .02em; }
.ume-ctl { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; justify-content: space-between; }
.ume-ctl label { display: grid; gap: 3px; font-size: 12.5px; font-weight: 600; max-width: 100%; }
.ume-ctl select { font-size: 14px; padding: 6px 8px; border: 1px solid var(--ume-line); border-radius: 4px; max-width: 100%; }
.ume-btn { font-size: 13px; padding: 6px 11px; background: var(--ume-paper); color: var(--ume-title); border: 1px solid var(--ume-title); border-radius: 4px; cursor: pointer; }
.ume-btn:hover { background: var(--ume-tip); }
.ume-two { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 16px; align-items: start; }
.ume-two > * { min-width: 0; }
#map { max-width: 440px; margin: 0 auto; }
.ume-say { background: var(--ume-note); border-left: 4px solid var(--ume-noteline); border-radius: 4px; padding: 9px 12px; font-size: 14px; }
.ume-cap { font-size: 12.5px; color: var(--ume-muted); line-height: 1.45; }
.ume-cap b { color: var(--ume-ink); }
.ume-scroll { overflow-x: auto; }
.ume-details summary { cursor: pointer; font-weight: 600; font-size: 14px; color: var(--ume-title); }
table.ume-t { border-collapse: collapse; width: 100%; font-size: 14px; }
table.ume-t th { text-align: left; font-size: 12.5px; color: var(--ume-muted); border-bottom: 2px solid var(--ume-line); padding: 6px 9px; vertical-align: bottom; }
table.ume-t td { border-bottom: 1px solid var(--ume-line); padding: 6px 9px; vertical-align: middle; }
table.ume-t .n { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
table.ume-t tr.dom td { font-weight: 700; color: var(--ume-title); padding-top: 12px; }
.ume-legend { display: flex; flex-wrap: wrap; font-size: 11.5px; color: var(--ume-muted); }
.ume-legend span { display: grid; gap: 2px; min-width: 52px; }
.ume-legend i { display: block; height: 10px; }
.ume svg { display: block; max-width: 100%; }
.ume svg text { font-family: inherit; fill: var(--ume-ink); }
.ume svg .m { fill: var(--ume-muted); }
.ume svg .ax { stroke: var(--ume-line); }
.ume svg .ref { stroke: var(--ume-slate); stroke-dasharray: 3 3; }
.ume svg .ci { stroke: var(--ume-ci); stroke-width: 2; }
.ume svg [data-reg] { cursor: pointer; }
.ume svg [data-reg]:focus-visible { outline: 2px solid var(--ume-title); }
.ume-poly { stroke: #fff; stroke-width: 1; }
.ume-poly.sel { stroke: var(--ume-ink); stroke-width: 2.4; }
.ume-tooltip { position: fixed; z-index: 1000; background: var(--ume-ink); color: #fff; padding: 6px 9px; border-radius: 4px; font-size: 12.5px; max-width: 260px; pointer-events: none; line-height: 1.35; }
.ume-seg { display: inline-flex; flex-wrap: wrap; border: 1px solid var(--ume-line); border-radius: 5px; overflow: hidden; }
.ume-seg[hidden] { display: none; }
.ume-seg button { border: 0; background: var(--ume-paper); color: var(--ume-ink); padding: 6px 11px; font-size: 13px; cursor: pointer; }
.ume-seg button[aria-pressed="true"] { background: var(--ume-title); color: #fff; font-weight: 600; }
.ume-seg button:focus-visible { outline: 2px solid var(--ume-title); outline-offset: -2px; }
.ume-panels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.ume-panels.two-up { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ume-panel { border: 1px solid var(--ume-line); border-radius: 6px; padding: 10px; min-width: 0; display: grid; gap: 4px; align-content: start; }
.ume-panel h3 { margin: 0; font-size: 14px; font-weight: 700; }
.ume-panel > div { min-width: 0; }
.ume-warn { background: #fbe9e4; border-left: 4px solid #d05a3e; border-radius: 4px; padding: 9px 12px; font-size: 14px; }
.ume-key { display: flex; flex-wrap: wrap; gap: 14px; font-size: 12.5px; color: var(--ume-muted); }
.ume-key i { display: inline-block; width: 12px; height: 12px; border-radius: 2px; margin-right: 4px; vertical-align: -1px; }
.ume-heat { border-collapse: collapse; font-size: 13px; width: 100%; }
.ume-heat th { font-size: 11.5px; padding: 4px; color: var(--ume-muted); vertical-align: bottom; text-align: center; font-weight: 600; min-width: 64px; }
.ume-heat th.g { color: var(--ume-ink); font-size: 12.5px; border-bottom: 1px solid var(--ume-line); }
.ume-heat th.r, .ume-heat td.r { text-align: left; white-space: nowrap; min-width: 104px; color: var(--ume-ink); }
.ume-heat td { text-align: center; padding: 5px 3px; font-variant-numeric: tabular-nums; border: 1px solid #fff; }
.ume-heat tr.t td { border-top: 2px solid var(--ume-line); font-weight: 700; }
.ume-stack { display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 6px; align-items: center; font-size: 11.5px; color: var(--ume-muted); }
.ume-stack div { display: flex; height: 14px; border-radius: 2px; overflow: hidden; }
.ume-item { font-size: 13px; margin: 8px 0 2px; }
.ume-err { background: #fbe9e4; border-left: 4px solid #d05a3e; padding: 10px 12px; }
@media (max-width: 860px) {
  .ume-two { grid-template-columns: minmax(0, 1fr); }
  .ume-panels, .ume-panels.two-up, .ume-insights { grid-template-columns: minmax(0, 1fr); }
  .ume-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ume-cards { grid-template-columns: minmax(0, 1fr); }
}
/* Each page opens with its own intro block */
#title-block-header { display: none; }