/* Map workspace: one search, one location action, map before supporting content. */
:root {
  --green-950:#102f2a; --green-800:#225347; --gold:#b18a4d;
  --cream:#f4f0e7; --paper:#fffdf8; --ink:#1d342d;
  --muted:#586b62; --line:#d9dfd7;
}
* { box-sizing:border-box }
html { scroll-behavior:smooth }
body { margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif }
button,input,select { font:inherit }
a { color:inherit }
button { cursor:pointer }
[hidden],.is-hidden { display:none!important }
.visually-hidden,.skip-link:not(:focus) { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0 }
.skip-link:focus { position:absolute;left:12px;top:12px;z-index:9999;background:var(--paper);color:var(--ink);padding:12px }
:where(a,button,input,select,summary,[tabindex]):focus-visible { outline:3px solid var(--gold);outline-offset:3px }
.jvk-header { position:relative;z-index:50;background:var(--green-950);color:#fff }
.jvk-header__inner { max-width:1400px;margin:auto;padding:12px 24px;min-height:72px;display:flex;align-items:center;gap:24px }
.jvk-brand { display:grid;text-decoration:none }
.jvk-brand__name { color:#fff;font:700 24px/1.1 Georgia,serif }
.jvk-brand__tag { color:#e0d1ac;font-size:11px;margin-top:4px }
.jvk-nav { margin-left:auto;display:flex;gap:4px }
.jvk-nav a { padding:12px;text-decoration:none;font-weight:650;border-radius:10px;min-height:48px }
.jvk-nav a:hover,.jvk-nav a[aria-current=page] { background:#24493f;color:#f1d293 }
.jvk-menu-button { display:none;margin-left:auto;min-width:48px;min-height:48px;border:1px solid #7c9488;border-radius:10px;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:5px }
.jvk-menu-button span { width:22px;height:2px;background:#fff }
.jvk-mobile-menu { position:absolute;left:0;right:0;top:100%;padding:12px;background:var(--green-950);border-top:1px solid #456356 }
.jvk-mobile-menu nav { display:grid;grid-template-columns:1fr 1fr;gap:4px;max-width:700px;margin:auto }
.jvk-mobile-menu a { padding:12px;text-decoration:none;border-radius:10px;min-height:48px }
.jvk-mobile-menu a:hover,.jvk-mobile-menu a[aria-current=page] { background:#24493f }
.jvk-mobile-menu__cta { color:#f1d293 }
.jvk-map-shell { max-width:1400px;margin:auto;padding:16px 24px 32px }
.jvk-map-toolbar { padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:14px }
.jvk-search-row { display:grid;grid-template-columns:minmax(0,1fr) 48px auto;gap:8px }
.jvk-search { display:flex;min-width:0 }
.jvk-search input,.jvk-filter-fields input,.jvk-filter-fields select { min-width:0;width:100%;min-height:48px;border:1px solid #aebcb1;background:#fff;border-radius:9px;padding:10px 12px;color:var(--ink) }
.map-control { min-height:48px;border:1px solid #b7c3b9;background:var(--paper);color:var(--ink);border-radius:9px;padding:10px 14px;font-weight:650;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px }
.map-control:hover { background:#edf2ec;border-color:var(--green-800) }
.map-control--primary { background:var(--green-950);border-color:var(--green-950);color:#fff }
.map-control--primary:hover { background:var(--green-800);color:#fff }
.map-control--icon { width:48px;height:48px;padding:0;flex-shrink:0 }
.map-control svg { flex-shrink:0 }
.map-control:disabled { opacity:.6;cursor:wait }
.jvk-filter-toggle span { min-width:20px;border-radius:50%;background:#edf0e8;font-size:14px }
.jvk-kind-tabs,.jvk-chip-row { display:flex;flex-wrap:wrap;gap:6px }
.jvk-kind-tabs { margin-top:0 }
.jvk-kind-tabs button,.jvk-chip-row button { min-height:48px;border:1px solid var(--line);background:#f5f5ed;border-radius:9px;padding:8px 12px;color:var(--ink);font-size:14px;font-weight:600 }
.jvk-kind-tabs button.is-active,.jvk-chip-row button.is-active { background:#e2ece2;border-color:#678574;color:#153c2e }
.jvk-map-reset { min-height:48px;margin-top:8px;padding:10px 0;background:transparent;border:0;color:var(--muted);font-size:14px;text-decoration:underline;text-underline-offset:3px }
.jvk-filter-panel { margin-top:12px;border-top:1px solid var(--line);padding-top:16px }
.jvk-filter-group+.jvk-filter-group { margin-top:18px }
.jvk-filter-title { display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;margin-bottom:9px }
.jvk-filter-title span { font-size:14px;color:var(--muted) }
.jvk-filter-fields { display:grid;grid-template-columns:140px 140px minmax(160px,1fr);gap:10px;align-items:end;margin-top:12px }
.jvk-filter-fields label { display:grid;gap:5px;font-size:14px;font-weight:650 }
.jvk-filter-actions { display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid var(--line) }
.jvk-map-head { padding:8px 0 }
.jvk-counts { display:flex;flex-wrap:wrap;gap:4px 12px;font-size:14px;color:var(--muted) }
.jvk-counts strong { color:var(--ink) }
.jvk-map-legend { display:flex;flex-wrap:wrap;gap:4px 14px;min-height:32px;margin-top:4px;align-items:center;font-size:14px;color:var(--muted) }
.jvk-map-legend span { display:inline-flex;align-items:center;gap:5px }
.legend-dot { width:8px;height:8px;border-radius:50%;background:#b38b44 }
.legend-dot--community { background:#226b55 }
.legend-dot--you { background:#3479c9 }
.jvk-map-workspace { clear:both;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start }
.jvk-map-canvas,.jvk-map-results { min-width:0 }
.jvk-map { position:relative;height:clamp(480px,67vh,800px);border-radius:14px;overflow:hidden;border:1px solid #a6b5a8;background:#dde4dc;touch-action:none;isolation:isolate }
.jvk-map__loading { position:absolute;inset:0;display:grid;place-items:center;background:#e5e9df;color:var(--green-950) }
.jvk-map__tiles,.jvk-map__markers { position:absolute;inset:0;overflow:hidden }
.jvk-map__tile { position:absolute;width:256px;height:256px;max-width:none;user-select:none;-webkit-user-drag:none }
.jvk-map__markers { pointer-events:none }
.jvk-map__pin { position:absolute;transform:translate(-50%,-100%);width:44px;height:48px;border:0;background:transparent;padding:0;pointer-events:auto }
.jvk-map__pin::before { content:"";position:absolute;left:11px;top:8px;width:22px;height:29px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#b58a3c;border:2px solid #fff;box-shadow:0 2px 5px #17362d50 }
.jvk-map__pin::after { content:"";position:absolute;left:19px;top:16px;width:7px;height:7px;background:#fff;border-radius:50% }
.jvk-map__pin.is-community::before { background:#17634d }
.jvk-map__pin.is-user::before { background:#3479c9 }
.jvk-map__popup { position:absolute;z-index:8;transform:translate(-50%,-100%);width:min(270px,calc(100vw - 56px));background:var(--paper);color:var(--ink);border:1px solid #b6c2b5;border-radius:12px;padding:16px 48px 12px 16px;box-shadow:0 6px 22px #183c2b26;pointer-events:auto }
.jvk-map__popup strong { display:block;font:600 18px/1.25 Georgia,serif }
.jvk-map__popup small { display:block;margin-top:6px;color:var(--muted);font-size:14px }
.jvk-map__popup a { display:inline-flex;align-items:center;min-height:48px;color:var(--green-800);font-weight:700 }
.jvk-map__popup button { position:absolute;right:2px;top:2px;border:0;background:transparent;width:48px;height:48px;border-radius:10px;font-size:22px }
.jvk-map__controls { position:absolute;z-index:10;right:10px;top:10px;display:grid;gap:5px }
.jvk-map__controls button { width:48px;height:48px;border:1px solid #9dab9f;border-radius:9px;background:var(--paper);color:var(--ink);font-size:24px;font-weight:650 }
.jvk-map__controls .jvk-map-locate { margin-top:4px;padding:0 }
.jvk-map__compass { position:absolute;left:10px;bottom:10px;z-index:9;background:#fffdf8e8;color:var(--ink);border:1px solid #aebbaf;border-radius:6px;padding:4px 8px;font-size:14px }
.jvk-map-status { padding:8px 0 0;color:var(--muted);font-size:14px }
.jvk-map-status:empty { display:none }
.jvk-map-status.is-error { color:#883f2c }
.jvk-attribution { margin:6px 0;font-size:14px;color:var(--muted) }
.jvk-map-results { max-height:800px;max-height:67vh;overflow:auto;scrollbar-width:thin;padding-right:4px }
.jvk-nearby { border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:0 14px;margin-bottom:16px }
.jvk-nearby summary { cursor:pointer;font-weight:700;min-height:64px;padding:12px 0 }
.jvk-nearby summary span { display:block;font-weight:400;font-size:14px;color:var(--muted) }
.jvk-location-note { font-size:14px;color:var(--muted);margin:0 0 12px }
.jvk-nearby-list { display:grid;gap:0;margin:0 0 10px }
.jvk-nearby-card { padding:12px 0;border-top:1px solid var(--line) }
.jvk-nearby-card small { display:block;font-size:14px;color:var(--muted) }
.jvk-nearby-card strong { display:block;font-size:15px;line-height:1.4 }
.jvk-nearby-card__open { font-size:14px;color:var(--green-800) }
.jvk-section-heading--row { display:flex;justify-content:space-between;align-items:center;gap:8px }
.jvk-section-heading h2 { margin:0;font-size:18px;font-weight:650;line-height:1.3 }
.jvk-section-heading .map-control { padding:8px;border:0;background:transparent;font-size:14px }
.jvk-story-grid { display:grid;gap:0 }
.jvk-story-card { padding:16px 4px;border-bottom:1px solid var(--line) }
.jvk-story-card small { display:block;color:#765a2e;font-size:14px;margin-bottom:5px }
.jvk-story-card h3 { margin:0;font:600 20px/1.25 Georgia,serif }
.jvk-story-card p { margin:7px 0;color:var(--muted);font-size:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden }
.jvk-story-card__meta { display:flex;flex-wrap:wrap;gap:4px 10px;font-size:14px;color:var(--muted);margin-top:8px }
.jvk-story-card__open { display:inline-block;min-height:48px;padding-top:12px;color:var(--green-800);font-size:14px;font-weight:650 }
.jvk-story-card--link,.jvk-nearby-card--link { text-decoration:none;display:block;color:inherit;border-radius:4px }
.jvk-story-card--link:hover,.jvk-nearby-card--link:hover { background:#e9eee5 }
.jvk-empty { font-size:16px;color:var(--muted);padding:16px 0;margin:0 }
.jvk-footer { border-top:1px solid var(--line);color:var(--muted) }
.jvk-footer__inner { max-width:1400px;margin:auto;padding:24px;display:flex;gap:24px;align-items:center;justify-content:space-between }
.jvk-footer p { font-size:14px;max-width:460px;margin:0 }
.jvk-footer nav { display:flex;flex-wrap:wrap;gap:14px;font-size:14px }
.jvk-sitelock img { max-width:100px;max-height:34px;display:block }
@media(max-width:1000px) {
  .jvk-map-workspace { grid-template-columns:minmax(0,1fr) 270px;gap:12px }
  .jvk-nav { display:none } .jvk-menu-button { display:flex }
}
@media(max-width:760px) {
  .jvk-header__inner { padding:10px 16px;min-height:64px;gap:12px }
  .jvk-brand__name { font-size:21px } .jvk-brand__tag { display:none }
  .jvk-map-shell { padding:12px 12px 24px } .jvk-map-toolbar { padding:8px }
  .jvk-search-row { gap:6px }
  .map-control { padding:10px;font-size:14px }
  .map-control--icon { padding:0 }
  .jvk-kind-tabs { gap:4px }
  .jvk-kind-tabs button { padding:7px 10px;min-height:48px;font-size:14px }
  .jvk-map-workspace { display:block }
  .jvk-map { height:62svh;min-height:380px;max-height:650px;border-radius:12px }
  .jvk-map-results { max-height:none;overflow:visible;padding:0;margin-top:14px }
  .jvk-nearby { margin-bottom:10px }
  .jvk-story-grid { grid-template-columns:1fr 1fr;gap:0 18px }
  .jvk-filter-fields { grid-template-columns:1fr 1fr }
  .jvk-filter-fields label:nth-child(3) { grid-column:1/-1 }
  .jvk-footer__inner { flex-direction:column;align-items:flex-start;gap:16px;padding:24px 16px }
}
@media(max-width:420px) {
  .jvk-story-grid { grid-template-columns:1fr }
  .jvk-mobile-menu nav { grid-template-columns:1fr }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto } }