/* Holiday Event Finder (/holiday-events, holidays.js). Builds on styles.css tokens, ll.css (KPI strip), deals.css (cards, lead form)
   and ships.css (form rows, segmented buttons). Space is reserved for loaded content (low CLS). */
#hfDest{min-height:44px}
.hf-dates input{font:inherit;font-weight:400;min-height:44px;padding:8px 12px;border:1px solid var(--rule);border-radius:12px;background:var(--card);color:var(--ink)}
.hf-dates input:focus-visible,.hf-pre button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.hf-pre{display:flex;flex-wrap:wrap;gap:8px;min-height:44px}
.hf-pre button{font-size:14px;min-height:44px}
.hf-pre small{font-weight:400;opacity:.8;margin-left:4px}
.hf-sum{min-height:110px;margin:0 0 18px}
.hf-app{min-height:720px}
.hf-days{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:12px}
.hf-days>li{background:var(--card);border:var(--bw,1px) solid var(--rule);border-radius:var(--r);padding:12px 16px}
.hf-days h3{margin:0 0 8px;font-size:18px}
.hf-days ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hf-i{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:baseline;font-size:15px;line-height:1.45}
.hf-i>span:last-child{grid-column:2;color:var(--muted)}
.hf-tag{grid-row:span 2;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;border:1px solid var(--rule);white-space:nowrap;background:var(--paper)}
.hf-i.party .hf-tag{background:var(--sun);border-color:var(--ink)}
.hf-i.show .hf-tag{background:#eef7ee;border-color:#2f7d32;color:#1e3d20}
.hf-i.cruise .hf-tag{background:#e6f6ff;border-color:#1b5f8a;color:#0d3a56}
.hf-near{border:1px dashed var(--rule);border-radius:var(--r);padding:10px 16px;margin:0 0 26px}
.hf-near ul{margin:6px 0 0;padding-left:18px;display:grid;gap:4px;font-size:15px}
.hf-cards{margin-bottom:28px}
.hf-chip{background:var(--paper);border:1px solid var(--rule)}
.hf-chip.alt{background:transparent}
.hf-all h3{margin:22px 0 8px;font-size:20px}
.hf-all ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:15px;line-height:1.5}
.hf-nar{border-collapse:collapse;width:100%;max-width:640px;font-size:15px;margin:8px 0}
.hf-nar th,.hf-nar td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--rule)}
@media (max-width:640px){.hf-dates label{flex:1 1 140px}.hf-dates input{width:100%;box-sizing:border-box}.hf-i{grid-template-columns:1fr}.hf-tag{grid-row:auto;justify-self:start}.hf-i>span:last-child{grid-column:1}}