/* Adapter from the sample's static class names to the current shared portal theme.
   Source: BooksShell, PortalTopBar, LgMenuHost and vacei-liquid-glass.css.
   Brand alignment 2026-09-24: literals follow that sheet's brand values
   (Google Sans Flex, ink #173b40, sage #edf2ed, the 112deg teal cover, deep
   teal rail, lime-tint highlight card, ink logo on light). */
body[data-sample-portal]{background:#edf2ed!important;font-family:'Google Sans Flex',Arial,sans-serif!important;color:#173b40}body[data-sample-portal] :is(h1,h2,h3,p,button,input,select,a){font-family:'Google Sans Flex',Arial,sans-serif!important}.bk-shell,.pp-shell,.cp-shell{padding:30px 32px!important;gap:16px!important;border:0!important}.bk-content,.pp-content,.cp-content{width:100%;min-width:0}.bk-appbar,.pp-header,.cp-topbar{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;position:relative!important;top:auto!important;border-radius:0!important;min-height:48px;padding:0 0 12px 0!important;color:#173b40!important}.cp-topbar{margin:24px 32px 0}.bk-appbar .bk-lockup{display:none}.bk-company-pill,.bk-search,.bk-back,.pp-hdr-back,.pp-hdr-org,.pp-hdr-search,.cp-brand{background:#fff!important;color:#173b40!important;border:0!important;border-radius:999px!important;padding:10px 16px!important}.bk-avatar,.cp-avatar,.pp-hdr-av>div{background:#173b40!important;color:#fff!important;border-radius:50%!important}.bk-chip{background:#fff!important;color:#607174!important}.dm-logo-slot{font-size:0!important;width:30px!important;height:30px!important;opacity:1!important;border:0!important;border-radius:0!important;background:currentColor;mask:url(/assets/vacei-v-mask.png) center/contain no-repeat;-webkit-mask:url(/assets/vacei-v-mask.png) center/contain no-repeat}.cp-wordmark{font-size:0!important;width:60px;height:18px;background:#173b40;mask:url(/assets/vacei-word-mask.png) center/contain no-repeat;-webkit-mask:url(/assets/vacei-word-mask.png) center/contain no-repeat}.sample-menu{position:fixed;z-index:101;left:20px;top:62px;width:42px;height:42px;border:0;border-radius:15px;background:linear-gradient(135deg,#173b40,#0f2226);color:white;font:22px 'Google Sans Flex',Arial,sans-serif;cursor:pointer}.cdv2-hero,.a4-hero-cover,.cp-band,.portal-cover{display:block!important;background:#346a76 linear-gradient(112deg,#346a76 0%,#376c79 50%,#3b717e 100%) center 40%/cover!important;border:0!important;border-radius:28px!important;box-shadow:none!important;color:#fff!important;padding:36px!important;min-height:190px}.cdv2-hero-title,.a4-hero-title,.cp-band h1{font-weight:400!important;letter-spacing:-.045em!important;color:white!important}.cdv2-hero-sheen,.cdv2-blob,.cp-s1-orb{display:none!important}.cdv2-assist,.cdv2-card,.cdv2-panel,.a4-glass-tile,.a4-assist-card,.pp-stack>section,.cp-card{background:#ffffffef!important;box-shadow:none!important;border:0!important;border-radius:24px!important}.cdv2{background:transparent!important}.cdv2-quick-chip,.a4-assist-pill{background:#edf2ed!important;color:#173b40!important;border:0!important}.a4-hero-toprow{margin-top:18px!important}.a4-assist-card{margin-top:0!important}.dm-foot{border:0;background:transparent;font-size:11px}.cp-s1{background:transparent!important}.cp-s1 h1{color:#173b40!important}.cp-s1-sub{color:#607174!important}.dm-banner{background:#fff!important;color:#607174!important;border:0!important}.dm-book{background:#173b40!important;color:#fff!important}.sample-embed .dm-banner,.sample-embed .dm-foot{display:none!important}.sample-embed .sample-menu{top:28px}.sample-embed :is(.bk-shell,.pp-shell,.cp-shell){padding:24px!important}.sample-embed .cp-topbar{margin:24px 24px 0}.sample-embed{overflow:hidden}.sample-embed .sample-menu{pointer-events:none}.sample-highlight{outline:3px solid #346a76!important;outline-offset:5px;transition:outline-color .3s}
@media(max-width:760px){.bk-shell,.pp-shell,.cp-shell{padding:16px!important}.cp-topbar{margin:16px 16px 0}.sample-menu{left:16px;top:60px}.bk-appbar,.pp-header,.cp-topbar{padding-left:48px!important}.cdv2-hero,.a4-hero-cover,.cp-band{padding:24px!important;border-radius:24px!important}.bk-search,.pp-hdr-search{display:none!important}.sample-nav-open :is(.bk-rail-wrap,.pp-rail-wrap,.cp-rail-wrap){left:16px}.bk-company-pill{max-width:180px}.cp-shell{min-height:0!important}}
.dm-banner a:not(.dm-book){color:#346a76!important}.dm-banner{min-height:40px;height:auto;padding:10px 20px}.dm-banner [data-demo-note]{color:#607174!important}.cdv2-assist-head{background:#fafbf9!important}.cdv2-assist-headline{color:#173b40!important}.cdv2-assist{overflow:hidden}
body[data-sample-portal=books] .cdv2-hero{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(300px,440px);gap:24px;align-items:start}.cdv2-hero-grid{display:block!important}.cdv2-tabs{margin-top:24px}.sample-upnext .cdv2-assist{background:linear-gradient(170deg,rgba(233,241,109,.55),rgba(233,241,109,.22)),#fff!important;border-radius:20px!important;color:#173b40}.sample-upnext .cdv2-assist-head{background:transparent!important}.sample-upnext .cdv2-chat,.sample-upnext .cdv2-composer{display:none}.sample-upnext .cdv2-assist-headline{font-size:22px}.cdv2-main{display:block!important}.cdv2-tiles{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-top:20px}.cdv2-tiles .cdv2-card{min-height:150px}.dm-banner{position:relative!important;z-index:105!important}.dm-banner strong{font-weight:500}.dm-banner span{white-space:normal}.dm-banner .dm-explain{display:none}
@media(max-width:900px){body[data-sample-portal=books] .cdv2-hero{grid-template-columns:1fr}.cdv2-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sample-upnext{max-width:none}}
.sample-menu{top:calc(var(--sample-banner-height,40px) + 24px)}.sample-nav-open :is(.bk-rail-wrap,.pp-rail-wrap,.cp-rail-wrap){top:calc(var(--sample-banner-height,40px) + 74px)}.sample-embed .sample-menu{top:28px}.sample-embed .sample-highlight{outline:0!important}
.pp-hdr{background:transparent!important;border:0!important;box-shadow:none!important;padding-left:52px!important}.a4-hero-status-pill{position:static!important;margin-bottom:20px!important}.a4-hero-cover{height:auto!important;min-height:230px!important}.a4-hero-title{font-size:clamp(32px,4vw,54px)!important}.a4-hero-corner-btn{top:24px!important;bottom:auto!important}.sample-upnext .cdv2-assist-title{color:#173b40!important}
.vc-header{background:transparent!important;border:0!important;box-shadow:none!important;padding-left:52px!important}
.cp-back{color:#346a76!important}.cp-back:hover{color:#2a545e!important}

/* Keep the walkthroughs aligned with the compact live portal layout. */
.bk-shell,.pp-shell,.cp-shell{max-width:1600px;margin-inline:auto;padding-top:20px!important}
.bk-appbar,.pp-hdr,.cp-topbar{flex-wrap:wrap!important;gap:10px!important;align-items:center!important}
.cdv2-hero,.a4-hero-cover,.cp-band,.portal-cover{height:auto!important;min-height:0!important;padding:24px 28px!important;border-radius:22px!important}
.cdv2-hero-title,.a4-hero-title,.cp-band h1{font-size:clamp(28px,3vw,42px)!important;line-height:1.12!important;text-shadow:none!important}
.cdv2-tabs,.cdv2-hero-actions,.a4-hero-tabs{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px!important}
.cdv2-hero-actions>*{min-height:40px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
.cdv2-tabs{margin-top:16px!important}.a4-hero-toprow{margin-top:12px!important}
@media(max-width:640px){.cdv2-hero,.a4-hero-cover,.cp-band,.portal-cover{padding:20px!important}.bk-appbar,.pp-hdr,.cp-topbar{justify-content:center!important}}

.bk-back span{display:inline!important}.bk-back{min-height:40px;justify-content:center}.dm-banner-cta{align-items:center}.dm-banner .dm-book{white-space:nowrap}

/* Current portal shell. Headers scroll away with the document. */
body[data-sample-portal] :is(.vc-header,.bk-appbar,.cp-topbar){position:relative!important;top:auto!important;z-index:10;min-height:44px;padding:0 0 0 52px!important;flex-wrap:wrap;gap:12px;margin-bottom:16px}
body[data-sample-portal] .sample-menu{position:absolute!important;left:0!important;top:0!important;width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px;border-radius:14px}
.sample-menu span{display:block;width:18px;height:1px;background:white}
body[data-sample-portal] .sample-nav-open{position:relative}
body[data-sample-portal] .pp-page{max-width:none}
body[data-sample-portal] .cp-s1 h1{color:white!important}
body[data-sample-portal] .cp-s1-sub{color:#fff!important;margin:0!important}
body[data-sample-portal] .cp-s1 .lg-hero{margin-bottom:18px;gap:12px}
body[data-sample-portal] .cp-s1 .lg-title{margin:0!important}
body[data-sample-portal] :is(.lg-grid,.lg-hero){margin-bottom:16px}
body[data-sample-portal] .lg-stat{font:inherit;border:0;cursor:pointer;text-align:left}
body[data-sample-portal] .lg-upnext__row{width:100%;font:inherit;text-align:left;cursor:pointer}
body[data-sample-portal] .lg-upnext__head{font-size:16px;font-weight:600;margin:0 0 12px}
body[data-sample-portal] .lg-actions button{border:0;cursor:pointer;font-family:inherit}
body[data-sample-portal] .lg-link{font:inherit;border:0;background:transparent;cursor:pointer}
body[data-sample-portal] :is(.pp-icon-btn,.pp-hdr-av>div){width:40px;height:40px;background:white;color:#173b40}
body[data-sample-portal] .pp-hdr-user{border:0;padding:0}
body[data-sample-portal] .pp-hdr-left{flex-wrap:wrap}
body[data-sample-portal] .pp-hdr-right{flex-wrap:wrap}
body[data-sample-portal] .cp-acc-cta{text-decoration:none;text-align:center}
body[data-sample-portal] .lg-hero__lead>.cdv2-hero-sub{margin:0}
body[data-sample-portal] .lg-pill{cursor:pointer}
body[data-sample-portal] [hidden]{display:none!important}
.sample-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:300;max-width:calc(100% - 32px);width:max-content;padding:14px 20px;border-radius:16px;background:#173b40;color:#fff;font-size:14px;box-shadow:0 8px 30px #0002}
@media(max-width:640px){body[data-sample-portal] .lg-grid{grid-template-columns:1fr}.pp-search{display:none!important}.pp-ph-actions{justify-content:center}.cp-s1{padding-top:12px!important}.cp-s1-col{width:100%}.cdv2-hero-tabs .lg-pill{padding-inline:12px!important}}
body[data-sample-portal] .lg-upnext__row{display:flex;justify-content:space-between;align-items:center;gap:16px;background:transparent;border:0;border-bottom:1px solid #173b4012;min-height:42px;padding:10px 0;color:#173b40}
body[data-sample-portal] .lg-upnext__row:hover{background:#ffffff50}
body[data-sample-portal] .lg-upnext__when{flex-shrink:0}
body[data-sample-portal] .sample-filings{margin-bottom:16px;padding:24px;background:#fff;border-radius:22px}
.sample-filings h2{font-size:24px;font-weight:500;margin:0 0 8px}.sample-filings p{font-size:13px;color:#607174;margin:0 0 20px}.sample-table-scroll{overflow-x:auto}.sample-filings table{width:100%;border-collapse:collapse;font-size:13px}.sample-filings th,.sample-filings td{text-align:left;padding:14px 12px;border-bottom:1px solid #edf2ed}.sample-filings th{font-weight:600;color:#607174}.sample-filings .lg-pill{margin:18px auto 0;display:flex;width:max-content;background:#173b40;color:white;border:0;min-height:40px;padding:10px 18px}


body[data-sample-portal=client][data-screen=companies] .sample-menu{display:none}
body[data-sample-portal] .cp-topbar{justify-content:space-between!important;height:auto!important;max-width:1536px;margin-inline:auto;padding-inline:24px!important;margin-top:20px}
body[data-sample-portal] .cp-s1-col{padding-top:24px!important}
body[data-sample-portal] .cp-topbar-left{padding-left:44px}
body[data-sample-portal=client][data-screen=companies] .cp-topbar-left{padding-left:0}
body[data-sample-portal] .cp-band-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
body[data-sample-portal] .cp-band-meta{color:#fff;margin:0;font-size:14px}
body[data-sample-portal] .bk-topbar.lg-pagehero{display:block;background:linear-gradient(112deg,#346a76,#376c79 50%,#3b717e);color:white;border:0}
body[data-sample-portal] .bk-topbar.lg-pagehero :is(h1,.bk-eyebrow,.bk-topbar-desc){color:white!important;text-shadow:none}
body[data-sample-portal] .bk-topbar .bk-topbar-row{padding:0;gap:16px}
body[data-sample-portal] .bk-topbar .bk-topbar-left{flex-wrap:wrap;gap:16px}
body[data-sample-portal] .bk-topbar-right{display:none}
body[data-sample-portal] .cp-ws-band{border-radius:22px;background:#fff;color:#173b40;margin-top:16px}
body[data-sample-portal] .cp-ws-title h1{font-size:20px!important;color:#173b40!important}
body[data-sample-portal] .cp-ws-crumb{color:#607174}
body[data-sample-portal] :is(.cp-body,.vacei-company-heading){width:1160px;max-width:100%;margin-inline:auto;box-sizing:border-box}
body[data-sample-portal] .cp-body{padding-top:0;gap:16px}
body[data-sample-portal] .cp-acc{background:#fff!important;color:#173b40;border:0;box-shadow:none;padding:24px;border-radius:24px}
body[data-sample-portal] .cp-acc-glow{display:none}
body[data-sample-portal] .cp-acc :is(h2,p,.cp-acc-eyebrow){color:#173b40!important}
body[data-sample-portal] .cp-acc-chip{background:#edf2ed;color:#346a76}
body[data-sample-portal] .cp-acc-cta{background:#173b40;color:#fff}
body[data-sample-portal] .cp-details{background:#fff}
.cdv2-tiles{margin-bottom:16px}.cdv2-row-sub,.cdv2-panel-meta{color:#607174!important}
/* The sidebar. On a desktop the sample shows each portal's own rail, exactly as
   the live portal does: icons, opening on hover. On a phone, where the live
   portals have no room for it, the menu button opens that same rail, expanded
   ([data-open], set by portal-samples.js), as a panel under the button. */
@media(min-width:761px){body[data-sample-portal] .sample-menu{display:none!important}}
@media(max-width:760px){.bk-shell,.pp-shell,.cp-shell{gap:0!important}.bk-rail-wrap,.pp-rail-wrap,.cp-rail-wrap{display:none!important}.sample-nav-open :is(.bk-rail-wrap,.pp-rail-wrap,.cp-rail-wrap){display:block!important;position:fixed!important;left:16px;top:var(--sample-rail-top,120px)!important;z-index:100;width:246px!important}.sample-nav-open :is(.bk-rail,.pp-sb,.cp-rail){width:246px!important;height:calc(100svh - var(--sample-rail-top,120px) - 16px)!important;position:relative!important;top:0!important;box-shadow:0 20px 60px #173b4033!important}}
