.market-map{min-width:0;width:100%;max-width:620px;margin-inline:auto;align-self:center}
.market-map-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:.75rem;line-height:1.4;font-weight:650;letter-spacing:.09em}
.market-map-heading p{margin:0}
.market-map-count{font-weight:500;letter-spacing:0;white-space:nowrap}
.market-canvas{position:relative;isolation:isolate;aspect-ratio:600/460;margin:12px 0 0;overflow:hidden;border-radius:4px}
.market-canvas svg[hidden]{display:none}
.market-canvas svg{display:block;width:100%;height:100%;overflow:hidden;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.market-canvas svg.is-dragging,.market-canvas svg.is-dragging .market-region{cursor:grabbing}
.market-map-fallback{position:absolute;inset:0;display:grid;place-items:center;margin:0;font-size:1rem;text-align:center;padding:40px;color:#502814;pointer-events:none}
.market-map-fallback[hidden]{display:none}
.market-surface{fill:#ffc28e;stroke:#e8753f;stroke-width:.85;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.market-region.is-online{cursor:pointer;outline:none}
.market-region.is-online .market-surface{fill:#191919;stroke:#ffc28e;stroke-width:1;transition:stroke .2s,stroke-width .2s}
.market-region.is-online.is-selected .market-surface{stroke:#fff7e8;stroke-width:2}
.market-hit{fill:transparent;stroke:transparent;stroke-width:7;pointer-events:all;vector-effect:non-scaling-stroke}
.market-region:focus-visible .market-surface{stroke:#fff;stroke-width:3}
#map-water{pointer-events:none}
.map-lake{fill:#52b9ed;stroke:#2e96ce;stroke-width:.55;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.map-river{fill:none;stroke:#359fdc;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.map-navigation{position:absolute;right:7px;bottom:11px;display:flex;align-items:center;gap:4px;padding:3px;background:#fff5e5;border:1px solid #19191935;border-radius:100px}
.map-navigation[hidden]{display:none}
.market-canvas svg:focus-visible{outline-offset:-3px}
.map-navigation button{display:grid;place-items:center;min-width:44px;min-height:44px;border:0;background:transparent;border-radius:50%;font-size:1.4rem;line-height:1}
.map-navigation button:last-child{font-size:.875rem;padding-inline:12px;border-radius:100px}
.map-navigation button:hover:not(:disabled){background:#191919;color:#fff5e5}
.map-navigation button:disabled{opacity:.3;cursor:default}
.map-navigation button:focus-visible{outline-offset:0}
.market-legend{display:flex;align-items:center;gap:8px;font-size:.875rem;line-height:1.4;margin:-2px 0 13px}
.market-legend:before{content:'';display:block;width:10px;height:10px;flex:0 0 10px;background:var(--ink);border-radius:2px}
.market-legend span{margin-left:auto;font-size:.75rem;color:#502814}
.market-controls{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.market-choice{background:transparent;border:1px solid #65271365;border-radius:100px;padding:8px 13px;font-size:.875rem;line-height:1.35;min-height:44px;transition:background .2s,color .2s}
.market-choice:hover,.market-choice[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.market-detail{background:#fff5e5;border:1px solid #fff4db80;border-radius:5px;box-shadow:0 5px 0 #963b1520,0 18px 35px -25px #55200666;padding:20px 22px}
.market-detail-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 18px;padding-bottom:14px;border-bottom:1px solid #19191920}
.market-detail-heading h2{font:650 1.55rem/1.15 var(--display);letter-spacing:-.045em;margin:0}
.market-detail-heading a{font-size:.875rem;line-height:1.5;text-decoration:underline;text-underline-offset:4px;padding:5px 0;overflow-wrap:anywhere}
.market-facts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:14px}
.market-facts h3{font-size:.75rem;font-weight:700;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;margin:0 0 5px}
.market-facts p{font-size:1rem;line-height:1.5;margin:0;color:#4e463f}
@media(min-width:761px){.hero{grid-template-columns:1.06fr 1fr;gap:36px}.market-map{max-width:570px}}
@media(min-width:1101px){.market-canvas{max-height:365px}}
@media(max-width:1100px) and (min-width:761px){.hero{gap:25px}.market-detail{padding:17px}.market-facts{grid-template-columns:1fr;gap:13px}.market-choice{padding-inline:11px}.market-legend{flex-wrap:wrap}.market-legend span{margin-left:0}}
@media(max-width:760px){.market-map{margin-top:55px;max-width:540px}.market-canvas{margin-top:12px}.market-detail{padding:20px}.market-choice{flex-grow:1}.market-legend span{font-size:.75rem}.market-facts{gap:20px}.market-facts p{font-size:1rem}}
@media(max-width:440px){.market-facts{grid-template-columns:1fr;gap:16px}.market-detail-heading h2{font-size:1.5rem}.market-map-heading{letter-spacing:.055em}.market-legend{flex-wrap:wrap;row-gap:5px}.market-legend span{margin-left:0}.market-choice{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.market-surface,.market-choice{transition:none}}