/* Live Studio: legible controls and step progression on mobile and laptop. */
body{background:linear-gradient(135deg,#eaf1fa,#f9fbfe);font-size:16px}
.top{background:#0b233e;border-bottom:1px solid #416184;box-shadow:0 10px 24px #0c244b25}
.top .brand b,.top nav a{color:#f6faff}.top .brand small{color:#c2d9ef;font-size:.71rem}.top .navcta{background:#246bd5;border:1px solid #5793e1}
.intro .eyebrow{font-size:.81rem;color:#8a6129}.intro p{color:#36516c;font-size:1.14rem;line-height:1.75}
.keypoints span{font-size:.86rem;color:#214361;border-color:#c8d8e9;background:#fff}
.workspace{border-color:#bfcee1;box-shadow:0 24px 65px #132f5830}
.choice{background:#e7f0fa;border-bottom-color:#c7d9ed}.choice label{font-size:.89rem;color:#1b3e62}.choice select{border:1.5px solid #7896b6;font-size:1rem;min-height:49px}
.labhint{color:#33516d;font-size:.72rem}.labhint strong{font-size:.88rem}
.sidebar{background:#0b2948}.sidebar button{color:#dceeff;font-size:.93rem;min-height:49px}.sidebar button.on,.sidebar button:hover{background:#1e65a8;color:#fff}
.sidebar .sidefooter,.sidebar .mark span{color:#bed8f0}
.content .crumb{font-size:.89rem;color:#365676}.content .heading p{font-size:1rem;color:#405b75;line-height:1.6}
.cardrow article{border-color:#c7d9eb;background:#f4f8fd}.cardrow small{font-size:.77rem}.cardrow b{font-size:1.07rem}.cardrow span{font-size:.86rem;color:#345672}
.workarea{border-color:#cad8e6}.workhead p{font-size:.94rem;color:#3f5b77}.flowindicator{font-size:.79rem;color:#3f5e79}
.track span{font-size:.85rem;min-height:47px;display:grid;place-items:center}.track span.current{background:#165abc;color:#fff}
.action{border-color:#9ebbd4}.action p{font-size:.95rem;color:#3f5d79}.buttons button{font-size:.87rem;min-height:44px}
.under strong{font-size:.97rem}.under p{font-size:.92rem;color:#3b5872}.closing p{font-size:1.04rem;color:#3d5975}
@media(max-width:850px){.top nav a{color:#fff}.sidebar button{font-size:.96rem!important}}
@media(max-width:620px){.top{align-items:center;flex-wrap:wrap}.top nav{width:100%;justify-content:flex-start;gap:14px}.top nav a{font-size:.82rem}.sidebar button{font-size:.79rem!important;white-space:nowrap}.choice select{min-height:48px}.heading p{font-size:.97rem}.intro h1{font-size:clamp(2rem,8vw,3.25rem)}}

/* ===== V27.8: Live studio atmosphere + concept themes ===== */
.intro{position:relative;isolation:isolate}
.intro::before{content:"";position:absolute;inset:-20px -40px 0;z-index:-1;pointer-events:none;
 background:radial-gradient(55% 80% at 88% 0%,rgba(30,120,232,.18),transparent 62%),radial-gradient(40% 60% at 4% 100%,rgba(176,138,64,.14),transparent 64%),
  linear-gradient(rgba(21,93,191,.06) 1px,transparent 1px) 0 0/54px 54px,linear-gradient(90deg,rgba(21,93,191,.06) 1px,transparent 1px) 0 0/54px 54px;
 -webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}
.eyebrow{color:#80591c}
.closing .eyebrow{color:#80591c}
.workspace[data-concept="vault"] .sidebar{background:linear-gradient(180deg,#07203a,#0a3a52)}
.workspace[data-concept="vault"] .sidebar button.on{background:#0d8fa6}
.workspace[data-concept="luxury"] .sidebar{background:linear-gradient(180deg,#14213d,#26324f)}
.workspace[data-concept="luxury"] .sidebar button.on{background:#9b7a2f;color:#fff}
.workspace[data-concept="luxury"] #screenTitle{letter-spacing:.01em}