/* Full-browser page surfaces; content aligns with the homepage. */
.vida-lane{width:100%;max-width:none;margin-inline:0}
html:has(body>.page),body:has(>.page){width:100%;margin:0;background:#fff}
body>.page{width:100%!important;max-width:none;margin:0;box-shadow:none}
.vida-full-gutter{padding-left:max(32px,calc((100vw - 1040px)/2))!important;padding-right:max(32px,calc((100vw - 1040px)/2))!important}
@media(max-width:639px){.vida-full-gutter{padding-left:20px!important;padding-right:20px!important}}

/* Vivian's supplied routing diagram; preserve legible labels on phones. */
.vivian-routing-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-radius:20px}
.vivian-routing-canvas{min-width:720px}
.vivian-routing-canvas svg{display:block;width:100%;height:auto}
.vivian-routing-scroll:focus-visible{outline:2px solid #1565c0;outline-offset:4px}
@media(max-width:767px){.vivian-routing-canvas>div{padding:28px 24px!important}}

/* Varun's desktop/tablet breakpoint guidance; phone rules stay unchanged. */
@media(min-width:1280px){
 .vida-full-gutter{padding-inline:calc((100% - 1040px)/2)!important;box-sizing:border-box}
}
@media(min-width:1024px) and (max-width:1279px){
 .vida-full-gutter{padding-inline:48px!important;box-sizing:border-box}
 [class~="max-w-[1104px]"]{max-width:none;padding-inline:48px}
}
@media(min-width:768px) and (max-width:1023px){
 .vida-full-gutter{padding-inline:32px!important;box-sizing:border-box}
 .vida-tablet-stack,.vida-lane .lane-grid:not(.lane-numbered),.vida-lane .lane-section[style*="display:grid"]{grid-template-columns:minmax(0,1fr)!important;row-gap:40px!important}
 .vida-tablet-stack>*,.vida-tablet-pairs>*{min-width:0}
 .vida-tablet-pairs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .vida-legacy-nav{gap:12px!important}
 .vida-legacy-nav>a{flex:none}
 .vida-legacy-nav>a img{height:24px!important}
 .vida-legacy-nav>div:nth-child(2){gap:0!important}
 .vida-legacy-nav>div:nth-child(2)>a,.vida-legacy-nav>div:nth-child(2)>button{padding-inline:7px!important;font-size:13px!important;white-space:nowrap}
 .vida-legacy-nav>div:last-child>span:first-child{display:none}
 .vida-menu-footer{margin-inline:-32px!important}
 .pv-split,.bd-grid{grid-template-columns:minmax(0,1fr)!important}
 .pv-stats,.pv-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
 .vida-calculator>div[style*="display:grid"],.vida-calculator>div>div[style*="display:grid"]{grid-template-columns:minmax(0,1fr)!important;gap:40px!important}
 .vida-nav [class~="gap-10"]{gap:12px}
 .vida-nav nav a,.vida-nav nav button{white-space:nowrap}
}

@media(min-width:768px) and (max-width:1023px){
 .vida-legacy-nav{gap:8px!important}
 .vida-legacy-nav>div:nth-child(2)>a,.vida-legacy-nav>div:nth-child(2)>button{padding-inline:4px!important}
 .vida-legacy-nav>div:last-child{gap:8px!important}
}

@media(min-width:768px) and (max-width:1023px){
 .vida-lane .vida-full-gutter,.vida-lane .lane-section:first-child>.vida-full-gutter{padding-inline:32px!important}
}

@media(min-width:768px) and (max-width:839px){
 .vida-legacy-nav>div:nth-child(2)>a,.vida-legacy-nav>div:nth-child(2)>button{padding-inline:2px!important;font-size:12px!important}
 .vida-legacy-nav>div:last-child a{padding-inline:10px!important;font-size:13px!important}
}

/* Phone layouts for the standalone platform and Vivian pages. */
.vida-phone-menu{display:none}
@media(max-width:767px){
 body>.page,body>.page *{box-sizing:border-box}
 .page .vida-full-gutter,.vida-lane .vida-full-gutter,.vida-lane .lane-section:first-child>.vida-full-gutter{padding-inline:20px!important}
 .page .vida-tablet-stack,.page .vida-phone-cards{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
 .page .vida-tablet-stack>*,.page .vida-phone-cards>*{min-width:0}
 .page .vida-tablet-pairs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
 .page .vida-phone-fluid{width:100%!important;max-width:100%}
 .page .vida-phone-headline{font-size:clamp(32px,9vw,44px)!important;line-height:1.08!important}
 .page .vida-legacy-nav{justify-content:space-between;gap:12px!important;position:relative}
 .page .vida-legacy-nav>div:nth-child(2),.page .vida-legacy-nav>div:nth-child(3),.page #mega{display:none!important}
 .vida-phone-menu{display:block;margin-left:auto}
 .vida-phone-menu summary{list-style:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #0000001a;border-radius:8px;cursor:pointer}
 .vida-phone-menu summary::-webkit-details-marker{display:none}
 .vida-phone-menu nav{position:absolute;top:72px;left:20px;right:20px;max-height:calc(100dvh - 100px);overflow:auto;z-index:100;background:#fff;border:1px solid #0000001a;border-radius:12px;box-shadow:0 16px 36px #0d2b4e22;padding:12px}
 .vida-phone-menu nav a{display:block;padding:12px;color:#1c1c2e;font-size:15px}
 .page .vida-phone-flow{flex-direction:column!important}
 .page .vida-phone-flow>span{transform:rotate(90deg)}
 .page .vida-phone-timeline{min-width:620px}
 .page #lc{padding:20px!important;overflow-x:auto}
 .page #lc>.vida-tablet-stack{min-width:0}
 .page .vida-tablet-stack[style*="padding:48px"]{padding:24px!important}
 .page [style*="font-size:44px"]{font-size:28px!important;overflow-wrap:normal}
 .page [style*="height:470px"]{height:auto!important;min-height:470px}
 .page .vida-full-gutter[style*="padding:120px"],.page .vida-full-gutter[style*="padding:140px"]{padding-top:64px!important}
 .page .vida-full-gutter[style*="margin-top:120px"]{margin-top:64px!important}
}

/* Supplied conversation thumbnail in the platform menu. */
.vivian-menu-preview{height:158px!important;width:100%!important;max-width:100%!important;object-fit:contain}
*:has(>.vivian-menu-preview){height:170px!important;padding:0!important;box-sizing:border-box}

iframe.vivian-menu-preview{border:0;display:block;pointer-events:none}

.page #mega a>div:first-child{height:170px!important}