/* Travel Map With Pins (ROADMAP-Calcs-Travel.md TM40b): the tabs, the search hits, the map and its pins, the pin list, the
   blog code and the printed map. Everything else is the core stylesheet. */
.chqt-mp { align-items: start; }
.chqt-mp-tabs { margin-bottom: .6rem; }
.chqt-mp-hits { list-style: none; margin: .3rem 0 0; padding: 0; border: 1px solid var(--chqt-line, #eadfca); border-radius: 10px; overflow: hidden; }
.chqt-mp-hits[hidden] { display: none; }
.chqt-mp-hits button { display: block; width: 100%; min-height: 44px; padding: 0 .8rem; text-align: left; font-size: 16px; background: #fff; border: 0; border-top: 1px solid var(--chqt-line, #eadfca); cursor: pointer; color: inherit; }
.chqt-mp-hits li:first-child button { border-top: 0; }
.chqt-mp-map { background: #dbe8f0; border-radius: 10px; padding: 6px; margin: .4rem 0; }
.chqt-mp-map svg { display: block; width: 100%; height: auto; cursor: crosshair; }
.chqt-mp-g path, .chqt-mp-g circle { fill: #f4efe4; stroke: #8f8578; stroke-width: .25; }
.chqt-mp-g .is-on { fill: #f1dcb0; }
.chqt-mp-us path, .chqt-mp-us circle { stroke-width: .8; }
.chqt-mp-g .chqt-mp-pin { fill: #c0392b; stroke: #fff; stroke-width: .8; }
.chqt-mp-g.chqt-mp-us .chqt-mp-pin { stroke-width: 2.5; }
.chqt-mp-list { margin: .5rem 0 0; padding: 0; list-style: none; counter-reset: mp; }
.chqt-mp-list li { display: flex; align-items: center; gap: .5rem; min-height: 44px; border-bottom: 1px solid var(--chqt-line, #eadfca); counter-increment: mp; }
.chqt-mp-list li::before { content: counter(mp) "."; min-width: 1.8rem; font-variant-numeric: tabular-nums; }
.chqt-mp-list li span { flex: 1; }
.chqt-mp-x { min-width: 44px; min-height: 44px; border: 0; background: none; font-size: 1.1rem; cursor: pointer; color: inherit; }
.chqt-mp-tm40 a { font-weight: 600; }
.chqt-mp-tools { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .8rem; }
.chqt-mp-code { margin-top: .6rem; }
.chqt-mp-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-mp .chqt-form, .chqt-mp .chqt-actions, .chqt-mp [data-out="src"], .chqt-mp-x, .chqt-mp-tm40 { display: none !important; }
  .chqt-mp { display: block !important; }
  .chqt-mp-map { background: none; }
  .chqt-mp-g path, .chqt-mp-g circle, .chqt-mp-pin { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .chqt-mp-list { columns: 3; }
  .chqt-mp-list li { min-height: 0; border: 0; }
}