/* Comparable hotel cards (Nov 2026). Loaded after the planner theme. Every card shows the same labelled rows in the
   same order (price, distance to each planned day, family fit), then the reasons and one clear Choose action, so
   three cards side by side read line by line. Missing data is shown in a quiet italic, never hidden. */
html body #stayResults .stays{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}
html body .stay-card.sc .stay-body{gap:10px}
html body .stay-card.sc .stay-top{display:block}
html body .stay-card.sc .hotel-ph{aspect-ratio:2/1!important;height:auto!important;min-height:140px}
html body .stay-card.sc .stay-top h3{font-family:var(--wl-serif)!important;font-weight:400;font-size:22px;line-height:1.15;color:var(--wl-ink)}
html body .stay-card.sc .sc-where{margin:4px 0 0;font-size:14px;color:var(--wl-muted)}
html body :is(.stay-card,.stay-top-list) .sc-gap{font-style:italic;color:var(--wl-muted)}
html body .stay-card.sc .sc-rows{margin:0;display:grid;gap:0;border-top:1px solid var(--wl-line)}
html body .stay-card.sc .sc-row{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:9px 0;border-bottom:1px solid var(--wl-line)}
html body .stay-card.sc .sc-row dt{margin:0;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--wl-teal-ink);padding-top:2px}
html body .stay-card.sc .sc-row dd{margin:0;min-width:0;font-size:14px;color:var(--wl-ink)}
html body .stay-card.sc .stay-price-snapshot{background:none;padding:0;border-radius:0;color:var(--wl-ink)}
html body :is(.stay-card,.stay-top-list) .stay-price-snapshot.unknown strong{font-weight:600;color:var(--wl-ink)}
html body :is(.stay-card,.stay-top-list) .stay-price-snapshot.unknown span{font-size:13px;color:var(--wl-muted)}
html body .stay-card.sc .stay-dist{margin:0 0 6px;font-size:14px;color:var(--wl-ink)}
html body .stay-card.sc .stay-dist b{font-weight:600;color:var(--wl-ink)}
html body .stay-card.sc .sc-days{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
html body .stay-card.sc .sc-days li{display:inline-flex;gap:6px;align-items:baseline;line-height:1.4;padding:3px 9px;border-radius:999px;background:var(--wl-parchment);font-size:12.5px;color:var(--wl-muted)}
html body .stay-card.sc .sc-days li b{font-weight:600;color:var(--wl-ink)}
html body .stay-card.sc .sc-days li.closest{background:var(--wl-lantern-soft);box-shadow:inset 0 0 0 1px var(--wl-lantern)}
html body .stay-card.sc .sc-fine{display:block;margin-top:5px;font-size:11.5px;color:var(--wl-muted)}
html body .stay-card.sc .feats{display:flex;flex-wrap:wrap;gap:6px;margin:0}
html body .stay-card.sc .feat{display:inline-flex;gap:5px;align-items:baseline;padding:3px 9px;border-radius:999px;font-size:12.5px;font-weight:500;background:var(--wl-teal-soft);color:var(--wl-ink);border:0}
html body .stay-card.sc .feat small{font-size:10.5px;color:var(--wl-muted)}
html body .stay-card.sc .feat.rep{background:var(--wl-paper);box-shadow:inset 0 0 0 1px var(--wl-line-strong)}
html body .stay-card.sc .feat.no{background:var(--wl-ember-soft);color:var(--wl-ember-ink)}
html body .stay-card.sc .fit{margin:6px 0 0;font-size:13px}
html body .stay-card.sc .sc-why{padding:10px 12px;border-radius:12px;background:var(--wl-lantern-soft)}
html body .stay-card.sc .sc-label{margin:0 0 4px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--wl-teal-ink)}
html body .stay-card.sc .sc-why ul{margin:0;padding-left:18px;display:grid;gap:4px}
html body .stay-card.sc .sc-why li{font-size:14px;line-height:1.4;color:var(--wl-ink)}
html body .stay-card.sc .acts{gap:10px}
html body .stay-card.sc .sc-choose,html body .stay-top-list .sc-choose{min-height:44px;padding:0 18px;border-radius:999px;font-weight:600;font-size:15px;border:0;cursor:pointer}
html body .stay-card.sc .sc-choose.btn-gold,html body .stay-top-list .sc-choose.btn-gold{background:var(--wl-action);color:var(--wl-on-action)}
html body .stay-card.sc .sc-choose.btn-gold:hover,html body .stay-top-list .sc-choose.btn-gold:hover{background:var(--wl-action-hover)}
html body .stay-card.sc .sc-choose[aria-pressed="true"],html body .stay-top-list .sc-choose[aria-pressed="true"]{background:var(--wl-dusk);color:var(--wl-on-dark)}
html body .stay-card.sc .sc-choose:focus-visible,html body .stay-top-list .sc-choose:focus-visible{outline:3px solid var(--wl-focus);outline-offset:2px}
html body .stay-card.sc .hotel-fb-area{font-style:italic}
/* Top three: the same facts, compact */
html body .stay-top-list .sc-where{font-size:13px;color:var(--wl-muted)}
html body .stay-top-list .sc-mini{margin:0;font-size:13px;color:var(--wl-muted);width:100%}
html body .stay-top-list .sc-mini.why{color:var(--wl-ink)}
html body .stay-top-list .hotel-fb-area{font-style:italic}
@media(max-width:520px){
  html body .stay-card.sc .acts .sc-choose{flex:1 1 100%}
}