/* Việt Connect v249: Garden Studio visual system.
   Designed against screenshots, not a flat global style. The original jade
   navigation/logo, functional controls, and two rollback appearances remain.
   All changes are desktop-only and garden-only.
*/
@media(min-width:1024px){
html.vc-garden.vc-web-studio{
 --studio-jade:#07533f;--studio-jade-deep:#073b31;--studio-mint:#c6e5cd;
 --studio-cream:#fcf9f0;--studio-paper:#fffdf7;--studio-warm:#f4ecdc;
 --studio-ink:#143e31;--studio-muted:#667d71;--studio-line:#dce9da;
 --studio-gold:#e8b863;--studio-lift:0 5px 13px rgba(8,58,36,.042),0 17px 38px rgba(8,58,36,.076);
 --studio-tight:0 4px 17px rgba(6,56,36,.06);
}
html.vc-garden.vc-web-studio body:not(.dark-mode){
 background:radial-gradient(circle at 62% 5%,rgba(224,238,212,.65),transparent 40%),#f8f8ef!important
}
html.vc-garden.vc-web-studio.vc-side #vcSideBg{
 background:linear-gradient(165deg,#065643 0%,#074e3e 48%,#052e28 100%)!important;
}
html.vc-garden.vc-web-studio.vc-side #vcTopNav button{
 font-weight:700!important;font-size:13px!important;letter-spacing:-.004em
}
html.vc-garden.vc-web-studio.vc-side #vcTopNav button.vd-on{
 background:linear-gradient(93deg,rgba(255,249,222,.21),rgba(235,255,229,.115))!important;
 box-shadow:inset 3px 0 #e9bd60,0 4px 12px rgba(2,36,24,.04)!important;
}
html.vc-garden.vc-web-studio.vc-vd .vd-wrap{
 max-width:1480px!important;padding:31px clamp(30px,3.5vw,61px) 75px!important
}
html.vc-garden.vc-web-studio.vc-vd .vd-wrap h1{font-family:'Fraunces',Georgia,serif!important}
html.vc-garden.vc-web-studio.vc-vd .vd-wrap :is(p,li,button,input,select,textarea){
 line-height:1.5;
}
html.vc-garden.vc-web-studio.vc-vd .vd-wrap .text-xs{
 font-size:12px!important
}
html.vc-garden.vc-web-studio.vc-vd .vd-wrap :is(.text-sm,.text-\[13px\]){
 font-size:13px!important
}
html.vc-garden.vc-web-studio.vc-vd .vd-wrap button{
 -webkit-tap-highlight-color:transparent
}
html.vc-garden.vc-web-studio.vc-vd .vd-wrap :is(button,a,[role=button]):hover{
 transition:background-color .17s,border-color .17s,transform .17s,box-shadow .17s
}
html.vc-garden.vc-web-studio.vc-vd .vd-wrap :is(button,a,[role=button]):focus-visible{
 outline:3px solid #f0c671!important;outline-offset:3px
}
/* Editorial top bands, with visible contrast even in the scenic area */
html.vc-garden.vc-web-studio.vc-vd .vd-wrap>.vc245-page-hero{
 min-height:181px!important;padding:30px 35px!important;
 background-image:linear-gradient(94deg,#084333 0%,#0a5843 43%,rgba(7,91,67,.82) 70%,rgba(5,88,61,.26) 100%),url('/garden-river.svg')!important;
 background-size:cover!important;background-position:center 52%!important;
 border-radius:28px!important;box-shadow:0 14px 37px rgba(8,77,53,.15)!important
}
html.vc-garden.vc-web-studio.vc-vd .vc245-page-hero :is(h1,h2){
 font-size:clamp(29px,2.6vw,40px)!important;color:#fff9e8!important
}
html.vc-garden.vc-web-studio.vc-vd .vc245-page-hero .vc245-kicker{
 display:block;margin-bottom:5px;font-size:11px!important;letter-spacing:.1em;color:#dbf3da!important
}
html.vc-garden.vc-web-studio.vc-vd .vc245-page-hero .vc245-symbol{
 width:72px;height:72px;border-radius:20px;font-size:33px
}
html.vc-garden.vc-web-studio.vc-vd .vc245-page-hero p{
 font-size:13px!important;max-width:660px
}
html.vc-garden.vc-web-studio.vc-vd .vc245-page-hero .vc245-original-head{
 max-width:100%;margin:0!important
}
/* Distinctive, readable lesson cards and no excessive whitewashing */
html.vc-garden.vc-web-studio.vc-vd .vd-wrap :is(section.bg-white,div.bg-white.rounded-3xl,div.bg-white.rounded-2xl){
 background:var(--studio-paper)!important;
 border-color:var(--studio-line)!important;
 box-shadow:var(--studio-tight)!important
}
html.vc-garden.vc-web-studio.vc-vd .vd-wrap :is(.rounded-2xl,.rounded-3xl){
 border-radius:21px!important
}
html.vc-garden.vc-web-studio.vc-vd .vd-wrap button.bg-teal-700,
html.vc-garden.vc-web-studio.vc-vd .vd-wrap button.bg-teal-600{
 min-height:43px;border-radius:12px!important;background:linear-gradient(105deg,#08634d,#0a795c)!important
}
html.vc-garden.vc-web-studio.vc-vd .vd-wrap button.bg-teal-700:hover,
html.vc-garden.vc-web-studio.vc-vd .vd-wrap button.bg-teal-600:hover{
 background:#07503c!important;box-shadow:0 7px 20px rgba(8,93,63,.16)!important
}
/* Home: true visual grouping with one strong session action */
html.vc-garden.vc-web-studio.vc-vd #vd-starthere .vc244-home-hero{
 min-height:355px!important;padding:35px!important;
 grid-template-columns:minmax(0,1.6fr) minmax(285px,.8fr)!important;gap:24px!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-starthere .vc244-home-hero h1{
 font-size:clamp(35px,3.1vw,49px)!important;letter-spacing:-.03em!important;
 line-height:1.17!important;text-wrap:balance;
}
html.vc-garden.vc-web-studio.vc-vd #vd-starthere .vc244-home-stats>div{
 min-height:75px!important;border-radius:16px!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-starthere .vc244-home-session{
 backdrop-filter:blur(13px);border-radius:22px!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-starthere .vc244-journey button{
 border-radius:21px!important;min-height:98px!important;box-shadow:var(--studio-tight)!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-starthere .vc244-journey button .step-icon{
 border-radius:15px
}
html.vc-garden.vc-web-studio.vc-vd #vd-starthere .vc244-home-content .bg-white{
 background:var(--studio-paper)!important
}
/* Flashcards: larger central reveal area, compact and readable controls */
html.vc-garden.vc-web-studio.vc-vd #vd-learn .vc244-learn-head{
 min-height:125px!important;padding:27px 31px!important;
 background:linear-gradient(100deg,#074637,#0c7356 70%,#5c9b74)!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-learn .vc244-learn-stage{
 padding:27px 27px 21px!important;background:linear-gradient(140deg,#e8f3e7,#fff8e8)!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-learn .vc244-learn-stage #flashcard{
 min-height:260px!important;box-shadow:0 13px 29px rgba(11,73,49,.085)!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-learn .vc244-learn-stage #flashcard .vn{
 font-size:clamp(37px,3.3vw,54px)!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-learn .vc244-study-tip{
 padding:22px!important;border-radius:21px
}
html.vc-garden.vc-web-studio.vc-vd #vd-learn #vdLearnSide>div{
 border-radius:21px!important
}
/* Practice: treat the three families as colorful editorial shelves */
html.vc-garden.vc-web-studio.vc-vd #vd-drills .vc244-practice-hero{
 min-height:245px!important;padding:30px 34px!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-drills .vc244-family{
 min-height:405px!important;border-radius:22px!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-drills .vc244-family-head{
 min-height:107px!important;padding:20px 23px!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-drills .vc244-family-head h3{
 font-family:'Fraunces',Georgia,serif;font-size:21px!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-drills .vc244-pr-row{
 min-height:75px!important;padding:11px 12px!important;gap:13px
}
html.vc-garden.vc-web-studio.vc-vd #vd-drills .vc244-pr-row .mode-title{
 font-size:13px!important;letter-spacing:-.01em
}
/* Teachers: marketplace hierarchy -- find/search/results in one clear flow */
html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc246-teachers-page{
 gap:14px!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc246-teacher-intro{
 border-radius:22px!important;padding:18px 24px!important;
 background:linear-gradient(105deg,#dbeedc,#f8f8ed)!important;
}
html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc246-teacher-intro h2{
 font-size:23px!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc246-steps{
 margin:0!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc246-steps .bk-steps li{
 box-shadow:0 5px 13px rgba(8,77,48,.035)!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc246-teacher-search{
 margin:3px 0!important
}
html.vc-garden.vc-web-studio.vc-vd #vdTeacherList #teacherGrid{
 grid-template-columns:repeat(2,minmax(0,1fr));gap:18px!important
}
html.vc-garden.vc-web-studio.vc-vd #vdTeacherList .teacher-card.tc2{
 padding:21px!important;gap:16px!important;
 grid-template-columns:110px minmax(0,1fr)!important;
 grid-template-areas:"photo main" "side side"!important;
 border-radius:24px!important;box-shadow:var(--studio-lift)!important;
 background:#fffef9!important
}
html.vc-garden.vc-web-studio.vc-vd #vdTeacherList .tc-photo{
 width:110px!important;height:110px!important;border-radius:18px!important
}
html.vc-garden.vc-web-studio.vc-vd #vdTeacherList .tc-name{
 font-size:17px!important;line-height:1.25;font-weight:800
}
html.vc-garden.vc-web-studio.vc-vd #vdTeacherList .tc-bio{
 font-size:12px!important;line-height:1.58!important
}
html.vc-garden.vc-web-studio.vc-vd #vdTeacherList .tc-side{
 border-top:1px solid #edf1e6!important;padding-top:15px!important;
 grid-template-columns:1fr auto!important
}
html.vc-garden.vc-web-studio.vc-vd #vdTeacherList .tc-book{
 min-height:48px!important;border-radius:13px!important;
 background:linear-gradient(95deg,#075945,#0a7757)!important;
 font-size:13px!important;font-weight:800
}
html.vc-garden.vc-web-studio.vc-vd #vdTeacherList .tc-see{
 min-height:39px!important;border-radius:13px!important
}
/* Rooms: live actions grouped as a purpose-built conversation hub */
html.vc-garden.vc-web-studio.vc-vd #vd-practice .vd-wrap{
 gap:19px!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-practice .vd-wrap>.bg-white{
 padding:26px!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-practice .vc247-room-browse{
 padding:21px 25px!important;border-radius:22px!important
}
/* Decks: stop the import pane from feeling like a separate app */
html.vc-garden.vc-web-studio.vc-vd #vd-decks .vc246-deck-library{
 background:linear-gradient(120deg,#edf6ec,#fffaf1)!important;
 padding:21px!important;border-radius:24px!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-decks .vc247-deck-import{
 padding:18px!important;border-radius:22px!important
}
/* Progress: put data at the front, detailed analytics behind the disclosure */
html.vc-garden.vc-web-studio.vc-vd #vd-progress .vd-wrap{
 gap:19px!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-progress .vd-wrap>.grid>div{
 min-height:128px;border-radius:22px!important;box-shadow:var(--studio-tight)!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-progress .vc247-progress-details{
 margin-top:0!important;border-color:#d7e5d4!important;border-radius:21px
}
/* Community Voices: clear audio work area and supporting rewards */
html.vc-garden.vc-web-studio.vc-vd #vd-voices #vsRoot{
 max-width:1200px!important;margin:auto!important;
 padding:24px!important;background:linear-gradient(135deg,#e7f2e7,#fffaf2)!important;
}
html.vc-garden.vc-web-studio.vc-vd #vd-voices #vsRoot .vs-panel{
 background:#fffdf7!important;border-radius:19px!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-voices button{
 min-height:40px
}
/* Settings: real groups organized in a balanced, intentionally broad grid */
html.vc-garden.vc-web-studio.vc-vd #vd-settings>.vd-wrap{
 max-width:1470px!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-settings .vc244-settings-hero{
 min-height:173px!important;padding:27px 34px!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-settings .vc244-settings-layout{
 grid-template-columns:minmax(0,1fr) 276px!important;gap:21px!important;
}
html.vc-garden.vc-web-studio.vc-vd #vd-settings .vc244-settings-grid{
 grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:19px!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-settings .vc244-settings-grid>div{
 gap:18px!important;min-width:0
}
html.vc-garden.vc-web-studio.vc-vd #vd-settings .vc244-help-rail{
 position:sticky;top:77px;flex-direction:column!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-settings .vc244-help-card{
 padding:23px!important;border-radius:22px!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-settings .vc244-help-card.decorative{
 min-height:205px!important
}
/* Teacher professional tools: strong active actions, calmer supporting controls */
html.vc-garden.vc-web-studio.vc-vd #teachPortal .tp243-hero{
 border-radius:26px!important;min-height:220px!important;
 padding:29px 32px!important;box-shadow:0 16px 38px rgba(5,76,47,.17)!important
}
html.vc-garden.vc-web-studio.vc-vd #teachPortal .tp243-stats>div{
 min-height:141px!important;box-shadow:var(--studio-tight)!important
}
html.vc-garden.vc-web-studio.vc-vd #teachPortal .tpw-actions{
 gap:15px!important
}
html.vc-garden.vc-web-studio.vc-vd #teachPortal .tpw-card{
 min-height:165px!important;box-shadow:var(--studio-tight)!important
}
html.vc-garden.vc-web-studio.vc-vd #teachPortal .tp243-panel{
 border-radius:23px!important;padding:22px!important
}
}
@media(min-width:1024px) and (max-width:1430px){
html.vc-garden.vc-web-studio.vc-vd #vdTeacherList #teacherGrid{grid-template-columns:1fr!important}
html.vc-garden.vc-web-studio.vc-vd #vdTeacherList .teacher-card.tc2{
 grid-template-columns:110px minmax(0,1fr) 170px!important;
 grid-template-areas:"photo main side"!important;
}
html.vc-garden.vc-web-studio.vc-vd #vdTeacherList .tc-side{
 display:flex!important;border-top:0!important;
 border-left:1px solid #e9eee4!important;padding:0 0 0 16px!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-settings .vc244-settings-layout{
 grid-template-columns:minmax(0,1fr)!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-settings .vc244-help-rail{
 position:static!important;flex-direction:row!important
}
}
@media(min-width:1024px) and (max-width:1150px){
html.vc-garden.vc-web-studio.vc-vd .vd-wrap{padding-inline:23px!important}
html.vc-garden.vc-web-studio.vc-vd #vd-settings .vc244-settings-grid{
 grid-template-columns:minmax(0,1fr)!important
}
html.vc-garden.vc-web-studio.vc-vd #vd-starthere .vc244-home-hero{
 grid-template-columns:minmax(0,1fr)!important
}
}


/* Specificity corrections uncovered by automated Chrome screenshot metrics.
   Earlier rules used > .vd-wrap > div:first-child and overrode later Garden rules. */
@media(min-width:1024px){
 html.vc-garden.vc-web-studio.vc-vd #vd-starthere>.vd-wrap>div.vc244-home-hero:first-of-type{
  background-image:linear-gradient(94deg,#063b31 0%,#075640 32%,rgba(5,82,61,.88) 53%,rgba(5,82,61,.12) 100%),url('/garden-river.svg')!important;
  background-color:#075640!important;background-size:cover!important;
  background-position:center,center 49%!important;
  min-height:367px!important;
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-starthere>.vd-wrap>div.vc244-home-hero:first-of-type h1{
  color:#fffbe9!important;font-size:clamp(35px,3.1vw,49px)!important;
  text-shadow:0 3px 12px rgba(0,39,27,.45)!important;
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-starthere>.vd-wrap>div.vc244-home-hero:first-of-type p{
  color:#e7f4de!important;text-shadow:0 1px 5px rgba(4,46,33,.25)
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-drills>.vd-wrap>div.vc244-practice-hero:first-child{
  background-image:linear-gradient(96deg,#074537 0%,#09684f 48%,rgba(10,102,76,.78) 76%,rgba(7,91,68,.28)),url('/garden-river.svg')!important;
  background-color:#075a44!important;background-position:center!important;background-size:cover!important;
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-drills>.vd-wrap>div.vc244-practice-hero:first-child>div:first-child :is(h1,p,span){
  color:#fff9eb!important;text-shadow:0 2px 10px rgba(0,44,27,.23)!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-drills>.vd-wrap>div.vc244-practice-hero:first-child .vc244-practice-goal{
  background:#fffdf5!important;border:1px solid #cfddc9!important;
  box-shadow:0 9px 23px rgba(0,53,33,.11)!important
 }
}
/* v249 teacher directory is a true two-region layout, not the old stacked cards. */
@media(min-width:1024px){
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-teacher-page{
  display:flex;flex-direction:column;gap:24px!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-marketplace{
  display:grid;grid-template-columns:minmax(0,1fr) 263px;
  gap:24px;align-items:start;margin-top:2px
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-marketplace-main{
  min-width:0;display:flex;flex-direction:column;gap:15px
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-marketplace-intro{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:linear-gradient(110deg,#d9ecdb,#eef5e7 60%,#fff9e9);
  border:1px solid #c7dbc9;border-radius:22px;padding:25px 29px;
  box-shadow:var(--studio-tight)
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-marketplace-intro h2{
  font-size:clamp(24px,1.8vw,30px)!important;line-height:1.17;margin:5px 0
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-marketplace-intro p{
  color:#567568;font-size:12px;margin-top:6px
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-studio-label{
  background:#fffdf4;border:1px solid #dbe5d2;border-radius:999px;
  color:#275c45;font-size:11px;font-weight:800;
  padding:12px 15px;white-space:nowrap
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-results-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  color:#607d6e;font-size:11px;font-weight:650
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-results-head .tc-count{
  margin:0;color:#075c44;font-size:16px;font-weight:850
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc246-teacher-search .tc-toolbar{
  padding:12px!important;box-shadow:0 4px 19px rgba(12,68,41,.045)
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-marketplace-aside{
  display:flex;flex-direction:column;gap:15px;
  position:sticky;top:76px
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-aside-card{
  background:#fffdf6;border:1px solid #d8e6d5;
  border-radius:23px;padding:24px 21px;
  box-shadow:var(--studio-lift)
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-aside-icon{
  width:49px;height:49px;display:grid;place-items:center;
  background:#e5f2e3;border-radius:16px;font-size:25px;margin-bottom:15px
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-aside-card h3{
  font:650 24px/1.15 'Fraunces',Georgia,serif;color:#144c39;margin:10px 0
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-aside-card>p{
  color:#667e70;font-size:12px;line-height:1.55;margin-bottom:16px
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-aside-card .bk-steps{
  display:flex;flex-direction:column;gap:9px!important;margin:0!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-aside-card .bk-steps li{
  padding:13px!important;min-height:57px;
  border-radius:13px;border:1px solid #e1ebdc!important;
  box-shadow:none!important;background:#f3f9ee!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-aside-card .bk-steps li b{
  font-size:12px!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-aside-card .bk-steps li small{
  font-size:10px!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-marketplace-aside #teacherMyBookingsBtn{
  width:100%;max-width:none!important;margin:18px 0 0!important;min-height:43px!important;
  color:#0b5741!important;border-color:#c6dccb!important;
  background:#eaf4e7!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-aside-pay{
  display:flex;gap:12px;align-items:center;padding:19px 21px;
  border:1px solid #e8d9af;border-radius:21px;
  background:linear-gradient(115deg,#fff1d6,#fffaf0);
  color:#3e603f;box-shadow:0 4px 16px rgba(88,77,35,.05)
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-aside-pay>span{font-size:25px}
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-aside-pay b{display:block;font-size:12px}
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-aside-pay small{
  display:block;color:#7c785d;font-size:11px;margin-top:5px
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers #vdTeacherList #teacherGrid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers #vdTeacherList .teacher-card.tc2{
  grid-template-columns:84px minmax(0,1fr)!important;
  grid-template-areas:"photo main" "side side"!important;
  padding:16px!important;gap:11px!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers #vdTeacherList .tc-photo{
  width:84px!important;height:84px!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers #vdTeacherList .tc-side{
  display:grid!important;grid-template-columns:1fr auto!important;
  border-left:0!important;border-top:1px solid #e9eee4!important;
  padding:12px 0 0!important;gap:7px!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers #vdTeacherList .tc-book{
  grid-column:1/3;min-height:45px!important;width:100%!important
 }
}
@media(min-width:1024px) and (max-width:1480px){
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-marketplace{
  grid-template-columns:minmax(0,1fr) 245px;gap:17px
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers #vdTeacherList #teacherGrid{
  grid-template-columns:1fr!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-marketplace-intro{
  padding:19px 23px
 }
}
@media(min-width:1024px) and (max-width:1200px){
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-marketplace{
  grid-template-columns:minmax(0,1fr)
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-marketplace-aside{
  flex-direction:row;position:static;order:-1
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-aside-card{
  flex:1
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-teachers .vc249-aside-pay{
  flex:0 0 200px;align-self:start
 }
}
/* v249 Rooms: actual live participant / room nodes in a focused side rail. */
@media(min-width:1024px){
 html.vc-garden.vc-web-studio.vc-vd #vd-practice .vc249-rooms-columns{
  display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:23px;align-items:start
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-practice .vc249-rooms-main{
  display:flex;flex-direction:column;gap:20px;min-width:0
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-practice .vc249-rooms-main>div.bg-white:first-child{
  position:relative;overflow:hidden;
  background:linear-gradient(116deg,#fff9e9,#fffdf6 53%,#dceee0)!important;
  border:1px solid #d6e4d0!important;border-radius:23px!important;
  box-shadow:var(--studio-lift)!important;
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-practice .vc249-rooms-main>div.bg-white:first-child::after{
  content:"";position:absolute;right:0;bottom:0;width:220px;height:95px;pointer-events:none;opacity:.16;
  background-image:url('/garden-river.svg');background-size:cover;background-position:75% 66%;
  clip-path:polygon(0 50%,100% 0,100% 100%,0 100%)
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-practice .vc249-room-actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:15px!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-practice .vc249-room-actions>div{
  display:flex;flex-direction:column;min-height:196px!important;
  padding:21px!important;border-radius:22px!important;
  box-shadow:var(--studio-tight)!important;background:#fffdf5!important;
  border:1px solid #dce8da!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-practice .vc249-room-actions>div:nth-child(2){
  background:linear-gradient(135deg,#e6f4e7,#fffdf4)!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-practice .vc249-room-actions>div:nth-child(3){
  background:linear-gradient(135deg,#fff2dc,#fffdf4)!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-practice .vc249-room-actions>div h3{
  font-family:'Fraunces',Georgia,serif;font-weight:650!important;
  font-size:20px;color:#1b4937
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-practice .vc249-room-actions>div p{
  color:#64796b;font-size:12px!important;line-height:1.65
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-practice .vc249-room-actions>div button{
  margin-top:auto;border-radius:13px!important;
  min-height:42px;background:#e6f2e6!important;color:#185a43!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-practice .vc249-room-actions>div button:hover{
  background:#cfe9d4!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-practice .vc249-rooms-live{
  position:sticky;top:80px;display:flex;flex-direction:column;gap:12px;
  padding:20px;background:linear-gradient(140deg,#eaf5e8,#fffdf4);
  border:1px solid #cfdfd0;border-radius:23px;
  box-shadow:var(--studio-tight)
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-practice .vc249-live-title{
  display:flex;flex-direction:column;gap:4px;padding:4px 0 11px;
  border-bottom:1px solid #dce9da
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-practice .vc249-live-title span{
  font:650 22px/1.2 'Fraunces',Georgia,serif;color:#16523c
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-practice .vc249-live-title small{
  color:#6c8774;font-size:11px
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-practice .vc249-rooms-live :is(.wl-item,.wl-card){
  border-radius:13px;border-color:#dce9db
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-practice .vc249-rooms-main .vc247-room-browse{
  margin:0;padding:20px;border-radius:21px!important
 }
}
@media(min-width:1024px) and (max-width:1330px){
 html.vc-garden.vc-web-studio.vc-vd #vd-practice .vc249-rooms-columns{
  grid-template-columns:minmax(0,1fr)
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-practice .vc249-rooms-live{position:static}
 html.vc-garden.vc-web-studio.vc-vd #vd-practice .vc249-room-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
/* v249 Decks and Voice Studio: keep related tasks in one aligned desktop workspace. */
@media(min-width:1024px){
 html.vc-garden.vc-web-studio.vc-vd #vd-decks>.vd-wrap{
  display:grid!important;grid-template-columns:minmax(0,1fr) 288px!important;
  gap:19px!important;align-items:start!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-decks>.vd-wrap>.vc245-page-hero{
  grid-column:1/-1;grid-row:1
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-decks>.vd-wrap>div:has(#vdDeckSearch){
  grid-column:1/-1;grid-row:2;margin:0!important;padding:12px!important;
  border-radius:18px!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-decks .vc246-deck-library{
  grid-column:1;grid-row:3;min-width:0;max-width:100%;
  background:linear-gradient(115deg,#ecf6e9,#fffaf0)!important;
  padding:22px!important;border:1px solid #d2e2d0!important;
  border-radius:23px!important;box-shadow:var(--studio-tight)!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-decks #vd-decks-tail.vc247-deck-import{
  grid-column:2;grid-row:3;width:100%;min-width:0;
  position:sticky;top:80px;
  padding:0!important;background:none;border:0;box-shadow:none
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-decks #vd-decks-tail.vc247-deck-import>div{
  display:flex!important;flex-direction:column!important;gap:17px!important;
  padding:24px!important;border-radius:22px!important;
  background:linear-gradient(145deg,#e4f2e4,#fff8eb)!important;
  border:1px solid #d0e3d0!important;box-shadow:var(--studio-tight)!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-decks #vd-decks-tail h2{
  font-size:23px!important;line-height:1.2!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-decks #vdDeckDrop{
  padding:19px 12px!important;background:#fffdf7!important;
  border-radius:17px!important;border:2px dashed #a9d3af!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-decks #vdDeckDrop .w-12{
  width:42px;height:42px
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-voices .vc249-voice-layout{
  display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:21px;
  align-items:start
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-voices .vc249-voice-main{
  min-width:0;padding:19px;border-radius:24px;
  background:linear-gradient(145deg,#e8f4e5,#fffaf0);
  border:1px solid #d6e5d1;box-shadow:var(--studio-tight)
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-voices #vsRoot{
  border:0!important;background:transparent!important;padding:0!important;
  max-width:none!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-voices .vc249-voice-guide{
  position:sticky;top:84px;display:flex;flex-direction:column;gap:14px
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-voices .vc249-voice-guide-hero{
  border-radius:23px;padding:27px 22px;overflow:hidden;position:relative;
  background:linear-gradient(155deg,#07583f,#0a7857);
  border:1px solid #076149;color:#fff;box-shadow:0 12px 24px rgba(8,75,47,.13)
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-voices .vc249-voice-guide-icon{
  display:grid;place-items:center;width:52px;height:52px;border-radius:17px;
  background:rgba(255,255,255,.16);font-size:27px;margin-bottom:24px
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-voices .vc249-voice-guide-hero .vc246-kicker{
  color:#bce7c2!important;font-size:10px
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-voices .vc249-voice-guide-hero h2{
  font:650 27px/1.17 'Fraunces',Georgia,serif!important;
  color:#fff9e9!important;margin:9px 0
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-voices .vc249-voice-guide-hero p{
  color:#e4f4e4;font-size:12px!important;line-height:1.7
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-voices .vc249-voice-guide-steps{
  padding:22px 20px;border-radius:21px;background:#fffdf7;
  border:1px solid #d5e5d3;box-shadow:var(--studio-tight)
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-voices .vc249-voice-guide-steps h3{
  font:650 22px/1.3 'Fraunces',Georgia,serif;margin-bottom:13px
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-voices .vc249-voice-guide-steps>div{
  display:flex;align-items:center;gap:12px;padding:12px 2px;
  border-bottom:1px solid #e7eee5
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-voices .vc249-voice-guide-steps>div:last-child{
  border-bottom:0
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-voices .vc249-voice-guide-steps>div>span{
  display:grid;place-items:center;flex:none;width:30px;height:30px;
  background:#e2f2e5;color:#0f6a51;border-radius:11px;font-weight:800
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-voices .vc249-voice-guide-steps b{
  display:block;font-size:12px;color:#1c513e
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-voices .vc249-voice-guide-steps small{
  display:block;font-size:11px;color:#748879;margin-top:4px
 }
}
@media(min-width:1024px) and (max-width:1330px){
 html.vc-garden.vc-web-studio.vc-vd #vd-decks>.vd-wrap{
  grid-template-columns:1fr!important
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-decks .vc246-deck-library{
  grid-column:1;grid-row:3
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-decks #vd-decks-tail.vc247-deck-import{
  grid-column:1;grid-row:4;position:static
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-voices .vc249-voice-layout{
  grid-template-columns:1fr
 }
 html.vc-garden.vc-web-studio.vc-vd #vd-voices .vc249-voice-guide{
  position:static;display:grid;grid-template-columns:1fr 1fr
 }
}
/* The "All sections" sheet is part of the app, not a separate mobile-looking popup. */
@media(min-width:1024px){
 html.vc-garden.vc-web-studio #moreSheet{
  align-items:center;justify-content:center;
  background:rgba(3,36,27,.52)!important;
  backdrop-filter:blur(7px)
 }
 html.vc-garden.vc-web-studio #moreSheetPanel{
  width:min(1040px,calc(100vw - 90px));max-width:1040px;
  max-height:min(90vh,880px);
  padding:26px 30px 28px!important;
  background:#f9faf3!important;
  border:1px solid rgba(255,255,255,.56);
  border-radius:29px!important;
  box-shadow:0 34px 95px rgba(0,28,18,.31)!important
 }
 html.vc-garden.vc-web-studio #moreSheetPanel>div:first-child{
  padding:5px 5px 18px;margin-bottom:9px;
  border-bottom:1px solid #e2e9dd
 }
 html.vc-garden.vc-web-studio #moreSheetTitle{
  font:650 30px/1.2 'Fraunces',Georgia,serif!important;
  color:#124d39;letter-spacing:-.022em
 }
 html.vc-garden.vc-web-studio #moreSheetPanel #navEditToggle{
  border-radius:13px;background:#e6f3e7!important;color:#14533f!important;
  border:1px solid #c9ddcb!important;padding:9px 15px!important
 }
 html.vc-garden.vc-web-studio #moreSheetPanel #moreSheetClose{
  width:42px;height:42px;border-radius:14px!important;
  background:#fffdf6!important;border:1px solid #e4e9dd!important
 }
 html.vc-garden.vc-web-studio #moreSheetPanel .more-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:16px;row-gap:13px;padding:2px 0
 }
 html.vc-garden.vc-web-studio #moreSheetPanel .more-group{
  background:#fffdf6;border:1px solid #d7e4d7;
  border-radius:19px!important;box-shadow:0 5px 19px rgba(13,74,48,.04);
  overflow:hidden
 }
 html.vc-garden.vc-web-studio #moreSheetPanel .more-group-header{
  min-height:50px;padding:15px 17px!important;
  background:linear-gradient(110deg,#e7f2e6,#fffdf6);
  color:#194a38!important;font-size:14px!important
 }
 html.vc-garden.vc-web-studio #moreSheetPanel .more-group:nth-child(2) .more-group-header{
  background:linear-gradient(110deg,#fff2df,#fffdf6)
 }
 html.vc-garden.vc-web-studio #moreSheetPanel .more-group:nth-child(3) .more-group-header{
  background:linear-gradient(110deg,#e0f3ec,#fffdf6)
 }
 html.vc-garden.vc-web-studio #moreSheetPanel .more-group:nth-child(4) .more-group-header{
  background:linear-gradient(110deg,#f0e5f2,#fffdf6)
 }
 html.vc-garden.vc-web-studio #moreSheetPanel .more-group-count{
  padding:4px 10px;font-size:11px!important;
  background:#fffdf8;color:#27694c;border:1px solid #d5e4d3
 }
 html.vc-garden.vc-web-studio #moreSheetPanel .more-group-tiles{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px;padding:13px!important
 }
 html.vc-garden.vc-web-studio #moreSheetPanel .more-item{
  position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);
  column-gap:11px;row-gap:2px;align-items:center;
  min-height:73px;padding:11px 12px!important;
  text-align:left;font-size:12.5px;font-weight:800;
  background:#f6f8f2;border:1px solid #e5ede1;
  border-radius:13px!important;color:#204938
 }
 html.vc-garden.vc-web-studio #moreSheetPanel .more-item:hover{
  background:#e9f5e9;border-color:#98c8a4;transform:translateY(-1px)
 }
 html.vc-garden.vc-web-studio #moreSheetPanel .more-item .more-icon{
  grid-column:1;grid-row:1/span 2;
  display:grid;place-items:center;
  width:40px;height:40px;border-radius:12px;
  background:#e0efe4;font-size:20px
 }
 html.vc-garden.vc-web-studio #moreSheetPanel .more-item .more-desc{
  grid-column:2;text-align:left!important;
  color:#71847a!important;font-size:10px!important;
  font-weight:500;line-height:1.4;margin-top:1px
 }
 html.vc-garden.vc-web-studio #moreSheetPanel .more-item.active{
  border-color:#48a07a!important;background:#e2f3e7!important
 }
 html.vc-garden.vc-web-studio #moreSheetPanel .more-item .more-pin{top:5px;right:7px}
 html.vc-garden.vc-web-studio #moreSheetPanel .nav-order{
  background:#edf6ec;border-radius:16px;padding:12px;
  border:1px solid #d5e5d2
 }
}
@media(min-width:1024px) and (max-width:1280px){
 html.vc-garden.vc-web-studio #moreSheetPanel .more-grid{
  grid-template-columns:1fr
 }
 html.vc-garden.vc-web-studio #moreSheetPanel .more-group-tiles{
  grid-template-columns:repeat(3,minmax(0,1fr))!important
 }
}