/* Countries & States Visited Map (ROADMAP-Calcs-Travel.md TM40): the tabs, the map, the lists by continent, the blog code,
   and the printed map. Everything else is the core stylesheet. */
.chqt-vm { align-items: start; }
.chqt-vm-map { background: #dbe8f0; border-radius: 10px; padding: 6px; margin: .4rem 0; }
.chqt-vm-map svg { display: block; width: 100%; height: auto; }
.chqt-vm-g path, .chqt-vm-g circle { fill: #f4efe4; stroke: #8f8578; stroke-width: .25; cursor: pointer; }
.chqt-vm-g .chqt-vm-dot { fill: #fff; stroke: #5a5249; stroke-width: .35; }
.chqt-vm-g .is-on { fill: #d79d32; stroke: #6b4a12; }
.chqt-vm-g path:hover { fill: #efd9ae; }
.chqt-vm-g path.is-on:hover { fill: #c48a22; }
.chqt-vm-g [data-vm="DC"] { stroke-width: 1.5; }
.chqt-vm-tabs { margin-bottom: .6rem; }
.chqt-vm-lists { margin-top: .4rem; }
.chqt-vm-group { border-bottom: 1px solid var(--chqt-line, #eadfca); }
.chqt-vm-group summary { min-height: 44px; display: flex; align-items: center; font-weight: 600; cursor: pointer; }
.chqt-vm-items { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 0 .5rem; padding-bottom: .5rem; }
.chqt-vm-item { display: flex; align-items: center; gap: .45rem; min-height: 44px; font-size: .95rem; }
.chqt-vm-item input { width: 22px; height: 22px; font-size: 16px; flex: none; accent-color: #d79d32; }
.chqt-vm-tools { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .8rem; }
.chqt-vm-code { margin-top: .6rem; }
.chqt-vm-ta { width: 100%; box-sizing: border-box; font: 16px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; border: 1px solid var(--chqt-line, #eadfca); border-radius: 8px; padding: .5rem; }
@media print {
  .chqt-vm .chqt-form, .chqt-vm .chqt-actions, .chqt-vm [data-out="src"] { display: none !important; }
  .chqt-vm { display: block !important; }
  .chqt-vm-map { background: none; }
  .chqt-vm-g path, .chqt-vm-g circle { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}