/* All appearance choices for the apartment preview. */
:root { --lh-paper:#fcf8f0; --lh-ink:#292920; --lh-muted:#69685e; --lh-accent:#a84622;
  --lh-line:#d9d6cb; --lh-width:370px; --lh-radius:20px; --lh-route:#ff713f; }
body.live-here #wf-root > :not(#wf-imp), body.live-here #explore, body.live-here #wf-drive { display:none!important; }
body.live-here #wf-imp { position:fixed; z-index:90; }
#live-here { position:fixed; left:22px; top:22px; bottom:26px; width:var(--lh-width); z-index:75;
  background:var(--lh-paper); color:var(--lh-ink); border:1px solid #ffffffab; border-radius:var(--lh-radius);
  box-shadow:0 12px 45px #13221e33; font:14px/1.4 system-ui,sans-serif; overflow:auto; overscroll-behavior:contain; }
#live-here * { box-sizing:border-box; }
#live-here header { padding:22px 22px 12px; }
#live-here .lh-kicker { color:var(--lh-accent); font-size:10px; font-weight:800; letter-spacing:2px; margin:0 0 8px; }
#live-here h1 { font-size:30px; font-weight:550; letter-spacing:-1.3px; line-height:1.05; margin:0 0 12px; }
#live-here h2 { font-size:16px; margin:0 0 10px; }
#live-here p { margin:6px 0; }
#live-here .lh-muted { color:var(--lh-muted); font-size:12px; }
#live-here section, #live-here details { padding:16px 22px; border-top:1px solid var(--lh-line); }
#live-here button, #live-here input, #live-here select { font:inherit; }
#live-here button { min-height:36px; border:1px solid var(--lh-line); border-radius:9px; padding:7px 10px;
  background:transparent; color:var(--lh-ink); cursor:pointer; text-align:left; }
#live-here button:hover { background:#eee8dc; }
#live-here button:disabled { opacity:.55; cursor:wait; }
#live-here :focus-visible { outline:3px solid var(--lh-accent); outline-offset:2px; }
#live-here .lh-primary { background:var(--lh-accent); color:white; border-color:var(--lh-accent); }
#live-here .lh-actions { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
#live-here summary { font-weight:650; cursor:pointer; }
#live-here fieldset { border:0; padding:12px 0; border-bottom:1px solid var(--lh-line); margin:0; }
#live-here legend { font-size:12px; color:var(--lh-muted); padding-top:12px; }
#live-here select, #live-here input[type=time] { width:100%; background:white; color:var(--lh-ink); border:1px solid var(--lh-line);
  border-radius:6px; min-height:35px; padding:4px; }
#live-here .lh-times { display:flex; gap:8px; margin:8px 0; }
#live-here .lh-times label { flex:1; font-size:11px; }
#live-here .lh-days { display:flex; flex-wrap:wrap; gap:6px; font-size:11px; align-items:center; }
#live-here .lh-days label { display:flex; align-items:center; gap:1px; min-height:30px; }
#live-here .lh-days input { margin:0; }
#live-here .lh-apartment { display:block; width:100%; margin:8px 0; padding:12px; position:relative; }
#live-here .lh-apartment[aria-pressed=true] { border-color:var(--lh-accent); background:#f1e6d8; }
#live-here .lh-apartment strong { display:block; font-size:15px; }
#live-here .lh-apartment span { display:block; font-size:11px; color:var(--lh-muted); margin-top:3px; }
#live-here .lh-apartment b { display:block; font-size:23px; font-weight:550; margin-top:6px; letter-spacing:-.6px; }
#live-here .lh-apartment em { font-style:normal; font-size:10px; letter-spacing:.8px; color:var(--lh-accent); }
#live-here .lh-error { color:#923515; font-size:12px; }
#live-here #lh-legs { display:grid; gap:7px; margin-top:12px; }
#live-here #lh-legs button[aria-pressed=true] { border-color:var(--lh-accent); }
#live-here #lh-legs small { display:block; color:var(--lh-muted); margin-top:4px; }
#live-here #lh-scrub { width:100%; accent-color:var(--lh-accent); margin:12px 0; }
#live-here [hidden] { display:none!important; }
#lh-toggle { position:fixed; z-index:76; left:22px; top:22px; border:0; border-radius:10px; padding:12px 16px;
  background:var(--lh-paper); color:var(--lh-ink); font:600 13px system-ui; cursor:pointer; }
.lh-map-label { padding:5px 9px; border:1px solid white; border-radius:12px; background:#292920e8; color:white;
  font:600 11px system-ui; box-shadow:0 2px 8px #0003; cursor:pointer; }
@media(max-width:650px) {
  #live-here { top:auto; bottom:12px; left:12px; width:calc(100% - 24px); max-height:55vh; border-radius:16px; }
  #live-here header { padding:16px 18px 10px; } #live-here h1 { font-size:25px; }
  #live-here section, #live-here details { padding:12px 18px; }
  #lh-toggle { left:12px; top:12px; } .lh-map-label { font-size:10px; }
}