/* Kaiwa learner recovery: the model exchange begins in the first viewport. */
[hidden]{display:none!important}
@font-face{font-family:BrandScript;src:url('/assets/learner-design/brand-script.woff2') format('woff2');font-weight:700;font-display:swap}
body[data-kaiwa-speaking-v2]{
  min-height:100vh;background:linear-gradient(100deg,rgba(247,244,235,.60),rgba(247,244,235,.9) 48%,rgba(247,244,235,.72)),url('/assets/learner-design/wave-sakura.png') left top/cover scroll no-repeat!important;
  color:var(--tl-ink)!important;font-size:18px
}
html[data-mode=dark] body[data-kaiwa-speaking-v2],html[data-theme=dark] body[data-kaiwa-speaking-v2]{
  background:linear-gradient(100deg,rgba(5,18,30,.8),rgba(5,18,30,.93) 48%,rgba(5,18,30,.8)),url('/assets/learner-design/wave-sakura.png') left top/cover scroll no-repeat!important
}
body[data-kaiwa-speaking-v2] .site-nav{
  width:min(1120px,calc(100% - 32px));margin:16px auto 0;background:var(--tl-glass)!important;
  border:1px solid var(--tl-glass-border);border-radius:18px;backdrop-filter:blur(var(--tl-blur));
  box-shadow:0 12px 34px rgba(23,40,51,.08)
}
body[data-kaiwa-speaking-v2] .site-nav-in{min-height:64px;padding:9px 14px;display:flex;align-items:center;gap:16px}
body[data-kaiwa-speaking-v2] .wordmark{
  order:-1;margin-right:auto;display:flex;flex-direction:row;align-items:center;gap:12px;text-decoration:none
}
body[data-kaiwa-speaking-v2] .wordmark::before{
  content:'智旅';width:40px;height:42px;box-sizing:border-box;padding:5px 9px 4px;background:#ad665b;
  color:#fff9ed;border-radius:3px;box-shadow:inset 0 0 0 3px #ad665b,inset 0 0 0 4px rgba(255,247,230,.48);
  writing-mode:vertical-rl;white-space:nowrap;font:17px/1 var(--tl-font-jp);letter-spacing:1px;transform:rotate(-2deg)
}
body[data-kaiwa-speaking-v2] .wordmark-main{font-size:0!important;color:var(--tl-ink)!important}
body[data-kaiwa-speaking-v2] .wordmark-main::before{content:'Trí Lữ';display:block;font:700 33px/1.18 BrandScript,Georgia,serif}
body[data-kaiwa-speaking-v2] .wordmark-main .sep{display:none}
body[data-kaiwa-speaking-v2] .wordmark-jp{font-size:0!important;letter-spacing:0!important}
body[data-kaiwa-speaking-v2] .wordmark-jp::before{
  content:'NIHONGO';font:600 8px/1 var(--tl-font-ui);letter-spacing:.29em;color:var(--tl-ink-soft)
}
body[data-kaiwa-speaking-v2] .nav-left{display:none}
body[data-kaiwa-speaking-v2] .nav-back{
  min-height:44px;color:var(--tl-ink)!important;font:600 16px var(--tl-font-ui);letter-spacing:0;text-transform:none
}
body[data-kaiwa-speaking-v2] .page{padding-top:0}
body[data-kaiwa-speaking-v2] #th-tien{display:none!important}
body[data-kaiwa-speaking-v2] .lesson-head{
  max-width:960px;margin:18px auto 0;padding:18px 24px 14px;background:transparent!important;color:var(--tl-ink)!important
}
body[data-kaiwa-speaking-v2] .lesson-head .container-wide{width:100%;max-width:none}
body[data-kaiwa-speaking-v2] .lh-eyebrow{
  margin:0 0 8px;color:var(--tl-seal)!important;font:700 12px/1.4 var(--tl-font-mono);letter-spacing:.13em
}
body[data-kaiwa-speaking-v2] .lh-row{display:flex;align-items:baseline;gap:16px}
body[data-kaiwa-speaking-v2] .lh-num{min-width:0;color:var(--tl-seal)!important;font:600 30px/1 var(--tl-font-jp)}
body[data-kaiwa-speaking-v2] .lh-num .lab{display:none}
body[data-kaiwa-speaking-v2] .lh-title{
  margin:0;color:var(--tl-ink)!important;font:600 clamp(29px,4vw,42px)/1.18 var(--tl-font-jp);letter-spacing:-.02em
}
body[data-kaiwa-speaking-v2] .lh-jp{margin-top:5px;color:var(--tl-ink-soft)!important;font:18px/1.6 var(--tl-font-jp)}
body[data-kaiwa-speaking-v2] .section{padding:0 16px 48px!important}
body[data-kaiwa-speaking-v2] .container{max-width:960px;width:100%;padding:0}
#kaiwaSpeakingLab{
  position:relative;overflow:hidden;padding:clamp(24px,5vw,50px);
  background:linear-gradient(135deg,var(--tl-glass-strong),var(--tl-paper));
  border:1px solid var(--tl-glass-border);border-radius:var(--tl-radius-surface);
  box-shadow:var(--tl-shadow);backdrop-filter:blur(var(--tl-blur));line-height:1.75
}
#kaiwaSpeakingLab h2{
  max-width:31ch;margin:14px 0 15px;font:600 clamp(27px,3.5vw,38px)/1.32 var(--tl-font-jp);letter-spacing:-.02em
}
#kaiwaSpeakingLab h3{font:600 22px/1.4 var(--tl-font-jp)}
#kaiwaSpeakingLab[data-step="0"] #ksContent{display:flex;flex-direction:column}
#kaiwaSpeakingLab[data-step="0"] #ksContent>h2{order:1}
#kaiwaSpeakingLab[data-step="0"] #ksContent>p:not(.ks-muted){order:2;margin:0 0 12px}
#kaiwaSpeakingLab[data-step="0"] #ksStart{order:3;align-self:flex-start;min-width:210px}
#kaiwaSpeakingLab[data-step="0"] .ks-road{order:4;margin:22px 0 10px;padding:18px 0 0 24px;border-top:1px solid var(--tl-hair)}
#kaiwaSpeakingLab[data-step="0"] #ksContent>details{order:5}
#kaiwaSpeakingLab[data-step="0"] .ks-muted{order:6}
#kaiwaSpeakingLab .ks-position{
  color:var(--tl-seal);font:700 12px/1.4 var(--tl-font-mono);letter-spacing:.12em;text-transform:uppercase
}
#kaiwaSpeakingLab button,#kaiwaSpeakingLab summary,.ks-teacher,.ks-archive>summary{min-height:44px;font-size:16px}
#kaiwaSpeakingLab button.ks-primary{min-height:50px;background:var(--tl-ink);color:#fffaf0;border-color:transparent}
#kaiwaSpeakingLab button.ks-primary:hover,#kaiwaSpeakingLab button.ks-primary:focus-visible{
  background:color-mix(in srgb,var(--tl-ink) 88%,var(--tl-focus));color:#fffaf0
}
html[data-mode=dark] #kaiwaSpeakingLab button.ks-primary,
html[data-theme=dark] #kaiwaSpeakingLab button.ks-primary{background:var(--tl-seal);color:#172833}
html[data-mode=dark] #kaiwaSpeakingLab button.ks-primary:hover,
html[data-mode=dark] #kaiwaSpeakingLab button.ks-primary:focus-visible,
html[data-theme=dark] #kaiwaSpeakingLab button.ks-primary:hover,
html[data-theme=dark] #kaiwaSpeakingLab button.ks-primary:focus-visible{
  background:color-mix(in srgb,var(--tl-seal) 88%,white);color:#172833
}
#kaiwaSpeakingLab .ks-dialogue,#kaiwaSpeakingLab .ks-pattern,#kaiwaSpeakingLab .ks-role,#kaiwaSpeakingLab .ks-review{
  padding-block:22px;border-top:1px solid var(--tl-hair);background:transparent
}
#kaiwaSpeakingLab .ks-jp{font-size:clamp(24px,3vw,30px)}
#kaiwaSpeakingLab textarea,#kaiwaSpeakingLab select{
  background:color-mix(in srgb,var(--tl-paper) 78%,transparent);font-size:17px
}
.ks-archive{margin:24px 0;padding:8px 0;border-top:1px solid var(--tl-hair)}
.ks-archive>summary{color:var(--tl-ink-soft)}
.ks-archive button,.ks-archive summary,.ks-archive select{min-height:44px!important}
.ks-comprehension{margin-top:24px;border-top:1px solid var(--tl-hair);border-bottom:1px solid var(--tl-hair)}
.ks-comprehension>summary{min-height:56px;display:flex;align-items:center;font-weight:700}
.ks-comprehension[open]{padding-bottom:20px}
body[data-kaiwa-speaking-v2] .lesson-bar{border-top:1px solid var(--tl-hair)}
body[data-kaiwa-speaking-v2] .lesson-bar-in{max-width:960px;padding:20px 16px;gap:12px}
body[data-kaiwa-speaking-v2] .foot{display:none}
@media(max-width:600px){
  body[data-kaiwa-speaking-v2]{background-position:30% top!important}
  body[data-kaiwa-speaking-v2] .site-nav{width:calc(100% - 20px);margin-top:10px}
  body[data-kaiwa-speaking-v2] .site-nav-in{padding:8px 9px}
  body[data-kaiwa-speaking-v2] .wordmark::before{width:36px;height:39px;font-size:15px;padding-inline:8px}
  body[data-kaiwa-speaking-v2] .wordmark-main::before{font-size:27px}
  body[data-kaiwa-speaking-v2] .nav-back{font-size:0}
  body[data-kaiwa-speaking-v2] .nav-back span{font-size:20px}
  body[data-kaiwa-speaking-v2] .lesson-head{margin-top:8px;padding:12px 16px 10px}
  body[data-kaiwa-speaking-v2] .lh-eyebrow{display:none}
  body[data-kaiwa-speaking-v2] .lh-num{font-size:22px}
  body[data-kaiwa-speaking-v2] .lh-title{font-size:28px}
  body[data-kaiwa-speaking-v2] .lh-jp{font-size:16px}
  body[data-kaiwa-speaking-v2] .section{padding:0 10px 36px!important}
  #kaiwaSpeakingLab{padding:21px 18px;border-radius:22px}
  #kaiwaSpeakingLab h2{font-size:26px;margin-top:12px}
  #kaiwaSpeakingLab[data-step="0"] #ksStart{width:100%}
  #kaiwaSpeakingLab[data-step="0"] .ks-road{font-size:16px}
  .ks-actions button{flex:1}
}
@media(prefers-reduced-transparency:reduce){
  body[data-kaiwa-speaking-v2] .site-nav,#kaiwaSpeakingLab{backdrop-filter:none;background:var(--tl-paper)}
}