/* Compact fictional-rental rail. Scoped to #loos so the hero and other sections stay intact. */
.dialog-listing-rate{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px;color:var(--muted)}.dialog-listing-rate>span{margin-left:auto;font-size:12px}.dialog-listing-rate>strong{color:var(--ink)}
#loos.listings-section{padding-top:54px;padding-bottom:42px}
#loos .section-top{align-items:flex-end;margin-bottom:25px}
#loos .section-top h2{font-size:32px;letter-spacing:-1px}
#loos .section-top>p{font-size:13px;line-height:1.65}
#loos .listing-browse-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:9px}
#loos .listing-browse-head>p{font-size:16px;font-weight:800;line-height:1.45;letter-spacing:-.3px}
#loos .listing-controls{display:flex;gap:7px;flex-shrink:0}
#loos .listing-controls button{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d9d1d8;border-radius:50%;padding:0;background:#f1edf0;color:var(--ink);transition:background .2s,border-color .2s}
#loos .listing-controls button>span{font-size:24px;line-height:1;transform:translateY(-1px)}
#loos .listing-controls button:hover:not(:disabled){background:#e5dce5;border-color:#a891a7}
#loos .listing-controls button:disabled{opacity:.32;cursor:default}
#loos .listing-parody-note{font-size:10px;line-height:1.6;color:var(--muted);margin-bottom:17px}
#loos .listing-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/6);gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;margin:0 -3px;padding:3px 3px 13px;scrollbar-width:thin;scrollbar-color:#c9b9ca transparent}
#loos .listing-card{display:block;position:relative;min-width:0;width:auto;flex:none;margin:0;padding:0 0 2px;background:transparent;text-align:left;border:0;border-radius:17px 17px 0 0;scroll-snap-align:start}
#loos .listing-card:focus-visible{outline-offset:1px}
#loos .listing-image{height:auto;aspect-ratio:1.05;border-radius:17px;isolation:isolate;background:#e8e0e5}
#loos .listing-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s}
#loos .listing-card:hover .listing-image img{transform:scale(1.035)}
#loos .listing-card[data-listing-id="catastrophe"] .listing-image img{object-position:50% 78%}
#loos .listing-card[data-listing-id="last_resort"] .listing-image img{object-position:50% 80%}
#loos .listing-card[data-listing-id="spa_break"] .listing-image img{object-position:50% 73%}
#loos .listing-label{top:10px;left:9px;max-width:calc(100% - 45px);padding:6px 8px;background:#fffdf7ed;border-radius:20px;font-size:9px;font-weight:850;letter-spacing:0;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#302735;box-shadow:0 1px 5px #30273512}
#loos .listing-arrow{inset:10px 9px auto auto;width:22px;height:22px;background:#fffdf7e8;font-size:15px;border:1px solid #ffffff70}
#loos .listing-detail{display:block;margin-top:9px;min-height:35px}
#loos .listing-detail h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px;font-weight:800;line-height:1.35;letter-spacing:-.1px}
#loos .listing-one-liner{font-size:10px;line-height:1.5;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#loos .listing-rate{display:flex;align-items:baseline;justify-content:space-between;gap:5px;margin-top:6px;color:#6f6570;font-size:10px;line-height:1.5;white-space:nowrap}
#loos .listing-rate strong{font-weight:800;color:var(--ink)}
#loos .listing-rating{display:inline-flex;align-items:center;gap:3px;color:var(--ink);font-weight:650}
#loos .listing-rating>span{font-size:10px}
#loos .listing-fiction-tag{display:block;font-size:8px;font-weight:750;letter-spacing:.15px;color:#927b91;margin-top:4px}
#loos .fiction-note{font-size:10px;margin-top:15px;justify-content:flex-start}
#loos .fiction-note>span{flex-shrink:0}
@media(max-width:1100px){
  #loos .listing-grid{grid-auto-columns:calc((100% - 36px)/4)}
  #loos .listing-label{font-size:10px}
  #loos .listing-detail h3{font-size:14px}
  #loos .listing-detail{min-height:38px}
  #loos .listing-one-liner,#loos .listing-rate{font-size:11px}
}
@media(max-width:760px){
  #loos.listings-section{padding-top:37px;padding-bottom:31px}
  #loos .section-top{align-items:flex-start;margin-bottom:23px}
  #loos .section-top h2{font-size:29px}
  #loos .section-top>p{font-size:12px}
  #loos .listing-browse-head{gap:13px;align-items:center}
  #loos .listing-browse-head>p{max-width:240px;font-size:14px;line-height:1.4}
  #loos .listing-controls{gap:6px}
  #loos .listing-controls button{width:28px;height:28px}
  #loos .listing-parody-note{font-size:9px;line-height:1.65;max-width:350px;margin-bottom:14px}
  #loos .listing-grid{grid-auto-columns:calc((100% - 12px)/1.5);margin-right:-22px;padding-right:22px;gap:12px}
  #loos .listing-image{border-radius:16px}
  #loos .listing-detail{min-height:38px}
  #loos .listing-detail h3{font-size:14px}
  #loos .listing-label{font-size:9px}
  #loos .listing-rate{font-size:11px}
  #loos .listing-fiction-tag{font-size:9px}
  #loos .fiction-note{font-size:9px;line-height:1.6;margin-top:13px}
}
@media(prefers-reduced-motion:reduce){#loos .listing-image img,#loos .listing-controls button{transition:none}}