.ll-hub-split{display:block}.ll-hub-preview{display:none}.ll-hub-preview-copy{padding:20px}.ll-hub-preview h2{font-size:22px;line-height:1.15;margin:0 0 12px}.ll-hub-preview p{font-size:14px;line-height:1.5}.ll-hub-preview-static svg{display:block;width:100%;height:auto}.ll-hub-preview [data-overview-pin].is-active circle{stroke:#221A20;stroke-width:7}.ll-hub-preview [data-overview-pin].is-active{filter:drop-shadow(0 2px 4px #221a2050)}.ll-hub-preview-canvas{height:400px;position:relative}.ll-hub-preview-canvas .maplibregl-canvas{position:absolute;inset:0}.ll-hub-preview [hidden]{display:none!important}.ll-hub-preview button,.ll-hub-preview label{min-height:44px}.ll-hub-preview [data-hub-inline-tools]{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.ll-hub-preview label{display:flex;gap:8px;align-items:center}.ll-hub-preview input{width:20px;height:20px}.ll-hub-map-legend{border-top:1px solid var(--line);padding-top:12px}.ll-hub-card-highlight{outline:3px solid var(--accent,#B5452A);outline-offset:4px}
@media(min-width:1100px){.ll-hub-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,36%);gap:28px;align-items:start}.ll-hub-split>.rd-hub-grid,.ll-hub-split>.rd-area-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.ll-hub-preview{display:block;position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden}.ll-hub-preview [data-hub-preview-static]{aspect-ratio:4/3}.ll-hub-preview:focus-within{outline-offset:4px}}
@media(prefers-color-scheme:dark){.ll-hub-preview{background:var(--paper,#221A20)}}
.ll-hub-preview button{font:700 14px Varta,system-ui,sans-serif;border:1px solid #CFC2B2;border-radius:12px;padding:10px 14px;background:#F7F3EC;color:#221A20;cursor:pointer}.ll-hub-preview button[data-open-hub-map]{background:#221A20;color:#fff;border-color:#221A20}.ll-hub-preview button:focus-visible{outline:3px solid #1F5FBF;outline-offset:3px}
/* Map frame is present on phones too; only its vendor is intersection-lazy. */
.ll-hub-split{display:flex;flex-direction:column;gap:20px}.ll-hub-preview{display:block;order:-1;position:relative;width:100%;box-sizing:border-box;background:var(--cal,#fff);border:1px solid var(--line);border-radius:22px;overflow:hidden}.ll-hub-map-frame{height:300px;position:relative;isolation:isolate}.ll-hub-preview .ll-hub-preview-static,.ll-hub-preview .ll-hub-preview-canvas{position:absolute;inset:0;height:100%;width:100%;aspect-ratio:auto}.ll-hub-preview-static{z-index:1;background:var(--cal,#F7F3EC);pointer-events:none}.ll-hub-preview-static svg{height:100%;object-fit:contain}.ll-hub-preview-copy{padding:12px 16px}.ll-hub-preview-copy h2{font-size:19px;margin-bottom:6px}.ll-hub-preview-copy p{margin:6px 0}.ll-hub-preview details[data-hub-inline-tools]{display:block;margin:6px 0}.ll-hub-preview details>summary{min-height:44px;cursor:pointer;font-weight:700}.ll-hub-preview details>div{display:flex;flex-wrap:wrap;gap:8px}.ll-hub-preview .ll-hub-map-legend{font-size:13px;margin-top:6px;padding-top:8px}
@media(min-width:1100px){.ll-hub-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,520px);gap:28px;align-items:start}.ll-hub-preview{order:0;position:sticky;top:96px;width:100%}.ll-hub-map-frame{height:520px}}

.ll-hub-map-frame{overflow:hidden}.ll-hub-preview .ll-hub-preview-canvas{min-height:0;border-radius:0}