body.workspace-page { --ink:var(--vd-ink); --paper:var(--vd-paper); --muted:var(--vd-editorial-body); --line:var(--vd-editorial-rule); --amber:var(--vd-amber); color:var(--ink); background:var(--paper); font-family:var(--vd-body); }
.workspace-page * { box-sizing:border-box; }
.workspace-page [hidden] { display:none !important; }
.workspace-page .vd-nav,.workspace-page .vd-nav__inner { height:72px; }
.workspace-page .vd-nav { background:var(--vd-deep); }
.workspace-page .vd-nav__inner { width:calc(100% - 64px); max-width:1500px; }
.workspace-page .vd-logo { display:flex; gap:12px; align-items:center; }
.workspace-page .vd-logo img { width:32px; height:32px; }
.workspace-page .vd-logo span { color:var(--paper); font-size:.9rem; letter-spacing:.16em; text-transform:uppercase; }
.workspace-page .vd-nav__links { font-size:.86rem; gap:28px; }
.workspace-page .shell { width:min(1460px,calc(100% - 96px)); margin-inline:auto; }
.workspace-page .eyebrow { margin:0 0 12px; font-size:.7rem; line-height:1.4; letter-spacing:.055em; text-transform:uppercase; color:var(--vd-editorial-accent); font-weight:600; }
.workspace-page .small { font-size:.79rem; line-height:1.6; color:var(--muted); }
.workspace-page a { color:inherit; }
.workspace-page button,.workspace-page input,.workspace-page select,.workspace-page textarea { font:inherit; }
.workspace-page button { cursor:pointer; }
.workspace-page button:disabled { cursor:default; opacity:.52; }
.workspace-page button:focus-visible,.workspace-page a:focus-visible,.workspace-page input:focus-visible,.workspace-page select:focus-visible,.workspace-page textarea:focus-visible,.workspace-page summary:focus-visible { outline:3px solid var(--vd-editorial-accent); outline-offset:3px; }
.workspace-page .primary,.workspace-page .secondary { display:inline-flex; align-items:center; justify-content:center; gap:20px; min-height:46px; padding:12px 18px; border:1px solid var(--vd-amber-2); border-radius:2px; background:var(--amber); color:var(--ink); font-size:.86rem; font-weight:600; text-decoration:none; line-height:1.4; }
.workspace-page .primary:hover:not(:disabled) { background:var(--vd-editorial-accent); color:var(--vd-warm); }
.workspace-page .secondary { border-color:var(--line); background:transparent; }
.workspace-page .secondary:hover:not(:disabled) { background:var(--vd-paper-2); }
.workspace-page .text-button { min-height:44px; padding:8px 0; border:0; background:none; color:var(--ink); font-size:.79rem; text-align:left; text-decoration:underline; text-underline-offset:5px; }
.workspace-hero { display:grid; grid-template-columns:1.45fr 1fr; gap:8%; padding-block:42px 46px; align-items:center; }
.back-link { display:inline-block; margin-bottom:30px; font-size:.77rem; color:var(--muted)!important; text-decoration:none; }
.workspace-hero h1 { max-width:820px; margin:0; font-size:clamp(2.7rem,4.5vw,4.8rem); line-height:1.04; letter-spacing:-.055em; font-weight:600; }
.hero-description { max-width:610px; margin:22px 0; font-size:1.03rem; line-height:1.7; color:var(--muted); }
.demo-disclosure { max-width:520px; margin:15px 0 0; color:var(--muted); font-size:.73rem; line-height:1.6; }
.hero-portrait { position:relative; margin:0; align-self:stretch; min-height:300px; background:var(--vd-deep); overflow:hidden; }
.hero-portrait img { width:100%; height:100%; object-fit:cover; object-position:76% center; position:absolute; inset:0; }
.hero-portrait figcaption { position:absolute; inset:auto 0 0; padding:36px 24px 22px; color:var(--paper); background:linear-gradient(transparent,color-mix(in srgb,var(--vd-deep) 91%,transparent)); font:600 1.65rem/1.2 var(--vd-display); letter-spacing:-.03em; }
.workspace-section { padding:48px 0 64px; border-block:1px solid var(--line); background:var(--vd-paper-2); scroll-margin-top:86px; }
.workspace-grid { display:grid; grid-template-columns:minmax(380px,.8fr) minmax(0,1.2fr); gap:32px; align-items:start; }
.conversation { position:sticky; top:88px; max-height:calc(100svh - 112px); overflow-y:auto; scrollbar-width:thin; padding:24px; border:1px solid var(--line); background:var(--paper); min-width:0; }
.conversation-person { display:flex; gap:12px; align-items:center; }
.conversation-person img { width:56px; height:64px; object-fit:cover; object-position:76% center; }
.conversation-person .eyebrow { font-size:.58rem; margin-bottom:5px; }
.conversation-person h2 { margin:0; font:600 1.42rem/1.12 var(--vd-display); letter-spacing:-.035em; }
#conversation-title { scroll-margin-top:100px; }
.conversation-intro { font-size:.85rem; line-height:1.75; margin:22px 0; }
.voice-controls .primary { width:100%; }
.voice-controls .small { font-size:.7rem; margin:12px 0 0; }
.demo-response { margin-top:22px; padding-top:20px; border-top:1px solid var(--line); }
.demo-response p { margin:0; font-size:.85rem; line-height:1.65; }
.sample-note { display:flex; gap:12px; align-items:start; margin-top:20px; color:var(--muted); }
.sample-note p { margin:0; font-size:.73rem; line-height:1.6; }
.sample-note > span { font-size:1.3rem; line-height:1; color:var(--vd-editorial-accent); }
.activity-block { margin-top:20px; padding-top:18px; border-top:1px solid var(--line); }
.activity-block h3 { margin:0 0 14px; text-transform:uppercase; letter-spacing:.045em; font-size:.67rem; font-weight:600; }
.activity-block ol { list-style:none; padding:0; margin:0; }
.activity-block li { border-left:1px solid var(--vd-editorial-rule); padding:0 0 16px 12px; font-size:.73rem; line-height:1.55; color:var(--muted); }
.activity-block li strong { display:block; font-size:.74rem; margin-bottom:4px; color:var(--ink); font-weight:600; }
.voice-mount { position:relative; isolation:isolate; overflow:hidden; width:100%; height:clamp(360px,calc(100svh - 270px),640px); margin-top:15px; }
.voice-mount elevenlabs-convai { position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; }
.workbench { min-width:0; }
.workbench-header { display:flex; gap:18px; justify-content:space-between; align-items:center; }
.workbench h2 { margin:0; font:600 clamp(1.9rem,2.8vw,2.8rem)/1.13 var(--vd-display); letter-spacing:-.04em; }
.workbench-header .eyebrow { font-size:.63rem; margin-bottom:9px; }
.sample-badge { flex-shrink:0; color:var(--muted); border:1px solid var(--vd-editorial-rule); font-size:.63rem; padding:6px 9px; }
.workspace-date { margin:13px 0 26px; }
.error { margin:16px 0; padding:14px 16px; border-left:3px solid #a83e29; background:#f7e8e1; color:#672916; font-size:.88rem; line-height:1.55; }
.service-tabs { display:flex; flex-wrap:wrap; gap:0; border-bottom:1px solid var(--vd-editorial-rule); margin-bottom:24px; }
.service-tabs button { min-height:48px; padding:12px 17px; border:0; border-bottom:3px solid transparent; background:transparent; color:var(--muted); font-size:.87rem; }
.service-tabs button[aria-pressed=true] { border-bottom-color:var(--vd-editorial-accent); color:var(--ink); font-weight:600; }
.workspace-page label { display:grid; gap:7px; color:var(--ink); font-size:.75rem; line-height:1.45; }
.workspace-page input,.workspace-page select,.workspace-page textarea { min-width:0; width:100%; min-height:44px; padding:10px 11px; border:1px solid var(--vd-editorial-rule); border-radius:2px; color:var(--ink); background:var(--vd-editorial-surface-raised); font-size:.87rem; }
.workspace-page textarea { resize:vertical; min-height:76px; }
.fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.fields .wide { grid-column:1/-1; }
.search-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; align-items:end; margin-bottom:26px; }
.search-form .primary { align-self:end; }
.section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:15px; margin:25px 0 16px; }
.section-heading h3 { margin:0; font:600 1.5rem/1.15 var(--vd-display); letter-spacing:-.025em; }
.section-heading p { margin:0; }
.option-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.option-card { display:flex; flex-direction:column; min-width:0; padding:23px; background:var(--paper); border:1px solid var(--line); }
.option-card .option-number { color:var(--vd-editorial-accent); font-size:.67rem; margin-bottom:22px; }
.option-card h4 { margin:0 0 10px; font:600 1.55rem/1.1 var(--vd-display); letter-spacing:-.035em; }
.option-card p { margin:0 0 15px; color:var(--muted); font-size:.8rem; line-height:1.65; }
.option-card .tags { display:flex; flex-wrap:wrap; gap:6px 12px; padding:0; list-style:none; margin:0 0 17px; font-size:.65rem; color:var(--muted); }
.option-card .price { margin-top:auto; color:var(--ink); font-size:1.16rem; font-weight:600; }
.option-card .price small { display:block; margin-top:4px; color:var(--muted); font-size:.69rem; font-weight:400; }
.option-card .secondary { width:100%; margin-top:4px; }
.empty { padding:28px; border:1px dashed var(--vd-editorial-rule); color:var(--muted); font-size:.9rem; line-height:1.7; }
.empty h3 { margin:0 0 9px; font:600 1.5rem var(--vd-display); color:var(--ink); }
.guide { display:flex; flex-wrap:wrap; gap:12px 24px; margin:20px 0; padding:18px 0; border-block:1px solid var(--line); font-size:.75rem; color:var(--muted); }
.guide strong { color:var(--ink); font-weight:500; }
.itinerary { margin-top:36px; scroll-margin-top:94px; }
.itinerary ol { list-style:none; padding:0; margin:0; }
.itinerary li { display:grid; grid-template-columns:100px minmax(0,1fr) auto; gap:18px; align-items:start; padding:20px 0; border-bottom:1px solid var(--line); }
.itinerary li strong { display:block; font-weight:500; font-size:.95rem; }
.itinerary li p { margin:7px 0 0; color:var(--muted); font-size:.75rem; line-height:1.6; }
.itinerary time { font-size:.76rem; line-height:1.6; }
.cancelled { opacity:.65; }
.cancelled strong { text-decoration:line-through; }
.status-tag { display:inline-block; font-size:.66rem; padding:5px 8px; background:#e0e8dc; color:#305238; line-height:1.3; text-transform:capitalize; }
.status-tag.due,.status-tag.ready { background:#f3e1c4; color:#774314; }
.status-tag.declined,.status-tag.review,.status-tag.cancelled { background:#f0dcd3; color:#7e3622; }
.invoice-selector { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:24px; }
.invoice-selector button { text-align:left; padding:16px; background:var(--paper); border:1px solid var(--line); min-height:98px; }
.invoice-selector button[aria-pressed=true] { outline:2px solid var(--vd-editorial-accent); outline-offset:-2px; }
.invoice-selector strong { display:block; font-size:.88rem; margin-bottom:6px; }
.invoice-selector span { display:block; font-size:.74rem; color:var(--muted); line-height:1.5; }
.invoice-selector .scenario { margin-top:10px; font-size:.63rem; color:var(--vd-editorial-accent); }
.reference-form { display:flex; align-items:end; gap:12px; margin-bottom:26px; }
.reference-form label { flex:1; }
.document { background:var(--vd-editorial-surface-raised); border:1px solid var(--line); padding:32px; box-shadow:0 6px 15px color-mix(in srgb,var(--vd-deep) 3%,transparent); scroll-margin-top:94px; }
.document-head { display:flex; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); padding-bottom:24px; margin-bottom:24px; }
.document-head h3 { font:600 2rem/1.1 var(--vd-display); margin:0 0 8px; letter-spacing:-.04em; }
.document-head p { margin:4px 0; font-size:.77rem; color:var(--muted); line-height:1.5; }
.document table { border-collapse:collapse; width:100%; font-size:.82rem; }
.document th { text-align:left; font-size:.64rem; text-transform:uppercase; color:var(--muted); letter-spacing:.03em; font-weight:500; }
.document td,.document th { padding:14px 0; border-bottom:1px solid var(--line); }
.document td:last-child,.document th:last-child { text-align:right; white-space:nowrap; padding-left:16px; }
.document-total { display:flex; justify-content:space-between; align-items:baseline; margin:28px 0; gap:12px; }
.document-total span { font-size:.8rem; color:var(--muted); }
.document-total strong { font:600 2.4rem/1 var(--vd-display); letter-spacing:-.045em; }
.amount-form { display:flex; align-items:end; gap:12px; margin-top:26px; }
.amount-form label { flex:1; }
.amount-form:has(.payment-confirmation) { flex-wrap:wrap; }
.amount-form .payment-confirmation { display:flex; align-items:flex-start; gap:10px; flex-basis:100%; order:2; line-height:1.5; }
.workspace-page .payment-confirmation input { width:20px; min-height:20px; height:20px; flex:0 0 20px; margin-top:2px; accent-color:#a5550d; }
.payment-panel,.receipt-panel,.brief-panel,.proposal-panel { margin-top:24px; padding:26px; background:var(--paper); border:1px solid var(--line); scroll-margin-top:94px; }
.payment-panel h3,.receipt-panel h3,.brief-panel h3,.proposal-panel h3 { margin:0 0 12px; font:600 1.65rem/1.15 var(--vd-display); letter-spacing:-.03em; }
.payment-panel p,.receipt-panel p,.brief-panel p,.proposal-panel p { font-size:.85rem; line-height:1.65; color:var(--muted); }
.payment-amount { font:600 2.7rem/1 var(--vd-display); margin:22px 0; }
.receipt-form { margin-top:20px; }
.receipt-form .primary { margin-top:16px; }
.ledger { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); margin-top:26px; padding-top:20px; gap:14px; }
.ledger p { font-size:.67rem; color:var(--muted); margin:0 0 6px; }
.ledger strong { font-size:.76rem; font-weight:500; }
.week-strip { display:flex; gap:8px; margin:0 0 20px; overflow:auto; padding:3px 3px 8px; }
.week-strip button { flex:1 0 76px; display:grid; gap:5px; min-height:80px; background:var(--paper); border:1px solid var(--line); padding:12px 8px; color:var(--muted); font-size:.67rem; }
.week-strip button strong { font:600 1.5rem var(--vd-display); color:var(--ink); }
.week-strip button[aria-pressed=true] { border-color:var(--ink); color:var(--ink); background:var(--vd-paper-2); }
.agenda { list-style:none; padding:0; margin:0; }
.agenda li { display:grid; grid-template-columns:62px minmax(0,1fr) auto; padding:18px 0; gap:16px; align-items:start; border-bottom:1px solid var(--line); }
.agenda time { font-size:.87rem; font-weight:500; }
.agenda h3 { font:500 .98rem/1.4 var(--vd-body); margin:0 0 6px; }
.agenda p { font-size:.75rem; color:var(--muted); margin:5px 0; line-height:1.5; }
.agenda .text-button { font-size:.7rem; }
.agenda-actions { display:grid; }
.brief-panel { background:var(--vd-deep); color:var(--paper); border-color:var(--vd-deep); }
.brief-panel .eyebrow { color:var(--vd-amber); }
.brief-panel h4 { margin:24px 0 10px; font-size:.7rem; text-transform:uppercase; letter-spacing:.04em; color:var(--vd-amber); font-weight:500; }
.brief-panel p,.brief-panel li { color:color-mix(in srgb,var(--vd-warm) 82%,var(--vd-deep)); font-size:.84rem; line-height:1.7; }
.brief-panel ul { margin:12px 0 0; padding-left:18px; }
.brief-panel .change-date { display:block; font-size:.67rem; color:var(--vd-amber); margin:14px 0 3px; }
.booking-form-section { margin-top:24px; border:1px solid var(--line); background:var(--paper); padding:0 24px 24px; }
.booking-form-section summary { min-height:60px; padding-block:20px; font-weight:500; cursor:pointer; }
.booking-form-section:not([open]) { padding-bottom:0; }
.booking-form-section .primary { margin-top:18px; }
.proposal-panel dl,#review-body dl { margin:18px 0; display:grid; grid-template-columns:90px minmax(0,1fr); gap:12px; font-size:.86rem; line-height:1.5; }
.proposal-panel dt,#review-body dt { color:var(--muted); }
.proposal-panel dd,#review-body dd { margin:0; }
.workspace-sales { display:grid; grid-template-columns:1fr 1.15fr; gap:90px; padding-block:76px; }
.workspace-sales h2 { font:600 clamp(2rem,3vw,3.3rem)/1.1 var(--vd-display); letter-spacing:-.04em; margin:0; }
.workspace-sales p { margin:0 0 24px; line-height:1.8; color:var(--muted); font-size:.95rem; }
.workspace-sales .small { font-size:.78rem; }
.workspace-footer { display:flex; justify-content:space-between; align-items:center; gap:20px; border-top:1px solid var(--line); padding-block:30px; font-size:.72rem; color:var(--muted); }
.workspace-footer nav { display:flex; gap:20px; }
.workspace-footer a { min-height:44px; display:inline-flex; align-items:center; }
.workspace-mobile-nav { display:none; }
.workspace-page dialog { width:min(540px,calc(100% - 32px)); max-height:calc(100svh - 40px); overflow:auto; padding:30px; border:1px solid var(--line); color:var(--ink); background:var(--paper); }
.workspace-page dialog::backdrop { background:color-mix(in srgb,var(--vd-deep) 60%,transparent); }
.workspace-page dialog h2 { margin:0 0 22px; font:600 2rem/1.1 var(--vd-display); letter-spacing:-.04em; }
.dialog-actions { display:flex; gap:12px; justify-content:flex-end; margin-top:24px; }
#review-body label { margin-top:16px; }
@media(min-width:1500px) { .workspace-grid { grid-template-columns:minmax(460px,.8fr) minmax(0,1.2fr); gap:40px; } .option-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:1100px) { .workspace-page .shell { width:calc(100% - 56px); } .workspace-grid { grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr); gap:24px; } .conversation { padding:18px; } .option-list { grid-template-columns:1fr; } .search-form { grid-template-columns:repeat(2,minmax(0,1fr)); } .document { padding:24px; } .workspace-sales { gap:45px; } .workspace-hero { gap:5%; } }
@media(max-width:1000px) { .workspace-page { padding-bottom:calc(64px + env(safe-area-inset-bottom,0px)); } html { scroll-padding-bottom:calc(76px + env(safe-area-inset-bottom,0px)); } .workspace-page .shell { width:calc(100% - 40px); } .workspace-hero { grid-template-columns:1fr; padding-block:26px 34px; gap:28px; } .back-link { margin-bottom:26px; } .workspace-hero h1 { font-size:clamp(2.65rem,8vw,3.8rem); } .hero-description { font-size:.96rem; } .hero-portrait { min-height:210px; max-height:260px; } .hero-portrait img { object-position:76% 37%; } .hero-portrait figcaption { font-size:1.5rem; } .workspace-section { padding-block:28px 40px; } .workspace-grid { grid-template-columns:1fr; gap:32px; } .conversation { position:static; max-height:none; overflow:visible; } .conversation-intro { margin:18px 0; } .conversation-person h2 { font-size:1.6rem; } .activity-block { display:none; } .conversation-person .eyebrow { font-size:.63rem; } .option-list { grid-template-columns:repeat(2,minmax(0,1fr)); } .workspace-sales { grid-template-columns:1fr; gap:24px; padding-block:44px; } .workspace-footer { flex-wrap:wrap; justify-content:flex-start; gap:0 20px; } .workspace-footer > p { flex-basis:100%; } .workspace-mobile-nav { position:fixed; display:grid; grid-template-columns:1fr 1fr; gap:16px; inset:auto 0 0; z-index:90; padding:8px 20px calc(8px + env(safe-area-inset-bottom,0px)); border-top:1px solid var(--line); background:var(--paper); } .workspace-mobile-nav a { min-height:44px; display:flex; justify-content:center; align-items:center; font-size:.78rem; text-underline-offset:5px; } }
@media(max-width:520px) { .workspace-page .vd-nav__inner { width:calc(100% - 40px); } .option-list { grid-template-columns:1fr; } .option-card { padding:21px; } .option-card .option-number { margin-bottom:15px; } .service-tabs button { flex:1 1 auto; padding-inline:10px; font-size:.77rem; } .workbench-header { align-items:start; } .sample-badge { font-size:.55rem; } .invoice-selector { grid-template-columns:1fr; } .invoice-selector button { min-height:78px; } .document { padding:22px 18px; } .document-head { gap:12px; } .document-head h3 { font-size:1.7rem; } .document-total strong { font-size:2rem; } .reference-form,.amount-form { flex-direction:column; align-items:stretch; } .ledger { grid-template-columns:1fr; gap:12px; } .ledger > div { display:flex; justify-content:space-between; gap:12px; } .ledger p { margin:0; } .payment-panel,.receipt-panel,.brief-panel,.proposal-panel { padding:22px 18px; } .agenda li { grid-template-columns:46px minmax(0,1fr); gap:12px; } .agenda-actions { grid-column:2; display:flex; gap:24px; } .itinerary li { grid-template-columns:1fr auto; gap:10px; } .itinerary time { grid-column:1/-1; } .fields { grid-template-columns:1fr; } .dialog-actions { flex-direction:column-reverse; } .workspace-page dialog { padding:24px 20px; } .booking-form-section { padding-inline:18px; } }
@media(prefers-reduced-motion:reduce) { .workspace-page * { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
.stay-progress { list-style:none; margin:0 0 26px; padding:0; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); border-bottom:1px solid var(--line); }
.stay-progress li { min-width:0; display:grid; gap:9px; color:var(--muted); font-size:.67rem; line-height:1.4; padding:0 8px 14px 0; }
.stay-progress li span { display:flex; width:25px; height:25px; align-items:center; justify-content:center; border:1px solid var(--line); border-radius:50%; font-size:.7rem; }
.stay-progress [aria-current] { color:var(--ink); border-bottom:3px solid var(--vd-editorial-accent); font-weight:600; }
.stay-progress [aria-current] span { color:var(--paper); background:var(--ink); border-color:var(--ink); }
.stay-progress .visited span { border-color:var(--vd-editorial-accent); color:var(--vd-editorial-accent); }
.journey-question,.caller-context { margin:0 0 26px; padding:26px; background:var(--paper); border:1px solid var(--line); scroll-margin-top:94px; }
.journey-question h3,.caller-context h3 { margin:0 0 12px; font:600 1.8rem/1.14 var(--vd-display); letter-spacing:-.035em; }
.journey-question > p:not(.eyebrow),.caller-context > p:not(.eyebrow) { margin:0; max-width:650px; font-size:.9rem; color:var(--muted); line-height:1.7; }
.stay-running-total { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; border-top:1px solid var(--line); margin-top:22px; padding-top:17px; font-size:.74rem; color:var(--muted); }
.stay-running-total strong { color:var(--ink); font-size:.95rem; font-weight:500; }
.stay-running-total small { font-weight:400; font-size:.65rem; color:var(--muted); }
.journey-next { margin:24px 0; padding-top:18px; border-top:1px solid var(--line); }
.journey-next p { margin:10px 0 0; }
.stay-bill { background:var(--vd-editorial-surface-raised); border:1px solid var(--line); padding:0 26px 20px; }
.caller-scenarios { margin-bottom:22px; }
.caller-scenarios summary { min-height:46px; font-size:.86rem; cursor:pointer; padding:12px 0; }
.company-updates { padding-top:28px; }
.company-updates .ledger { margin-top:14px; }
@media(max-width:520px) { .journey-question,.caller-context { padding:22px 18px; } .journey-question h3 { font-size:1.65rem; } .stay-progress li { font-size:.59rem; padding-right:6px; } .stay-bill { padding-inline:18px; } .stay-bill .section-heading { display:block; } .stay-bill .section-heading p { margin-top:10px; } }
@media(min-width:801px) and (max-height:600px) {
  .workspace-page { padding-bottom:calc(64px + env(safe-area-inset-bottom,0px)); }
  .conversation { position:static; max-height:none; overflow:visible; }
  .workspace-mobile-nav { position:fixed; display:grid; grid-template-columns:1fr 1fr; gap:16px; inset:auto 0 0; z-index:90; padding:8px 20px calc(8px + env(safe-area-inset-bottom,0px)); border-top:1px solid var(--line); background:var(--paper); }
  .workspace-mobile-nav a { min-height:44px; display:flex; justify-content:center; align-items:center; font-size:.78rem; text-underline-offset:5px; }
}

/* A live transcript and consent notice must remain reachable in a short sidebar. */
@media(min-width:801px) and (min-height:601px) {
  .conversation { max-height:calc(100dvh - 120px); overflow-y:auto; scrollbar-gutter:stable; }
}

/* Maya's final booking steps use the same form and document language as the stay. */
.stay-checkout-form{display:grid;gap:20px;margin:28px 0;max-width:100%;}
.stay-checkout-form fieldset{border:1px solid var(--line,#d7d1c7);padding:18px;min-width:0;}
.stay-checkout-form legend{padding:0 8px;font-weight:600;}
.stay-payment-choice{display:flex;align-items:flex-start;gap:12px;padding:14px 0;cursor:pointer;}
.stay-payment-choice input{width:20px;min-width:20px;height:20px;margin:3px 0;}
.stay-payment-choice small{display:block;margin-top:6px;line-height:1.5;}
.stay-confirmation{padding:24px 0;border-bottom:1px solid var(--line,#d7d1c7);overflow-wrap:anywhere;}
.stay-confirmation dl{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:10px 18px;line-height:1.5;}
.stay-confirmation dd{margin:0;}
.stay-confirmation dt{font-weight:600;}
.stay-checkout-form .small{overflow-wrap:anywhere;}

@media(max-width:520px){.stay-progress{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px;}.stay-confirmation dl{grid-template-columns:1fr;gap:4px;}.stay-confirmation dd{margin-bottom:12px;}}

/* Leave the live conversation in view while its current record is discussed. */
.conversation:has(.voice-mount:not([hidden])) #voice-start,
.conversation:has(.voice-mount:not([hidden])) .voice-controls .small,
.conversation:has(.voice-mount:not([hidden])) .demo-response,
.conversation:has(.voice-mount:not([hidden])) .conversation-intro,
.conversation:has(.voice-mount:not([hidden])) .sample-note,
.conversation:has(.voice-mount:not([hidden])) .activity-block,
.conversation:has(.voice-mount:not([hidden])) #reset-demo { display:none; }
[data-discussing] { outline:2px solid var(--vd-editorial-accent); outline-offset:5px; }
@media(max-width:1000px) {
  .voice-mount { height:min(500px,65svh); min-height:360px; }
}

.workspace-page .brief-panel .small { color:color-mix(in srgb,var(--vd-warm) 82%,var(--vd-deep)); }