.hkp-compare-button{padding:9px 14px;border:1px solid #2563eb;border-radius:8px;background:#fff;color:#1d4ed8;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;min-height:42px}
.hkp-compare-dialog{margin:auto!important}
.hkp-promo-details .badge-full{display:inline!important}.hkp-promo-details .badge-short{display:none!important}
.hkp-compare-dialog header{margin-bottom:10px}.hkp-compare-dialog header h2{font-weight:700;font-size:18px}.hkp-compare-dialog header button,.hkp-compare-bar>button{border-radius:8px;padding:8px 12px;background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.hkp-compare-bar>.hkp-compare-button{width:auto}
.hkp-compare-button[aria-pressed=true]{background:#1d4ed8;color:#fff}
.hkp-selected{outline:3px solid #2563eb!important;outline-offset:-3px}
.hkp-compare-bar{position:fixed;z-index:100005;bottom:0;left:0;right:0;background:#fff;border-top:2px solid #2563eb;box-shadow:0 -3px 16px #152c491c;padding:12px max(16px,env(safe-area-inset-left)) calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;color:#172b4d;font:14px system-ui}
.hkp-compare-bar[hidden]{display:none}.hkp-compare-bar button{min-height:40px}.hkp-compare-picked{display:flex;gap:8px;flex-wrap:wrap}.hkp-compare-picked button{max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:7px;color:#1e40af;cursor:pointer}
.hkp-compare-dialog{width:min(900px,94vw);max-height:90dvh;border:0;border-radius:14px;padding:20px;box-sizing:border-box;color:#172b4d;font:14px system-ui;overflow:auto}.hkp-compare-dialog::backdrop{background:#0f172ab3}.hkp-compare-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px}.hkp-compare-dialog button{min-height:42px;cursor:pointer}.hkp-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.hkp-compare-grid h3{font-size:16px;overflow-wrap:anywhere}.hkp-compare-field{grid-column:1/-1;display:grid;grid-template-columns:subgrid;border-top:1px solid #e2e8f0;padding:10px 0}.hkp-compare-cell{min-width:0;overflow-wrap:anywhere;white-space:pre-line}.hkp-compare-cell small{display:block;color:#64748b;margin-bottom:6px}.hkp-compare-cell a,.hkp-compare-cell button{max-width:100%;box-sizing:border-box;white-space:normal!important}.hkp-compare-dialog a{color:#166534}.hkp-promo-details{font-size:12px;line-height:1.6;margin-top:6px}.hkp-promo-details summary{color:#2563eb;cursor:pointer;padding:5px 0;font-weight:600}.hkp-promo-details>div{padding:8px;background:#f8fafc;white-space:normal;overflow-wrap:anywhere}.hkp-promo-details .netv-promo-badge{white-space:normal!important;display:block!important;margin:5px 0}.hkp-recommended{display:inline-block;color:#1d4ed8;background:#eff6ff;border-radius:20px;padding:3px 9px;font-size:11px}.hkp-housing-filter{padding:10px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:13px;display:flex;align-items:center;gap:10px}.hkp-housing-filter select{min-height:42px;min-width:145px;border:1px solid #cbd5e1;border-radius:8px;padding:6px;background:white;font:inherit}
body.hkp-comparing #cmp-list,body.hkp-comparing #fg5g-list,body.hkp-comparing #fg-list,body.hkp-comparing #mob-list{padding-bottom:150px!important}
/* Mobile PlanCard actions share the available width; keep CTA DOM and handlers intact. */
@media(max-width:768px){
  .mob-card .mob-cta{display:grid;grid-template-columns:minmax(0,63fr) minmax(0,37fr);gap:8px;align-items:stretch}
  .cmp-rcard[data-compare-key],.fg-card[data-compare-key]{column-gap:8px;align-items:stretch}
  .cmp-rcard[data-compare-key]>div:has(.cmp-wabtn),
  .fg-card[data-compare-key]>div:has(.fg-wa){flex:0 0 calc((100% - 8px)*.63);min-width:0}
  .cmp-rcard[data-compare-key]>.hkp-compare-button,
  .fg-card[data-compare-key]>.hkp-compare-button{flex:0 0 calc((100% - 8px)*.37);width:auto;min-width:0}
  /* Preview cards need the same readable action row as search-result cards. */
  #hero-cards-grid:has(>.hkp-preview-card),#featured-grid:has(>.hkp-preview-card){grid-template-columns:minmax(0,1fr)!important}
  .hkp-preview-card[data-compare-key]{flex-direction:row!important;flex-wrap:wrap;column-gap:8px;align-content:start}
  .hkp-preview-card[data-compare-key]>:not(.hkp-compare-button):not([data-wa-isp]):not(div:has([data-wa-isp])){flex:0 0 100%!important}
  .hkp-preview-card[data-compare-key]>[data-wa-isp],
  .hkp-preview-card[data-compare-key]>div:has([data-wa-isp]){flex:0 0 calc((100% - 8px)*.63)!important;width:auto!important;min-width:0;order:1}
  .hkp-preview-card[data-compare-key]>.hkp-compare-button{flex:0 0 calc((100% - 8px)*.37);width:auto;min-width:0;order:2}
  :is(.mob-card,.cmp-rcard,.fg-card,.hkp-preview-card)[data-compare-key] :is(.mob-wa,.cmp-wabtn,.fg-wa,[data-wa-isp],.hkp-compare-button){display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;min-width:0!important;min-height:44px;height:44px;padding:8px 6px!important;white-space:nowrap;font-size:13px!important;line-height:20px;gap:5px}
  :is(.mob-card,.cmp-rcard,.fg-card)[data-compare-key] :is(.mob-wa,.cmp-wabtn,.fg-wa){width:100%}
  :is(.mob-card,.cmp-rcard,.fg-card,.hkp-preview-card)[data-compare-key] .hkp-compare-button{background:#fff;color:#1d4ed8;border:1px solid #2563eb}
}
@media(max-width:600px){.hkp-compare-bar{gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));justify-content:space-between;font-size:12px}.hkp-compare-picked{order:3;width:100%;flex-wrap:nowrap}.hkp-compare-picked button{flex:1;max-width:50%;min-width:0;font-size:11px}.hkp-compare-dialog{padding:12px;width:96vw}.hkp-compare-grid{gap:0 10px}.hkp-compare-grid h3{font-size:13px}.hkp-compare-cell{font-size:12px}.hkp-housing-filter{padding:8px 12px}.hkp-compare-button{width:100%}}