
.hm-wrap{max-width:56rem;margin:0 auto}
.hm-fig{margin:1.4rem 0;padding:1rem .7rem;background:var(--card);
  border:1px solid var(--warm-border);border-radius:14px;overflow-x:auto}
.hm-fig svg{display:block;width:100%;height:auto;min-width:520px}
.hm-figcap{font-size:.86rem;color:var(--mute);margin:.55rem .3rem 0;line-height:1.5}
.hm-maplabel{font-size:12.5px;fill:var(--ink);font-weight:600}
.hm-mapnote{font-size:11px;fill:var(--mute)}
.hm-route{fill:none;stroke:#26418f;stroke-width:2.4;stroke-dasharray:7 5;opacity:.75}
.hm-pin{fill:#26418f;stroke:var(--card);stroke-width:2}
.hm-pin-pot{fill:#14275a;stroke:#e8c766;stroke-width:2.6}
.hm-pin-creek{fill:none;stroke:#5f7f4a;stroke-width:2}
.hm-step{stroke:var(--warm-border);stroke-width:1.2}
.hm-stepn{font-size:13px;font-weight:700;fill:var(--ink)}
.hm-stept{font-size:12px;fill:var(--ink)}
.hm-arrow{fill:none;stroke:var(--mute);stroke-width:1.6;opacity:.6}
.hm-dialname{font-size:13.5px;font-weight:700}
.hm-dialsub{font-size:11.5px;fill:var(--mute)}
.hm-year{font-size:12px;fill:var(--mute);font-weight:600}
.hm-ev{font-size:12.5px;fill:var(--ink)}
.hm-spine{stroke:var(--warm-border);stroke-width:2}
.hm-evdot{fill:#26418f}
.hm-evdot.big{fill:#14275a;stroke:#e8c766;stroke-width:2}
.hm-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin:1rem 0}
.hm-card{background:var(--card);border:1px solid var(--warm-border);border-radius:12px;padding:.8rem .9rem}
.hm-card h3{margin:.1rem 0 .45rem;font-size:1rem}
.hm-card p{margin:.3rem 0;font-size:.92rem;line-height:1.55}
.hm-tests{list-style:none;padding:0;margin:1rem 0}
.hm-tests li{background:var(--card);border:1px solid var(--warm-border);border-left:5px solid #26418f;
  border-radius:10px;padding:.7rem .9rem;margin:.5rem 0}
.hm-tests li.printed{border-left-color:#a8452e}
.hm-tests .tlab{display:inline-block;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--mute);margin-bottom:.25rem}
.hm-swatch{display:inline-block;width:.95rem;height:.95rem;border-radius:3px;vertical-align:-2px;
  margin-right:.4rem;border:1px solid rgba(0,0,0,.18)}
.hm-vin{list-style:none;padding:0;margin:.6rem 0;display:grid;gap:.35rem;
  grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}
.hm-vin li{font-size:.9rem;padding:.3rem .45rem;border-radius:8px}
.hm-vin li.no{background:var(--soft)}
.hm-vin li.hit{background:#26418f;color:#fff;font-weight:600}
.hm-vin li.hit .hm-swatch{border-color:rgba(255,255,255,.5)}
.hm-count{background:var(--soft);border-radius:12px;padding:.85rem 1rem;margin:1.1rem 0;
  border:1px dashed var(--dashed)}
.hm-count b{font-size:1.5rem;line-height:1;color:var(--ant-dark)}
.hm-src{font-size:.82rem;color:var(--mute)}
.hm-src a{color:var(--mute)}
.hm-note{font-size:.88rem;color:var(--mute);border-top:1px solid var(--warm-border);
  margin-top:1.6rem;padding-top:.8rem;line-height:1.6}
@media (prefers-reduced-motion:no-preference){.hm-fig{scroll-behavior:smooth}}
