/* Approved UI-only typography. Reading letters, words and answer cards keep
   their original educational fonts; the clay wordmarks remain raster assets. */
@font-face {
  font-family:'Ttobak UI';
  src:url('./assets/Pretendard-Medium.subset.woff2') format('woff2');
  font-style:normal;
  font-weight:500;
  font-display:swap;
}
@font-face {
  font-family:'Ttobak UI';
  src:url('./assets/Pretendard-SemiBold.subset.woff2') format('woff2');
  font-style:normal;
  font-weight:600;
  font-display:swap;
}
body .ttobak-home .home-actions > button,
body[data-ttobak-screen] .tt-learning-app .learning-tools button,
body[data-ttobak-screen] .tt-learning-app .mobile-stage-picker,
body[data-ttobak-screen] .tt-learning-app .mobile-stage-picker select,
body[data-ttobak-screen] .tt-learning-app [data-ui='sidebarStyle'] button[data-ui='st.style'],
body[data-ttobak-screen] .tt-learning-app [data-ui='sidebarStyle'] button[data-ui='st.style'] > span:last-child,
body[data-ttobak-screen] .tt-learning-app button:is(
  [data-ui='softBtn'],[data-ui='primaryBtn'],[data-ui='coralBtn'],
  [data-ui='learner.selectStyle'],[data-ui='p.style'],[data-ui='rb.style'],
  [data-ui='breadcrumbStyle'],[data-ui='sidebarRecordButtonStyle'],
  [data-ui='navBtnStyle'],[data-ui='navBtnAccentStyle'],
  [data-ui='smallActionBtnStyle'],[data-ui='smallActionMutedStyle'],
  [data-ui='m.style'],[data-ui='l.style'],[data-ui='a.style'],
  [data-ui$='ListenBtnStyle']
),
body[data-ttobak-screen] .tt-learning-app .ttb-stage1-random,
body[data-ttobak-screen] .tt-learning-app .tt-ring-motion-toggle,
body[data-ttobak-screen] .tt-learning-app [data-ui='attemptButtonRowStyle'] button,
body .teacher-materials :is(button,select),
body .adventure-actions button,
body .adventure-mission-copy strong,
body .adventure-guest button,
body .import-recovery button {
  font-family:'Ttobak UI','Ttobak Learning','Noto Sans CJK KR','Malgun Gothic',sans-serif!important;
  font-weight:600!important;
  font-synthesis:none;
}
body[data-ttobak-screen] .tt-learning-app :is(
  [data-ui='learnerTextStyle'],[data-ui='learnerStripCopyStyle'],
  [data-ui='s1GuideTextStyle'],[data-ui='s1HintStyle'],
  [data-ui='s2GuideBubbleStyle'],[data-ui='s3GuideBubbleStyle'],
  [data-ui='s4GuideBubbleStyle'],[data-ui='s5GuideBubbleStyle'],
  [data-ui='s6GuideBubbleStyle'],[data-ui='s7GuideBubbleStyle'],
  [data-ui='wordGuideBubbleStyle'],[data-ui='s4MiniNoteStyle'],
  [data-ui='s6RuleNoteStyle'],[data-ui='feedbackStyle']
),
body[data-ttobak-screen] .tt-learning-app [data-ui$='SectionCopyStyle'] small,
body .ttb-related-product-description,
body .materials-album-description,
body .materials-intro,
body .material-card p,
body .adventure-intro p,
body .adventure-description,
body .adventure-stats-note,
body .adventure-cheer p,
body .adventure-mission-copy small,
body .adventure-guest p {
  font-family:'Ttobak UI','Ttobak Learning','Noto Sans CJK KR','Malgun Gothic',sans-serif!important;
  font-weight:500!important;
  font-synthesis:none;
  color:#344e43!important;
}
/* Keep the home tagline quiet and clear with the bundled Pretendard Medium. */
body .ttobak-home .home-copy .home-tagline {
  font-family:'Ttobak UI','Ttobak Home',sans-serif;
  font-size:clamp(1.25rem,1.65vw,1.5rem);
  font-weight:500;
  font-synthesis:none;
  line-height:1.55;
  letter-spacing:-.025em;
  margin:clamp(.75rem,1vw,1rem) 0 0;
  word-break:keep-all;
}
@media(forced-colors:active){
 body[data-ttobak-screen] .tt-learning-app [data-ui='learnerTextStyle'],
 body .ttb-related-product-description,
 body .materials-album-description {color:CanvasText!important;}
}
/* Keep word category and difficulty choices readable within their existing grids. */
body[data-ttobak-screen="stage-8"] .tt-learning-app :is([data-ui="wordTabRowStyle"],[data-ui="wordLevelTabsStyle"]) button {
  font-size:clamp(16px,1.3vw,18px)!important;
  font-weight:800!important;
  line-height:1.3!important;
  min-height:46px!important;
}
body[data-ttobak-screen="stage-8"] .tt-learning-app [data-ui="wordSectionHeadStyle"] { align-items:flex-start!important; }
body[data-ttobak-screen="stage-8"] .tt-learning-app [data-ui="wordBadgeRowStyle"] { align-items:flex-start!important; }
body[data-ttobak-screen="stage-8"] .tt-learning-app [data-ui="wordMiniMetaStyle"] { min-height:36px;display:flex;align-items:center;line-height:1.4; }