/* LessonSky Smartboard Compatibility Layer 1.0
 * Progressive enhancement for Windows/Linux classroom boards.
 * Critical navigation and forms remain server-rendered and usable without JS.
 */
:root{--sk-board-target:48px}
.sk-smartboard{--sk-board-target:56px}
.sk-smartboard .sk-btn,.sk-smartboard .sk-small-btn,.sk-smartboard button,.sk-smartboard input[type=submit],.sk-smartboard summary,.sk-smartboard .sk-top-nav a,.sk-smartboard .sk-career-clusters a{min-height:var(--sk-board-target);touch-action:manipulation}
.sk-smartboard input,.sk-smartboard select,.sk-smartboard textarea{font-size:16px;min-height:48px}
.sk-smartboard .sk-btn,.sk-smartboard .sk-small-btn{padding-left:16px;padding-right:16px}
.sk-smartboard .sk-card{scroll-margin-top:18px}
.sk-smartboard .sk-skill-route-card:hover,.sk-smartboard .sk-career-card:hover{transform:none}
.sk-smartboard .sk-career-clusters a,.sk-smartboard .sk-language-track-picker a{padding-left:15px;padding-right:15px}
.sk-smartboard .sk-language-passage-text,.sk-smartboard .sk-reading-text{font-size:18px;line-height:1.72}
.sk-smartboard .sk-career-card p,.sk-smartboard .sk-skill-module p{line-height:1.6}
.sk-smartboard .sk-no-hover-only{display:block!important}
.sk-smartboard.sk-no-speech [data-sk-language-speak]{display:none!important}
.sk-smartboard.sk-no-speech .sk-language-passage.is-listening:after{content:"Ses desteği bu tarayıcıda yok; dinleme transkripti kullanılabilir.";display:block;padding:9px 11px;border-radius:10px;background:#fff7ed;color:#8a4b0f;font-size:12px;font-weight:750}
@media(pointer:coarse){.sk-btn,.sk-small-btn,button,input[type=submit],summary{min-height:52px;touch-action:manipulation}}
@media(min-width:1024px) and (max-width:1450px){.sk-smartboard .sk-shell{max-width:calc(100vw - 28px)}.sk-smartboard .sk-growth-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sk-smartboard .sk-career-grid,.sk-smartboard .sk-skill-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(forced-colors:active){.sk-smartboard .sk-card,.sk-smartboard .sk-btn,.sk-smartboard .sk-small-btn,.sk-smartboard a,.sk-smartboard input,.sk-smartboard select,.sk-smartboard textarea{forced-color-adjust:auto;border:1px solid CanvasText}.sk-smartboard .sk-growth-orb,.sk-smartboard .sk-career-orbit{background:Canvas;color:CanvasText}}
@media(prefers-reduced-motion:reduce){.sk-smartboard *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* RC30.55.36 — board-safe universal assessment contract */
.sk-smartboard .sk-grade-test-options label,.sk-smartboard .sk-universal-grade-topic,.sk-smartboard .sk-content-options label{min-height:60px!important;touch-action:manipulation}
.sk-smartboard .sk-grade-test-question legend strong,.sk-smartboard .sk-content-stem{font-size:clamp(20px,1.8vw,27px)!important;line-height:1.3!important;max-height:none!important;overflow:visible!important}
.sk-smartboard .sk-grade-option-copy,.sk-smartboard .sk-content-options label{font-size:18px!important;line-height:1.45!important}
.sk-smartboard .sk-grade-test-dock .sk-btn,.sk-smartboard .sk-assessment-focus-nav .sk-btn{min-height:54px!important}
.sk-smartboard .sk-universal-grade-subject>summary{min-height:64px!important}
.sk-smartboard .sk-universal-grade-topic{grid-template-columns:minmax(0,1fr) auto!important;gap:16px!important;padding:13px 15px!important}
@media(min-width:1024px) and (max-width:1450px){
  .sk-smartboard .sk-grade-test-focus{padding:10px!important}.sk-smartboard .sk-grade-test-intro,.sk-smartboard .sk-grade-test-form{max-width:1280px!important}.sk-smartboard .sk-grade-test-question{padding:22px!important}.sk-smartboard .sk-grade-test-options{gap:12px!important}
  .sk-smartboard .sk-universal-grade-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* RC30.55.36 — Language Studio 4.0 / Career Atlas 4.0 smartboard contract */
@media (min-width:1024px) and (pointer:coarse){
  .sk-language-v4{max-width:none;padding:12px 18px}
  .sk-language-v4-layout{grid-template-columns:280px minmax(0,1fr)}
  .sk-language-v4-lesson-list a,.sk-language-v4-tracks a,.sk-language-v4-mode a,.sk-language-v4-progress-actions button,.sk-language-v4-questions label{min-height:60px!important}
  .sk-language-v4-questions label{font-size:18px}
  .sk-language-v4-questions legend strong{font-size:22px}
  .sk-language-v4-passage .sk-btn,.sk-language-v4-test-form>.sk-btn,.sk-career-card .sk-btn{min-height:58px!important;padding:13px 18px!important}
  .sk-career-clusters a,.sk-career-explorer input,.sk-career-explorer button{min-height:54px!important}
}
@media (min-width:1024px) and (max-width:1450px){
  .sk-language-v4-layout{grid-template-columns:250px minmax(0,1fr)}
  .sk-career-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* RC30.55.37 - cross-surface smartboard contract */
.sk-smartboard body .sk-dashboard-primary-nav a,
.sk-smartboard body .sk-growth-subnav a,
.sk-smartboard body .sk-profile-tabs a,
.sk-smartboard body .sk-skill-route-card,
.sk-smartboard body .sk-profile-topic-row .sk-small-btn{min-height:56px!important;touch-action:manipulation}
.sk-smartboard body .sk-dashboard-primary-nav,
.sk-smartboard body .sk-growth-subnav,
.sk-smartboard body .sk-profile-tabs{gap:10px!important}
.sk-smartboard body .sk-profile-tabs{position:static!important}
.sk-smartboard body .sk-profile-topic-row{min-height:72px!important}
.sk-smartboard body .sk-learn-topic-card,
.sk-smartboard body .sk-learning-subject,
.sk-smartboard body .sk-skill-route-card,
.sk-smartboard body .sk-skill-module,
.sk-smartboard body .sk-guidance-countdown,
.sk-smartboard body .sk-guidance-rank{font-size:17px;line-height:1.55}
@media(min-width:1024px) and (max-width:1450px){
  .sk-smartboard body .sk-shell{width:calc(100vw - 24px);max-width:none;padding-inline:0}
  .sk-smartboard body .sk-dashboard-primary-nav{grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}
  .sk-smartboard body .sk-learn-subject-grid,
  .sk-smartboard body .sk-learning-subject-grid,
  .sk-smartboard body .sk-growth-hub-grid,
  .sk-smartboard body .sk-growth-continuity-grid,
  .sk-smartboard body .sk-skill-route-grid,
  .sk-smartboard body .sk-skill-module-grid,
  .sk-smartboard body .sk-university-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sk-smartboard body .sk-profile-layout{grid-template-columns:240px minmax(0,1fr)!important}
}