/* the guide template. Tokens, the bar, the foot, the letter and the verdict row come from site.css. */
a,button,.rows li,.tabs{touch-action:manipulation}
#list,#dates,#guide,#thread,#add{scroll-margin-top:calc(var(--bar) + 8px)}.legend .pk{display:none}
a{color:inherit}button{font:inherit;color:inherit}img{display:block;max-width:100%}
h1,h2,h3{margin:0;font-family:var(--disp);font-weight:600;letter-spacing:-.02em;line-height:1.05}
.fig{font:800 1em/1 var(--disp);letter-spacing:-.01em}
.eyebrow{font:600 var(--t0)/1.6 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.tl{font:600 var(--t1)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:3px;background:none;border-top:0;border-left:0;border-right:0;cursor:pointer;color:var(--ink)}
.btn{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;font:600 var(--t1)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;padding:15px 20px;border:0;cursor:pointer}.btn.taxi{background:var(--taxi);color:var(--ink)}
/* focus, never the browser's */
:focus{outline:none}input:focus,textarea:focus{box-shadow:inset 0 0 0 2px var(--taxi)}button:focus-visible,a:focus-visible{outline:2px solid var(--taxi);outline-offset:2px}
input,textarea{font:400 var(--t3)/1.4 var(--body);color:var(--ink);background:var(--paper);border:2px solid var(--ink);padding:12px 14px;width:100%;border-radius:0;-webkit-appearance:none;appearance:none}input::placeholder,textarea::placeholder{color:var(--mute)}textarea{min-height:120px;resize:vertical}
/* the room */
.room{position:relative;min-height:560px;height:calc(100vh - var(--bar));max-height:860px;background:#1a1216 var(--room) center 40%/cover no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--gut) 52px}
.room:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.28) 45%,rgba(0,0,0,.86)),linear-gradient(90deg,rgba(0,0,0,.45),rgba(0,0,0,0) 60%)}
.room>*{position:relative}.room .eyebrow{color:var(--taxi-dark);margin-bottom:18px;font-size:var(--t1)}.room .eyebrow span{color:#fff;opacity:.85}
.room h1{font-size:clamp(42px,5.4vw,var(--t9));line-height:.98;max-width:15em}.room h1 em{font-style:normal;color:var(--taxi-dark)}
.room .dek{font:400 var(--t4)/1.6 var(--body);max-width:36em;margin:22px 0 0;opacity:.94}
.by{display:flex;align-items:center;gap:14px;margin-top:26px}.by img{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:50% 18%}.by b{display:block;font:600 var(--t3)/1.2 var(--disp);letter-spacing:-.01em}.by span{display:block;font:500 var(--t0)/1.6 var(--caps);letter-spacing:.1em;text-transform:uppercase;opacity:.8}
/* layout: A stacks, B rides along */
.wrap{max-width:1328px;margin:0 auto;padding:0 var(--gut)}
.grid{display:grid;grid-template-columns:minmax(0,1fr) 44%;gap:0;align-items:start}
.grid .read{padding:0 var(--gut) 0 var(--gut)}.grid .read .article{max-width:var(--measure);margin:0 auto}
.stage{position:sticky;top:var(--bar);height:calc(100vh - var(--bar));background:var(--panel)}
.stage #map{position:absolute;inset:0}
.mapsec{position:relative;height:640px;display:grid;grid-template-columns:320px 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mapsec #map{position:relative;height:100%}
.rail{overflow:auto;border-right:1px solid var(--line);background:var(--paper)}.rail .rh{padding:18px 22px 10px;border-bottom:1px solid var(--line)}.rail .rh h2{font-size:var(--t5)}.rail .rh p{margin:4px 0 0;font:400 var(--t1)/1.5 var(--body);color:var(--mute)}
.rows{list-style:none;margin:0;padding:0}.rows li{display:grid;grid-template-columns:34px 1fr auto;gap:0 12px;align-items:center;padding:10px 22px;border-bottom:1px solid var(--line);cursor:pointer}.rows li:hover .rn,.rows li.on .rn{text-decoration:underline;text-decoration-color:var(--taxi);text-decoration-thickness:2px}
.rows .rk{font:800 var(--t3)/1 var(--disp);color:var(--ink)}.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 .rg{font:600 var(--t0)/1 var(--caps);letter-spacing:.08em;text-transform:uppercase;padding:5px 6px 4px}.rg.w{background:var(--taxi)}.rg.o{border:1px solid var(--ink)}.rg.s{background:var(--ink);color:#fff}
.legend{position:absolute;left: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.w{background:#fff}.legend i.s{background:var(--ink);border-color:var(--taxi)}
.maplibregl-ctrl-attrib{font-family:var(--caps)!important;font-size:11px!important}
.mapsec .legend{left:334px}
/* hover card */
.hov{position:fixed;z-index:25;width:272px;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:150px;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)}.hov .hh{margin:8px 0 0;font:500 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
/* the list */
.article{padding-top:8px}
.list-head{padding:44px 0 6px}.list-head h2{font-size:var(--t6)}.list-head p{margin:8px 0 0;font:400 var(--t2)/1.6 var(--body);color:var(--ink2);max-width:40em}
.group{margin:64px 0 0;padding-top:16px;border-top:2px solid var(--ink)}.group h2{font-size:var(--t6)}.group p{margin:6px 0 0;font:400 var(--t2)/1.6 var(--body);color:var(--ink2)}
.place{padding:40px 0 8px;border-top:1px solid var(--line);scroll-margin-top:calc(var(--bar) + 8px)}.place:first-of-type{border-top:0}
.ph{display:grid;grid-template-columns:auto 1fr auto;gap:0 18px;align-items:start}
.ph .rk{font:800 var(--t8)/0.9 var(--disp);letter-spacing:-.03em;color:var(--ink);padding-top:2px;min-width:1.2em}
.ph h2{font-size:var(--t7);line-height:1.02}
.ph .meta{margin:10px 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 14px;align-items:center}.ph .meta svg{width:15px;height:15px;vertical-align:-3px;margin-right:4px}.ph .meta .k{color:var(--ink)}
.grade{align-self:start;margin-top:12px;font:600 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;padding:8px 9px 7px;white-space:nowrap}.grade.w{background:var(--taxi)}.grade.o{border:1px solid var(--ink)}.grade.s{background:var(--ink);color:#fff}
.photo{margin:24px 0 0}.photo img{width:100%;height:auto}.photo.portrait img{max-width:520px;margin:0}.kb{list-style:none;margin:24px 0 0;padding:0;border-top:2px solid var(--ink)}.kb li{display:grid;grid-template-columns:110px 1fr;gap:0 14px;padding:9px 0;border-bottom:1px solid var(--line);font:400 var(--t2)/1.55 var(--body)}.kb b{font:600 var(--t0)/1.9 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.kb .fig{font-size:var(--t3)}.kb .st{font:500 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-left:8px}.kb .st.a{color:var(--ink)}
.kb li.src{display:block;font:500 var(--t0)/1.5 var(--caps);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);padding-top:8px}
.paras{margin:22px 0 0}.paras p{margin:0 0 16px;font:400 17px/1.7 var(--body)}.paras p em.lead{font-style:normal;font:600 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-right:8px;vertical-align:1px}
.qa{margin:22px 0 0;padding:16px 0 14px;border-top:2px solid var(--ink)}.qa .q{margin:8px 0 0;font:700 var(--t2)/1.5 var(--body)}.qa .a{margin:8px 0 0;font:400 var(--t2)/1.65 var(--body);padding-left:16px;border-left:3px solid var(--taxi)}.qa .qs{display:flex;gap:16px;align-items:center;margin-top:8px;font:500 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.qa .qs a{color:var(--ink);text-decoration:none;border-bottom:2px solid var(--taxi);padding-bottom:2px}
.near{margin:22px 0 0;padding-top:14px;border-top:1px solid var(--line)}.near ul{list-style:none;margin:6px 0 0;padding:0}.near li{border-bottom:1px solid var(--line)}.near a{display:block;padding:8px 0;text-decoration:none}.near b{font:700 var(--t2)/1.4 var(--body);display:block}.near span{font:500 var(--t0)/1.6 var(--caps);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);display:block}.near a:hover b{text-decoration:underline;text-decoration-color:var(--taxi);text-decoration-thickness:2px}
.pf{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin:10px 0 0;font:500 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.pf .rel{text-decoration:none;color:var(--ink);border-bottom:2px solid var(--taxi);padding-bottom:2px}.pf .miss{background:none;border:0;padding:0;cursor:pointer;color:var(--mute);font:inherit;letter-spacing:inherit;text-transform:inherit}.pf .miss:hover{color:var(--ink)}
.savebtn{display:inline-flex;align-items:center;gap:6px;background:none;border:2px solid var(--ink);padding:8px 11px 7px;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}
.word{margin:64px 0 0;padding-top:16px;border-top:2px solid var(--ink)}.word h2{font-size:var(--t6)}.word p{font:400 17px/1.7 var(--body);margin:14px 0 0}
/* bands after the list */
.band{border-top:1px solid var(--line);padding:64px 0}.band.panel{background:var(--panel)}.band .wrap{max-width:1328px}
.bh{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:2px solid var(--ink);padding-bottom:10px}.bh h2{font-size:var(--t7)}.bh span{font:500 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);white-space:nowrap}
.band .lead{font:400 var(--t3)/1.6 var(--body);color:var(--ink2);margin:14px 0 0;max-width:46em}
.dates{display:grid;grid-template-columns:1fr 1fr;gap:0 64px;margin-top:22px}.dates h3{font:600 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:16px 0 4px}
.dates ol{list-style:none;margin:0;padding:0}.dates li{display:grid;grid-template-columns:112px 1fr auto;gap:2px 16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.dates .dd{font:800 var(--t4)/1.15 var(--disp)}.dates .dd small{display:block;font:500 var(--t0)/1.4 var(--caps);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.dates li.ex .dd{font-weight:600;color:var(--ink2)}
.dates .dn{font:700 var(--t2)/1.35 var(--body)}.dates .dn a{text-decoration:none;display:block;font:400 var(--t1)/1.4 var(--body);color:var(--mute)}.dates .dn a:hover{color:var(--ink)}
.dates .ds{font:500 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.dates li.an .ds{color:var(--ink)}
.desk{font:400 var(--t1)/1.6 var(--body);color:var(--mute);margin:22px 0 0;max-width:46em}
.gcard{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:center;margin-top:0}.gcard img{width:300px;height:auto;box-shadow:0 14px 40px rgba(0,0,0,.18)}.gcard h2{font-size:var(--t7);max-width:12em}.gcard p{font:400 var(--t3)/1.65 var(--body);margin:16px 0 0;max-width:34em}.gcard .acts{display:flex;align-items:center;gap:22px;margin-top:24px;flex-wrap:wrap}.gcard .fine{font:400 var(--t1)/1.5 var(--body);color:var(--mute)}
/* the thread */
.thread{max-width:var(--measure)}
.ask{margin:24px 0 8px;padding:22px 0 26px;border-bottom:1px solid var(--line)}.ask h3{font-size:var(--t5)}.ask .row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.ask textarea{margin-top:12px}.ask .acts{display:flex;align-items:center;gap:18px;margin-top:14px}.ask .fine{font:400 var(--t1)/1.5 var(--body);color:var(--mute)}
.c{padding:22px 0 6px;border-bottom:1px solid var(--line)}.c .cn{font:700 var(--t3)/1.3 var(--body)}.c .cb p{margin:8px 0 0;font:400 15px/1.65 var(--body);overflow-wrap:anywhere}
.c .r{margin:14px 0 8px 0;padding:10px 0 4px 20px;border-left:3px solid var(--taxi)}.c .r .cn{display:flex;align-items:center;gap:10px}.c .r .cn img{width:28px;height:28px;border-radius:50%;object-fit:cover;object-position:50% 18%}.c .r .cn span{font:500 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.c .r.reader{border-left-color:var(--line)}
.more{margin-top:18px}
/* the submission door */
.doors{display:flex;gap:0;margin:22px 0 0;border:2px solid var(--ink);width:max-content;max-width:100%}.doors button{background:var(--paper);border:0;border-right:2px solid var(--ink);padding:12px 18px;font:600 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.doors button:last-child{border-right:0}.doors button.on{background:var(--ink);color:#fff}
.sub{max-width:var(--measure)}.sub .row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.sub textarea{margin-top:12px}.sub .acts{display:flex;align-items:center;gap:18px;margin-top:14px}
/* more guides */
.guides{list-style:none;margin:22px 0 0;padding:0;columns:2;column-gap:64px}.guides li{break-inside:avoid;border-bottom:1px solid var(--line);padding:12px 0}.guides a{text-decoration:none;font:700 var(--t3)/1.35 var(--body)}.guides a:hover{text-decoration:underline;text-decoration-color:var(--taxi);text-decoration-thickness:2px}
/* phone */
.tabs{display:none}.sheet{display:none}.handle{display:none}
@media (max-width:820px){
 :root{--bar:60px;--gut:20px}
 body.locked{position:fixed;left:0;right:0;width:100%;overflow:hidden}
 .legend .dk{display:none}.legend .pk{display:inline}
 .room{min-height:0;height:78vh;height:78dvh;max-height:none;padding:0 var(--gut) 28px}.room .eyebrow span{display:none}.room .dek{font-size:var(--t3)}.room h1{font-size:clamp(38px,11vw,48px)}
 .grid{display:block}.grid .read{padding:0 var(--gut)}
 .stage{position:fixed;inset:var(--bar) 0 60px 0;z-index:20;height:auto;display:none}body.mapon .stage{display:block}
 body.liston:after{content:"";position:fixed;inset:0;background:rgba(17,17,17,.38);z-index:21}
 .mapsec{height:auto;grid-template-columns:1fr}.mapsec #map{height:62vh}.rail{max-height:none;border-right:0;border-top:1px solid var(--line)}
 .hov{display:none !important}
 .ph{grid-template-columns:auto 1fr;gap:0 12px}.ph .rk{font-size:var(--t7);grid-row:1/3}.ph h2{font-size:var(--t6)}.grade{grid-column:2;justify-self:start;margin-top:10px}
 .photo{margin:20px calc(-1 * var(--gut)) 0}.photo.portrait img{max-width:100%}
 .kb li{grid-template-columns:96px 1fr}
 .band{padding:44px 0}.bh{flex-direction:column;align-items:flex-start;gap:8px}.bh h2{font-size:var(--t6)}.dates{grid-template-columns:1fr;gap:0}.dates li{grid-template-columns:120px 1fr;gap:2px 12px}.dates .ds{grid-column:2}
 .gcard{grid-template-columns:1fr;gap:20px}.gcard img{width:100%;height:auto;aspect-ratio:3/4;max-height:420px}.gcard h2{font-size:var(--t6)}
 .ask .row,.sub .row{grid-template-columns:1fr}.doors{width:100%}.doors button{flex:1;padding:12px 6px;text-align:center;min-height:44px}
 .savebtn{min-height:44px;padding:8px 14px}.pf{gap:8px 22px}.pf .miss{min-height:44px}.rows li{min-height:56px}.tl{padding:12px 0 8px}
 .guides{columns:1}
 body{padding-bottom:60px}
 .tabs{display:grid;grid-auto-flow:column;grid-auto-columns: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 a,.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;text-decoration:none}.tabs .on{color:var(--ink)}.tabs i{width:22px;height:3px;background:transparent}.tabs .on i{background:var(--taxi)}
 /* the phone map sheet */
 .sheet{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:60px;height:calc(78vh - 60px);height:calc(78dvh - 60px);z-index:22;background:var(--paper);border-radius:16px 16px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.18);transform:translateY(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
 .sheet{--peek:118px}body.mapon .sheet,body.liston .sheet{transform:translateY(calc(100% - var(--peek)))}body.mapon .sheet[data-snap=half],body.liston .sheet[data-snap=half]{transform:translateY(40%)}body.mapon .sheet[data-snap=full],body.liston .sheet[data-snap=full]{transform:none}
 .sheet.rec .sh{display:none}.sheet .rows li.on{background:var(--panel);box-shadow:inset 4px 0 var(--taxi)}
 .handle{display:block;width:100%;background:none;border:0;padding:14px 0 6px;cursor:pointer;touch-action:none}.handle span{display:block;width:44px;height:4px;border-radius:2px;background:var(--line);margin:0 auto}
 .sheet .sh{padding:6px 18px 10px;border-bottom:1px solid var(--line)}.sheet .sh h2{font-size:var(--t5)}.sheet .sh p{margin:2px 0 0;font:400 var(--t1)/1.5 var(--body);color:var(--mute)}
 .sheet .sb{flex:1;overflow:auto;padding:0 0 20px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sheet .rows li{padding:10px 18px;min-height:56px}
 .sheet .rec{padding:14px 18px 24px}.sheet .rec .rph{height:190px;background:var(--panel) center/cover;margin:0 -18px}.sheet .rec h2{font-size:var(--t6);margin:14px 0 4px}.sheet .rec .rw{font:500 var(--t0)/1.6 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.sheet .rec .vl{font:400 var(--t2)/1.6 var(--body);margin:12px 0 0}.sheet .rec .vl:before{content:"\201C"}.sheet .rec .vl:after{content:"\201D"}.sheet .rec .acts{display:flex;gap:16px;align-items:center;margin-top:16px;flex-wrap:wrap}
 .sheet .back{background:none;border:0;padding:0;margin:0 0 8px;min-height:44px;display:flex;align-items:center;font:600 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;color:var(--mute)}.sheet .back:before{content:"\2190  "}
 .legend,.mapsec .legend{left:10px;bottom:auto;top:10px;flex-wrap:wrap;gap:8px 12px;max-width:calc(100vw - 20px)}
}
@media (max-width:360px){.room h1{font-size:36px}.ph h2{font-size:var(--t5)}.ph .rk{font-size:var(--t6)}}

/* the ranking, when the post earns one: the ten at the top, the badge at the bottom */
.ten{padding:40px 0 44px;background:var(--panel)}.tenl{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--cols,5),minmax(0,1fr));gap:22px 20px}.tenl li{counter-increment:none}
.tenl a{display:block;text-decoration:none}.tenl .tph{display:block;aspect-ratio:4/3;background:var(--line) center/cover no-repeat;margin-bottom:10px}.tenl b{display:block;font:700 var(--t3)/1.3 var(--body)}.tenl a>span:last-child{display:block;font:500 var(--t0)/1.6 var(--caps);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.tenl a:hover b{text-decoration:underline;text-decoration-color:var(--taxi);text-decoration-thickness:2px}
.badge{display:grid;grid-template-columns:320px 1fr;gap:48px;align-items:center}.badge .bimg svg{width:320px;height:120px;box-shadow:0 10px 30px rgba(0,0,0,.12)}.badge h2{font-size:var(--t6);margin-top:6px}.badge p{font:400 var(--t3)/1.6 var(--body);margin:12px 0 0;max-width:34em;color:var(--ink2)}.badge textarea{margin-top:14px;min-height:0;font:400 var(--t1)/1.5 monospace;max-width:640px}.badge .acts{display:flex;gap:24px;align-items:center;margin-top:14px;flex-wrap:wrap}
.verdict{margin:20px 0 0;font:400 17px/1.7 var(--body)}
@media (max-width:820px){.tenl{grid-template-columns:1fr 1fr;gap:18px 14px}.badge{grid-template-columns:1fr;gap:18px}.badge .bimg svg{width:100%;height:auto}}
.ask-strip{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.ask-strip h2{font-size:var(--t6);margin-top:6px}.ask-strip p{font:400 var(--t3)/1.6 var(--body);color:var(--ink2);margin:8px 0 0;max-width:36em}@media (max-width:820px){.ask-strip{grid-template-columns:1fr;gap:14px}}

.tenrest{margin:22px 0 0;font:400 var(--t3)/1.8 var(--body);max-width:62rem}.tenrest a{color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--taxi);text-decoration-thickness:2px;text-underline-offset:3px}.tenrest a:hover{background:var(--taxi)}.tenrest span{font:500 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:#666;margin-left:.35em}
.grid.nomap{grid-template-columns:minmax(0,1fr)}.grid.nomap .read{max-width:var(--measure)}

.guidedoor{margin:0 0 8px;padding:16px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}.guidedoor a{text-decoration:none;display:block}.guidedoor b{display:block;font:600 var(--t4)/1.2 var(--disp)}.guidedoor span{display:block;margin-top:3px;font:400 var(--t2)/1.5 var(--body);color:var(--mute)}.guidedoor a:hover b{text-decoration:underline;text-decoration-color:var(--taxi);text-decoration-thickness:3px}
.room .by a{color:#fff;text-decoration:underline;text-decoration-color:var(--taxi);text-decoration-thickness:2px}
.tenl a{position:relative}.tenl .trk{position:absolute;left:0;top:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--taxi);color:var(--ink);font:800 14px/1 var(--disp);font-style:normal}

/* the place page: what the list below is */
.apph{padding:26px 0 8px;border-bottom:1px solid var(--line);margin-bottom:8px}.apph p{font:400 var(--t3)/1.6 var(--body);color:var(--ink2);margin:8px 0 0;max-width:36em}

/* Read mode (Will 9/21): the map rail folds away, the article takes the measure, the thread takes the rail */
.viewsw{display:flex;gap:0;margin:22px 0 0;border:2px solid var(--ink);width:max-content;max-width:100%}.viewsw button{background:var(--paper);border:0;border-right:2px solid var(--ink);padding:10px 14px;font:600 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;color:var(--ink)}.viewsw button:last-child{border-right:0}.viewsw button.on{background:var(--ink);color:#fff}
.threadrail{display:none}
@media (min-width:821px){
 body.readmode .grid{grid-template-columns:minmax(0,1fr) 400px}body.readmode .stage{display:none}body.readmode .threadrail{display:block;position:sticky;top:var(--bar);max-height:calc(100vh - var(--bar));overflow:auto;border-left:1px solid var(--line);background:var(--paper)}
 body.readmode .grid .read .article{max-width:760px}
 .tr-in{padding:22px 26px 32px}.tr-in .bh{margin-bottom:6px}.tr-in .bh h2{font-size:var(--t5)}.tr-in .ask.mini{margin:6px 0 10px;padding:0 0 18px}.tr-in .ask.mini textarea{margin-top:0}.tr-in .ask.mini .row{margin-top:10px}.tr-in .ask.mini .acts{margin-top:10px}
 .tr-in .c{padding:14px 0;border-top:1px solid var(--line)}.tr-in .cn{font:700 var(--t1)/1.3 var(--body)}.tr-in .cb{font:400 var(--t1)/1.55 var(--body);color:var(--ink2);margin-top:4px}.tr-in .cb p{margin:0 0 6px}.tr-in .r{margin:10px 0 0 14px;padding-left:12px;border-left:2px solid var(--taxi)}.tr-in .r .cn img{width:22px;height:22px;border-radius:50%;vertical-align:-6px;margin-right:6px}.tr-in .r .cn span{font:500 var(--t0)/1 var(--caps);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-left:6px}
}
@media (max-width:820px){.viewsw{display:none}}

/* the view row: Read with the thread is the default (Will 9/21), the map one tap away; the thread advertised beside it and in the byline */
.viewrow{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:22px 0 0}.viewrow .eyebrow{margin:0}.viewrow .viewsw{margin:0}.tprom{margin-left:auto;font:400 var(--t1)/1.4 var(--body);color:var(--ink2);text-decoration:none}.tprom b{font-weight:700;color:var(--ink);border-bottom:2px solid var(--taxi)}.tprom:hover b{background:var(--taxi)}
.room .by a{color:inherit;text-decoration:none;border-bottom:2px solid var(--taxi-dark)}
@media (max-width:820px){.viewrow{display:none}}

/* the place page: her photographs of it, the seasons, what is nearby (Will 9/21, the landmark treatment) */
.room.landmark{min-height:70vh}.room[data-heroes]{background-image:none}.room .rlayer{position:absolute;inset:0;background:#1a1216 center 40%/cover no-repeat;opacity:0;transition:opacity 1.6s ease}.room .rlayer.on{opacity:1}.room[data-heroes]:before{z-index:1}.room[data-heroes]>*:not(.rlayer){z-index:2}
.gal{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.gal.big{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px}.gal.big li:first-child{grid-column:span 2;grid-row:span 2}.gal figure{margin:0;height:100%;position:relative}.gal img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3}.gal.big img{aspect-ratio:auto}.gal figcaption{position:absolute;left:10px;bottom:10px;background:rgba(255,255,255,.94);padding:5px 8px 4px;font:600 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase}
.gallery .seasons{margin:34px 0 0}.gallery .seasons h3{font-size:var(--t5)}.sea{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sea a{display:block;text-decoration:none}.sea .sp{display:block;aspect-ratio:3/2;background:var(--panel) center/cover no-repeat}.sea b{display:block;margin-top:8px;font:700 var(--t3)/1.2 var(--body)}.sea a:hover b{text-decoration:underline;text-decoration-color:var(--taxi);text-decoration-thickness:2px}
.nearl{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px}.nearl li{border-bottom:1px solid var(--line)}.nearl a{display:block;padding:12px 0;text-decoration:none}.nearl b{display:block;font:700 var(--t3)/1.3 var(--body)}.nearl span{display:block;margin-top:4px;font:500 var(--t0)/1.5 var(--caps);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.nearl a:hover b{text-decoration:underline;text-decoration-color:var(--taxi);text-decoration-thickness:2px}
@media (max-width:820px){.room.landmark{min-height:0}.gal,.gal.big{grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:8px}.gal.big li:first-child{grid-column:span 2;grid-row:auto}.gal.big img{aspect-ratio:4/3}.sea{grid-template-columns:1fr 1fr}.nearl{grid-template-columns:1fr}}