/* AJ.Bank Bento — mobile-first editorial learning suite.
   Scoped to Style 6 so the historical visual modes stay available. */

html[data-aj-theme="style6"]{
  --b-ink:#171717;
  --b-paper:#f2efe3;
  --b-white:#fffdf6;
  --b-lilac:#c9c0ff;
  --b-lime:#d8ff69;
  --b-pink:#ffc8eb;
  --b-green:#3f714f;
  --b-sage:#bdd9bd;
  --b-orange:#ffad66;
  --b-muted:#5d5d58;
  --b-line:2px solid var(--b-ink);
  --b-radius:18px;
  --b-shadow:4px 4px 0 var(--b-ink);
  color-scheme:light;
}

html[data-aj-theme="style6"] *,
html[data-aj-theme="style6"] *::before,
html[data-aj-theme="style6"] *::after{box-sizing:border-box;}

html[data-aj-theme="style6"] body,
html[data-aj-theme="style6"] body.studioBody,
html[data-aj-theme="style6"] body.toeicLanding,
html[data-aj-theme="style6"] body.adminLoginBody{
  margin:0 !important;
  padding:0 !important;
  overflow-x:hidden;
  background:var(--b-paper) !important;
  color:var(--b-ink) !important;
  font-family:'Prompt','Sarabun',system-ui,sans-serif !important;
}

html[data-aj-theme="style6"] h1,
html[data-aj-theme="style6"] h2,
html[data-aj-theme="style6"] h3,
html[data-aj-theme="style6"] h4,
html[data-aj-theme="style6"] strong,
html[data-aj-theme="style6"] b{letter-spacing:-.035em;}

html[data-aj-theme="style6"] button,
html[data-aj-theme="style6"] a,
html[data-aj-theme="style6"] input,
html[data-aj-theme="style6"] select,
html[data-aj-theme="style6"] textarea{font-family:inherit !important;}

html[data-aj-theme="style6"] button:focus-visible,
html[data-aj-theme="style6"] a:focus-visible,
html[data-aj-theme="style6"] input:focus-visible,
html[data-aj-theme="style6"] select:focus-visible,
html[data-aj-theme="style6"] textarea:focus-visible{
  outline:3px solid var(--b-orange) !important;
  outline-offset:3px;
}

/* Shared bento surfaces */
html[data-aj-theme="style6"] :is(.stHero,.stLiveSpotlight,.stPartners,.stCard,.stStat,.stProfileMatch,.kaHero,.kaCard,.kaCourseHead,.kaModule,.kaBlock,.kaSideCard,.kaMaterial,.kaPlanCard,.kaDocCard,.kaPartnerCard,.kaPreviewSummary,.kaLockNote,.kaLiveSpotlight,.toeicHero,.toeicSteps article,.toeicTimeline div,.toeicPack,.toeicRegisterCard,.avatarPanel,.avatarCard,.avSection,.avPreviewCard,.adminLoginShell,.adminQuickStats>div,.adminUserCard,.adminSimpleManage,.adminAccessDetails,.adminLiveCard,.adminMarketingEditor){
  border:var(--b-line) !important;
  border-radius:var(--b-radius) !important;
  background:var(--b-white) !important;
  color:var(--b-ink) !important;
  box-shadow:var(--b-shadow) !important;
}

html[data-aj-theme="style6"] :is(.stEnter,.stResume,.stLiveCta,.kaBtn.primary,.toeicPrimary,.actionBtn.primary,.saveBtn,.adminLoginShell button,.gazePrimary,.rpgEnterBtn){
  min-height:46px !important;
  border:var(--b-line) !important;
  border-radius:999px !important;
  background:var(--b-ink) !important;
  color:#fff !important;
  box-shadow:none !important;
  font-weight:800 !important;
}

html[data-aj-theme="style6"] :is(.kaBtn.secondary,.kaBtn.ghost,.toeicSecondary,.actionBtn,.stIconBtn,.stAdminBtn,.stProfile,.gazeSecondary,.gazeGoogle,.optBtn,.skipLink){
  border:var(--b-line) !important;
  border-radius:999px !important;
  background:var(--b-white) !important;
  color:var(--b-ink) !important;
  box-shadow:none !important;
}

/* Theme chooser is part of the suite, but stays deliberately quiet. */
html[data-aj-theme="style6"] .ajThemeChooser{
  right:12px;
  bottom:12px;
  max-width:min(680px,calc(100vw - 24px));
  border:var(--b-line);
  border-radius:16px;
  background:var(--b-ink);
  box-shadow:3px 3px 0 rgba(23,23,23,.28);
}
html[data-aj-theme="style6"] .ajThemeChooser button{border:1px solid rgba(255,255,255,.32);border-radius:10px;}
html[data-aj-theme="style6"] .ajThemeChooser button.is-active{background:var(--b-lime);color:var(--b-ink);border-color:var(--b-lime);}

/* Landing — reference composition translated into a real product hero. */
html[data-aj-theme="style6"] .experienceLanding{
  min-height:100svh !important;
  height:auto !important;
  padding:0 10px 26px !important;
  overflow:visible !important;
  background:var(--b-paper) !important;
}
html[data-aj-theme="style6"] .experienceLanding::before,
html[data-aj-theme="style6"] .experienceLanding::after,
html[data-aj-theme="style6"] .gazeHeroCopy::before,
html[data-aj-theme="style6"] .gazeHeroCopy::after,
html[data-aj-theme="style6"] .experienceRail::before,
html[data-aj-theme="style6"] .experienceRail::after{display:none !important;}

html[data-aj-theme="style6"] .rpgTopBar{
  display:flex !important;
  position:sticky !important;
  top:8px !important;
  z-index:80 !important;
  width:min(1180px,100%) !important;
  min-height:62px !important;
  height:auto !important;
  margin:8px auto 10px !important;
  padding:8px 10px !important;
  border:var(--b-line) !important;
  border-radius:16px !important;
  background:var(--b-pink) !important;
  color:var(--b-ink) !important;
  box-shadow:3px 3px 0 var(--b-ink) !important;
  backdrop-filter:none !important;
}
html[data-aj-theme="style6"] .rpgBrand .mark,
html[data-aj-theme="style6"] .mark,
html[data-aj-theme="style6"] .kaMark,
html[data-aj-theme="style6"] .toeicMark,
html[data-aj-theme="style6"] .avMark,
html[data-aj-theme="style6"] .loginBrandMark{
  border:var(--b-line) !important;
  border-radius:12px !important;
  background:var(--b-lime) !important;
  color:var(--b-ink) !important;
  box-shadow:none !important;
}
html[data-aj-theme="style6"] .rpgBrand strong,
html[data-aj-theme="style6"] .rpgBrand small{color:var(--b-ink) !important;text-shadow:none !important;}
html[data-aj-theme="style6"] .aaMuteBtn{display:none !important;}

html[data-aj-theme="style6"] .experienceHero{
  width:min(1180px,100%) !important;
  min-height:0 !important;
  margin:0 auto !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  gap:10px !important;
  align-items:stretch !important;
}
html[data-aj-theme="style6"] .gazeHeroCopy{
  grid-column:span 5;
  min-width:0;
  min-height:600px !important;
  padding:clamp(24px,4vw,48px) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  border:var(--b-line) !important;
  border-radius:var(--b-radius) !important;
  background:var(--b-lilac) !important;
  color:var(--b-ink) !important;
  box-shadow:var(--b-shadow) !important;
}
html[data-aj-theme="style6"] .gazeBrand{
  align-self:flex-start !important;
  min-height:0 !important;
  margin:0 0 auto !important;
  padding:8px 12px !important;
  border:var(--b-line) !important;
  border-radius:999px !important;
  background:var(--b-white) !important;
  color:var(--b-ink) !important;
  font:800 13px/1 'Prompt',sans-serif !important;
}
html[data-aj-theme="style6"] .gazeHeroCopy h2{
  max-width:520px !important;
  margin:64px 0 14px !important;
  color:var(--b-ink) !important;
  font:800 clamp(42px,5.5vw,74px)/.94 'Prompt',sans-serif !important;
  letter-spacing:-.065em !important;
}
html[data-aj-theme="style6"] .gazeHeroCopy p{
  max-width:520px !important;
  margin:0 0 24px !important;
  color:#39383e !important;
  font:600 15px/1.65 'Sarabun',sans-serif !important;
}
html[data-aj-theme="style6"] .gazeHeroActions{
  width:100% !important;
  max-width:500px !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
}
html[data-aj-theme="style6"] .gazeGoogle{grid-column:1/-1;min-height:48px !important;}

html[data-aj-theme="style6"] .experienceRail{
  grid-column:span 7;
  min-height:600px !important;
  height:auto !important;
  display:block !important;
  border:0 !important;
  background:transparent !important;
}
html[data-aj-theme="style6"] .gazePhone{
  width:100% !important;
  height:100% !important;
  min-height:600px !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  grid-template-rows:repeat(6,minmax(72px,1fr)) !important;
  gap:10px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
html[data-aj-theme="style6"] :is(.gazePhoneTop,.gazeLesson,.gazeCourse){
  position:relative !important;
  min-width:0 !important;
  overflow:hidden !important;
  border:var(--b-line) !important;
  border-radius:var(--b-radius) !important;
  box-shadow:var(--b-shadow) !important;
  color:var(--b-ink) !important;
}
html[data-aj-theme="style6"] .gazePhoneTop{
  grid-column:1/3 !important;
  grid-row:1/5 !important;
  min-height:0 !important;
  padding:22px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  background:var(--b-pink) !important;
}
html[data-aj-theme="style6"] .gazePhoneTop::before,
html[data-aj-theme="style6"] .gazePhoneTop::after{display:none !important;}
html[data-aj-theme="style6"] .gazePhoneTop strong{font-size:20px !important;opacity:1 !important;}
html[data-aj-theme="style6"] .gazePhoneTop button{position:static !important;width:42px !important;height:42px !important;background:var(--b-white) !important;color:var(--b-ink) !important;border:var(--b-line) !important;}

html[data-aj-theme="style6"] .gazeLesson{
  grid-column:3/7 !important;
  grid-row:1/4 !important;
  min-height:0 !important;
  padding:28px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:16px !important;
  background:var(--b-lilac) !important;
}
html[data-aj-theme="style6"] .gazeLesson h3{max-width:390px;font-size:clamp(24px,3vw,42px) !important;line-height:1.02 !important;}
html[data-aj-theme="style6"] .gazeLesson::before,
html[data-aj-theme="style6"] .gazeLesson h3::after{content:none !important;display:none !important;}
html[data-aj-theme="style6"] .gazeLesson>b{font-size:32px !important;}
html[data-aj-theme="style6"] .gazeCourseHead,
html[data-aj-theme="style6"] .gazeBottomNav,
html[data-aj-theme="style6"] .gazeFeatureStrip{display:none !important;}
html[data-aj-theme="style6"] .gazeCourses{display:contents !important;}
html[data-aj-theme="style6"] .gazeCourse:nth-child(1){grid-column:3/5 !important;grid-row:4/7 !important;background:var(--b-lime) !important;}
html[data-aj-theme="style6"] .gazeCourse:nth-child(2){grid-column:5/7 !important;grid-row:4/6 !important;background:var(--b-white) !important;}
html[data-aj-theme="style6"] .gazeCourse:nth-child(3){grid-column:5/7 !important;grid-row:6/7 !important;background:var(--b-green) !important;color:#fff !important;}
html[data-aj-theme="style6"] .gazeCourse{min-height:0 !important;padding:18px !important;display:flex !important;flex-direction:column !important;justify-content:flex-end !important;align-items:flex-start !important;}
html[data-aj-theme="style6"] .gazeCourse b{font-size:16px !important;line-height:1.08 !important;color:inherit !important;}
html[data-aj-theme="style6"] .gazeCourse small{color:inherit !important;opacity:.72;}
html[data-aj-theme="style6"] .gazeCourse:nth-child(3)::after{display:none !important;}

html[data-aj-theme="style6"] :is(.landingLive,.landingPromos){
  width:min(1180px,calc(100% - 20px));
  margin:10px auto 0;
  border:var(--b-line) !important;
  border-radius:var(--b-radius) !important;
  background:var(--b-white) !important;
  box-shadow:var(--b-shadow) !important;
  overflow:hidden;
}
html[data-aj-theme="style6"] .landingPromos :is(.lpUspCard,.lpAbout,.lpPoster,.lpBanner){border:var(--b-line) !important;border-radius:16px !important;box-shadow:none !important;}

html[data-aj-theme="style6"] .loginModal{background:rgba(23,23,23,.7) !important;backdrop-filter:blur(8px) !important;}
html[data-aj-theme="style6"] body:has(#loginModal[style*="display: flex"]) .ajThemeChooser{display:none !important;}
html[data-aj-theme="style6"] .loginModalInner{
  border:var(--b-line) !important;
  border-radius:24px !important;
  background:var(--b-lilac) !important;
  color:var(--b-ink) !important;
  box-shadow:8px 8px 0 var(--b-ink) !important;
}
html[data-aj-theme="style6"] .loginModalInner :is(.fieldInput,.roleTabs,.authModeTab,.googleSignInButton,.scheduleChoice,.successCourseCard,.successStats>div){border:var(--b-line) !important;background:var(--b-white) !important;color:var(--b-ink) !important;box-shadow:none !important;}
html[data-aj-theme="style6"] .loginModalInner :is(.roleTab.active,.authModeTab.active,.scheduleChoice.active){background:var(--b-lime) !important;color:var(--b-ink) !important;}

/* Learner dashboard */
html[data-aj-theme="style6"] .stTop,
html[data-aj-theme="style6"] .kaTop,
html[data-aj-theme="style6"] .toeicNav{
  position:sticky !important;
  top:0 !important;
  z-index:70 !important;
  min-height:72px !important;
  height:auto !important;
  padding:10px clamp(12px,3vw,28px) !important;
  border:0 !important;
  border-bottom:var(--b-line) !important;
  border-radius:0 !important;
  background:var(--b-paper) !important;
  color:var(--b-ink) !important;
  box-shadow:none !important;
}
html[data-aj-theme="style6"] .stTop{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;}
html[data-aj-theme="style6"] .stTopRight{margin-left:auto !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:8px !important;flex-wrap:nowrap !important;}
html[data-aj-theme="style6"] .stBrandText strong,
html[data-aj-theme="style6"] .stBrandText small{color:var(--b-ink) !important;}
html[data-aj-theme="style6"] .stTopNav{border:var(--b-line) !important;border-radius:999px !important;background:var(--b-white) !important;}
html[data-aj-theme="style6"] .stTopNav a.active{background:var(--b-lime) !important;color:var(--b-ink) !important;}
html[data-aj-theme="style6"] .stShell{
  max-width:1440px;
  margin:0 auto;
  padding:10px;
  display:grid !important;
  grid-template-columns:250px minmax(0,1fr) !important;
  gap:10px !important;
  background:transparent !important;
  border:0 !important;
}
html[data-aj-theme="style6"] .stSidebar{position:sticky !important;top:82px !important;height:calc(100svh - 94px) !important;padding:18px !important;border:var(--b-line) !important;background:var(--b-lime) !important;color:var(--b-ink) !important;box-shadow:var(--b-shadow) !important;}
html[data-aj-theme="style6"] .stSidebar :is(button,a){color:var(--b-ink) !important;}
html[data-aj-theme="style6"] .stMain{padding:0 !important;display:grid !important;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;align-items:start;}
html[data-aj-theme="style6"] .stHero{
  grid-column:1/9;
  min-height:430px !important;
  padding:34px !important;
  overflow:hidden !important;
  background:var(--b-lilac) !important;
}
html[data-aj-theme="style6"] body .stHero{background:var(--b-lilac) !important;color:var(--b-ink) !important;}
html[data-aj-theme="style6"] .stHeroSceneTint{background:rgba(201,192,255,.36) !important;}
html[data-aj-theme="style6"] .stHeroCopy{max-width:620px !important;}
html[data-aj-theme="style6"] .stHero h1{font-size:clamp(38px,5vw,70px) !important;line-height:.98 !important;color:var(--b-ink) !important;}
html[data-aj-theme="style6"] .stHeroSub,
html[data-aj-theme="style6"] .stHeroPill{color:var(--b-ink) !important;}
html[data-aj-theme="style6"] .stLiveSpotlight{grid-column:9/13;min-height:210px;background:var(--b-green) !important;color:#fff !important;}
html[data-aj-theme="style6"] .stPartners{grid-column:9/13;background:var(--b-pink) !important;}
html[data-aj-theme="style6"] .stPromos{grid-column:1/-1;min-width:0;}
html[data-aj-theme="style6"] .stGrid{grid-column:1/9;display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;}
html[data-aj-theme="style6"] .stGrid .stCard:first-child{background:var(--b-lime) !important;}
html[data-aj-theme="style6"] .stStats{grid-column:9/13;display:grid !important;grid-template-columns:1fr !important;gap:10px !important;}
html[data-aj-theme="style6"] .stStat:nth-child(1){background:var(--b-orange) !important;}
html[data-aj-theme="style6"] .stStat:nth-child(2){background:var(--b-lilac) !important;}
html[data-aj-theme="style6"] .stStat:nth-child(3){background:var(--b-green) !important;color:#fff !important;}

/* Study/catalog */
html[data-aj-theme="style6"] .kaTopInner{max-width:1320px !important;}
html[data-aj-theme="style6"] .kaPage{max-width:1320px !important;padding:10px 10px 52px !important;}
html[data-aj-theme="style6"] .kaHero,
html[data-aj-theme="style6"] .kaCourseHead{background:var(--b-lilac) !important;color:var(--b-ink) !important;}
html[data-aj-theme="style6"] body .kaHero,
html[data-aj-theme="style6"] body .kaCourseHead{background:var(--b-lilac) !important;color:var(--b-ink) !important;}
html[data-aj-theme="style6"] .kaBrand h1,
html[data-aj-theme="style6"] .kaBrand small,
html[data-aj-theme="style6"] .kaSectionHead h3,
html[data-aj-theme="style6"] .kaSectionHead p{color:var(--b-ink) !important;}
html[data-aj-theme="style6"] .kaHero{min-height:360px !important;}
html[data-aj-theme="style6"] .kaHero h2{font-size:clamp(38px,5vw,68px) !important;line-height:.98 !important;color:var(--b-ink) !important;}
html[data-aj-theme="style6"] .kaHero :is(p,span,b),
html[data-aj-theme="style6"] .kaCourseHead :is(p,span,b,h2){color:var(--b-ink) !important;}
html[data-aj-theme="style6"] .kaGrid{display:grid !important;grid-template-columns:repeat(12,minmax(0,1fr)) !important;gap:10px !important;}
html[data-aj-theme="style6"] .kaCard{grid-column:span 4;overflow:hidden;}
html[data-aj-theme="style6"] .kaCard:nth-child(6n+1),
html[data-aj-theme="style6"] .kaCard:nth-child(6n+4){grid-column:span 6;}
html[data-aj-theme="style6"] .kaCard:nth-child(4n+1) .kaCardTop{background:var(--b-lime) !important;}
html[data-aj-theme="style6"] .kaCard:nth-child(4n+2) .kaCardTop{background:var(--b-pink) !important;}
html[data-aj-theme="style6"] .kaCard:nth-child(4n+3) .kaCardTop{background:var(--b-lilac) !important;}
html[data-aj-theme="style6"] .kaCard:nth-child(4n) .kaCardTop{background:var(--b-green) !important;color:#fff !important;}
html[data-aj-theme="style6"] .kaProgress{border:1px solid var(--b-ink) !important;background:var(--b-paper) !important;}
html[data-aj-theme="style6"] .kaProgress i{background:var(--b-ink) !important;}
html[data-aj-theme="style6"] .kaUnlockGrid,
html[data-aj-theme="style6"] .kaDocGrid{gap:10px !important;}
html[data-aj-theme="style6"] .kaPlanCard.best{background:var(--b-lime) !important;transform:none !important;}
html[data-aj-theme="style6"] .kaLesson{gap:10px !important;}
html[data-aj-theme="style6"] .kaBlock:nth-of-type(odd){background:var(--b-white) !important;}
html[data-aj-theme="style6"] .kaTutorCard{background:var(--b-green) !important;color:#fff !important;}

/* Live page */
html[data-aj-theme="style6"] .toeicLanding main{width:min(1320px,100%);margin:auto;padding:10px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;}
html[data-aj-theme="style6"] .toeicHero{grid-column:1/-1;min-height:540px !important;padding:clamp(28px,5vw,68px) !important;grid-template-columns:1.1fr .9fr !important;background:var(--b-lilac) !important;color:var(--b-ink) !important;}
html[data-aj-theme="style6"] .toeicHero :is(h1,p,strong,span){color:var(--b-ink) !important;}
html[data-aj-theme="style6"] .toeicBadge{border:var(--b-line);background:var(--b-lime) !important;color:var(--b-ink) !important;}
html[data-aj-theme="style6"] .toeicHeroVisual img{border:var(--b-line);border-radius:16px !important;box-shadow:var(--b-shadow) !important;}
html[data-aj-theme="style6"] .toeicFlow,
html[data-aj-theme="style6"] .toeicCurriculum,
html[data-aj-theme="style6"] .toeicRegister{grid-column:1/-1;padding:28px !important;border:var(--b-line);border-radius:var(--b-radius);background:var(--b-white) !important;}
html[data-aj-theme="style6"] .toeicPack{grid-column:1/-1;background:var(--b-green) !important;color:#fff !important;}
html[data-aj-theme="style6"] .toeicSteps article:nth-child(2){background:var(--b-lime) !important;}
html[data-aj-theme="style6"] .toeicSteps article:nth-child(3){background:var(--b-pink) !important;}
html[data-aj-theme="style6"] .toeicTimeline div{border-left:var(--b-line) !important;}
html[data-aj-theme="style6"] .toeicTimeline div:nth-child(even){background:var(--b-lilac) !important;}

/* Avatar and admin */
html[data-aj-theme="style6"] .avBody{background:var(--b-paper) !important;}
html[data-aj-theme="style6"] .avHeader{border-bottom:var(--b-line) !important;background:var(--b-pink) !important;}
html[data-aj-theme="style6"] .avatarShell{gap:10px !important;}
html[data-aj-theme="style6"] .avSection:nth-child(odd){background:var(--b-lilac) !important;}
html[data-aj-theme="style6"] .avPreviewCard{background:var(--b-lime) !important;}
html[data-aj-theme="style6"] .optBtn.sel,
html[data-aj-theme="style6"] .swatch.sel{outline:3px solid var(--b-ink) !important;outline-offset:2px;}
html[data-aj-theme="style6"] .adminLoginBody{display:grid !important;place-items:center;min-height:100svh;}
html[data-aj-theme="style6"] .adminLoginShell{background:var(--b-lilac) !important;}
html[data-aj-theme="style6"] .adminQuickStats{gap:10px !important;}
html[data-aj-theme="style6"] .adminQuickStats>div:nth-child(4n+1){background:var(--b-lime) !important;}
html[data-aj-theme="style6"] .adminQuickStats>div:nth-child(4n+2){background:var(--b-pink) !important;}
html[data-aj-theme="style6"] .adminQuickStats>div:nth-child(4n+3){background:var(--b-lilac) !important;}

/* Tablet */
@media(max-width:980px){
  html[data-aj-theme="style6"] .experienceHero{grid-template-columns:1fr !important;}
  html[data-aj-theme="style6"] .gazeHeroCopy,
  html[data-aj-theme="style6"] .experienceRail{grid-column:1 !important;}
  html[data-aj-theme="style6"] .gazeHeroCopy{min-height:440px !important;}
  html[data-aj-theme="style6"] .stShell{grid-template-columns:1fr !important;}
  html[data-aj-theme="style6"] .stSidebar{display:none !important;}
  html[data-aj-theme="style6"] .stHero{grid-column:1/-1;}
  html[data-aj-theme="style6"] .stLiveSpotlight{grid-column:1/7;}
  html[data-aj-theme="style6"] .stPartners{grid-column:7/13;}
  html[data-aj-theme="style6"] .stGrid{grid-column:1/-1;}
  html[data-aj-theme="style6"] .stStats{grid-column:1/-1;grid-template-columns:repeat(3,1fr) !important;}
  html[data-aj-theme="style6"] .kaCard{grid-column:span 6 !important;}
}

/* Mobile first handoff target: 390 × 844, no horizontal scroll. */
@media(max-width:620px){
  html[data-aj-theme="style6"] .experienceLanding{padding:0 8px 92px !important;}
  html[data-aj-theme="style6"] .rpgTopBar{display:none !important;}
  html[data-aj-theme="style6"] .rpgBrand small{display:none;}
  html[data-aj-theme="style6"] .rpgEnterBtn{min-height:40px !important;padding:0 12px !important;font-size:11px !important;}
  html[data-aj-theme="style6"] .experienceHero{gap:8px !important;}
  html[data-aj-theme="style6"] .gazeHeroCopy{min-height:400px !important;padding:24px 20px !important;box-shadow:3px 3px 0 var(--b-ink) !important;}
  html[data-aj-theme="style6"] .gazeBrand{margin-bottom:auto !important;}
  html[data-aj-theme="style6"] .gazeHeroCopy h2{margin:38px 0 12px !important;font-size:43px !important;}
  html[data-aj-theme="style6"] .gazeHeroCopy p{font-size:13px !important;line-height:1.55 !important;}
  html[data-aj-theme="style6"] .gazeHeroActions{grid-template-columns:1fr !important;}
  html[data-aj-theme="style6"] .gazeGoogle{grid-column:auto;}
  html[data-aj-theme="style6"] .experienceRail{min-height:506px !important;}
  html[data-aj-theme="style6"] .gazePhone{min-height:506px !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-template-rows:repeat(4,116px) !important;gap:8px !important;}
  html[data-aj-theme="style6"] .gazePhoneTop{grid-column:1 !important;grid-row:1/3 !important;padding:14px !important;box-shadow:3px 3px 0 var(--b-ink) !important;}
  html[data-aj-theme="style6"] .gazePhoneTop strong{font-size:15px !important;}
  html[data-aj-theme="style6"] .gazeLesson{grid-column:2 !important;grid-row:1/3 !important;padding:16px !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-end !important;box-shadow:3px 3px 0 var(--b-ink) !important;}
  html[data-aj-theme="style6"] .gazeLesson h3{font-size:21px !important;}
  html[data-aj-theme="style6"] .gazeLesson>b{font-size:24px !important;}
  html[data-aj-theme="style6"] .gazeCourse:nth-child(1){grid-column:1 !important;grid-row:3/5 !important;}
  html[data-aj-theme="style6"] .gazeCourse:nth-child(2){grid-column:2 !important;grid-row:3 !important;}
  html[data-aj-theme="style6"] .gazeCourse:nth-child(3){grid-column:2 !important;grid-row:4 !important;}
  html[data-aj-theme="style6"] .gazeCourse{padding:13px !important;box-shadow:3px 3px 0 var(--b-ink) !important;}
  html[data-aj-theme="style6"] .landingPromos{width:calc(100% - 16px);}

  html[data-aj-theme="style6"] .stTop{padding:8px 10px !important;}
  html[data-aj-theme="style6"] .stBrandText small,
  html[data-aj-theme="style6"] .stTopRight>.stIconBtn,
  html[data-aj-theme="style6"] .stTopNav{display:none !important;}
  html[data-aj-theme="style6"] .stTopRight{gap:6px !important;}
  html[data-aj-theme="style6"] .stProfile{padding:7px 9px !important;}
  html[data-aj-theme="style6"] .stMain{grid-template-columns:1fr 1fr !important;gap:8px !important;}
  html[data-aj-theme="style6"] .stHero{grid-column:1/-1;min-height:480px !important;padding:22px 18px !important;box-shadow:3px 3px 0 var(--b-ink) !important;}
  html[data-aj-theme="style6"] .stHero h1{font-size:42px !important;}
  html[data-aj-theme="style6"] .stHeroChar{right:-32px !important;opacity:.8;}
  html[data-aj-theme="style6"] .stLiveSpotlight,
  html[data-aj-theme="style6"] .stPartners{grid-column:1/-1;min-height:0;}
  html[data-aj-theme="style6"] .stPromos{grid-column:1/-1;}
  html[data-aj-theme="style6"] .stGrid{grid-column:1/-1;grid-template-columns:1fr !important;gap:8px !important;}
  html[data-aj-theme="style6"] .stStats{grid-column:1/-1;grid-template-columns:1fr 1fr !important;gap:8px !important;}
  html[data-aj-theme="style6"] .stStat:last-child{grid-column:1/-1;}

  html[data-aj-theme="style6"] .kaTopInner{gap:8px !important;}
  html[data-aj-theme="style6"] .kaBrand small,
  html[data-aj-theme="style6"] .kaPlanPill{display:none !important;}
  html[data-aj-theme="style6"] .kaPage{padding:8px 8px 92px !important;}
  html[data-aj-theme="style6"] .kaHero{min-height:430px !important;padding:24px 20px !important;}
  html[data-aj-theme="style6"] .kaHero h2{font-size:44px !important;}
  html[data-aj-theme="style6"] .kaHeroStats{grid-template-columns:repeat(3,1fr) !important;gap:6px !important;}
  html[data-aj-theme="style6"] .kaGrid{grid-template-columns:1fr 1fr !important;gap:8px !important;}
  html[data-aj-theme="style6"] .kaCard{grid-column:span 1 !important;box-shadow:3px 3px 0 var(--b-ink) !important;}
  html[data-aj-theme="style6"] .kaCard:nth-child(3n+1){grid-column:1/-1 !important;}
  html[data-aj-theme="style6"] .kaCardBody{padding:14px !important;}
  html[data-aj-theme="style6"] .kaCardTop{min-height:104px !important;}
  html[data-aj-theme="style6"] .kaCard h3{font-size:16px !important;}
  html[data-aj-theme="style6"] .kaCardDesc{font-size:12px !important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
  html[data-aj-theme="style6"] .kaLesson{grid-template-columns:1fr !important;}
  html[data-aj-theme="style6"] .kaSidebar{position:static !important;}

  html[data-aj-theme="style6"] .toeicLanding main{padding:8px;gap:8px;}
  html[data-aj-theme="style6"] .toeicHero{min-height:0 !important;padding:24px 18px !important;grid-template-columns:1fr !important;}
  html[data-aj-theme="style6"] .toeicHero h1{font-size:43px !important;}
  html[data-aj-theme="style6"] .toeicMeta{grid-template-columns:1fr 1fr !important;}
  html[data-aj-theme="style6"] .toeicMeta div:last-child{grid-column:1/-1;}
  html[data-aj-theme="style6"] .toeicSteps{grid-template-columns:1fr !important;}
  html[data-aj-theme="style6"] .toeicTimeline div{grid-template-columns:1fr !important;}
  html[data-aj-theme="style6"] .toeicPack,
  html[data-aj-theme="style6"] .toeicRegister{grid-template-columns:1fr !important;padding:22px 18px !important;}

  html[data-aj-theme="style6"] .ajThemeChooser{display:none !important;}
}

@media(prefers-reduced-motion:reduce){
  html[data-aj-theme="style6"] *,
  html[data-aj-theme="style6"] *::before,
  html[data-aj-theme="style6"] *::after{scroll-behavior:auto !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;}
}