.ex.svelte-1a0f5fz{border:1px solid var(--border-light);border-radius:var(--radius);grid-template-columns:minmax(0,.92fr) minmax(0,1.15fr);height:460px;display:grid;overflow:hidden}.ex-rail.svelte-1a0f5fz{background:var(--bg-card);border-right:1px solid var(--border-light);min-width:0;overflow:hidden}.ex-head.svelte-1a0f5fz{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.ex-head.svelte-1a0f5fz b:where(.svelte-1a0f5fz){font-size:14px;font-weight:800}.ex-head.svelte-1a0f5fz span:where(.svelte-1a0f5fz){border:1px solid var(--border);border-radius:var(--radius-pill);padding:4px 10px;font-size:11.5px;font-weight:700}.ex-card.svelte-1a0f5fz{border-bottom:1px solid var(--border-light)}.ex-card.svelte-1a0f5fz img:where(.svelte-1a0f5fz){object-fit:cover;width:100%;height:92px;display:block}.ex-body.svelte-1a0f5fz{padding:8px 12px 4px}.ex-body.svelte-1a0f5fz b:where(.svelte-1a0f5fz){font-size:13.5px;font-weight:800;display:block}.ex-body.svelte-1a0f5fz small:where(.svelte-1a0f5fz){color:var(--text-muted);font-size:11.5px}.tags.svelte-1a0f5fz{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.tags.svelte-1a0f5fz i:where(.svelte-1a0f5fz){color:var(--text-secondary);background:var(--surface-2);border-radius:var(--radius-pill);padding:2px 6px;font-size:10px;font-style:normal;font-weight:700}.metrics.svelte-1a0f5fz{gap:14px;margin-top:6px;display:flex}.metrics.svelte-1a0f5fz span:where(.svelte-1a0f5fz){color:var(--text-muted);font-size:10px}.metrics.svelte-1a0f5fz b:where(.svelte-1a0f5fz){color:var(--text-dark);font-size:13px;font-weight:800;display:block}.foot.svelte-1a0f5fz{border-top:1px solid var(--border-light);grid-template-columns:1fr 1fr;display:grid}.foot.svelte-1a0f5fz i:where(.svelte-1a0f5fz){text-align:center;color:var(--text-muted);padding:7px 0;font-size:12px;font-style:normal;font-weight:750}.foot.svelte-1a0f5fz .save:where(.svelte-1a0f5fz){color:var(--primary);border-left:1px solid var(--border-light)}.ex-map.svelte-1a0f5fz{background:var(--surface-2) url(/how-it-works/explore-map.jpg) center / cover no-repeat;min-width:0;position:relative}.legend.svelte-1a0f5fz{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:10px;left:10px}.legend.svelte-1a0f5fz i:where(.svelte-1a0f5fz),.pin.svelte-1a0f5fz{background:var(--primary);border-radius:50%}.legend.svelte-1a0f5fz i:where(.svelte-1a0f5fz){width:8px;height:8px}.pin.svelte-1a0f5fz{width:10px;height:10px;box-shadow:var(--shadow-sm);position:absolute;transform:translate(-50%,-50%)}.pin.hot.svelte-1a0f5fz{background:var(--primary-deep);width:14px;height:14px}@container shotpage (width<=480px){.ex.svelte-1a0f5fz{grid-template-columns:minmax(0,1fr);height:auto}.ex-map.svelte-1a0f5fz{order:-1;height:180px}.ex-rail.svelte-1a0f5fz{border-right:0}.ex-card.svelte-1a0f5fz:last-child{display:none}}