@import url('./pins.css');
.hotel-vote{margin-block:32px;padding:20px;border:1px solid var(--line);border-radius:var(--radius-box);background:var(--card);min-width:0;font-size:1rem;line-height:1.6;overflow-wrap:anywhere}
.prose .hotel-vote h2{margin:0 0 8px;font-size:1.125rem;line-height:1.7;border:0;padding:0}.hotel-vote p{margin:12px 0}.hotel-vote header>p{color:var(--muted);margin:0 0 20px}.hv-board{display:grid;gap:20px;align-items:start}.hv-results{min-width:0}
.hv-map{position:relative;isolation:isolate;direction:ltr;overflow:hidden;border-radius:var(--radius-field);border:1px solid var(--line);scroll-margin-block:24px}.hv-canvas{position:relative}.hotel-vote .hv-map img{display:block;width:100%;height:auto;margin:0;border:0;border-radius:0}.hv-map-dark{position:absolute;inset:0}[data-theme=signal-light] .hv-map-dark{visibility:hidden}.hv-map svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hv-map text{font-family:Readex,sans-serif;font-size:24px;fill:var(--text);font-weight:600;pointer-events:none}.hv-map a{outline:none}.hv-venue rect{fill:var(--text);stroke:var(--card);stroke-width:3}.hv-venue text{paint-order:stroke;stroke:var(--card);stroke-width:6;stroke-linejoin:round}.hv-route{fill:none;stroke:var(--green);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.hv-attribution{position:relative;display:block;background:var(--card);font-size:.75rem;padding:4px 8px;text-align:end}
.hotel-vote .hv-sort{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.hotel-vote [hidden]{display:none}.hotel-vote button{font:inherit;font-size:.8125rem;min-height:44px;min-width:44px;padding:6px 10px;border:1px solid var(--line);border-radius:var(--radius-field);background:var(--raised);color:var(--text);cursor:pointer;touch-action:manipulation;transition:border-color 130ms,background 130ms,transform 130ms}.hotel-vote button:hover{border-color:var(--cyan)}.hotel-vote button:active{transform:scale(.98)}.hotel-vote button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan)}.hotel-vote :focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.prose .hv-list{list-style:none;padding:0;margin:0;display:grid;gap:0}.prose .hv-list>li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;padding:10px 8px;margin:0;border:1px solid transparent;border-block-end-color:var(--line);border-radius:var(--radius-field);scroll-margin-block:160px;cursor:pointer;transition:border-color 130ms,background 130ms}.hv-list>li.is-selected{border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 6%,var(--card))}.hv-row-select{display:flex;gap:10px;align-items:center;color:var(--text)!important;text-decoration:none!important;min-height:44px;min-width:0}.hv-identity{display:block;min-width:0}.hv-identity>bdi{display:block;font-family:Readex,Arabic,sans-serif;font-size:.875rem;font-weight:600;line-height:1.5}.hv-number{flex:none;display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--line);border-radius:6px;font-size:.8125rem;font-variant-numeric:tabular-nums}.is-selected .hv-number{border-color:var(--cyan);color:var(--cyan)}.hv-facts{display:flex;flex-wrap:wrap;column-gap:12px;row-gap:2px;margin-block-start:4px;font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}.hv-facts strong{color:var(--text)}.hv-price{color:var(--text)}.hv-vote-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.hv-count{font-size:.6875rem;color:var(--muted);font-variant-numeric:tabular-nums;max-width:72px;text-align:center}.hotel-vote .hv-voters{grid-column:1/-1;margin:4px 36px 0;font-size:.6875rem;color:var(--muted)}.hotel-vote .hv-pick{margin:0;padding:10px 12px;background:color-mix(in srgb,var(--green) 8%,var(--card));border:1px solid color-mix(in srgb,var(--green) 50%,var(--line));border-radius:var(--radius-field);font-size:.875rem;color:var(--green)}.hv-sources{border-block-start:1px solid var(--line);margin-block-start:16px;padding-block-start:8px;font-size:.875rem}.hv-sources summary{min-height:44px;cursor:pointer;padding-block:8px}.hv-sources li{margin-block:8px}.hotel-vote .hv-data-note{font-size:.8125rem;color:var(--muted);line-height:1.8}.hotel-vote .hv-data-note{margin-block-start:20px}.hotel-vote .hv-pick-names{display:block;margin-block-start:2px;font-weight:600;color:var(--text)}
.hv-pin{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);width:44px;height:44px;font:600 .875rem Readex,sans-serif;text-decoration:none!important;color:var(--text)!important}.hv-pin span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--card);border:2px solid var(--cyan)}.hv-pin[aria-current] span{background:var(--cyan);color:var(--ink)}
@media(min-width:1024px){.article-layout:has(.hotel-vote) .article-rail{position:relative;top:auto;align-self:start}.hotel-vote{width:calc(100% + 294px);max-width:1100px;margin-inline-start:-294px}.hv-board{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px}.hv-map{margin-block-start:0}}
@media(max-width:480px){.hotel-vote{padding:12px}.hv-board{gap:16px}.hv-identity>bdi{font-size:.8125rem}.hv-row-select{gap:6px}.hv-facts{column-gap:8px}.prose .hv-list>li{padding-inline:2px;column-gap:6px}.hotel-vote button{padding-inline:8px}.hv-count{max-width:56px}.hv-sort button{flex:1}.hotel-vote .hv-voters{margin-inline:32px 0}}
@media(prefers-reduced-motion:reduce){.hotel-vote *{transition:none!important;scroll-behavior:auto!important}}
.hv-vote-area{grid-column:2;grid-row:1 / span 2}.hotel-vote .hv-voters{grid-column:1;grid-row:2}.prose .hv-list>li{padding-block:8px}
.prose .hotel-vote h2:not(.brief h2){border-block-end:0;padding-block-end:0}