/* The map: the atlas of her guides. Tokens, the bar and the foot come from site.css. */
html,body{height:100%}body.nyd-map{overflow:hidden}
.stage{position:fixed;left:0;right:0;top:var(--bar);bottom:0;background:var(--panel)}
#map{position:absolute;inset:0}
.rail{position:absolute;left:24px;top:24px;bottom:24px;width:440px;background:var(--paper);box-shadow:0 14px 40px rgba(0,0,0,.18);display:flex;flex-direction:column;z-index:5}
.rs{flex:1;overflow:auto;padding:0 0 24px;overscroll-behavior:contain}
.rh{padding:22px 22px 14px;border-bottom:1px solid var(--line)}.rh h1{font-size:var(--t6);line-height:1.05}.rh p{margin:8px 0 0;font:400 var(--t2)/1.55 var(--body);color:var(--ink2)}
.find{position:relative;margin:14px 0 0}.find svg{position:absolute;left:12px;top:13px;width:16px;height:16px;color:var(--mute);pointer-events:none}.find input{height:44px;padding:0 12px 0 36px;border:2px solid var(--ink);background:var(--paper);font:400 var(--t2)/1 var(--body);width:100%}.find input:focus{box-shadow:inset 0 0 0 2px var(--taxi)}
.back{display:flex;align-items:center;gap:6px;background:none;border:0;padding:16px 22px 0;font:600 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);cursor:pointer;min-height:44px}.back:before{content:"\2190"}.back:hover{color:var(--ink)}
.lh{padding:8px 22px 12px;border-bottom:2px solid var(--ink);margin:0 0 4px}.lh h2{font-size:var(--t6);line-height:1.05}.lh .from{display:block;margin:8px 0 0;font:400 var(--t1)/1.5 var(--body);color:var(--ink2)}.lh .from a{text-decoration:none;border-bottom:2px solid var(--taxi)}.lh .from a:hover{color:var(--ink)}.lh .cnt{display:block;margin:6px 0 0;font:500 var(--t0)/1.5 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.lh .trk{display:inline-block;margin:10px 0 0;background:var(--taxi);padding:9px 12px 8px;text-decoration:none;font:600 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase}
/* doors and subs */
.doors,.subs,.rows,.hits{list-style:none;margin:0;padding:0}
.doors li,.subs li{border-bottom:1px solid var(--line)}.doors button,.subs button{display:grid;grid-template-columns:76px 1fr auto;gap:0 14px;align-items:center;width:100%;text-align:left;background:none;border:0;padding:12px 22px;cursor:pointer;min-height:64px}.doors button:hover,.subs button:hover{background:var(--panel)}
.doors .ph,.subs .ph{width:76px;height:56px;background:var(--panel) center/cover no-repeat}.doors b{font:600 var(--t4)/1.15 var(--disp);letter-spacing:-.01em;display:block}.subs b{font:700 var(--t2)/1.3 var(--body);display:block}
.doors span.d,.subs span.d{display:block;margin-top:3px;font:500 var(--t0)/1.5 var(--caps);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.doors .c,.subs .c{font:800 var(--t3)/1 var(--disp);color:var(--ink)}
/* the hub chips inside a list */
.chips{display:flex;flex-wrap:wrap;gap:6px;padding:12px 22px 6px}.chips button{background:var(--paper);border:1px solid var(--line);padding:7px 10px 6px;font:600 var(--t0)/1 var(--caps);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:var(--ink2)}.chips button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.chips button:hover:not(.on){border-color:var(--ink)}
/* rows */
.rows li{display:grid;grid-template-columns:30px 64px 1fr auto;gap:0 12px;align-items:center;padding:10px 22px;border-bottom:1px solid var(--line);cursor:pointer;min-height:64px}.rows li:hover,.rows li.on{background:var(--panel)}.rows li.on{box-shadow:inset 4px 0 var(--taxi)}
.rows .rk{font:800 var(--t3)/1 var(--disp);color:var(--ink)}.rows .rp{width:64px;height:48px;background:var(--panel) center/cover no-repeat}.rows .rp.none{visibility:hidden}.rows .rn{font:700 var(--t2)/1.3 var(--body);display:block}.rows .rw{font:500 var(--t0)/1.5 var(--caps);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);display:block}.rows .rw b{color:var(--ink);font-weight:600}
.rg{font:600 var(--t0)/1 var(--caps);letter-spacing:.08em;text-transform:uppercase;padding:5px 6px 4px;white-space:nowrap}.rg.w{background:var(--taxi)}.rg.o{border:1px solid var(--ink)}.rg.s{background:var(--ink);color:#fff}
.rows li.nopin .rn{color:var(--ink2)}
.more{padding:14px 22px;font:400 var(--t1)/1.5 var(--body);color:var(--mute)}.more a,.rec a.tl{color:var(--ink)}
/* the record */
.rec{padding:0 22px 24px}.rec .rph{height:220px;background:var(--panel) center/cover no-repeat;margin:0 -22px 14px}.rec h2{font-size:var(--t6);line-height:1.05}.rec .rw{margin:8px 0 0;font:500 var(--t0)/1.7 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}
.rec .line{margin:14px 0 0;font:400 var(--t3)/1.6 var(--body)}.rec .line b{font:600 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-right:8px}
.rec .paras{margin:14px 0 0}.rec .paras p{margin:0 0 12px;font:400 15px/1.65 var(--body)}.rec .paras em.lead{font-style:normal;font:600 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-right:8px}
.rec .kb{list-style:none;margin:14px 0 0;padding:0;border-top:2px solid var(--ink)}.rec .kb li{display:grid;grid-template-columns:96px 1fr;gap:0 12px;padding:8px 0;border-bottom:1px solid var(--line);font:400 var(--t1)/1.55 var(--body)}.rec .kb b{font:600 var(--t0)/1.8 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.rec .kb li.src{display:block;font:500 var(--t0)/1.5 var(--caps);letter-spacing:.08em;color:var(--mute);text-transform:uppercase;padding-top:8px}
.rec .acts{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin:18px 0 0}.rec .btn{padding:13px 16px}
.savebtn{display:inline-flex;align-items:center;gap:6px;background:none;border:2px solid var(--ink);padding:9px 11px 8px;cursor:pointer;font:600 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}.savebtn.on{background:var(--taxi)}.savebtn svg{width:13px;height:13px}
.rec .also{margin:22px 0 0;padding-top:12px;border-top:1px solid var(--line)}.rec .also .eyebrow{margin-bottom:6px}.rec .also button{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:9px 0;font:700 var(--t2)/1.3 var(--body);cursor:pointer}.rec .also button span{display:block;font:500 var(--t0)/1.5 var(--caps);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.rec .also button:hover{text-decoration:underline;text-decoration-color:var(--taxi);text-decoration-thickness:2px}
.rec .tell{margin:18px 0 0;font:400 var(--t1)/1.5 var(--body);color:var(--mute)}.rec .tell a{color:var(--ink);text-decoration:none;border-bottom:2px solid var(--taxi)}
.rec .next{margin:12px 0 0;font:400 var(--t2)/1.5 var(--body)}.rec .next .fig{font-size:var(--t3)}
/* search hits */
.hits li{border-bottom:1px solid var(--line)}.hits button{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;width:100%;text-align:left;background:none;border:0;padding:10px 22px;cursor:pointer;min-height:52px}.hits button:hover{background:var(--panel)}.hits b{font:700 var(--t2)/1.3 var(--body);display:block}.hits span{font:500 var(--t0)/1.5 var(--caps);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);display:block}.hits .rg{grid-row:1/3}.hits h3{margin:14px 22px 4px;font:600 var(--t0)/1.6 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
/* the foot of the rail on the home view */
.rfoot{padding:16px 22px 0;display:flex;flex-wrap:wrap;gap:10px 20px}.rfoot a,.rfoot button{background:none;border:0;padding:0;font:600 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--ink);border-bottom:2px solid var(--taxi);padding-bottom:4px;cursor:pointer}
/* legend and hover card */
.legend{position:absolute;right:14px;bottom:14px;z-index:5;display:flex;gap:14px;align-items:center;background:rgba(255,255,255,.92);padding:8px 12px;font:600 var(--t0)/1 var(--caps);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.legend i{display:inline-block;width:11px;height:11px;border-radius:50%;border:2px solid var(--ink);background:var(--taxi);vertical-align:-1px;margin-right:5px}.legend i.all{background:#c9c4bd;border-color:#c9c4bd;width:8px;height:8px}
.maplibregl-ctrl-attrib{font-family:var(--caps)!important;font-size:11px!important}
.hov{position:fixed;z-index:25;width:260px;background:var(--paper);box-shadow:0 10px 30px rgba(0,0,0,.22);pointer-events:none;transform:translate(16px,-50%);display:none}.hov.on{display:block}.hov.flip{transform:translate(calc(-100% - 16px),-50%)}
.hov .hph{height:140px;background:var(--panel) center/cover}.hov .ht{padding:12px 14px 14px}.hov b{display:block;font:700 var(--t3)/1.3 var(--body)}.hov .hw{font:500 var(--t0)/1.6 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.hov .hn{margin:8px 0 0;font:400 var(--t1)/1.5 var(--body)}
.tabs{display:none}
@media (max-width:820px){
 .stage{bottom:60px}
 .rail{left:0;right:0;top:auto;bottom:0;width:auto;height:calc(100% - 48px);border-radius:16px 16px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.18);transform:translateY(calc(100% - var(--peek,120px)));transition:transform .35s cubic-bezier(.2,.8,.2,1)}
 .rail[data-snap=half]{transform:translateY(40%)}.rail[data-snap=full]{transform:none}
 .handle{display:block;width:100%;background:none;border:0;padding:12px 0 4px;cursor:pointer;touch-action:none}.handle span{display:block;width:44px;height:4px;border-radius:2px;background:var(--line);margin:0 auto}
 .rh{padding:4px 18px 12px}.rh h1{font-size:var(--t5)}.lh{padding:6px 18px 10px}.doors button,.subs button,.rows li,.hits button{padding-left:18px;padding-right:18px}.rec{padding:0 18px 24px}.rec .rph{margin:0 -18px 14px}.chips{padding:10px 18px 4px}
 .hov{display:none !important}.legend{right:auto;left:10px;top:10px;bottom:auto}
 .tabs{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;height:60px;background:var(--paper);border-top:1px solid var(--line);z-index:31;padding-bottom:env(safe-area-inset-bottom)}
 .tabs button{background:none;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font:600 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);cursor:pointer}.tabs .on{color:var(--ink)}.tabs i{width:22px;height:3px;background:transparent}.tabs .on i{background:var(--taxi)}
}
@media (min-width:821px){.handle{display:none}}

/* the map has its own search in the rail; the bar's is hidden here like on the trackers */
header.bar .find{visibility:hidden}
.rec .near{margin:22px 0 0;padding-top:12px;border-top:1px solid var(--line)}.rec .near .eyebrow{margin-bottom:4px}.rec .near .rows li{grid-template-columns:44px 1fr;padding:8px 0;min-height:0}.rec .near .rp{width:44px;height:44px}