/* Point-cloud illustrations share the product palette. No external renderer. */
#hosting-particles{display:block;width:100%;height:300px;contain:strict}
#hosting-globe{display:block;width:100%;height:auto;aspect-ratio:450/400;max-height:440px}
[data-motion-toggle]{font:inherit;font-size:14px;color:var(--q-muted);background:transparent;border:0;text-decoration:underline;text-underline-offset:5px;min-height:44px;padding:8px 0;cursor:pointer}
[data-motion-toggle]:hover{color:var(--q-text)}
[data-motion-toggle]:focus-visible{outline:2px solid var(--q-accent);outline-offset:5px}
@media(max-width:600px){#hosting-particles{height:230px}}

/* Reusable interactive globe. Native vertical scrolling remains available on touch. */
.region-globe-canvas{display:block;max-width:100%;min-width:0;cursor:grab;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
.region-globe-canvas.is-dragging{cursor:grabbing!important}
.region-globe-canvas:focus-visible{outline:3px solid var(--q-focus,#79cfd7);outline-offset:4px}
.globe-controls,.region-globe-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;max-width:100%;min-width:0;margin-top:16px}
.globe-controls button,.region-globe-controls button{font:inherit;font-size:14px;min-width:44px;min-height:44px;padding:10px 14px;max-width:100%;border:0;border-radius:4px;color:var(--q-text,#eff3f8);background:var(--q-surface-raised,#212427);cursor:pointer;touch-action:manipulation;transition:background-color 140ms,color 140ms}
.globe-controls button:hover,.region-globe-controls button:hover{background:var(--q-surface,#17191b);color:var(--q-accent,#b6ef7a)}
.globe-controls button:disabled,.region-globe-controls button:disabled{opacity:.45;cursor:default}
.globe-controls button:focus-visible,.region-globe-controls button:focus-visible{outline:3px solid var(--q-focus,#79cfd7);outline-offset:3px}
.globe-controls button[aria-pressed=true],.region-globe-controls button[aria-pressed=true]{background:var(--q-bg,#101112)}
[data-region-globe] #globe-help{font-size:14px;color:var(--q-muted,#abb2ba);line-height:1.5;margin-top:16px;max-width:52ch;text-align:center}
@media(max-width:420px){.globe-controls,.region-globe-controls{display:grid;grid-template-columns:44px 44px minmax(0,1fr);width:100%;gap:8px}.globe-controls button[data-globe-action=pause],.region-globe-controls button[data-globe-action=pause]{grid-column:1/-1}.globe-controls button,.region-globe-controls button{padding-inline:10px}}

/* Compact region search: the city stays visible; the catalog opens only on request. */
.region-picker{position:relative;z-index:2;min-width:0}
.region-picker-label{display:block;font-weight:550;margin-bottom:12px}
.region-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-width:0;min-height:68px;padding:12px 16px;margin:0 0 16px;text-align:left;font:inherit;color:var(--q-text);background:var(--q-surface-raised);border:1px solid transparent;border-radius:6px;cursor:pointer}
.region-picker-trigger>span:first-child{min-width:0}
.region-picker-trigger strong,.region-picker-trigger small{display:block;overflow-wrap:anywhere}
.region-picker-trigger strong{font-size:17px;font-weight:550;line-height:1.4}
.region-picker-trigger small{font-size:14px;color:var(--q-muted)}
.region-picker-chevron{font-size:24px;line-height:1;flex:none;transition:transform 150ms}
.region-picker-trigger[aria-expanded=true] .region-picker-chevron{transform:rotate(180deg)}
.region-picker-trigger:disabled{cursor:default;color:var(--q-muted)}
.region-picker-trigger:focus-visible,.region-picker-popup input:focus-visible{outline:2px solid var(--q-focus);outline-offset:3px}
.region-picker-popup{position:absolute;left:16px;right:16px;z-index:30;box-sizing:border-box;padding:16px;background:var(--q-surface-raised);border:1px solid #555c60;border-radius:8px;box-shadow:0 12px 32px rgb(0 0 0 / .28)}
.region-picker-popup[hidden],.region-search-empty[hidden]{display:none}
.region-picker-popup>label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}
.region-picker-popup input{box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid #555c60;border-radius:4px;background:var(--q-bg);color:var(--q-text);font:inherit;font-size:16px}
.region-picker-popup input::placeholder{color:var(--q-muted)}
.region-picker-popup .region-search-count{font-size:12px;color:var(--q-muted);margin:12px 0 8px}
.region-options{max-height:280px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;min-width:0}
.region-option{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:12px;border-radius:4px;cursor:pointer}
.region-option.is-active,.region-option:hover{background:var(--q-bg)}
.region-option[aria-selected=true]{box-shadow:inset 2px 0 var(--q-accent)}
.region-option strong,.region-option small{display:block;overflow-wrap:anywhere}
.region-option strong{font-size:15px;font-weight:500;line-height:1.35}
.region-option small{font-size:13px;color:var(--q-muted);margin-top:3px}
.region-option-status{max-width:105px;text-align:right;font-size:12px;line-height:1.4;color:var(--q-muted)}
.region-option-status.is-available{color:var(--q-accent)}
.region-picker-popup .region-search-empty{font-size:14px;color:var(--q-muted);padding:12px 0;margin:0}
@media(max-width:420px){.region-picker-popup{left:8px;right:8px;padding:12px}.region-option{gap:8px;padding:12px 8px}.region-option-status{max-width:88px}}
@media(prefers-reduced-motion:reduce){.region-picker-chevron{transition:none}}