/* Street View "Look for" photo (spec rule 35, Nov 3 2026; 35b blurred-house fallbacks + From above) */
.sv-thumb{position:fixed;left:12px;bottom:140px;z-index:5;width:108px;height:74px;padding:0!important;margin:0;border:2px solid #fff!important;border-radius:12px!important;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,.35);background:#2a2f36!important;cursor:pointer;-webkit-tap-highlight-color:transparent}
.sv-thumb[hidden],.sv-card[hidden]{display:none!important}
.sv-thumb-pic{position:absolute;inset:0;overflow:hidden}
.sv-thumb-pic>img{width:100%;height:100%;object-fit:cover;display:block}
.sv-thumb .sv-aerial{position:absolute;left:0;top:50%;width:100%;aspect-ratio:16/9;transform:translateY(-50%)}
.sv-thumb-label{position:absolute;left:0;right:0;bottom:0;padding:8px 7px 3px;font:800 11px/1.1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.03em;text-transform:uppercase;color:#fff;text-align:left;background:linear-gradient(transparent,rgba(0,0,0,.72))}
.sv-card{position:fixed;left:10px;right:10px;bottom:140px;z-index:30;max-width:520px;margin:0 auto;background:#fff;color:#1f2328;border-radius:18px;overflow:hidden;box-shadow:0 10px 32px rgba(0,0,0,.42);cursor:pointer;-webkit-tap-highlight-color:transparent}
.sv-card-head{display:flex;align-items:center;gap:10px;padding:10px 14px 8px}
.sv-look{font:800 14px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#5f6b7a}
.sv-num{font:900 42px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:-.5px;color:#111}
.sv-close{margin-left:auto;flex:none;width:44px;height:44px;min-width:0;min-height:0;padding:0!important;border:0!important;border-radius:12px!important;background:#eef1f5!important;color:#3d4756!important;font:700 22px/1 system-ui,sans-serif;cursor:pointer}
body.r1-night .sv-close{background:#22314d!important;color:#c9d6ea!important}
/* rule 35b: swipe strip (street photo / blurred-house fallbacks -> "From above") */
.sv-slides{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;width:100%;height:min(calc((100vw - 20px)*9/16),36vh,292px);background:#d9dde3}
.sv-slides::-webkit-scrollbar{display:none}
.sv-slide{position:relative;flex:0 0 100%;height:100%;overflow:hidden;scroll-snap-align:center;scroll-snap-stop:always}
.sv-photo{display:block;width:100%;height:100%;object-fit:cover;background:#d9dde3}
.sv-aerial{position:absolute;left:0;top:50%;width:100%;aspect-ratio:16/9;transform:translateY(-50%);overflow:hidden;background:#7d8a7a}
.sv-aerial-rot{position:absolute;left:50%;top:50%;width:116%;aspect-ratio:1/1;transform-origin:50% 50%}
.sv-aerial>img,.sv-aerial-rot>img{position:absolute;display:block;max-width:none;pointer-events:none;user-select:none}
.sv-pin{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#e5322d;border:3px solid #fff;box-shadow:0 0 0 2px rgba(229,50,45,.55),0 2px 6px rgba(0,0,0,.5)}
.sv-mini .sv-pin{width:10px;height:10px;margin:-5px 0 0 -5px;border-width:2px}
.sv-tag{position:absolute;left:10px;top:10px;padding:4px 9px;border-radius:999px;background:rgba(17,24,39,.78);color:#fff;font:800 12px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.03em;text-transform:uppercase}
.sv-banner{position:absolute;left:0;right:0;top:0;padding:7px 12px 18px;color:#fff;font:800 15px/1.25 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-align:center;background:linear-gradient(rgba(0,0,0,.78),rgba(0,0,0,0));text-shadow:0 1px 2px rgba(0,0,0,.6)}
.sv-arrow{position:absolute;top:36px;width:34px;margin-left:-17px;text-align:center;font:900 30px/1 system-ui,sans-serif;color:#ffd400;text-shadow:0 0 3px #000,0 2px 6px rgba(0,0,0,.8)}
.sv-mini{position:absolute;right:8px;bottom:8px;width:104px;height:66px;padding:0!important;margin:0;border:2px solid #fff!important;border-radius:10px!important;overflow:hidden;background:#7d8a7a!important;box-shadow:0 2px 10px rgba(0,0,0,.45);cursor:pointer}
.sv-mini-label{position:absolute;left:0;right:0;bottom:0;padding:7px 5px 2px;font:800 10.5px/1.1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.03em;text-transform:uppercase;color:#fff;text-align:left;background:linear-gradient(transparent,rgba(0,0,0,.75))}
.sv-dots{display:flex;justify-content:center;gap:8px;padding:7px 0 0}
.sv-dots[hidden]{display:none}
.sv-dot{width:9px;height:9px;min-width:0;min-height:0;padding:0!important;margin:0;border:0!important;border-radius:50%!important;background:#c3c9d2!important}
.sv-dot.on{background:#1f6feb!important;width:22px;border-radius:5px!important}
.sv-addr{padding:5px 14px 0;font:700 17px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.sv-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 14px 12px;font:500 12.5px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#6b7686}
body.r1-night .sv-card{background:#14213a;color:#e9eef6}
body.r1-night .sv-num{color:#fff}
body.r1-night .sv-look,body.r1-night .sv-meta{color:#9fb0c8}
body.r1-night .sv-dot{background:#3a4a66!important}body.r1-night .sv-dot.on{background:#58a6ff!important}
@media (orientation:landscape) and (max-height:520px){.sv-card{max-width:420px;left:auto;right:10px}.sv-slides{height:min(225px,46vh)}.sv-num{font-size:32px}}
@media (min-width:541px){.sv-slides{height:min(282px,36vh)}}
/* rule 35c (Nov 3 2026): picture-in-picture tile. JS docks it under the turn banner on whichever side covers no part of
   the car, the destination pin or the route still to drive (left/top/width/height set inline); tap = full view. */
.sv-pip{position:fixed;z-index:8;top:120px;right:auto;width:156px;height:98px;box-sizing:border-box;border:2px solid #fff;border-radius:14px;overflow:hidden;background:#2a2f36;box-shadow:0 4px 14px rgba(0,0,0,.42);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:pan-x;user-select:none;-webkit-user-select:none;transition:left .25s ease,top .25s ease,width .2s ease,height .2s ease}
.sv-pip[hidden]{display:none!important}
.sv-pip .sv-pip-slides{height:100%!important;background:#2a2f36}
.sv-pip .sv-aerial{width:112%;left:-6%}
.sv-pip .sv-pin{width:12px;height:12px;margin:-6px 0 0 -6px;border-width:2px}
.sv-pip .sv-arrow{top:20px;width:24px;margin-left:-12px;font-size:21px}
.sv-pip-look{position:absolute;left:6px;top:6px;max-width:calc(100% - 12px);padding:3px 7px;border-radius:999px;background:rgba(17,24,39,.82);color:#fff;font:800 10.5px/1.15 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.sv-pip-num{position:absolute;left:6px;bottom:6px;padding:2px 8px 3px;border-radius:9px;background:#ffd84d;color:#0f2c55;font:900 26px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:-.5px;box-shadow:0 2px 6px rgba(0,0,0,.45);pointer-events:none}
.sv-pip--small .sv-pip-num{font-size:19px;padding:2px 6px}
.sv-pip--small .sv-pip-look{font-size:9px;padding:2px 5px}
.sv-pip--arrived .sv-pip-num{font-size:31px}
.sv-pip-dots{position:absolute;right:7px;bottom:9px;display:flex;gap:4px;pointer-events:none}
.sv-pip-dot{display:block;width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,.6);box-shadow:0 0 2px rgba(0,0,0,.9)}
.sv-pip-dot.on{width:14px;background:#fff}
@media (prefers-reduced-motion:reduce){.sv-pip{transition:none}}

@media (orientation:landscape) and (max-height:520px){.sv-card{max-height:calc(100vh - 16px);overflow:auto}}

/* rule 37: which side of the street, on the photo tile and the big card */
.sv-pip-side{position:absolute;left:6px;bottom:41px;padding:3px 7px 3px;border-radius:9px;background:rgba(17,24,39,.86);color:#ffd84d;font:900 13px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.02em;box-shadow:0 2px 6px rgba(0,0,0,.45);pointer-events:none}
.sv-pip--small .sv-pip-side{bottom:33px;font-size:11px;padding:2px 5px}
.sv-pip--arrived .sv-pip-side{bottom:46px}
.sv-pip-side:empty,.sv-side:empty{display:none}
.sv-side{margin-left:10px;padding:4px 9px;border-radius:9px;background:#ffd84d;color:#0f2c55;font:900 17px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;white-space:nowrap}