.compare-dialog{width:min(1220px,calc(100vw - 24px));padding:24px;color:#24315E;background:#F5F6FA}
.compare-scroll{overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-left:130px;border-radius:16px;background:#fff;box-shadow:0 6px 24px #1720420a}
.compare-table caption{text-align:left;padding:16px;font-size:13px;color:#4A5578}
.compare-table{table-layout:fixed;min-width:760px}.compare-table th,.compare-table td{width:260px;min-width:230px;padding:16px;line-height:1.5;overflow-wrap:anywhere}.compare-table th:first-child{width:130px;min-width:130px}
.compare-table thead th:not(:first-child){scroll-snap-align:start}.compare-table th:first-child{position:sticky;left:0;z-index:1;background:#F5F6FA}
.compare-table tbody td.compare-standout{background:#DCE7FB}.compare-table .compare-standout-label{color:#24315E;font-size:12px;font-weight:700}
.compare-photo{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:#DCE7FB}.compare-home-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.compare-photo-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:14px}.compare-photo-placeholder img{width:64px;height:64px;object-fit:contain}.compare-photo-placeholder[hidden]{display:none}
.compare-highlights{margin:0;padding-left:18px;font-size:14px}.compare-highlights li+li{margin-top:8px}
.compare-table .compare-tour{background:#F2B53A;color:#24315E;border:0;border-radius:10px;font-weight:700;min-height:48px;font-size:14px}
.compare-table td .listing-credit{font-size:14px;color:#24315E;line-height:1.5;margin:8px 0 0}.compare-table thead button{min-height:44px}
.compare-kip-open{margin-top:24px;background:#24315E;color:#fff;border:0;border-radius:12px;min-height:48px;padding:12px 18px;font-size:16px;font-weight:700}
.compare-kip{margin-top:16px;padding:20px;border-radius:16px;background:#fff}.compare-kip[hidden]{display:none}.compare-thread{max-height:240px;overflow:auto}.compare-thread p{padding:10px 14px;border-radius:12px;background:#F5F6FA;white-space:pre-line}.compare-thread .compare-user{background:#DCE7FB}.compare-kip form{display:flex;align-items:end;gap:12px}.compare-kip label{flex:1;font-size:14px}.compare-kip input{display:block;width:100%;min-height:48px;margin-top:6px;font-size:16px}.compare-kip form button{min-height:48px;background:#24315E;color:#fff;border:0;border-radius:10px;padding:12px 18px}.compare-swipe-hint{display:none}
.compare-dialog :focus-visible{outline:3px solid #24315E;outline-offset:3px}
@media(max-width:640px){.compare-dialog{width:calc(100vw - 16px);padding:16px 10px}.compare-table{min-width:0;width:max-content}.compare-table th,.compare-table td{min-width:235px;width:235px;padding:12px}.compare-table th:first-child{min-width:82px;width:82px;max-width:82px;padding:10px 6px;font-size:12px}.compare-scroll{scroll-padding-left:82px}.compare-swipe-hint{display:block;font-size:13px;color:#4A5578}.compare-kip{padding:14px}.compare-kip form{flex-wrap:wrap}.compare-kip form button{width:100%}}
@media(prefers-reduced-motion:reduce){.compare-scroll{scroll-behavior:auto}}

/* Keep each label in its own cell, isolated from generic small-text rules. */
.compare-table .compare-cell-content{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;position:relative}
.compare-table .compare-cell-value{display:block;white-space:pre-line}
.compare-table .compare-cell-content>.compare-standout-label{display:block;position:static;float:none;transform:none;margin:0;white-space:normal;font:700 12px/1.5 Nunito,sans-serif;color:#24315E}

.compare-table tbody tr:nth-child(even) td.compare-standout,.compare-table tbody tr td.compare-standout{background:#DCE7FB}

.compare-dialog{box-sizing:border-box;max-height:calc(100dvh - 24px);overflow-y:auto}.compare-scroll{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.compare-dialog .dialog-close{min-width:44px;min-height:44px}@media(max-width:640px){.compare-dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding-bottom:calc(16px + env(safe-area-inset-bottom))}.compare-scroll{touch-action:pan-x pan-y}.compare-table caption{max-width:320px}}
