/* Shared list/content frame. The content pane can later host a detail renderer
   without moving the list or mixing collection records with five-chain data. */
.hotel-explorer{--hotel-list-width:360px}
/* The five-chain #stage sets its own desktop grid in hotel-browser.css and stays a plain page on phones. */
.hotel-explorer:not(:where(#stage)){display:grid;grid-template-columns:var(--hotel-list-width) minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-width:0;min-height:0}
/* Phones stack map above list as a normal page: see directories.css. */
@media(min-width:901px){
  .hotel-explorer>.explorer-list{grid-column:1;grid-row:1;min-width:0;min-height:0;overflow:auto;border-left:0;border-right:1px solid var(--rule);overscroll-behavior:contain}
  .hotel-explorer>.explorer-content{grid-column:2;grid-row:1;min-width:0;min-height:0;height:100%}
}
@media(min-width:1800px){.hotel-explorer{--hotel-list-width:380px}}
@media(max-width:1100px){.hotel-explorer{--hotel-list-width:320px}}