.hotelDemo .demoBoundary{color:#bac3c4;line-height:1.65;max-width:85ch}.hotelDemo .demoActions,.hotelDemo .demoTabs{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.hotelDemo .selected{border-color:#c6a86e;background:#24241f}.hotelDemo .demoLayout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,2fr);grid-gap:24px;gap:24px;align-items:start}.hotelDemo .demoGuestList{display:flex;flex-direction:column;gap:12px}.hotelDemo .demoGuest{text-align:left;display:flex;flex-direction:column;gap:6px;padding:16px;width:100%}.hotelDemo .demoGuest small,.hotelDemo .demoGuest span{color:#b1bbbd}.hotelDemo .demoFocus h2{margin-top:12px}.hotelDemo .demoProfile{display:flex;flex-direction:column;gap:10px;margin:24px 0}.hotelDemo .demoProfile select{width:100%;min-width:0;white-space:normal}.hotelDemo .demoAlternatives,.hotelDemo .demoCatalogue{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));grid-gap:16px;gap:16px}.hotelDemo .demoAlternatives article,.hotelDemo .demoCatalogue article,.hotelDemo .demoSelected{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid #323b3d;border-radius:16px}.hotelDemo .demoAlternatives p,.hotelDemo .demoCatalogue p{margin:0;line-height:1.5}.hotelDemo .demoAlternatives .pill,.hotelDemo .demoSelected .pill{align-self:flex-start}.hotelDemo .demoNotice{padding:16px;border-left:3px solid #c6a86e;background:#1c2425;overflow-wrap:anywhere}.hotelDemo .demoHistory{display:flex;flex-direction:column;gap:16px}.hotelDemo .demoHistory article{display:flex;flex-direction:column;gap:8px;padding:16px 0;border-bottom:1px solid #323b3d}.hotelDemo .demoExplanation{margin-top:28px;line-height:1.7}.hotelDemo button:focus-visible,.hotelDemo input:focus-visible,.hotelDemo select:focus-visible{outline:2px solid #e4c98f;outline-offset:3px}@media (max-width:800px){.hotelDemo .demoLayout{grid-template-columns:1fr}.hotelDemo .demoGuestList{max-height:360px;overflow:auto}.hotelDemo .demoActions button{width:100%}}