/* VisionVix Simulators, "Lab White" for the landing-level pages (from Julian's white mockup).
   Active when <html class="vvl">. Sits on top of blue.css (data-theme="blue" is set too, which gives
   the navy footer, dropdown and cookie box), and turns the rest bright, glassy and blue.
   Hero background: /images/white/hero.webp (falls back to the white history room). */

html.vvl{--wb:linear-gradient(180deg,#2563eb,#1d4ed8);--wink:#14213d;--wsoft:#4a5568;
  --wglass:rgba(255,255,255,.8);--wbd:1px solid rgba(255,255,255,.95);--wfx:0 14px 40px rgba(30,60,120,.16),inset 0 1px 0 rgba(255,255,255,.9)}
html.vvl body{background:#eef3f9;color:var(--wink)}
html.vvl .vvt-sw{display:none}

/* sun / moon switch (both looks) */
.vvs-sw{display:inline-flex;gap:2px;padding:3px;border-radius:999px;cursor:pointer;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);flex:none}
.vvs-sw span{display:grid;place-items:center;width:28px;height:26px;border-radius:999px;color:#9fb0a0}
.vvs-sw svg{width:15px;height:15px}
.vvs-sw .m{background:rgba(255,255,255,.14);color:#fff}
html.vvl .vvs-sw{background:#eef2f8;border-color:#d6deea}
html.vvl .vvs-sw .s{background:#fff;color:#f2a516;box-shadow:0 1px 3px rgba(20,40,80,.2)}
html.vvl .vvs-sw .m{background:transparent;color:#8a95a6}

/* ---------- nav ---------- */
html.vvl .top-nav{background:rgba(255,255,255,.82)!important;border-bottom:1px solid rgba(255,255,255,.9)!important;box-shadow:0 6px 24px rgba(30,60,120,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
html.vvl .nav-logo{color:var(--wink)!important}
html.vvl .logo-box{background:linear-gradient(135deg,#22d3ee,#2563eb)!important;color:#fff!important;box-shadow:0 4px 12px rgba(37,99,235,.3)!important}
html.vvl .logo-sep{color:#64748b!important}
html.vvl .logo-plat{color:#334155!important}
html.vvl .nav-links a,html.vvl .vvn-btn{color:var(--wink)!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;font-size:14px!important}
html.vvl .nav-links a:hover,html.vvl .vvn-btn:hover,html.vvl .vvn-li.open .vvn-btn{color:#1d5fe0!important}
html.vvl .nav-links a.on{color:#1d5fe0!important}
html.vvl .nav-links a.on::after{background:#2563eb!important}
html.vvl .btn-ghost{background:#fff!important;border:1px solid #d6deea!important;color:var(--wink)!important;border-radius:12px!important}
html.vvl .btn-primary,html.vvl .btn-cta{background:var(--wb)!important;border:0!important;color:#fff!important;border-radius:12px!important;box-shadow:0 6px 16px rgba(37,99,235,.35)!important}
html.vvl .vvn-pan{background:rgba(255,255,255,.96)!important;border:1px solid #dbe3ee!important;box-shadow:0 18px 50px rgba(30,60,120,.18)!important}
html.vvl .vvn-pan a{color:var(--wink)!important}
html.vvl .vvn-pan a:hover{background:#eef4ff!important}
html.vvl .vvn-pan span.s{color:#94a3b8}
html.vvl .vvn-pan .all{color:#1d5fe0!important;border-top-color:#e3e9f1!important}

/* ---------- hero: undo the blue hero, bring back the computer, cards and sign ---------- */
html.vvl .h2-screen,html.vvl .h2-sign,html.vvl .h2-pc,html.vvl .h2-vr,html.vvl .h2-stats{display:revert!important}
html.vvl .h2-stats{display:flex!important}
html.vvl .h2-screen{display:block!important}
html.vvl .h2-sign{display:none!important}
html.vvl .bt-ctas,html.vvl .bt-strip,html.vvl .h2-sub.bt-only,html.vvl .ch-sub.bt-only{display:none!important}
html.vvl .h2-sub.gt-only,html.vvl .ch-sub.gt-only{display:block!important}

html.vvl .hero2{background:#eef3f9}
html.vvl .h2-stage{color:var(--wink);
  background:url("/images/white/hero.webp") center/cover no-repeat,url("/images/light-cache/84672169bca8.jpg") 62% 55%/cover no-repeat,#eaf1f8!important}
html.vvl .h2-shade{background:linear-gradient(90deg,rgba(238,243,249,.35),rgba(238,243,249,0) 45%),linear-gradient(0deg,rgba(238,243,249,.95) 0%,rgba(238,243,249,0) 16%)!important}

/* headline card (the glass behind title, stats and the computer) */
html.vvl .h2-copy{background:var(--wglass);border:var(--wbd);box-shadow:var(--wfx);border-radius:1.5cqw;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
html.vvl .h2-h1{color:var(--wink)!important;text-shadow:none!important;font-weight:800!important;letter-spacing:-.035em!important}
html.vvl .h2-h1 span{color:#1d5fe0!important;text-shadow:none!important}
html.vvl .h2-sub{color:#334155!important;text-shadow:none!important}
html.vvl .h2-stats{border-left:0!important}
html.vvl .h2-stats b{color:var(--wink)!important;text-shadow:none!important;font-weight:800!important}
html.vvl .h2-stats span{color:#334155!important;font-family:'DM Sans',sans-serif!important;letter-spacing:0!important;text-transform:none!important;font-weight:600!important}
html.vvl .h2-stats>div{position:relative}
html.vvl .h2-stats>div::before{content:"";position:absolute;background:#2563eb;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
html.vvl .h2-stats>div:nth-child(1){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6M10 3v6L4.5 19a2 2 0 0 0 1.7 3h11.6a2 2 0 0 0 1.7-3L14 9V3'/%3E%3Cpath d='M7.5 15h9'/%3E%3C/svg%3E")}
html.vvl .h2-stats>div:nth-child(2){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 4.5-9 4.5-9-4.5z'/%3E%3Cpath d='M3 12l9 4.5 9-4.5'/%3E%3Cpath d='M3 16.5L12 21l9-4.5'/%3E%3C/svg%3E")}
html.vvl .h2-stats>div:nth-child(3){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M13 2L4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E")}

/* the computer: live globe in a laptop */
html.vvl .h2-screen{background:#030814!important;box-shadow:0 18px 40px rgba(20,40,80,.3)!important}
html.vvl .h2-screen::after{background:none!important}
html.vvl .wnode b{background:rgba(10,18,36,.9)!important;color:#fff!important;border-color:rgba(147,197,253,.6)!important;font-family:'DM Sans',sans-serif!important;font-weight:700!important;letter-spacing:0!important}
html.vvl .wnode{--t:#93c5fd!important}

/* sign */
html.vvl .h2-sign{animation:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  background:linear-gradient(180deg,rgba(10,30,70,.88),rgba(6,20,52,.92))!important;border:.18cqw solid #67e8f9!important;
  box-shadow:0 0 1.6cqw rgba(34,211,238,.7),0 0 4cqw rgba(37,99,235,.45),inset 0 0 1.4cqw rgba(34,211,238,.35)!important;text-decoration:none}
html.vvl .h2-sign::after{content:"ENTER THE\A 3D SIMULATION WORLD"!important;white-space:pre;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-left:5.2cqw;
  font:800 1.55cqw/1.15 'DM Sans',sans-serif;color:#e0f7ff;text-align:center;letter-spacing:.02em;box-shadow:none!important;animation:none!important;border-radius:inherit;
  text-shadow:0 0 .8cqw rgba(103,232,249,.9)}
html.vvl .h2-sign::before{content:"";position:absolute;left:1.6cqw;top:50%;width:3.4cqw;height:3.4cqw;transform:translateY(-50%);background:#a5f3fc;filter:drop-shadow(0 0 .5cqw #22d3ee);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linejoin='round'%3E%3Cpath d='M12 2l9 5v10l-9 5-9-5V7z'/%3E%3Cpath d='M3 7l9 5 9-5M12 12v10'/%3E%3Cpath d='M7.5 4.5l9 5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linejoin='round'%3E%3Cpath d='M12 2l9 5v10l-9 5-9-5V7z'/%3E%3Cpath d='M3 7l9 5 9-5M12 12v10'/%3E%3Cpath d='M7.5 4.5l9 5'/%3E%3C/svg%3E") center/contain no-repeat}
html.vvl .h2-sign:hover{box-shadow:0 0 2.2cqw rgba(34,211,238,.9),0 0 5cqw rgba(37,99,235,.55),inset 0 0 1.4cqw rgba(34,211,238,.45)!important}

/* the two cards */
html.vvl .h2-pc,html.vvl .h2-vr{background:var(--wglass)!important;border:var(--wbd)!important;box-shadow:var(--wfx)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
html.vvl .h2-ctitle{color:var(--wink)!important}
html.vvl .h2-ctitle h2{text-transform:none!important;letter-spacing:-.01em!important;font-weight:800!important;color:var(--wink)!important}
html.vvl .h2-ctitle i{color:#2563eb!important}
html.vvl .h2-card p{color:#334155!important}
html.vvl .h2-feats li{color:var(--wink)!important;font-weight:600}
html.vvl .h2-feats i{color:#2563eb!important}
html.vvl .h2-pc .h2-feats{border-left-color:#e1e7f0!important}
html.vvl .h2-btn.g,html.vvl .h2-btn.y{background:var(--wb)!important;color:#fff!important;box-shadow:0 8px 20px rgba(37,99,235,.38)!important;font-weight:700!important}
html.vvl .h2-vr .h2-feats li+li{border-left:1px solid #e1e7f0}
html.vvl .h2-vr .h2-feats li{flex:1}

/* desktop layout, measured on the mockup (1cqw = 1% of the hero width) */
@media (min-width:1001px){
  html.vvl .h2-stage{aspect-ratio:1536/585}
  html.vvl .h2-copy{left:3.6cqw;top:.6cqw;width:38cqw;height:24.6cqw;padding:1.3cqw 1.4cqw}
  html.vvl .h2-h1{font-size:3.25cqw!important;line-height:.98!important}
  html.vvl .h2-sub{margin-top:.9cqw!important;max-width:33cqw!important;font-size:max(12px,1cqw)!important}
  html.vvl .h2-stats{left:1.4cqw!important;top:12.4cqw!important;padding-left:3.2cqw!important;gap:1.05cqw!important}
  html.vvl .h2-stats>div::before{left:-3.2cqw;top:.1cqw;width:2.1cqw;height:2.1cqw}
  html.vvl .h2-stats b{font-size:1.45cqw!important}
  html.vvl .h2-stats span{font-size:max(9px,.85cqw)!important;margin-top:.15cqw!important}
  html.vvl .h2-screen{left:17.6cqw!important;top:11.4cqw!important;width:19cqw!important;height:11.2cqw!important;
    border:.5cqw solid #1a2233;border-radius:.9cqw .9cqw .2cqw .2cqw}
  html.vvl .h2-pc{display:grid!important}
  html.vvl .h2-copy::after{content:"";position:absolute;left:12.3cqw;top:21.95cqw;width:22.4cqw;height:.75cqw;border-radius:0 0 1cqw 1cqw;
    background:linear-gradient(180deg,#d7dee8,#9aa6b8);box-shadow:0 .5cqw 1cqw rgba(20,40,80,.25)}
  html.vvl .h2-sign{left:55.6cqw!important;top:1.4cqw!important;width:26.2cqw!important;height:5.6cqw!important;border-radius:2.8cqw!important}
  html.vvl .h2-pc{left:3.6cqw!important;top:26.6cqw!important;width:37.8cqw!important;padding:1.1cqw 1.5cqw!important}
  html.vvl .h2-vr{right:2.6cqw!important;top:17.6cqw!important;width:22.3cqw!important;padding:1.2cqw 1.4cqw!important}
}
@media (max-width:1000px){
  html.vvl .h2-copy{padding:22px 18px;border-radius:20px}
  html.vvl .h2-shade{background:linear-gradient(180deg,rgba(238,243,249,.55),rgba(238,243,249,.35) 60%,rgba(238,243,249,.9))!important}
  html.vvl .h2-stats>div{padding-left:0}
  html.vvl .h2-stats>div::before{display:none}
  html.vvl .h2-screen{border:8px solid #1a2233;border-radius:14px}
  html.vvl .h2-sign{position:relative!important;left:auto!important;top:auto!important;order:0;width:min(100%,420px);height:72px;margin:0 auto;border-radius:40px}
  html.vvl .h2-sign::after{font-size:17px;padding-left:56px}
  html.vvl .h2-sign::before{left:20px;width:34px;height:34px}
}

/* ---------- choose your 3D world ---------- */
html.vvl .choose{background:linear-gradient(180deg,#eef3f9,#f6f9fc)!important;border-top:0!important}
html.vvl .choose h2{color:var(--wink)!important;text-align:center}
html.vvl .choose h2 span{color:#1d5fe0!important}
html.vvl .choose .ch-sub{color:#334155!important;text-align:center;margin-left:auto!important;margin-right:auto!important}
html.vvl .ch-chips{justify-content:center}
html.vvl .ch-chip{background:#fff!important;border:1px solid #e1e7f0!important;color:var(--wink)!important;border-radius:12px!important;box-shadow:0 3px 10px rgba(30,60,120,.07)}
html.vvl .ch-chip.on{background:var(--wb)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 6px 16px rgba(37,99,235,.35)!important}
html.vvl .ch-card{background:#fff!important;border:1px solid #e6ecf3!important;box-shadow:0 10px 28px rgba(30,60,120,.1)!important;border-radius:16px!important}
html.vvl .ch-card.live:hover{border-color:#93b4f5!important;box-shadow:0 16px 36px rgba(30,60,120,.16)!important}
/* photos stay clear: no white fade over them, the title sits below the picture */
html.vvl .ch-thumb::after{display:none!important}
html.vvl .ch-thumb .img{image-rendering:auto;filter:none!important}
html.vvl .ch-body{margin-top:0!important;padding-top:16px!important}
html.vvl .ch-name{color:var(--wink)!important;font-weight:700!important}
html.vvl .ch-desc{color:#4a5568!important}
html.vvl .ch-stats{display:flex!important;color:#4a5568!important;font-family:'DM Sans',sans-serif!important}
html.vvl .ch-foot{flex-wrap:wrap;row-gap:10px}
html.vvl .ch-stats{gap:12px!important}
html.vvl .ch-enter{background:#fff!important;color:#1d5fe0!important;border:1.5px solid #2563eb!important;border-radius:10px!important}
html.vvl .ch-enter:hover{background:var(--wb)!important;color:#fff!important}
html.vvl .ch-enter i{display:none!important}
html.vvl .ch-enter.sn{color:#64748b!important;border-color:#cbd5e1!important}
html.vvl .ch-more{color:#1d5fe0!important;border-bottom-color:rgba(29,95,224,.4)!important}

/* ---------- worlds page ---------- */
html.vvl body::before{background:linear-gradient(180deg,#eef3f9,#f6f9fc)!important}
html.vvl body::after{background:none!important}
html.vvl .top-bg{background:url("/images/white/hero.webp") center 40%/cover no-repeat,url("/images/light-cache/84672169bca8.jpg") center 45%/cover no-repeat!important}
html.vvl .top-bg::after{background:linear-gradient(90deg,rgba(238,243,249,.96) 0%,rgba(238,243,249,.75) 40%,rgba(238,243,249,.2) 80%)!important}
html.vvl h1{color:var(--wink)!important}
html.vvl h1 .g{color:#1d5fe0!important}
html.vvl .hero p.sub{color:#334155!important}
html.vvl .chip{background:#fff!important;border:1px solid #e1e7f0!important;color:var(--wink)!important;box-shadow:0 3px 10px rgba(30,60,120,.07)}
html.vvl .chip svg{color:#1e3a8a!important}
html.vvl .chip.on{background:var(--wb)!important;color:#fff!important;border-color:transparent!important}
html.vvl .chip.on svg{color:#fff!important}
html.vvl .sort select{background:#fff!important;border-color:#e1e7f0!important;color:var(--wink)!important}
html.vvl .search{background:#fff!important;border-color:#e1e7f0!important}
html.vvl .search input{color:var(--wink)!important}
html.vvl .card{background:#fff!important;border:1px solid #e6ecf3!important;box-shadow:0 10px 28px rgba(30,60,120,.1)!important}
html.vvl .card:hover{border-color:#93b4f5!important}
html.vvl .thumb::after{display:none!important}
html.vvl .thumb .img{filter:none!important}
html.vvl .card>.body{margin-top:0!important;padding-top:16px!important}
html.vvl .row-t h3{color:var(--wink)!important}
html.vvl .row-d p{color:#4a5568!important}
html.vvl .stats{display:flex!important;color:#4a5568!important}
html.vvl .stats svg{color:#4a5568!important}
html.vvl .enter{white-space:nowrap;background:#fff!important;color:#1d5fe0!important;border:1.5px solid #2563eb!important;border-radius:10px!important}
html.vvl .enter:hover{background:var(--wb)!important;color:#fff!important}
html.vvl .count{color:#64748b!important}

/* ---------- teachers / free tools / pack pages (light text on light) ---------- */
html.vvl .hero h1,html.vvl .hero-in h1{color:var(--wink)!important}

html.vvl .choose{padding-top:56px!important}
html.vvl .nav-links a,html.vvl .vvn-btn{white-space:nowrap}
html.vvl .nav-links{gap:28px!important}
@media (max-width:1600px){html.vvl .search{width:170px!important}}
@media (max-width:1400px){html.vvl .search{display:none!important}}

/* the Earth on the pedestal of the hero background (slowly turning, CSS only) */
@media (min-width:1001px){
  html.vvl .h2-shade::before{content:"";position:absolute;left:50cqw;top:9.6cqw;width:14.2cqw;height:14.2cqw;margin-left:-7.1cqw;filter:brightness(1.35) saturate(1.15);border-radius:50%;
    background:url("/images/globe/earth-blue-marble.jpg") 0 50%/200% 100% repeat-x;
    box-shadow:inset -1.6cqw -.8cqw 2.4cqw rgba(0,10,40,.45),inset .8cqw .5cqw 1.6cqw rgba(255,255,255,.3),0 0 2.4cqw rgba(56,189,248,.65),0 0 6cqw rgba(37,99,235,.35);
    animation:vvlspin 60s linear infinite}
  @keyframes vvlspin{to{background-position:-200% 50%}}
}
@media (prefers-reduced-motion:reduce){html.vvl .h2-shade::before{animation:none}}

/* two looks now: VEX (green) and Lab (white); the old green/blue dot is retired from the menu */
.vvt-sw{display:none!important}
html.vvl .card .foot{flex-wrap:wrap;row-gap:10px}

/* ===================== Lab White: Teachers, 3D Free Tools and the Solar System pack (body.pk) =====================
   Light hero, white cards, dark readable text. Every text colour here passes WCAG AA (4.5:1, 3:1 for large text). */
html.vvl body.pk{--bg:#f4f7fb;--text:#14213d;--muted:#3b4a60;--line:#dbe3ee;--lime:#2563eb;--lime2:#1d4ed8;--green:#2563eb;background:#f4f7fb!important;background-image:none!important;color:#14213d!important}
html.vvl body.pk a{color:#1d4ed8}
html.vvl body.pk .hero{background:#eef3fa!important;border-bottom:1px solid #dbe3ee!important}
html.vvl body.pk .hero::before{opacity:.14!important;filter:saturate(.6)}
html.vvl body.pk .hero::after{background:linear-gradient(90deg,rgba(244,247,251,.97) 0%,rgba(244,247,251,.9) 55%,rgba(244,247,251,.62) 100%)!important}
html.vvl body.pk .hero h1,html.vvl body.pk h1{color:#14213d!important;text-shadow:none!important}
html.vvl body.pk h1 em,html.vvl body.pk h2 em{color:#1d4ed8!important}
html.vvl body.pk .k{color:#1d4ed8!important}
html.vvl body.pk .lead,html.vvl body.pk .meta2,html.vvl body.pk .meta,html.vvl body.pk .bd,html.vvl body.pk .fine{color:#3b4a60!important}
html.vvl body.pk .bd b{color:#14213d!important}
html.vvl body.pk .bd svg{stroke:#1d4ed8!important;border-color:rgba(37,99,235,.45)!important;background:#fff}
html.vvl body.pk .shot img{border-color:#d6e2f3!important;box-shadow:0 18px 44px rgba(30,60,120,.18)!important}
html.vvl body.pk .dl{background:linear-gradient(180deg,#2563eb,#1d4ed8)!important;color:#fff!important;box-shadow:0 8px 20px rgba(37,99,235,.3)!important}
html.vvl body.pk h2:not(#footer h2),html.vvl body.pk h3:not(#footer h3){color:#14213d}
html.vvl body.pk .sub{color:#3b4a60!important}
/* lesson filter tabs and search */
html.vvl body.pk .tab{color:#3b4a60!important}
html.vvl body.pk .tab:hover{color:#14213d!important}
html.vvl body.pk .tab.on{color:#1d4ed8!important;border-bottom-color:#2563eb!important;background:#e8f0ff!important}
html.vvl body.pk .srch{background:#fff!important;border-color:#cbd5e1!important}
html.vvl body.pk .srch input{color:#14213d!important}
html.vvl body.pk .srch input::placeholder{color:#5b6678!important;opacity:1}
/* cards */
html.vvl body.pk .card{background:#fff!important;border:1px solid #dfe6f0!important;box-shadow:0 8px 22px rgba(30,60,120,.08)!important}
html.vvl body.pk .card.live{border-color:#2563eb!important;box-shadow:0 8px 22px rgba(37,99,235,.14)!important}
html.vvl body.pk .ct h3{color:#14213d!important}
html.vvl body.pk .ct p{color:#46546a!important}
html.vvl body.pk .tag{background:#2563eb!important;color:#fff!important}
html.vvl body.pk .time{background:rgba(8,16,32,.78)!important;border-color:transparent!important;color:#fff!important}
html.vvl body.pk .go,html.vvl body.pk .b{background:#fff!important;color:#1d4ed8!important;border:1.5px solid #2563eb!important}
html.vvl body.pk a.go:hover,html.vvl body.pk .b:hover{background:#e8f0ff!important}
html.vvl body.pk .b.p{background:linear-gradient(180deg,#2563eb,#1d4ed8)!important;color:#fff!important;border-color:transparent!important}
html.vvl body.pk .go.off,html.vvl body.pk .b.off{background:#f1f5f9!important;color:#4b5868!important;border:1px solid #d6deea!important}
/* teacher pack side panel */
html.vvl body.pk aside.pack{background:#fff!important;border:1px solid #dbe3ee!important;box-shadow:0 10px 28px rgba(30,60,120,.1)!important}
html.vvl body.pk .pack h2{color:#14213d!important}
html.vvl body.pk .pack p.s{color:#3b4a60!important}
html.vvl body.pk .pack li{color:#14213d!important}
html.vvl body.pk .free{background:#2563eb!important;color:#fff!important}
html.vvl body.pk .stack img{border-color:#dbe3ee!important;box-shadow:0 6px 16px rgba(30,60,120,.16)!important}
/* info boxes */
html.vvl body.pk .box,html.vvl body.pk .st,html.vvl body.pk .f{background:#fff!important;border:1px solid #dbe3ee!important;box-shadow:0 6px 18px rgba(30,60,120,.06)}
html.vvl body.pk .box h2,html.vvl body.pk .box.g h2,html.vvl body.pk .cols h3,html.vvl body.pk .edu h2{color:#1d4ed8!important}
html.vvl body.pk .box p,html.vvl body.pk .box li,html.vvl body.pk .cols p,html.vvl body.pk .notes p{color:#3b4a60!important}
html.vvl body.pk .notes .ask{color:#14213d!important}
html.vvl body.pk .box.g{border-color:#2563eb!important}
html.vvl body.pk .box a.b{background:#fff!important;border:1.5px solid #2563eb!important;color:#1d4ed8!important}
html.vvl body.pk .st i{background:#2563eb!important;color:#fff!important}
html.vvl body.pk .st b,html.vvl body.pk .f b,html.vvl body.pk .pg b{color:#14213d!important}
html.vvl body.pk .st span,html.vvl body.pk .f span,html.vvl body.pk .pg span{color:#3b4a60!important}
html.vvl body.pk .f svg{stroke:#2563eb!important}
html.vvl body.pk .pg img{border-color:#dbe3ee!important;box-shadow:0 8px 20px rgba(30,60,120,.14)!important}
html.vvl body.pk .cols,html.vvl body.pk .cols>div+div,html.vvl body.pk .notes .ask,html.vvl body.pk .flow{border-color:#dbe3ee!important}
/* 3D Free Tools: embed builder */
html.vvl body.pk .flow{color:#14213d!important}
html.vvl body.pk .panel{background:#fff!important;border:1px solid #dbe3ee!important;box-shadow:0 10px 28px rgba(30,60,120,.08)}
html.vvl body.pk .panel .tabs{border-color:#dbe3ee!important}
html.vvl body.pk .opts{color:#3b4a60!important;border-color:#dbe3ee!important}
html.vvl body.pk .opts input[type=number],html.vvl body.pk .opts select{background:#fff!important;color:#14213d!important;border:1px solid #cbd5e1!important}
html.vvl body.pk .cwrap{background:#0f1b31;margin:12px;border-radius:10px}
html.vvl body.pk .cwrap textarea{color:#d7f5b8!important}
html.vvl body.pk .copy{background:transparent!important;border-color:#9dbcff!important;color:#dce8ff!important}
html.vvl body.pk .pv h3{color:#14213d!important}
html.vvl body.pk .three li,html.vvl body.pk .three.plain li{color:#3b4a60!important}
html.vvl body.pk .three h2{color:#14213d!important}
html.vvl body.pk .edu{background:#fff!important;border-color:#2563eb!important}
html.vvl body.pk .three.plain .edu{background:none!important;border-left-color:#2563eb!important}
html.vvl body.pk .edu p{color:#3b4a60!important}
html.vvl body.pk .edu a.go{background:linear-gradient(180deg,#2563eb,#1d4ed8)!important;color:#fff!important;border:0!important}
/* small credit line above the big footer */
html.vvl body.pk>footer:not(#footer){color:#46546a!important;border-color:#dbe3ee!important}
html.vvl body.pk>footer:not(#footer) a{color:#1d4ed8!important}

html.vvl .search input::placeholder,html.vvl input#q::placeholder{color:#5b6678!important;opacity:1}
/* phones: the hero photo shows behind the text, so the headline and intro sit on a soft white backing */
@media (max-width:760px){
  html.vvl section.hero h1,html.vvl section.hero p.sub{background:rgba(255,255,255,.86);border-radius:12px;padding:6px 12px;display:inline-block;-webkit-box-decoration-break:clone;box-decoration-break:clone}
}