:root{color-scheme:light;--paper:#f3f0e8;--ink:#24382f;--muted:#647269;--line:rgba(36,56,47,.15);font-family:"DM Sans",Arial,sans-serif;font-synthesis:none}
[hidden]{display:none!important}
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:#dce1d9;color:var(--ink)}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,#canvas:focus-visible{outline:2px solid #dfb06c;outline-offset:5px}button:disabled{cursor:default;opacity:.28}button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#experience,#canvas,.view-shade,#hotspots{position:absolute;inset:0}#canvas{cursor:grab;touch-action:none;outline:none}#canvas.dragging{cursor:grabbing}#canvas canvas{display:block;width:100%;height:100%}.view-shade{pointer-events:none;background:linear-gradient(180deg,rgba(11,29,25,.24),transparent 25%,transparent 47%,rgba(9,23,19,.08) 65%,rgba(9,23,19,.61) 100%)}#hotspots{pointer-events:none;overflow:hidden}.masthead{position:absolute;top:0;left:0;width:100%;padding:35px 42px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;gap:20px;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.16)}.brand{display:flex;flex-direction:column;gap:6px}.brand-name{font-size:21px;font-weight:500;letter-spacing:5.6px}.brand-subtitle{font-size:10px;letter-spacing:2.7px;text-transform:uppercase;opacity:.9}.header-actions{display:flex;align-items:center;gap:10px;pointer-events:auto}.preview-badge{height:36px;padding:0 14px;border:1px solid rgba(255,255,255,.35);border-radius:24px;background:rgba(30,45,35,.16);backdrop-filter:blur(10px);color:#fff;display:flex;gap:9px;align-items:center;font-size:11px;letter-spacing:.15px}.preview-badge:hover{background:rgba(30,45,35,.35)}.status-dot{width:5px;height:5px;background:#ead6a8;border-radius:50%}.icon-button{border:0;background:none;display:grid;place-items:center;width:38px;height:38px;padding:8px;border-radius:50%;transition:background .2s}.header-actions .icon-button{color:#fff;background:rgba(30,45,35,.12);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px)}.icon-button:hover:not(:disabled){background:rgba(36,56,47,.09)}.header-actions .icon-button:hover{background:rgba(30,45,35,.35)}.view-caption{position:absolute;bottom:190px;left:43px;max-width:490px;pointer-events:none;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.15);transition:opacity .25s,transform .25s}.view-caption.changing{opacity:0;transform:translateY(6px)}.eyebrow{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:500;margin:0 0 15px}.caption-line{display:block;width:28px;height:1px;background:rgba(255,255,255,.55)}h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:54px;line-height:1.02;font-weight:400;letter-spacing:-1.3px;margin:0 0 13px}.view-caption p{font-size:12px;line-height:1.7;margin:0;max-width:360px;opacity:.9}.tour-footer{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);width:min(800px,calc(100% - 80px));pointer-events:none}.interaction-hint{color:rgba(255,255,255,.9);font-size:11px;letter-spacing:.2px;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 16px;text-shadow:0 1px 6px rgba(0,0,0,.4)}.interaction-hint svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.interaction-hint span span{margin:0 5px;opacity:.6}.route-bar{background:rgba(246,243,235,.94);border:1px solid rgba(255,255,255,.7);box-shadow:0 8px 40px rgba(14,33,25,.12);backdrop-filter:blur(16px);border-radius:12px;display:flex;align-items:center;padding:11px 12px;gap:9px;pointer-events:auto}.route-step{flex:0 0 34px;height:44px;border-radius:8px}.route-stops{display:flex;flex:1;align-items:center;min-width:0;position:relative;gap:4px}.route-stops::before{content:"";position:absolute;left:10%;right:10%;height:1px;top:15px;background:var(--line);pointer-events:none}.stop{border:0;position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 4px 6px;background:transparent;border-radius:6px}.stop:hover{background:rgba(36,56,47,.04)}.stop .stop-number{z-index:1;display:grid;place-items:center;width:22px;height:22px;font-size:9px;letter-spacing:0;border-radius:50%;color:#637369;border:1px solid #d2d7cb;background:#f3f0e8;transition:background .2s,color .2s}.stop[aria-current="step"] .stop-number{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 0 0 4px #e2e7dc}.stop .stop-name{font-size:10px;white-space:nowrap;font-weight:400;color:#748174}.stop[aria-current="step"] .stop-name{color:var(--ink);font-weight:600}.hotspot{position:absolute;transform:translate(-50%,-50%);border:0;background:none;padding:10px;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:auto;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.6);white-space:nowrap}.hotspot-ring{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(246,244,232,.22);box-shadow:0 0 0 6px rgba(255,255,255,.1);backdrop-filter:blur(5px);transition:background .2s,transform .2s}.hotspot svg{width:18px;height:18px;transform:rotate(-45deg);stroke-width:1.8}.hotspot-label{font-size:10px;letter-spacing:.6px;background:rgba(23,40,31,.42);border:1px solid rgba(255,255,255,.2);padding:6px 10px;border-radius:20px;backdrop-filter:blur(5px)}.hotspot:hover .hotspot-ring,.hotspot:focus-visible .hotspot-ring{background:rgba(246,244,232,.52);transform:scale(1.08)}.load-panel{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);width:min(310px,calc(100% - 48px));text-align:center;padding:25px 24px 20px;background:rgba(246,243,235,.96);border:1px solid rgba(255,255,255,.7);border-radius:12px;box-shadow:0 12px 60px rgba(20,40,29,.13);backdrop-filter:blur(12px);transition:opacity .2s}.load-panel[hidden]{display:none}.load-panel p{font-size:12px;line-height:1.6;margin:13px 0 0}.spinner{display:inline-block;width:22px;height:22px;border:1px solid #ccd2c7;border-top-color:#355343;border-radius:50%;animation:spin 1s linear infinite}.load-panel.error .spinner{display:none}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;font-size:12px;margin-top:13px;padding:8px}.text-button[hidden]{display:none}@keyframes spin{to{transform:rotate(360deg)}}dialog{position:fixed;color:var(--ink);background:#f4f1e9;max-width:460px;width:calc(100% - 40px);padding:44px 36px 32px;border:1px solid rgba(255,255,255,.8);border-radius:12px;box-shadow:0 20px 100px rgba(0,0,0,.2)}dialog::backdrop{background:rgba(17,31,24,.38);backdrop-filter:blur(5px)}dialog .eyebrow{font-size:9px;color:#6d7b6e;margin:0 0 15px}dialog h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-size:37px;line-height:1.08;letter-spacing:-.6px;margin:0 0 21px}dialog p{font-size:12px;line-height:1.8;margin:0 0 15px;color:#56665a}.dialog-close{position:absolute;right:12px;top:10px;font-size:28px;font-weight:400;line-height:1}.detail-note{border-top:1px solid var(--line);padding-top:15px;font-size:10px!important}.dialog-primary{margin-top:8px;border:0;border-radius:5px;background:var(--ink);color:#fff;padding:13px 17px;width:100%;display:flex;justify-content:space-between;align-items:center;font-size:11px}.dialog-primary:hover{background:#36523f}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);background:var(--paper);padding:25px;text-align:center}
.hotspot{width:63px;height:63px;justify-content:center;gap:0}.hotspot-ring{flex-shrink:0}.hotspot-label{position:absolute;bottom:calc(100% - 4px);left:50%;transform:translateX(-50%)}
@media(min-width:1500px){.masthead{padding:42px 52px}.view-caption{left:53px;bottom:195px}h1{font-size:63px}.view-caption p{font-size:13px}.tour-footer{bottom:36px}}
@media(max-width:700px){.masthead{padding:25px 22px}.brand-name{font-size:16px;letter-spacing:4px}.brand-subtitle{font-size:8px;letter-spacing:1.8px}.header-actions{gap:6px}.preview-badge{font-size:9px;padding:0 10px;height:31px;gap:6px}.header-actions .icon-button{width:31px;height:31px;padding:6px}.view-caption{left:23px;right:23px;bottom:175px;max-width:340px}h1{font-size:44px;letter-spacing:-.8px;margin-bottom:10px}.view-caption .eyebrow{font-size:8px;letter-spacing:1.4px;gap:9px;margin-bottom:11px}.caption-line{width:20px}.view-caption p{font-size:11px;max-width:300px}.tour-footer{width:calc(100% - 28px);bottom:max(18px,env(safe-area-inset-bottom));}.route-bar{padding:11px 6px;gap:3px;border-radius:10px}.route-step{flex-basis:25px;width:25px;padding:3px}.route-stops{gap:0}.stop{gap:9px;padding:4px 1px}.stop .stop-name{font-size:8px;letter-spacing:-.1px}.stop .stop-number{width:21px;height:21px;font-size:8px}.interaction-hint{font-size:9px;margin-bottom:12px;gap:5px}.interaction-hint svg{width:18px}.hotspot-ring{width:38px;height:38px}.hotspot-label{font-size:9px;padding:5px 8px}.hotspot{gap:6px}.load-panel{top:40%}}
@media(max-width:380px){.masthead{padding:21px 16px}.brand-name{font-size:14px;letter-spacing:3.3px}.brand-subtitle{font-size:7px}.preview-badge{font-size:8px;padding:0 8px}.header-actions .icon-button{display:none}.view-caption{left:18px;bottom:167px}h1{font-size:39px}.stop .stop-name{font-size:7px}.tour-footer{width:calc(100% - 18px)}.route-step{flex-basis:20px;width:20px}}
@media(max-height:540px) and (orientation:landscape){.masthead{padding:19px 24px}.view-caption{left:25px;bottom:137px}.view-caption p{display:none}h1{font-size:36px;margin:0}.view-caption .eyebrow{margin-bottom:8px}.tour-footer{bottom:15px;max-width:660px}.interaction-hint{margin-bottom:8px;font-size:9px}.route-bar{padding:6px 9px}.stop{gap:4px}.hotspot-label{display:none}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
/* Large destination controls replace the small seven-stop toolbar. */
.tour-footer{width:min(660px,calc(100% - 36px));bottom:max(24px,env(safe-area-inset-bottom))}.route-bar{gap:8px;padding:8px}.route-bar>button{height:60px;border:0;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px}.nav-back{flex:0 0 88px;background:transparent}.nav-back>span:first-child,.nav-next>span:last-child{font-size:25px}.nav-places{flex:0 0 108px;background:#e1e5db}.nav-places>span{font-size:23px}.route-bar>.nav-next{flex:1;justify-content:space-between;padding:0 20px;background:#24382f;color:white;text-align:left;min-width:0}.nav-next small{display:block;font-size:9px;font-weight:400;letter-spacing:1.6px;opacity:.72;margin-bottom:5px}.nav-next strong{font-size:14px;font-weight:500;line-height:1.3;display:block}.route-bar>.nav-next:hover{background:#365442}.places-panel{pointer-events:auto;background:#f4f1e9fa;border:1px solid #fff9;border-radius:13px;padding:15px;box-shadow:0 8px 50px #14271b33;margin-bottom:10px;max-height:60vh;overflow:auto}.places-panel[hidden]{display:none}.places-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:0 2px 10px}.places-heading button{width:36px;height:36px;border:0;border-radius:50%;background:#e5e7dd;font-size:24px}.route-stops{display:grid;grid-template-columns:1fr 1fr;gap:7px}.route-stops::before{display:none}.stop{display:flex;flex-direction:row;gap:12px;text-align:left;min-height:54px;padding:10px;border:1px solid #d8ddcf;border-radius:8px;background:#fff8}.stop .stop-number{flex:0 0 25px;width:25px;height:25px}.stop .stop-name{font-size:12px;white-space:normal;color:#46594b;line-height:1.4}.stop[aria-current=step]{border-color:#496450;background:#e5ebde}.stop[aria-current=step] .stop-name{font-weight:600}.view-caption{bottom:178px}.hotspot-ring{width:50px;height:50px}.hotspot-label{font-size:12px;padding:8px 12px}.hotspot{gap:9px}.interaction-hint{font-size:12px}
@media(max-width:700px){.tour-footer{width:calc(100% - 24px);bottom:max(16px,env(safe-area-inset-bottom))}.route-bar{gap:5px;padding:6px}.route-bar>button{height:62px;font-size:12px;gap:5px}.nav-back{flex-basis:59px}.nav-places{flex-basis:77px}.route-bar>.nav-next{padding:0 11px}.nav-next strong{font-size:12px}.nav-next small{font-size:8px}.nav-next>span:last-child{font-size:21px}.view-caption{bottom:167px}.places-panel{padding:11px}.places-heading{font-size:12px}.stop{padding:8px;gap:8px;min-height:57px}.stop .stop-name{font-size:11px}.interaction-hint{font-size:10px}.hotspot-label{font-size:11px}.hotspot-ring{width:46px;height:46px}}
@media(max-height:560px) and (orientation:landscape){.view-caption{bottom:135px}.places-panel{max-height:52vh}.route-bar>button{height:49px}.tour-footer{bottom:12px}.interaction-hint{margin-bottom:8px}}

/* ============================================================================
   COAST VIEW DESIGN SYSTEM — appended 2026-09-23
   ----------------------------------------------------------------------------
   The tour shipped with its own sage/olive palette (#24382f ink, #f3f0e8 paper,
   #e1e5db controls). Sat next to the redesigned 3D map it read as a different
   product. This block re-skins the chrome onto the Coast View system so the two
   are one experience: pearl glass, navy ink, gold reserved for the accent.

   Structure, copy and behaviour are untouched - this is colour, type and
   surface only. tour.css.orig keeps the original beside it.

   Same rules as css/coast-ui.css: glass only where a layer floats over the
   panorama, hairlines instead of fills, one accent, 44px minimum targets.
   ========================================================================== */
:root{
  --paper:#ffffff;
  --ink:#16233a;
  --muted:#667287;
  --line:rgba(22,35,58,.10);
  --cvt-gold:#c9a25b;
  --cvt-gold-deep:#8a6b2c;
  --cvt-glass:rgba(255,255,255,.82);
  --cvt-hair:rgba(22,35,58,.10);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html,body{background:#eef1f4;color:var(--ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

/* the brand mark matches the map's */
.brand-name{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;letter-spacing:.2em}
h1{font-family:"Cormorant Garamond",Georgia,serif}

/* focus: the same gold ring used across the site */
button:focus-visible,#canvas:focus-visible{outline:2px solid var(--cvt-gold);outline-offset:4px}

/* ---- the bar: one pearl-glass surface, not a tinted panel ---- */
.route-bar{
  background:var(--cvt-glass);
  -webkit-backdrop-filter:saturate(175%) blur(22px);
  backdrop-filter:saturate(175%) blur(22px);
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 1px 2px rgba(22,35,58,.07),0 10px 34px rgba(22,35,58,.16);
  border-radius:999px;padding:7px;gap:7px
}
.route-bar>button{border-radius:999px}

/* Back: quiet until used */
.nav-back{background:transparent;color:var(--ink)}
.nav-back:hover:not(:disabled){background:rgba(201,162,91,.13);color:var(--cvt-gold-deep)}

/* Places: a neutral secondary, hairline not fill */
.nav-places{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--cvt-hair)}
.nav-places:hover{background:rgba(201,162,91,.13);color:var(--cvt-gold-deep)}

/* Go to: the one primary action, navy like "View apartment in 3D" */
.route-bar>.nav-next{
  background:#16233a;color:#fff;border-radius:999px;
  box-shadow:0 2px 10px rgba(22,35,58,.26)
}
.route-bar>.nav-next:hover{background:#22324d}
.nav-next small{letter-spacing:.16em;opacity:.66;font-size:8.5px}
.nav-next strong{font-weight:500}

/* ---- places panel: white surface, hairline rows ---- */
.places-panel{
  background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:saturate(175%) blur(22px);
  backdrop-filter:saturate(175%) blur(22px);
  border:1px solid rgba(255,255,255,.66);
  border-radius:20px;
  box-shadow:0 2px 6px rgba(22,35,58,.09),0 18px 48px rgba(22,35,58,.17)
}
.places-heading{color:var(--ink);border-bottom:1px solid var(--cvt-hair);margin-bottom:10px}
.places-heading button{background:rgba(22,35,58,.06);color:var(--ink);min-width:44px;min-height:44px}
.places-heading button:hover{background:rgba(22,35,58,.12)}
.stop{background:transparent;border:1px solid var(--cvt-hair);border-radius:12px}
.stop:hover{background:rgba(201,162,91,.10);border-color:rgba(201,162,91,.4)}
.stop .stop-number{
  background:transparent;color:var(--muted);
  border:1px solid var(--cvt-hair);font-variant-numeric:tabular-nums
}
.stop .stop-name{color:var(--ink)}
/* the stop you are standing on: gold, the accent's one job here */
.stop[aria-current="step"]{background:rgba(201,162,91,.13);border-color:var(--cvt-gold)}
.stop[aria-current="step"] .stop-number{
  background:var(--cvt-gold);color:#fff;border-color:var(--cvt-gold);box-shadow:none
}
.stop[aria-current="step"] .stop-name{color:var(--ink);font-weight:600}

/* ---- hotspots on the panorama ---- */
.hotspot-ring{
  background:rgba(255,255,255,.22);
  border:1px solid rgba(255,255,255,.85);
  box-shadow:0 0 0 6px rgba(255,255,255,.12),0 2px 12px rgba(22,35,58,.28);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)
}
.hotspot:hover .hotspot-ring,.hotspot:focus-visible .hotspot-ring{
  background:rgba(201,162,91,.5);border-color:#fff
}
.hotspot-label{
  background:rgba(22,35,58,.55);border:1px solid rgba(255,255,255,.22);
  border-radius:999px;letter-spacing:.04em
}

/* ---- masthead controls ---- */
.preview-badge{
  background:rgba(22,35,58,.22);border:1px solid rgba(255,255,255,.34);
  border-radius:999px;min-height:36px;letter-spacing:.04em
}
.preview-badge:hover{background:rgba(22,35,58,.4)}
.status-dot{background:var(--cvt-gold)}
.header-actions .icon-button{
  background:rgba(22,35,58,.2);border:1px solid rgba(255,255,255,.3);
  width:44px;height:44px
}
.header-actions .icon-button:hover{background:rgba(22,35,58,.4)}

/* ---- loading + dialog ---- */
.load-panel{
  background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.7);
  border-radius:20px;box-shadow:0 2px 6px rgba(22,35,58,.09),0 18px 48px rgba(22,35,58,.17)
}
.spinner{border-color:rgba(22,35,58,.15);border-top-color:var(--cvt-gold)}
dialog{background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:20px;color:var(--ink)}
dialog::backdrop{background:rgba(22,35,58,.42)}
dialog p{color:var(--muted)}
.detail-note{border-top:1px solid var(--cvt-hair)}
.dialog-primary{background:#16233a;color:#fff;border-radius:12px;min-height:48px}
.dialog-primary:hover{background:#22324d}
.dialog-close{min-width:44px;min-height:44px}

/* the shade under the caption was tuned for the olive ground */
.view-shade{background:linear-gradient(180deg,rgba(22,35,58,.22),transparent 25%,
  transparent 47%,rgba(22,35,58,.06) 65%,rgba(22,35,58,.55) 100%)}

@media (prefers-reduced-transparency: reduce){
  .route-bar,.places-panel,.load-panel{
    background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* ---------------------------------------------------------------------------
   APARTMENT AVAILABILITY (added 2026-09-23, owner request: reachable from the
   grounds too). Same shapes-not-just-colour rule as the map's legend, same
   hairline rows, same 44px targets.
   ------------------------------------------------------------------------- */
.cv-avail-btn{gap:7px}
.cv-avail-btn strong{font-weight:600;font-variant-numeric:tabular-nums}
.cv-dot-av{width:6px;height:6px;border-radius:50%;background:#54c98a;flex:0 0 auto}

#avail-dialog{max-width:520px;padding:38px 30px 26px}
#avail-dialog h2{margin-bottom:16px}

.cv-legend{display:flex;gap:6px;margin:0 0 14px;flex-wrap:wrap}
.cv-lg{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;
  border:1px solid var(--cvt-hair);border-radius:999px;font-size:11.5px;color:var(--muted)}
.cv-lg i{width:10px;height:10px;border-radius:50%;flex:0 0 auto}
.cv-lg b{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
/* shape as well as colour, so status never depends on hue alone */
.cv-lg-av i{background:#2f8f5b}
.cv-lg-rs i{background:#b5801f;border-radius:2px}
.cv-lg-sd i{background:transparent;box-shadow:inset 0 0 0 2px #b4453c}

.cv-list{max-height:46vh;overflow-y:auto;-webkit-overflow-scrolling:touch;
  border-top:1px solid var(--cvt-hair)}
.cv-grp{padding:12px 2px 6px;font-size:9.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--muted);position:sticky;top:0;background:#fff}
.cv-row{display:flex;align-items:center;gap:11px;width:100%;min-height:44px;
  padding:0 4px;border:0;border-bottom:1px solid rgba(22,35,58,.06);
  background:transparent;text-align:left;font:400 13px/1 Inter,sans-serif;
  color:var(--ink);border-radius:8px}
.cv-row:hover{background:rgba(201,162,91,.12)}
.cv-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}
.cv-row[data-st=av] .cv-dot{background:#2f8f5b}
.cv-row[data-st=rs] .cv-dot{background:#b5801f;border-radius:2px}
.cv-row[data-st=sd] .cv-dot{background:transparent;box-shadow:inset 0 0 0 2px #b4453c}
.cv-id{font-weight:500;min-width:46px;font-variant-numeric:tabular-nums}
.cv-bed{color:var(--muted);font-size:12px}
.cv-area{margin-left:auto;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}

@media(max-width:700px){
  #avail-dialog{padding:34px 18px 20px}
  .cv-list{max-height:52vh}
  .cv-bed{display:none}
}

/* Embedded in the 3D map: the map's own bar owns the top strip and the
   identity, so this masthead steps below it and drops its duplicate wordmark.
   Without this the availability and disclaimer buttons sit UNDER that bar and
   cannot be tapped at all. */
.cv-embedded .masthead{top:74px;padding-top:0;justify-content:flex-end}
.cv-embedded .brand{display:none}
.cv-embedded .motion-controls{top:132px}
@media(max-width:700px){
  .cv-embedded .masthead{top:64px;padding-top:0}
  .cv-embedded .motion-controls{top:118px}
}