/* LessonSky RC30.55.51 — Component Design System 5.0
 * One component geometry for Blue, Pink, Green and Purple palettes.
 * This file intentionally owns component presentation after legacy portal.css.
 */
html{box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}
body{
  margin:0;
  background:
    radial-gradient(circle at 12% -6%,color-mix(in srgb,var(--ls-primary) 10%,transparent),transparent 28rem),
    radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--ls-accent) 8%,transparent),transparent 30rem),
    linear-gradient(180deg,var(--ls-bg),var(--ls-bg-2));
  color:var(--ls-text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body :where(h1,h2,h3,h4,h5,h6,strong,b,legend,summary,label){color:var(--ls-text-strong)}
body :where(p,small,.sk-muted,.sk-hint){color:var(--ls-muted)}
body a{color:var(--ls-link)}
body :where(button,input,select,textarea){font:inherit}
body :where(button,a,summary,input,select,textarea):focus-visible{outline:3px solid var(--ls-focus)!important;outline-offset:2px!important}
body .sk-shell{width:min(1480px,calc(100% - 32px));max-width:1480px;margin-inline:auto;padding:18px 0 56px;color:var(--ls-text)}
body .sk-shell *{min-width:0}
body .sk-shell :where(img,video,canvas,svg){max-width:100%;height:auto}
body .sk-shell :where(h1,h2,h3,h4,p,small,strong,span,label,legend,summary,a,button){overflow-wrap:anywhere}

/* Universal surfaces */
body .sk-card,
body :where(.sk-profile-panel,.sk-profile-tabs,.sk-learning-subject,.sk-learn-topic-card,.sk-growth-card,.sk-skill-route-card,.sk-skill-module,.sk-language-v4-card,.sk-career-card){
  border:1px solid var(--ls-line)!important;
  background:linear-gradient(155deg,var(--ls-surface),var(--ls-surface-2))!important;
  color:var(--ls-text)!important;
  box-shadow:var(--ls-shadow-sm)!important;
}
body .sk-card{border-radius:var(--ls-radius-md)!important}
body .sk-card :where(h1,h2,h3,h4,strong,b,label,legend,summary){color:var(--ls-text-strong)!important}
body .sk-card :where(p,small,.sk-muted,.sk-hint){color:var(--ls-muted)!important;opacity:1!important}
body .sk-kicker{color:var(--ls-link)!important;opacity:1!important;font-size:12px!important;font-weight:800!important;letter-spacing:.055em!important}

/* Controls */
body :where(.sk-btn,.sk-small-btn,button,input[type=submit]){min-height:var(--ls-control);border-radius:12px;font-weight:800;touch-action:manipulation}
body .sk-btn-primary,
body input[type=submit].sk-btn-primary{
  color:#fff!important;border:1px solid transparent!important;
  background:linear-gradient(135deg,var(--ls-primary),var(--ls-primary-2))!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--ls-primary) 24%,transparent)!important;
}
body .sk-btn-ghost,
body .sk-small-btn{
  color:var(--ls-text)!important;border:1px solid var(--ls-line)!important;
  background:var(--ls-surface)!important;box-shadow:var(--ls-shadow-sm)!important;
}
body :where(input:not([type=radio]):not([type=checkbox]),select,textarea){
  width:100%;max-width:100%;min-height:44px;border:1px solid var(--ls-line)!important;border-radius:12px!important;
  background:var(--ls-surface)!important;color:var(--ls-text)!important;padding:9px 11px!important;
}
body ::placeholder{color:var(--ls-muted-2);opacity:1}

/* Shared premium hero */
body :where(.sk-experience-hero,.sk-growth-hero,.sk-skills-hero,.sk-profile-hero,.sk-career-premium-hero,.sk-language-v4-hero){
  border:1px solid var(--ls-line)!important;border-radius:var(--ls-radius-lg)!important;
  background:
    radial-gradient(circle at 82% 4%,color-mix(in srgb,var(--ls-primary) 14%,transparent),transparent 26%),
    radial-gradient(circle at 96% 94%,color-mix(in srgb,var(--ls-accent) 11%,transparent),transparent 34%),
    linear-gradient(145deg,var(--ls-surface),var(--ls-surface-2))!important;
  color:var(--ls-text)!important;box-shadow:var(--ls-shadow-md)!important;
}
body :where(.sk-experience-hero,.sk-growth-hero,.sk-skills-hero,.sk-profile-hero,.sk-career-premium-hero,.sk-language-v4-hero) :where(h1,h2,h3,strong){color:var(--ls-text-strong)!important}
body :where(.sk-experience-hero,.sk-growth-hero,.sk-skills-hero,.sk-profile-hero,.sk-career-premium-hero,.sk-language-v4-hero) :where(p,small){color:var(--ls-muted)!important}

/* Primary navigation */
body .sk-dashboard-primary-nav{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;
  margin:12px 0 16px!important;padding:8px!important;border:1px solid var(--ls-line)!important;border-radius:18px!important;
  background:color-mix(in srgb,var(--ls-surface) 94%,transparent)!important;box-shadow:var(--ls-shadow-sm)!important;
}
body .sk-dashboard-primary-nav a{
  min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:12px!important;color:var(--ls-text)!important;font-weight:850!important;text-decoration:none!important;text-align:center!important;
}
body .sk-dashboard-primary-nav a:is(.is-active,[aria-current=page]){
  background:var(--ls-primary-soft)!important;color:var(--ls-link)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ls-primary) 24%,transparent)!important;
}

/* Profile */
body .sk-profile-center{max-width:1380px!important;display:grid!important;gap:18px!important}
body .sk-profile-hero{padding:28px!important;margin-bottom:0!important}
body .sk-profile-identity{border:1px solid var(--ls-line)!important;background:var(--ls-surface)!important;color:var(--ls-text)!important;box-shadow:var(--ls-shadow-sm)!important}
body .sk-profile-identity :where(strong,span){color:var(--ls-text)!important}
body .sk-profile-layout{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;gap:18px!important;align-items:start!important}
body .sk-profile-tabs{display:grid!important;gap:5px!important;padding:10px!important;border-radius:18px!important;position:sticky!important;top:12px!important}
body .sk-profile-tabs a{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-height:46px!important;padding:7px 10px!important;border-radius:12px!important;color:var(--ls-text)!important;text-decoration:none!important}
body .sk-profile-tabs a.is-active{background:var(--ls-primary-soft)!important;color:var(--ls-link)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ls-primary) 24%,transparent)!important}
body .sk-profile-tabs a>span{background:var(--ls-surface-3)!important;color:var(--ls-link)!important}
body .sk-profile-main{display:grid!important;gap:16px!important}
body .sk-profile-panel{padding:22px!important;border-radius:20px!important}
body .sk-profile-panel-head h2{color:var(--ls-text-strong)!important}
body .sk-profile-panel-head p{color:var(--ls-muted)!important}
body .sk-profile-completion,
body .sk-profile-summary-item,
body .sk-profile-action-box,
body .sk-profile-topic-toolbar,
body .sk-profile-topic-row,
body .sk-profile-toggle{
  border-color:var(--ls-line)!important;background:var(--ls-surface-2)!important;color:var(--ls-text)!important;
}
body .sk-profile-summary-item :where(strong,span),
body .sk-profile-topic-row :where(strong,small),
body .sk-profile-toggle strong{color:var(--ls-text)!important}
body .sk-profile-topic-row small{color:var(--ls-muted)!important}

/* Growth / Learn / AI / language / skills: stable grids, never inherited low-contrast text. */
body :where(.sk-learn-subject-grid,.sk-learning-subject-grid,.sk-growth-hub-grid,.sk-growth-continuity-grid,.sk-skill-route-grid,.sk-skill-module-grid,.sk-career-grid,.sk-university-grid){align-items:start!important}
body :where(.sk-learn-subject,.sk-learning-subject,.sk-learn-topic-card,.sk-growth-card,.sk-skill-route-card,.sk-skill-module,.sk-language-v4-card,.sk-career-card) :where(h2,h3,h4,strong,b){color:var(--ls-text-strong)!important}
body :where(.sk-learn-subject,.sk-learning-subject,.sk-learn-topic-card,.sk-growth-card,.sk-skill-route-card,.sk-skill-module,.sk-language-v4-card,.sk-career-card) :where(p,small,span){opacity:1}
body :where(.sk-ai-coach,.sk-ai-coach-center,.sk-coach-panel,.sk-dashboard-section,.sk-guidance-hub,.sk-language-v4,.sk-reading-studio,.sk-career-atlas){color:var(--ls-text)!important}
body :where(.sk-ai-coach,.sk-ai-coach-center,.sk-coach-panel,.sk-dashboard-section,.sk-guidance-hub,.sk-language-v4,.sk-reading-studio,.sk-career-atlas) :where(p,small){color:var(--ls-muted)!important;opacity:1!important}

/* ---------- Assessment selection surface ---------- */
body .sk-content-practice-shell:not(.sk-assessment-focus-shell){max-width:1480px!important}
body .sk-content-practice-hero{border-radius:22px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--ls-primary) 14%,var(--ls-surface)),color-mix(in srgb,var(--ls-accent) 12%,var(--ls-surface)))!important;border:1px solid var(--ls-line)!important;color:var(--ls-text)!important;box-shadow:var(--ls-shadow-md)!important}
body .sk-content-practice-hero :where(h1,p,.sk-kicker){color:var(--ls-text)!important}
body .sk-content-practice-stats>span{border:1px solid var(--ls-line)!important;background:var(--ls-surface)!important;color:var(--ls-text)!important;box-shadow:var(--ls-shadow-sm)!important}
body .sk-content-practice-stats small{color:var(--ls-muted)!important}
body .sk-assessment-start-center{padding:18px!important;background:var(--ls-surface)!important}
body .sk-assessment-start-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin-top:16px!important;align-items:start!important}
body .sk-assessment-start-card{display:grid!important;width:100%!important;min-width:0!important;gap:12px!important;margin:0!important;padding:14px!important;border:1px solid var(--ls-line)!important;border-radius:18px!important;background:var(--ls-surface-2)!important;color:var(--ls-text)!important;box-shadow:var(--ls-shadow-sm)!important;vertical-align:top!important}
body .sk-assessment-start-card :where(h3,strong,b){color:var(--ls-text-strong)!important}
body .sk-assessment-start-card :where(p,small,span){color:var(--ls-muted)!important;opacity:1!important}
body .sk-assessment-blueprint{border:1px solid var(--ls-line)!important;border-radius:14px!important;background:var(--ls-surface)!important;color:var(--ls-text)!important;padding:12px!important}
body .sk-assessment-blueprint-list>span,
body .sk-official-session-list>div,
body .sk-subject-test-card{border-color:var(--ls-line)!important;background:var(--ls-surface)!important;color:var(--ls-text)!important}
body .sk-subject-test-card>summary{color:var(--ls-text)!important}
body .sk-subject-test-card small,
body .sk-subject-test-hint{color:var(--ls-muted)!important;opacity:1!important}
body .sk-topic-question-row{border-color:var(--ls-line)!important;background:var(--ls-surface-2)!important;color:var(--ls-text)!important}

/* ---------- Assessment full-screen workspace ---------- */
body.lessonsky-assessment-focus{overflow:hidden!important;background:var(--ls-bg)!important;color:var(--ls-text)!important}
body.lessonsky-assessment-focus :where(.site-header,.site-footer,#masthead,#colophon),
body.lessonsky-assessment-focus>header,body.lessonsky-assessment-focus>footer{display:none!important}
body.lessonsky-assessment-focus .sk-assessment-focus-shell{
  width:100%!important;max-width:none!important;height:100vh!important;height:100dvh!important;margin:0!important;padding:10px!important;
  display:grid!important;grid-template-rows:48px 100px minmax(0,1fr)!important;gap:8px!important;overflow:hidden!important;background:var(--ls-bg)!important;
}
body.lessonsky-assessment-focus .sk-content-practice-hero,
body.lessonsky-assessment-focus .sk-content-practice-stats,
body.lessonsky-assessment-focus>.sk-assessment-feedback{display:none!important}
body.lessonsky-assessment-focus .sk-assessment-focus-nav{
  min-height:0!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;
  padding:5px 8px!important;border:1px solid var(--ls-line)!important;border-radius:16px!important;background:var(--ls-surface)!important;box-shadow:var(--ls-shadow-sm)!important;overflow:hidden!important;
}
body.lessonsky-assessment-focus .sk-assessment-focus-nav>a{min-height:38px!important;padding:6px 12px!important}
body.lessonsky-assessment-focus .sk-assessment-focus-nav>div{display:grid!important;gap:0!important;align-content:center!important}
body.lessonsky-assessment-focus .sk-assessment-focus-nav strong{font-size:14px!important;line-height:1.2!important;color:var(--ls-text-strong)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.lessonsky-assessment-focus .sk-assessment-focus-nav span{font-size:11px!important;color:var(--ls-muted)!important}
body.lessonsky-assessment-focus .sk-assessment-focus-nav::after{content:"ODAK";justify-self:end;padding:5px 9px;border-radius:999px;background:var(--ls-primary-soft);color:var(--ls-link);font-size:9px;font-weight:950;letter-spacing:.12em}

body.lessonsky-assessment-focus .sk-assessment-live-card{
  min-height:0!important;height:100px!important;padding:12px 14px!important;border-radius:20px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 310px!important;grid-template-rows:auto auto!important;column-gap:18px!important;row-gap:5px!important;align-items:center!important;
  overflow:hidden!important;background:linear-gradient(135deg,color-mix(in srgb,var(--ls-primary) 12%,var(--ls-surface)),color-mix(in srgb,var(--ls-primary-2) 10%,var(--ls-surface)))!important;
}
body.lessonsky-assessment-focus .sk-assessment-live-head{grid-column:1;grid-row:1 / span 2;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important}
body.lessonsky-assessment-focus .sk-assessment-live-head>div{display:grid!important;gap:2px!important}
body.lessonsky-assessment-focus .sk-assessment-live-head h2{margin:0!important;font-size:clamp(20px,1.9vw,29px)!important;line-height:1.1!important;color:var(--ls-text-strong)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.lessonsky-assessment-focus .sk-assessment-live-head p{display:none!important}
body.lessonsky-assessment-focus .sk-assessment-live-head .sk-kicker{font-size:10px!important}
body.lessonsky-assessment-focus .sk-assessment-live-head .sk-btn{min-height:36px!important;padding:5px 10px!important;font-size:11px!important;white-space:nowrap!important}
body.lessonsky-assessment-focus .sk-assessment-progress{grid-column:2;grid-row:1 / span 2;align-self:center!important;display:grid!important;gap:5px!important}
body.lessonsky-assessment-focus .sk-assessment-progress>div:first-child{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
body.lessonsky-assessment-focus .sk-assessment-progress strong{font-size:14px!important;color:var(--ls-text-strong)!important}
body.lessonsky-assessment-focus .sk-assessment-progress span{font-size:12px!important;color:var(--ls-muted)!important}
body.lessonsky-assessment-focus .sk-assessment-progress-track,
body.lessonsky-assessment-focus .sk-assessment-mini-progress{height:7px!important;border-radius:999px!important;background:color-mix(in srgb,var(--ls-line) 78%,transparent)!important;overflow:hidden!important}
body.lessonsky-assessment-focus .sk-assessment-progress-track i,
body.lessonsky-assessment-focus .sk-assessment-mini-progress i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,var(--ls-accent),var(--ls-primary),var(--ls-primary-2))!important}
body.lessonsky-assessment-focus .sk-practice-untimed,
body.lessonsky-assessment-focus .sk-mock-secure-strip,
body.lessonsky-assessment-focus .sk-assessment-live-metrics,
body.lessonsky-assessment-focus .sk-assessment-distribution,
body.lessonsky-assessment-focus .sk-assessment-authority{display:none!important}

body.lessonsky-assessment-focus .sk-assessment-premium-layout{
  min-height:0!important;height:100%!important;display:grid!important;grid-template-columns:220px minmax(0,1fr) 260px!important;gap:10px!important;overflow:hidden!important;
}
body.lessonsky-assessment-focus .sk-assessment-question-map-panel,
body.lessonsky-assessment-focus .sk-assessment-tools-rail>section,
body.lessonsky-assessment-focus .sk-assessment-solution-panel{
  border:1px solid var(--ls-line)!important;border-radius:18px!important;background:linear-gradient(155deg,var(--ls-surface),var(--ls-surface-2))!important;color:var(--ls-text)!important;box-shadow:var(--ls-shadow-sm)!important;
}
body.lessonsky-assessment-focus .sk-assessment-question-map-panel{min-height:0!important;height:100%!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;gap:10px!important;padding:12px!important;overflow:hidden!important}
body.lessonsky-assessment-focus .sk-assessment-panel-head{display:flex!important;align-items:center!important;gap:9px!important}
body.lessonsky-assessment-focus .sk-assessment-panel-head>div{display:grid!important;gap:1px!important}
body.lessonsky-assessment-focus .sk-assessment-panel-head strong{font-size:13px!important;line-height:1.2!important;color:var(--ls-text-strong)!important}
body.lessonsky-assessment-focus .sk-assessment-panel-head small{font-size:10px!important;line-height:1.2!important;color:var(--ls-muted)!important}
body.lessonsky-assessment-focus .sk-assessment-panel-icon{width:32px!important;height:32px!important;flex:0 0 32px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:linear-gradient(145deg,var(--ls-primary),var(--ls-primary-2))!important;color:#fff!important;box-shadow:0 7px 16px color-mix(in srgb,var(--ls-primary) 24%,transparent)!important}
body.lessonsky-assessment-focus .sk-assessment-map-legend{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px 7px!important}
body.lessonsky-assessment-focus .sk-assessment-map-legend span{position:relative!important;padding-left:12px!important;font-size:9px!important;line-height:1.25!important;color:var(--ls-muted)!important}
body.lessonsky-assessment-focus .sk-assessment-map-legend span::before{content:"";position:absolute;left:0;top:.3em;width:7px;height:7px;border-radius:999px;background:var(--ls-muted-2)}
body.lessonsky-assessment-focus .sk-assessment-map-legend .is-current-dot::before{background:var(--ls-primary)}
body.lessonsky-assessment-focus .sk-assessment-map-legend .is-done-dot::before{background:var(--ls-success)}
body.lessonsky-assessment-focus .sk-assessment-map-legend .is-marked-dot::before{background:var(--ls-warning)}
body.lessonsky-assessment-focus .sk-assessment-number-grid{min-height:0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-rows:34px!important;gap:6px!important;align-content:start!important;overflow:auto!important;padding-right:2px!important;scrollbar-width:thin!important;scrollbar-color:var(--ls-line-strong) transparent!important}
body.lessonsky-assessment-focus .sk-assessment-number-grid>span{display:grid!important;place-items:center!important;min-width:0!important;height:34px!important;border:1px solid var(--ls-line)!important;border-radius:9px!important;background:var(--ls-surface)!important;color:var(--ls-text)!important;font-size:11px!important;font-weight:850!important}
body.lessonsky-assessment-focus .sk-assessment-number-grid>span.is-current{background:var(--ls-primary)!important;border-color:var(--ls-primary)!important;color:#fff!important;box-shadow:0 6px 14px color-mix(in srgb,var(--ls-primary) 24%,transparent)!important}
body.lessonsky-assessment-focus .sk-assessment-number-grid>span.is-complete{background:color-mix(in srgb,var(--ls-success) 12%,var(--ls-surface))!important;border-color:color-mix(in srgb,var(--ls-success) 34%,var(--ls-line))!important;color:color-mix(in srgb,var(--ls-success) 72%,var(--ls-text))!important}
body.lessonsky-assessment-focus .sk-assessment-map-foot{display:grid!important;gap:6px!important;padding-top:8px!important;border-top:1px solid var(--ls-line)!important}
body.lessonsky-assessment-focus .sk-assessment-map-foot b{font-size:10px!important;color:var(--ls-text-strong)!important}
body.lessonsky-assessment-focus .sk-assessment-map-foot small{font-size:9px!important;color:var(--ls-muted)!important}

body.lessonsky-assessment-focus .sk-assessment-core-stage{min-height:0!important;height:100%!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;gap:8px!important;overflow:hidden!important}
body.lessonsky-assessment-focus .sk-content-question-card{
  min-height:0!important;height:100%!important;padding:14px!important;display:flex!important;flex-direction:column!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin!important;border-radius:20px!important;background:linear-gradient(155deg,var(--ls-surface),var(--ls-surface-2))!important;
}
body.lessonsky-assessment-focus .sk-content-route{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin:0 0 5px!important}
body.lessonsky-assessment-focus .sk-content-route span{padding:4px 8px!important;border-radius:999px!important;background:var(--ls-primary-soft)!important;color:var(--ls-link)!important;font-size:9px!important;font-weight:850!important}
body.lessonsky-assessment-focus .sk-content-concept{display:none!important}
body.lessonsky-assessment-focus .sk-content-stem{margin:0 0 10px!important;color:var(--ls-text-strong)!important;font-size:clamp(20px,1.65vw,28px)!important;line-height:1.24!important;letter-spacing:-.018em!important;max-height:none!important;overflow:visible!important}
body.lessonsky-assessment-focus .sk-content-answer-form{min-height:0!important;overflow:hidden!important}
body.lessonsky-assessment-focus .sk-content-options{display:grid!important;grid-template-columns:1fr!important;grid-auto-rows:minmax(58px,auto)!important;gap:8px!important;align-content:start!important;overflow:auto!important;max-height:100%!important;padding-right:2px!important;scrollbar-width:thin!important}
body.lessonsky-assessment-focus .sk-content-options>label{position:relative!important;display:grid!important;grid-template-columns:24px 40px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-height:58px!important;padding:9px 12px!important;border:1px solid var(--ls-line)!important;border-radius:14px!important;background:var(--ls-surface)!important;color:var(--ls-text)!important;font-size:16px!important;line-height:1.35!important;cursor:pointer!important;box-shadow:none!important}
body.lessonsky-assessment-focus .sk-content-options>label:hover{border-color:var(--ls-line-strong)!important;background:var(--ls-surface-2)!important}
body.lessonsky-assessment-focus .sk-content-options>label:has(input:checked){border-color:var(--ls-primary)!important;background:var(--ls-primary-soft)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--ls-primary) 12%,transparent)!important}
body.lessonsky-assessment-focus .sk-content-options input[type=radio]{width:19px!important;height:19px!important;margin:0!important;accent-color:var(--ls-primary)!important}
body.lessonsky-assessment-focus .sk-content-option-key{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:11px!important;color:#fff!important;font-weight:950!important;font-size:18px!important;box-shadow:0 7px 15px rgba(18,46,83,.12)!important}
body.lessonsky-assessment-focus .sk-content-options>label:nth-child(1) .sk-content-option-key{background:var(--ls-option-a)!important}
body.lessonsky-assessment-focus .sk-content-options>label:nth-child(2) .sk-content-option-key{background:var(--ls-option-b)!important}
body.lessonsky-assessment-focus .sk-content-options>label:nth-child(3) .sk-content-option-key{background:var(--ls-option-c)!important}
body.lessonsky-assessment-focus .sk-content-options>label:nth-child(4) .sk-content-option-key{background:var(--ls-option-d)!important}
body.lessonsky-assessment-focus .sk-assessment-skip-data{display:none!important}
body.lessonsky-assessment-focus .sk-assessment-action-dock{margin-top:auto!important;padding:10px 0 2px!important;border-top:1px solid var(--ls-line)!important;position:sticky!important;bottom:-14px!important;z-index:4!important;background:linear-gradient(180deg,rgba(255,255,255,.72),var(--ls-surface) 24%)!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:8px!important}
body.lessonsky-assessment-focus .sk-assessment-action-dock>span{font-size:10px!important;color:var(--ls-muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.lessonsky-assessment-focus .sk-assessment-action-dock .sk-btn{min-height:40px!important;padding:7px 12px!important;font-size:11px!important;white-space:nowrap!important}

body.lessonsky-assessment-focus .sk-assessment-tools-rail{min-height:0!important;height:100%!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr)!important;gap:8px!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin!important}
body.lessonsky-assessment-focus .sk-assessment-tools-rail>section{padding:12px!important}
body.lessonsky-assessment-focus .sk-assessment-rail-timer{display:grid!important;gap:2px!important;margin-top:10px!important}
body.lessonsky-assessment-focus .sk-assessment-rail-timer b{font-size:26px!important;letter-spacing:-.03em!important;color:var(--ls-text-strong)!important}
body.lessonsky-assessment-focus .sk-assessment-rail-timer span{font-size:10px!important;color:var(--ls-muted)!important}
body.lessonsky-assessment-focus .sk-assessment-rail-timer.is-untimed b{font-size:34px!important;color:var(--ls-accent)!important}
body.lessonsky-assessment-focus .sk-assessment-tool-card{display:grid!important;gap:7px!important}
body.lessonsky-assessment-focus .sk-assessment-tool-row{width:100%!important;min-height:39px!important;display:grid!important;grid-template-columns:27px minmax(0,1fr) auto!important;align-items:center!important;gap:7px!important;padding:6px 8px!important;border:1px solid var(--ls-line)!important;border-radius:11px!important;background:var(--ls-surface)!important;color:var(--ls-text)!important;box-shadow:none!important;text-align:left!important;font-size:10px!important}
body.lessonsky-assessment-focus .sk-assessment-tool-row>span{color:var(--ls-link)!important;font-weight:950!important}
body.lessonsky-assessment-focus .sk-assessment-tool-row>b{color:var(--ls-text-strong)!important;font-size:10px!important}
body.lessonsky-assessment-focus .sk-assessment-tool-row>em{color:var(--ls-muted)!important;font-size:9px!important;font-style:normal!important}
body.lessonsky-assessment-focus .sk-assessment-font-tools>div{display:flex!important;gap:3px!important}
body.lessonsky-assessment-focus .sk-assessment-font-tools>div button{min-width:29px!important;min-height:28px!important;padding:3px!important;border:1px solid var(--ls-line)!important;border-radius:7px!important;background:var(--ls-surface-2)!important;color:var(--ls-text)!important;font-size:9px!important;box-shadow:none!important}
body.lessonsky-assessment-focus .sk-assessment-progress-card{align-content:start!important;display:grid!important;gap:9px!important}
body.lessonsky-assessment-focus .sk-assessment-progress-card>strong{font-size:13px!important;color:var(--ls-text-strong)!important}
body.lessonsky-assessment-focus .sk-assessment-progress-big{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:8px!important}
body.lessonsky-assessment-focus .sk-assessment-progress-big b{font-size:22px!important;color:var(--ls-text-strong)!important}
body.lessonsky-assessment-focus .sk-assessment-progress-big span{font-size:10px!important;color:var(--ls-muted)!important}
body.lessonsky-assessment-focus .sk-assessment-progress-card ul{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:6px!important}
body.lessonsky-assessment-focus .sk-assessment-progress-card li{display:flex!important;align-items:center!important;gap:6px!important;color:var(--ls-muted)!important;font-size:10px!important}
body.lessonsky-assessment-focus .sk-assessment-progress-card li::before{content:"";width:7px;height:7px;border-radius:999px;background:var(--ls-muted-2)}
body.lessonsky-assessment-focus .sk-assessment-progress-card li.is-good::before{background:var(--ls-success)}
body.lessonsky-assessment-focus .sk-assessment-progress-card li.is-bad::before{background:var(--ls-danger)}
body.lessonsky-assessment-focus .sk-assessment-progress-card li b{margin-left:auto!important;color:var(--ls-text-strong)!important}

/* Answer feedback in focus mode */
body.lessonsky-assessment-focus .sk-assessment-solution-panel{max-height:118px!important;padding:10px 12px!important;display:grid!important;grid-template-columns:150px 160px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;overflow:hidden!important}
body.lessonsky-assessment-focus .sk-assessment-solution-title{display:flex!important;align-items:center!important;gap:8px!important}
body.lessonsky-assessment-focus .sk-assessment-solution-title>span{width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:var(--ls-success);color:#fff;font-weight:950}
body.lessonsky-assessment-focus .sk-assessment-solution-title>div{display:grid;gap:1px}
body.lessonsky-assessment-focus .sk-assessment-solution-title strong{font-size:12px!important;color:var(--ls-text-strong)!important}
body.lessonsky-assessment-focus .sk-assessment-solution-title small{font-size:9px!important;color:var(--ls-muted)!important}
body.lessonsky-assessment-focus .sk-assessment-solution-facts{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
body.lessonsky-assessment-focus .sk-assessment-solution-facts>span{display:grid!important;place-items:center!important;gap:2px!important;padding:6px!important;border:1px solid var(--ls-line)!important;border-radius:10px!important;background:var(--ls-surface-2)!important}
body.lessonsky-assessment-focus .sk-assessment-solution-facts small{font-size:8px!important;color:var(--ls-muted)!important}
body.lessonsky-assessment-focus .sk-assessment-solution-facts b{font-size:15px!important;color:var(--ls-text-strong)!important}
body.lessonsky-assessment-focus .sk-assessment-solution-copy{min-width:0!important}
body.lessonsky-assessment-focus .sk-assessment-solution-copy strong{font-size:11px!important;color:var(--ls-text-strong)!important}
body.lessonsky-assessment-focus .sk-assessment-solution-copy p{margin:2px 0 0!important;color:var(--ls-muted)!important;font-size:9px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
body.lessonsky-assessment-focus .sk-assessment-solution-panel>details>summary{min-height:32px!important;padding:5px 8px!important;border:1px solid var(--ls-line)!important;border-radius:9px!important;background:var(--ls-surface)!important;color:var(--ls-text)!important;font-size:9px!important;font-weight:850!important;cursor:pointer!important}
body.lessonsky-assessment-focus .sk-assessment-solution-panel>details>p{display:none!important}
body.lessonsky-assessment-focus .sk-assessment-solution-panel>details[open]{position:fixed!important;inset:12vh 12vw!important;z-index:999999!important;max-height:76vh!important;padding:20px!important;border:1px solid var(--ls-line)!important;border-radius:20px!important;background:var(--ls-surface)!important;box-shadow:var(--ls-shadow-lg)!important;overflow:auto!important}
body.lessonsky-assessment-focus .sk-assessment-solution-panel>details[open]>p{display:block!important;color:var(--ls-text)!important;font-size:15px!important;line-height:1.65!important}

/* Theme safety: no hidden/transparent text inside primary portal components. */
body :where(.sk-card,.sk-profile-center,.sk-content-practice-shell,.sk-dashboard-section,.sk-learning-studio-v2,.sk-growth-hub,.sk-language-v4,.sk-career-atlas) :where(h1,h2,h3,h4,strong,b,label,legend,summary){opacity:1!important;text-shadow:none!important}
body :where(.sk-card,.sk-profile-center,.sk-content-practice-shell,.sk-dashboard-section,.sk-learning-studio-v2,.sk-growth-hub,.sk-language-v4,.sk-career-atlas) :where(p,small,.sk-muted,.sk-hint){opacity:1!important;text-shadow:none!important}

@media(prefers-reduced-motion:reduce){body *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){body :where(.sk-card,.sk-btn,button,input,select,textarea,summary){forced-color-adjust:auto!important;background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;box-shadow:none!important}}

/* Profile theme chooser: theme selection lives only in Profile and never changes geometry. */
body .sk-theme-panel{overflow:visible!important}
body .sk-theme-form{display:grid!important;gap:16px!important}
body .sk-theme-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
body .sk-theme-option{position:relative!important;display:grid!important;grid-template-columns:72px minmax(0,1fr) 28px!important;align-items:center!important;gap:12px!important;min-height:104px!important;padding:12px!important;border:1px solid var(--ls-line)!important;border-radius:16px!important;background:var(--ls-surface-2)!important;color:var(--ls-text)!important;cursor:pointer!important;box-shadow:var(--ls-shadow-sm)!important}
body .sk-theme-option:hover{border-color:var(--ls-line-strong)!important}
body .sk-theme-option.is-selected,body .sk-theme-option:has(input:checked){border-color:var(--ls-primary)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--ls-primary) 14%,transparent),var(--ls-shadow-sm)!important}
body .sk-theme-option input{position:absolute!important;opacity:0!important;pointer-events:none!important}
body .sk-theme-preview{width:64px!important;height:76px!important;display:grid!important;grid-template-rows:12px 1fr!important;gap:5px!important;padding:6px!important;border-radius:12px!important;overflow:hidden!important;border:1px solid rgba(70,100,145,.22)!important;box-shadow:0 8px 18px rgba(20,42,77,.12)!important}
body .sk-theme-preview>i:first-child{grid-column:1/-1;border-radius:4px!important}
body .sk-theme-preview>i:nth-child(2),body .sk-theme-preview>i:nth-child(3){display:block;border-radius:5px!important}
body .sk-theme-preview>b{display:block;border-radius:5px!important}
body .sk-theme-option-blue .sk-theme-preview{background:#f7faff!important}.sk-theme-option-blue .sk-theme-preview>i:first-child{background:#176bff!important}.sk-theme-option-blue .sk-theme-preview>i:nth-child(2){background:#e9f2ff!important}.sk-theme-option-blue .sk-theme-preview>i:nth-child(3){background:#fff!important}.sk-theme-option-blue .sk-theme-preview>b{background:#5148ee!important}
body .sk-theme-option-pink .sk-theme-preview{background:#fff7fc!important}.sk-theme-option-pink .sk-theme-preview>i:first-child{background:#e83d9d!important}.sk-theme-option-pink .sk-theme-preview>i:nth-child(2){background:#fff0f8!important}.sk-theme-option-pink .sk-theme-preview>i:nth-child(3){background:#fff!important}.sk-theme-option-pink .sk-theme-preview>b{background:#8b4ae8!important}
body .sk-theme-option-green .sk-theme-preview{background:#f3fbf8!important}.sk-theme-option-green .sk-theme-preview>i:first-child{background:#0cae78!important}.sk-theme-option-green .sk-theme-preview>i:nth-child(2){background:#e8f8f2!important}.sk-theme-option-green .sk-theme-preview>i:nth-child(3){background:#fff!important}.sk-theme-option-green .sk-theme-preview>b{background:#2775e9!important}
body .sk-theme-option-purple .sk-theme-preview{background:#faf7ff!important}.sk-theme-option-purple .sk-theme-preview>i:first-child{background:#7a42e8!important}.sk-theme-option-purple .sk-theme-preview>i:nth-child(2){background:#f1eaff!important}.sk-theme-option-purple .sk-theme-preview>i:nth-child(3){background:#fff!important}.sk-theme-option-purple .sk-theme-preview>b{background:#4d55e7!important}
body .sk-theme-copy{display:grid!important;gap:3px!important}.sk-theme-copy strong{font-size:14px!important;color:var(--ls-text-strong)!important}.sk-theme-copy small{font-size:11px!important;line-height:1.4!important;color:var(--ls-muted)!important}.sk-theme-copy em{justify-self:start;padding:3px 7px;border-radius:999px;background:var(--ls-primary-soft);color:var(--ls-link);font-size:9px;font-style:normal;font-weight:900}
body .sk-theme-check{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--ls-line);border-radius:999px;color:transparent;background:var(--ls-surface)}
body .sk-theme-option:has(input:checked) .sk-theme-check{border-color:var(--ls-primary);background:var(--ls-primary);color:#fff}
body .sk-theme-save-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding-top:4px!important}.sk-theme-save-row p{margin:0!important;color:var(--ls-muted)!important;font-size:12px!important}.sk-theme-save-row .sk-btn{flex:0 0 auto!important}
@media(max-width:920px){body .sk-theme-grid{grid-template-columns:1fr!important}}
@media(max-width:620px){body .sk-theme-option{grid-template-columns:58px minmax(0,1fr) 26px!important}.sk-theme-preview{width:52px!important}.sk-theme-save-row{align-items:stretch!important;flex-direction:column!important}.sk-theme-save-row .sk-btn{width:100%!important}}

/* LessonSky RC30.55.51 — compatibility normalization retained from the RC49 readability audit
 * Scope: dashboard/growth/profile legacy components only.
 * Assessment geometry and question engine are intentionally untouched.
 * Purpose: normalize legacy surfaces into the single high-contrast Design System 5.0 contract.
 */
body :where(
  .sk-experience-mission,
  .sk-experience-kpis article,
  .sk-learning-loop,
  .sk-loop-today,
  .sk-ask-card,
  .sk-loop-progress span,
  .sk-motivation-grid > .sk-card,
  .sk-personal-records,
  .sk-personal-record-grid article,
  .sk-experience-subject-section,
  .sk-experience-subject,
  .sk-motivation-pulse-grid article,
  .sk-community-circle,
  .sk-circle-board span,
  .sk-growth-continuity,
  .sk-growth-continuity-grid > a
){
  background:linear-gradient(155deg,var(--ls-surface),var(--ls-surface-2))!important;
  border-color:var(--ls-line)!important;
  color:var(--ls-text)!important;
  box-shadow:var(--ls-shadow-sm)!important;
}

body .sk-experience-mission :where(h1,h2,h3,strong),
body .sk-experience-kpis strong,
body .sk-learning-loop :where(h1,h2,h3,strong),
body .sk-loop-today :where(h1,h2,h3,strong),
body .sk-ask-card :where(h1,h2,h3,strong),
body .sk-motivation-grid > .sk-card :where(h1,h2,h3,strong,b),
body .sk-personal-records :where(h1,h2,h3,strong),
body .sk-experience-subject-copy strong,
body .sk-growth-continuity :where(h1,h2,h3,strong),
body .sk-growth-continuity-grid > a strong{
  color:var(--ls-text-strong)!important;
  opacity:1!important;
  text-shadow:none!important;
}

body .sk-experience-mission p,
body .sk-experience-ring small,
body .sk-experience-kpis :where(small,em),
body .sk-learning-loop :where(p,small,.sk-muted,.sk-hint),
body .sk-loop-progress small,
body .sk-loop-mini-actions span,
body .sk-motivation-grid > .sk-card :where(p,small),
body .sk-motivation-goal-row span,
body .sk-personal-record-grid small,
body .sk-experience-subject-copy span,
body .sk-experience-subject-score small,
body .sk-growth-continuity :where(p,small),
body .sk-growth-continuity-grid > a small{
  color:var(--ls-muted)!important;
  opacity:1!important;
  text-shadow:none!important;
}

body .sk-experience-ring:before{
  background:var(--ls-surface)!important;
}
body .sk-experience-ring strong{color:var(--ls-text-strong)!important}
body .sk-experience-ring{
  background:conic-gradient(var(--ls-primary) calc(var(--sk-progress)*1%),var(--ls-surface-3) 0)!important;
}
body .sk-loop-task-list .sk-task,
body .sk-community-circle,
body .sk-circle-board span{
  background:var(--ls-surface)!important;
  border-color:var(--ls-line)!important;
  color:var(--ls-text)!important;
}
body .sk-loop-mini-actions span{
  background:var(--ls-surface-3)!important;
  border:1px solid var(--ls-line)!important;
}
body .sk-motivation-goal-bar,
body .sk-experience-subject-bar{
  background:color-mix(in srgb,var(--ls-muted-2) 18%,transparent)!important;
}
body .sk-experience-kpis article,
body .sk-personal-record-grid article,
body .sk-experience-subject{
  min-width:0!important;
}
body .sk-experience-subject-copy,
body .sk-experience-subject-score{
  min-width:0!important;
}
body .sk-experience-subject-copy strong,
body .sk-experience-subject-copy span{
  overflow-wrap:anywhere!important;
}

/* Keep semantic accent colors readable on every theme. */
body .sk-experience-subject-score b{color:var(--sk-subject)!important}
body .sk-motivation-today-chips span,
body .sk-level-badge{
  opacity:1!important;
  text-shadow:none!important;
}

/* Profile sidebar: the back link has no icon span, so it must not inherit the
 * two-column icon/text grid used by regular navigation items. */
body .sk-profile-tabs a.sk-profile-back{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:0!important;
  width:100%!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}

/* Light-theme contrast floor. These are text-only overrides; no geometry. */
body :where(
  .sk-experience-mission,
  .sk-experience-kpis,
  .sk-learning-loop,
  .sk-motivation-grid,
  .sk-personal-records,
  .sk-experience-subject-section,
  .sk-growth-continuity
) :where(p,small,.sk-muted,.sk-hint){
  color:#4a607a!important;
  opacity:1!important;
}
body :where(
  .sk-experience-mission,
  .sk-experience-kpis,
  .sk-learning-loop,
  .sk-motivation-grid,
  .sk-personal-records,
  .sk-experience-subject-section,
  .sk-growth-continuity
) :where(h1,h2,h3,h4,strong,b){
  color:#0d2342!important;
  opacity:1!important;
}
/* Restore intentional semantic/accent text after the contrast floor. */
body .sk-experience-subject-score b{color:var(--sk-subject)!important}
body .sk-level-badge{color:inherit}

/* RC30.55.49 specificity lock for legacy cards that also carry .sk-card. */
body .sk-card.sk-learning-loop,
body .sk-card.sk-experience-subject-section,
body .sk-card.sk-personal-records,
body .sk-motivation-grid > .sk-card{
  background:linear-gradient(155deg,var(--ls-surface),var(--ls-surface-2))!important;
  border-color:var(--ls-line)!important;
  color:var(--ls-text)!important;
}
body .sk-card.sk-learning-loop .sk-ask-card p,
body .sk-card.sk-learning-loop .sk-loop-task-list .sk-task small,
body .sk-card.sk-learning-loop .sk-loop-progress small{
  color:var(--ls-muted)!important;
  opacity:1!important;
}
body .sk-card.sk-learning-loop .sk-ask-card h3,
body .sk-card.sk-learning-loop .sk-loop-task-list .sk-task strong,
body .sk-card.sk-learning-loop .sk-loop-progress b{
  color:var(--ls-text-strong)!important;
  opacity:1!important;
}

/* RC30.55.49 legacy dashboard/profile token bridge.
 * RC30.55.17 used !important light-only colors. Theme tokens must outrank those
 * rules or Night/Pink ends up with white text on legacy white cards and vice versa.
 */
body .sk-shell[data-sk-l10n-surface="dashboard"] .sk-card,
body .sk-profile-center .sk-card{
  border-color:var(--ls-line)!important;
  background:linear-gradient(155deg,var(--ls-surface),var(--ls-surface-2))!important;
  color:var(--ls-text)!important;
  box-shadow:var(--ls-shadow-sm)!important;
}
body .sk-shell[data-sk-l10n-surface="dashboard"] .sk-card :where(h1,h2,h3,h4,strong,b),
body .sk-shell[data-sk-l10n-surface="dashboard"] .sk-card-head :where(h1,h2,h3,h4,strong,b),
body .sk-profile-center :where(h1,h2,h3,h4,strong,b){
  color:var(--ls-text-strong)!important;
  opacity:1!important;
}
body .sk-shell[data-sk-l10n-surface="dashboard"] .sk-card :where(p,.sk-hint,.sk-muted),
body .sk-shell[data-sk-l10n-surface="dashboard"] .sk-card-head p,
body .sk-profile-center :where(p,.sk-hint,.sk-muted){
  color:var(--ls-muted)!important;
  opacity:1!important;
}
body .sk-shell[data-sk-l10n-surface="dashboard"] small,
body .sk-profile-center small{
  color:var(--ls-muted)!important;
  opacity:1!important;
}
body .sk-shell[data-sk-l10n-surface="dashboard"] .sk-kicker,
body .sk-profile-center .sk-kicker{
  color:var(--ls-link)!important;
  opacity:1!important;
}
body .sk-shell[data-sk-l10n-surface="dashboard"] .sk-dashboard-head,
body .sk-profile-center .sk-profile-hero{
  border-color:var(--ls-line)!important;
  background:
    radial-gradient(circle at 82% 4%,color-mix(in srgb,var(--ls-primary) 14%,transparent),transparent 26%),
    radial-gradient(circle at 96% 94%,color-mix(in srgb,var(--ls-accent) 10%,transparent),transparent 34%),
    linear-gradient(145deg,var(--ls-surface),var(--ls-surface-2))!important;
  color:var(--ls-text)!important;
  box-shadow:var(--ls-shadow-md)!important;
}
body .sk-shell[data-sk-l10n-surface="dashboard"] .sk-dashboard-head :where(h1,h2,h3,strong),
body .sk-profile-center .sk-profile-hero :where(h1,h2,h3,strong){color:var(--ls-text-strong)!important}
body .sk-shell[data-sk-l10n-surface="dashboard"] .sk-dashboard-head :where(p,small),
body .sk-profile-center .sk-profile-hero :where(p,small){color:var(--ls-muted)!important}


/* ==========================================================================\n * LessonSky Design System 5.0 — premium 3D stability contract\n * Geometry is palette-neutral. Blue/Pink/Green/Purple change accents only.\n * ========================================================================== */
body{
  --ls-card-highlight:rgba(255,255,255,.88);
  --ls-card-depth:0 1px 0 var(--ls-card-highlight) inset,0 12px 30px rgba(24,61,107,.09),0 3px 7px rgba(24,61,107,.045);
  --ls-card-depth-hover:0 1px 0 rgba(255,255,255,.96) inset,0 18px 38px rgba(24,61,107,.13),0 4px 10px rgba(24,61,107,.055);
  ;
  ;
}
body :where(.sk-card,.sk-profile-panel,.sk-profile-tabs,.sk-dashboard-section,.sk-learn-library-shell,.sk-learning-studio-v2,.sk-growth-section,.sk-guidance-hub,.sk-language-v4,.sk-reading-studio,.sk-career-atlas,.sk-family-shell,.sk-teacher-action-center){
  border-color:var(--ls-line)!important;
  color:var(--ls-text)!important;
}
body :where(.sk-card,.sk-profile-panel,.sk-profile-tabs,.sk-learn-library-shell,.sk-learning-studio-v2,.sk-growth-section,.sk-language-v4-card,.sk-career-card,.sk-teacher-action-list>article){
  box-shadow:var(--ls-card-depth)!important;
}
body :where(.sk-card,.sk-profile-panel,.sk-learn-topic-card,.sk-skill-route-card,.sk-career-card,.sk-assessment-start-card){
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
@media(hover:hover){
  body :where(.sk-learn-topic-card,.sk-skill-route-card,.sk-career-card,.sk-assessment-start-card):hover{
    transform:translateY(-2px);box-shadow:var(--ls-card-depth-hover)!important;border-color:var(--ls-line-strong)!important;
  }
}

/* Dark-gradient visual treatment is limited to intentional hero strips only. */
body :where(.sk-experience-hero,.sk-growth-hero,.sk-skills-hero,.sk-career-premium-hero,.sk-content-practice-hero).is-premium-gradient,
body .sk-v5-hero-gradient{
  background:linear-gradient(120deg,var(--ls-hero-1),var(--ls-hero-2) 62%,var(--ls-hero-3))!important;
  color:var(--ls-hero-text)!important;border-color:color-mix(in srgb,var(--ls-primary) 38%,#fff)!important;
  box-shadow:0 18px 44px var(--ls-glow),0 5px 13px rgba(18,47,92,.12)!important;
}
body :where(.sk-v5-hero-gradient,.is-premium-gradient) :where(h1,h2,h3,strong,b,.sk-kicker){color:var(--ls-hero-text)!important}
body :where(.sk-v5-hero-gradient,.is-premium-gradient) :where(p,small,.sk-muted,.sk-hint){color:var(--ls-hero-muted)!important}

/* Learn / topic library: prevent legacy dark shells or pale text. */
body :where(.sk-learn-library-shell,.sk-learning-studio-v2,.sk-learning-studio,.sk-learning-selection,.sk-learning-subjects){
  background:linear-gradient(155deg,var(--ls-surface),var(--ls-surface-2))!important;
  border:1px solid var(--ls-line)!important;color:var(--ls-text)!important;box-shadow:var(--ls-card-depth)!important;
}
body :where(.sk-learn-head,.sk-learning-studio-hero,.sk-learning-studio-guide,.sk-learn-age-banner){
  background:linear-gradient(135deg,color-mix(in srgb,var(--ls-primary) 9%,var(--ls-surface)),color-mix(in srgb,var(--ls-accent) 7%,var(--ls-surface)))!important;
  border-color:var(--ls-line)!important;color:var(--ls-text)!important;
}
body :where(.sk-learn-head,.sk-learning-studio-hero,.sk-learning-studio-guide,.sk-learn-age-banner) :where(h1,h2,h3,strong,b){color:var(--ls-text-strong)!important}
body :where(.sk-learn-head,.sk-learning-studio-hero,.sk-learning-studio-guide,.sk-learn-age-banner) :where(p,small,span){color:var(--ls-muted)!important;opacity:1!important}
body .sk-learn-subject,
body .sk-learning-subject,
body .sk-learn-topic-card,
body .sk-learn-lesson-body>div{
  background:var(--ls-surface)!important;border-color:var(--ls-line)!important;color:var(--ls-text)!important;box-shadow:var(--ls-shadow-sm)!important;
}
body .sk-learn-subject>summary{background:linear-gradient(180deg,var(--ls-surface),var(--ls-surface-2))!important;color:var(--ls-text)!important}
body :where(.sk-learn-subject,.sk-learning-subject,.sk-learn-topic-card,.sk-learn-lesson-body) :where(h2,h3,h4,strong,b,summary){color:var(--ls-text-strong)!important}
body :where(.sk-learn-subject,.sk-learning-subject,.sk-learn-topic-card,.sk-learn-lesson-body) :where(p,small,span,li){color:var(--ls-muted)!important;opacity:1!important}

/* Dashboard / growth / role surfaces. */
body :where(.sk-experience-mission,.sk-learning-loop,.sk-loop-today,.sk-ask-card,.sk-personal-records,.sk-experience-subject-section,.sk-growth-continuity,.sk-family-overview,.sk-parent-intelligence,.sk-teacher-action-center){
  background:linear-gradient(155deg,var(--ls-surface),var(--ls-surface-2))!important;border:1px solid var(--ls-line)!important;color:var(--ls-text)!important;box-shadow:var(--ls-card-depth)!important;
}
body .sk-teacher-action-list>article{
  background:var(--ls-surface)!important;border:1px solid var(--ls-line)!important;color:var(--ls-text)!important;border-radius:16px!important;
}
body .sk-teacher-action-list>article.is-urgent{border-color:color-mix(in srgb,var(--ls-danger) 42%,var(--ls-line))!important;background:color-mix(in srgb,var(--ls-danger) 5%,var(--ls-surface))!important}
body .sk-teacher-action-list>article.is-watch{border-color:color-mix(in srgb,var(--ls-warning) 46%,var(--ls-line))!important;background:color-mix(in srgb,var(--ls-warning) 5%,var(--ls-surface))!important}
body :where(.sk-teacher-action-list,.sk-family-shell,.sk-parent-intelligence) :where(h1,h2,h3,h4,strong,b){color:var(--ls-text-strong)!important}
body :where(.sk-teacher-action-list,.sk-family-shell,.sk-parent-intelligence) :where(p,small,span){color:var(--ls-muted)!important;opacity:1!important}
body .sk-teacher-card-stats span{background:var(--ls-primary-soft)!important;color:var(--ls-text)!important;border-color:var(--ls-line)!important}
/* RC205 live diagnostic: teacher review/action links inherited generic blue anchors
 * on dark cards (2.03:1 in the live RC204 report). Keep this scoped to the
 * teacher-action list; never change all links, quiz choices or nav buttons. */
body .sk-teacher-action-list>article > a.sk-btn.sk-btn-small{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--sk196-control,var(--ls-surface-2))!important;
  color:var(--sk196-control-text,var(--ls-text))!important;
  -webkit-text-fill-color:var(--sk196-control-text,var(--ls-text))!important;
  border:1px solid var(--sk196-strong-line,var(--ls-line))!important;
  text-decoration:none!important;
}
body .sk-teacher-action-list>article > a.sk-btn.sk-btn-small:is(:hover,:focus-visible){
  background:var(--sk196-panel,var(--ls-surface-3))!important;
  color:var(--sk196-text,var(--ls-text))!important;
  -webkit-text-fill-color:var(--sk196-text,var(--ls-text))!important;
}

/* Assessment chooser: fixed grid, compact internal scrolling instead of masonry. */
body .sk-assessment-start-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start!important}
body .sk-assessment-start-card{min-height:0!important;align-content:start!important}
body .sk-assessment-start-card .sk-assessment-blueprint-list{max-height:260px!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin!important}
body .sk-assessment-start-card .sk-subject-test-list{max-height:390px!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin!important;padding-right:2px!important}
@media(min-width:1600px){body .sk-assessment-start-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* Assessment workspace tools: keep every requested utility available. */
body.lessonsky-assessment-focus .sk-assessment-tool-row.is-active{border-color:var(--ls-primary)!important;background:var(--ls-primary-soft)!important}
body.lessonsky-assessment-focus .sk-assessment-tool-row.is-danger{color:var(--ls-danger)!important}
body.lessonsky-assessment-focus .sk-assessment-tool-row.is-danger>span,
body.lessonsky-assessment-focus .sk-assessment-tool-row.is-danger>b{color:var(--ls-danger)!important}
body.lessonsky-assessment-focus .sk-assessment-action-dock{
  background:linear-gradient(180deg,color-mix(in srgb,var(--ls-surface) 72%,transparent),var(--ls-surface) 24%)!important;
}
body.lessonsky-assessment-focus .sk-content-question-card{scroll-padding-bottom:62px!important}
body.lessonsky-assessment-focus .sk-content-stem{max-height:none!important;overflow:visible!important;display:block!important;-webkit-line-clamp:unset!important}
body.lessonsky-assessment-focus .sk-content-options{max-height:none!important;overflow:visible!important}
body.lessonsky-assessment-focus .sk-content-answer-form{overflow:visible!important;flex:0 0 auto!important}
body.lessonsky-assessment-focus[data-sk-assessment-text="-1"] .sk-content-stem,
body.lessonsky-assessment-focus [data-sk-assessment-text="-1"] .sk-content-stem{font-size:18px!important}
body.lessonsky-assessment-focus[data-sk-assessment-text="1"] .sk-content-stem,
body.lessonsky-assessment-focus [data-sk-assessment-text="1"] .sk-content-stem{font-size:clamp(23px,1.9vw,31px)!important}
body.lessonsky-assessment-focus [data-sk-assessment-text="-1"] .sk-content-options>label{font-size:14px!important}
body.lessonsky-assessment-focus [data-sk-assessment-text="1"] .sk-content-options>label{font-size:18px!important}

/* Optional assessment-only dark mode. It never changes geometry and does not
 * change the profile theme. All text/surface values are paired here. */
body.lessonsky-assessment-focus .sk-assessment-focus-shell.is-local-dark{
  ;;;;;
  ;;;;;;
  ;;--ls-card-highlight:rgba(255,255,255,.08);
  ;
  ;
  color-scheme:dark;
}
body.lessonsky-assessment-focus .sk-assessment-focus-shell.is-local-dark .sk-assessment-action-dock{background:linear-gradient(180deg,rgba(13,43,82,.70),var(--ls-surface) 24%)!important}

/* Contrast firewall: opaque readable text on every non-hero surface. */
body :where(.sk-shell,.sk-card,.sk-profile-center,.sk-learning-studio-v2,.sk-learn-library-shell,.sk-growth-hub,.sk-content-practice-shell,.sk-family-shell,.sk-teacher-action-center) :where(p,small,.sk-muted,.sk-hint){opacity:1!important}
body :where(.sk-shell,.sk-card,.sk-profile-center,.sk-learning-studio-v2,.sk-learn-library-shell,.sk-growth-hub,.sk-content-practice-shell,.sk-family-shell,.sk-teacher-action-center) :where(h1,h2,h3,h4,h5,h6,strong,b,label,legend,summary){opacity:1!important}

/* Premium hero language used across all major product surfaces. */
body :is(
  .sk-experience-hero,
  .sk-growth-hero,
  .sk-skills-hero,
  .sk-profile-hero,
  .sk-career-premium-hero,
  .sk-language-v4-hero,
  .sk-content-practice-hero
){
  position:relative!important;overflow:hidden!important;
  background:
    radial-gradient(circle at 76% 18%,rgba(255,255,255,.18),transparent 18%),
    radial-gradient(circle at 95% 88%,rgba(255,255,255,.12),transparent 28%),
    linear-gradient(118deg,var(--ls-hero-1),var(--ls-hero-2) 58%,var(--ls-hero-3))!important;
  border-color:color-mix(in srgb,var(--ls-primary) 44%,#fff)!important;
  color:#fff!important;box-shadow:0 18px 44px var(--ls-glow),0 6px 14px rgba(18,47,92,.12)!important;
}
body :is(
  .sk-experience-hero,
  .sk-growth-hero,
  .sk-skills-hero,
  .sk-profile-hero,
  .sk-career-premium-hero,
  .sk-language-v4-hero,
  .sk-content-practice-hero
) :where(h1,h2,h3,h4,strong,b,.sk-kicker){color:#fff!important;text-shadow:0 1px 1px rgba(7,27,62,.12)!important}
body :is(
  .sk-experience-hero,
  .sk-growth-hero,
  .sk-skills-hero,
  .sk-profile-hero,
  .sk-career-premium-hero,
  .sk-language-v4-hero,
  .sk-content-practice-hero
) :where(p,small,.sk-muted,.sk-hint){color:#eef5ff!important;opacity:1!important}
body :is(
  .sk-experience-hero,
  .sk-growth-hero,
  .sk-skills-hero,
  .sk-profile-hero,
  .sk-career-premium-hero,
  .sk-language-v4-hero,
  .sk-content-practice-hero
) :where(.sk-btn-ghost,.sk-small-btn){background:rgba(255,255,255,.94)!important;color:var(--ls-text-strong)!important;border-color:rgba(255,255,255,.72)!important}

/* Form and metric surfaces: always readable, regardless of palette. */
body :where(
  .sk-stats>div,.sk-stats>article,.sk-content-practice-stats>span,
  .sk-experience-kpis article,.sk-personal-record-grid article,
  .sk-learning-kpis article,.sk-parent-five>div,.sk-teacher-loop-metrics>span,
  .sk-family-stats>span,.sk-profile-summary-item
){
  background:linear-gradient(155deg,var(--ls-surface),var(--ls-surface-2))!important;
  border:1px solid var(--ls-line)!important;color:var(--ls-text)!important;box-shadow:var(--ls-shadow-sm)!important;
}
body :where(
  .sk-stats>div,.sk-stats>article,.sk-content-practice-stats>span,
  .sk-experience-kpis article,.sk-personal-record-grid article,
  .sk-learning-kpis article,.sk-parent-five>div,.sk-teacher-loop-metrics>span,
  .sk-family-stats>span,.sk-profile-summary-item
) :where(strong,b,h2,h3){color:var(--ls-text-strong)!important}
body :where(
  .sk-stats>div,.sk-stats>article,.sk-content-practice-stats>span,
  .sk-experience-kpis article,.sk-personal-record-grid article,
  .sk-learning-kpis article,.sk-parent-five>div,.sk-teacher-loop-metrics>span,
  .sk-family-stats>span,.sk-profile-summary-item
) :where(small,p,em,span){opacity:1}

/* Four palette previews in Profile. */
@media(min-width:921px) and (max-width:1260px){body .sk-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Dashboard legacy specificity bridge: Design System 5.0 is the final visual authority. */
body .sk-shell[data-sk-l10n-surface="dashboard"] .sk-experience-hero{
  min-height:0!important;padding:24px 26px!important;
  background:linear-gradient(118deg,var(--ls-hero-top),var(--ls-hero-end))!important;
  border-color:var(--ls-line)!important;color:var(--ls-text)!important;
  box-shadow:0 18px 44px var(--ls-glow),0 6px 14px rgba(18,47,92,.12)!important;
}
body .sk-shell[data-sk-l10n-surface="dashboard"] .sk-experience-hero h1{color:var(--ls-text-strong)!important}
body .sk-shell[data-sk-l10n-surface="dashboard"] .sk-experience-hero p{color:var(--ls-muted)!important}
body .sk-shell[data-sk-l10n-surface="dashboard"] .sk-experience-hero .sk-kicker{color:var(--ls-link)!important}
body .sk-shell[data-sk-l10n-surface="dashboard"] .sk-experience-hero .sk-global-badges span,
body .sk-shell[data-sk-l10n-surface="dashboard"] .sk-experience-hero .sk-dashboard-actions .sk-btn{
  background:var(--ls-control-bg)!important;border-color:var(--ls-line)!important;color:var(--ls-control-text)!important;backdrop-filter:none!important;
}
/* Learn accordion safety: legacy open-state rotation applies only to the affordance, never the subject copy. */
body .sk-learn-subject[open]>summary>span:first-child{transform:none!important}
body .sk-learn-subject[open]>summary>span:last-child{transform:rotate(45deg)!important}
body .sk-learn-subject>summary>span:first-child{display:block!important;width:auto!important;height:auto!important;background:transparent!important;color:var(--ls-text)!important;border-radius:0!important}
body .sk-learn-subject>summary>span:last-child{flex:0 0 32px!important;width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:var(--ls-primary-soft)!important;color:var(--ls-link)!important}

/* ========================================================================
 * RC30.55.52 — Stable matte premium components
 * Final authority for the changed surfaces only. Geometry is shared by all
 * profile palettes; no theme-specific layout rules are allowed below.
 * ====================================================================== */

/* URL-driven subject/topic practice cards: no browser <details> dependency. */
.sk-subject-test-card{display:block!important;min-width:0!important;height:auto!important;overflow:visible!important;border:1px solid var(--ls-line)!important;border-radius:15px!important;background:var(--ls-surface)!important;box-shadow:var(--ls-shadow-sm)!important}
.sk-subject-test-card+.sk-subject-test-card{margin-top:8px!important}
.sk-subject-test-link{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:54px!important;padding:10px 13px!important;color:var(--ls-text)!important;text-decoration:none!important;border-radius:14px!important;background:linear-gradient(145deg,var(--ls-surface),var(--ls-surface-2))!important}
.sk-subject-test-link:hover,.sk-subject-test-link:focus-visible{outline:2px solid var(--ls-focus)!important;outline-offset:2px!important}
.sk-subject-test-summary-copy{display:grid!important;gap:2px!important;min-width:0!important}.sk-subject-test-summary-copy b{color:var(--ls-text-strong)!important;font-size:14px!important;line-height:1.3!important}.sk-subject-test-summary-copy small{color:var(--ls-muted)!important;font-size:11px!important;line-height:1.35!important}
.sk-subject-test-summary-action{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:6px!important;color:var(--ls-link)!important;font-weight:800!important;font-size:11px!important;white-space:nowrap!important}
.sk-subject-test-card.is-open{border-color:var(--ls-line-strong)!important;box-shadow:var(--ls-shadow-md)!important}.sk-subject-test-card.is-open>.sk-subject-test-link{border-bottom:1px solid var(--ls-line)!important;border-radius:14px 14px 0 0!important}
.sk-subject-test-card .sk-subject-test-body{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:12px!important;background:var(--ls-surface-2)!important;color:var(--ls-text)!important}
.sk-topic-question-map{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:8px!important;overflow:visible!important}
.sk-topic-question-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'copy count' 'copy action'!important;gap:4px 8px!important;align-items:center!important;min-width:0!important;height:auto!important;min-height:92px!important;padding:10px!important;border:1px solid var(--ls-line)!important;border-radius:13px!important;background:var(--ls-surface)!important;color:var(--ls-text)!important}
.sk-topic-question-row>span{grid-area:copy!important;min-width:0!important}.sk-topic-question-row>span b{display:block!important;color:var(--ls-text-strong)!important;font-size:12px!important;line-height:1.35!important;white-space:normal!important}.sk-topic-question-row>span small{display:block!important;color:var(--ls-muted)!important;font-size:10px!important;margin-top:3px!important}.sk-topic-question-row>b{grid-area:count!important;color:var(--ls-link)!important;font-size:10px!important;white-space:nowrap!important}.sk-topic-test-launch{grid-area:action!important;margin:0!important}.sk-topic-test-launch .sk-small-btn{min-height:30px!important;font-size:10px!important}
.sk-subject-test-actions{display:flex!important;align-items:end!important;justify-content:flex-end!important;gap:8px!important;margin-top:10px!important;flex-wrap:wrap!important}.sk-subject-test-actions label{display:grid!important;gap:3px!important;color:var(--ls-muted)!important}.sk-subject-test-actions select{min-height:38px!important;border:1px solid var(--ls-line)!important;border-radius:10px!important;background:var(--ls-surface)!important;color:var(--ls-text)!important}

/* Assessment focus header: one title only. */
.sk-assessment-focus-nav{min-width:0!important}.sk-assessment-focus-progress{margin-left:auto!important;display:flex!important;align-items:baseline!important;gap:8px!important;padding:0 8px!important;white-space:nowrap!important}.sk-assessment-focus-progress span{font-weight:900!important;color:var(--ls-text-strong)!important}.sk-assessment-focus-progress small{color:var(--ls-muted)!important}

/* AI Coach + Focus Timer are one compact command card. */
.sk-ai-focus-inline{margin-top:12px!important;padding-top:12px!important;border-top:1px solid var(--ls-line)!important;display:grid!important;gap:9px!important}
.sk-ai-focus-inline-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.sk-ai-focus-inline-head>div{display:grid!important;gap:1px!important}.sk-ai-focus-inline-head small{font-size:10px!important;font-weight:800!important;letter-spacing:.05em!important;text-transform:uppercase!important;color:var(--ls-link)!important}.sk-ai-focus-inline-head strong{font-size:14px!important;color:var(--ls-text-strong)!important}.sk-ai-focus-inline-head>span{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:12px!important;background:var(--ls-primary-soft)!important;color:var(--ls-link)!important;font-size:18px!important}
.sk-ai-focus-form{display:grid!important;grid-template-columns:minmax(130px,1.3fr) minmax(130px,1fr) 90px auto!important;gap:7px!important;align-items:end!important}.sk-ai-focus-form label{display:grid!important;gap:3px!important;min-width:0!important}.sk-ai-focus-form label>span{font-size:10px!important;font-weight:800!important;color:var(--ls-muted)!important}.sk-ai-focus-form select,.sk-ai-focus-form input{width:100%!important;min-width:0!important;min-height:38px!important;border:1px solid var(--ls-line)!important;border-radius:10px!important;background:var(--ls-surface)!important;color:var(--ls-text)!important;padding:6px 8px!important}.sk-ai-focus-form .sk-btn{min-height:38px!important;white-space:nowrap!important}
.sk-ai-focus-inline .sk-timer-running{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:2px 12px!important;align-items:center!important;padding:9px 11px!important;border-radius:12px!important;background:var(--ls-primary-soft)!important;border:1px solid var(--ls-line)!important}.sk-ai-focus-inline .sk-timer-running>strong{grid-row:1/3!important;grid-column:2!important;font-size:22px!important;color:var(--ls-text-strong)!important}.sk-ai-focus-inline .sk-timer-running span{font-weight:800!important;color:var(--ls-text-strong)!important}.sk-ai-focus-inline .sk-timer-running small{color:var(--ls-muted)!important}

/* Skills: richer lesson depth without copying external media/content. */
.sk-skill-depth{display:grid!important;gap:8px!important;margin:10px 0!important}.sk-skill-motion-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.sk-skill-motion-strip>span{position:relative!important;overflow:hidden!important;display:flex!important;align-items:center!important;gap:7px!important;min-height:44px!important;padding:7px 9px!important;border-radius:12px!important;border:1px solid var(--ls-line)!important;background:linear-gradient(145deg,var(--ls-surface),var(--ls-primary-soft))!important}.sk-skill-motion-strip>span:after{content:'';position:absolute;inset:auto -35% -55% auto;width:80px;height:80px;border-radius:50%;background:var(--ls-glow);animation:skSkillPulse 4.6s ease-in-out infinite alternate}.sk-skill-motion-strip i{position:relative;z-index:1;display:grid!important;place-items:center!important;width:24px!important;height:24px!important;border-radius:8px!important;background:var(--ls-primary)!important;color:#fff!important;font-style:normal!important;font-weight:900!important}.sk-skill-motion-strip b{position:relative;z-index:1;color:var(--ls-text-strong)!important;font-size:10px!important;line-height:1.25!important}@keyframes skSkillPulse{to{transform:translate(-18px,-10px) scale(1.15)}}
@media(prefers-reduced-motion:reduce){.sk-skill-motion-strip>span:after{animation:none!important}}
.sk-skill-interactive,.sk-skill-resources{border:1px solid var(--ls-line)!important;border-radius:12px!important;background:var(--ls-surface-2)!important;overflow:hidden!important}.sk-skill-interactive>summary,.sk-skill-resources>summary{cursor:pointer!important;list-style:none!important;padding:9px 11px!important;font-weight:850!important;color:var(--ls-text-strong)!important}.sk-skill-interactive>div,.sk-skill-resources>div{padding:0 11px 11px!important;display:grid!important;gap:6px!important}.sk-skill-interactive label{display:flex!important;align-items:flex-start!important;gap:8px!important;padding:7px!important;border-radius:9px!important;background:var(--ls-surface)!important;border:1px solid var(--ls-line)!important}.sk-skill-interactive label span{display:grid!important;gap:1px!important;font-size:11px!important;color:var(--ls-muted)!important}.sk-skill-interactive label b{color:var(--ls-text-strong)!important}.sk-skill-resources a{display:grid!important;gap:2px!important;padding:7px 9px!important;border:1px solid var(--ls-line)!important;border-radius:9px!important;background:var(--ls-surface)!important;text-decoration:none!important}.sk-skill-resources a strong{color:var(--ls-link)!important;font-size:11px!important}.sk-skill-resources a small,.sk-skill-resources p{color:var(--ls-muted)!important;font-size:10px!important;line-height:1.4!important}

/* Career detail: professional task/education/video layer. */
.sk-career-professional-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:12px!important}.sk-career-professional-grid article{padding:13px!important;border:1px solid var(--ls-line)!important;border-radius:14px!important;background:linear-gradient(145deg,var(--ls-surface),var(--ls-surface-2))!important;box-shadow:var(--ls-shadow-sm)!important}.sk-career-professional-grid small{display:block!important;margin-bottom:5px!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:var(--ls-link)!important}.sk-career-professional-grid p{margin:0!important;color:var(--ls-text)!important;line-height:1.55!important}
.sk-career-video-panel{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;margin-top:12px!important;padding:14px!important;border:1px solid var(--ls-line)!important;border-radius:16px!important;background:linear-gradient(135deg,var(--ls-primary-soft),var(--ls-surface))!important}.sk-career-video-panel h3{margin:2px 0 4px!important;color:var(--ls-text-strong)!important}.sk-career-video-panel p{margin:0!important;color:var(--ls-muted)!important}.sk-career-video-panel>div:last-child{display:flex!important;gap:7px!important;flex-wrap:wrap!important;justify-content:flex-end!important}

/* 15-language selector: compact, horizontal and RTL-safe. */
.sk-language-v4-tracks{display:flex!important;gap:6px!important;max-width:100%!important;overflow-x:auto!important;scrollbar-width:thin!important;padding:4px 0!important}.sk-language-v4-tracks a{flex:0 0 auto!important;white-space:nowrap!important}.sk-language-v4-text[dir="rtl"]{direction:rtl!important;text-align:right!important;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}.sk-language-v4-text[dir="ltr"]{direction:ltr!important;text-align:left!important}

/* Nine profile palettes: same geometry, clearer role hints. */
.sk-theme-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.sk-theme-option{min-width:0!important;height:100%!important}.sk-theme-option-sky .sk-theme-preview>i:first-child{background:#3475a8!important}.sk-theme-option-sky .sk-theme-preview>i:nth-child(2){background:#e7f2fa!important}.sk-theme-option-sky .sk-theme-preview>i:nth-child(3){background:#fff!important}.sk-theme-option-sky .sk-theme-preview>b{background:#3aa4b4!important}
.sk-theme-option-teal .sk-theme-preview>i:first-child{background:#286b6d!important}.sk-theme-option-teal .sk-theme-preview>i:nth-child(2){background:#e3f0ef!important}.sk-theme-option-teal .sk-theme-preview>i:nth-child(3){background:#fff!important}.sk-theme-option-teal .sk-theme-preview>b{background:#3f667d!important}
.sk-theme-option-slate .sk-theme-preview>i:first-child{background:#526577!important}.sk-theme-option-slate .sk-theme-preview>i:nth-child(2){background:#e9edf1!important}.sk-theme-option-slate .sk-theme-preview>i:nth-child(3){background:#fff!important}.sk-theme-option-slate .sk-theme-preview>b{background:#4f6077!important}
.sk-theme-option-plum .sk-theme-preview>i:first-child{background:#76506d!important}.sk-theme-option-plum .sk-theme-preview>i:nth-child(2){background:#f0e7ed!important}.sk-theme-option-plum .sk-theme-preview>i:nth-child(3){background:#fff!important}.sk-theme-option-plum .sk-theme-preview>b{background:#645979!important}
.sk-theme-option-amber .sk-theme-preview>i:first-child{background:#876632!important}.sk-theme-option-amber .sk-theme-preview>i:nth-child(2){background:#f3ebdb!important}.sk-theme-option-amber .sk-theme-preview>i:nth-child(3){background:#fff!important}.sk-theme-option-amber .sk-theme-preview>b{background:#6d6270!important}

/* Matte premium hero override: lower saturation and lower glare than RC51. */
body :is(.sk-experience-hero,.sk-growth-hero,.sk-skills-hero,.sk-profile-hero,.sk-career-premium-hero,.sk-language-v4-hero,.sk-content-practice-hero){background:linear-gradient(118deg,var(--ls-hero-1),var(--ls-hero-2) 62%,var(--ls-hero-3))!important;box-shadow:0 14px 34px var(--ls-glow)!important;border-color:var(--ls-line-strong)!important}
body :is(.sk-experience-hero,.sk-growth-hero,.sk-skills-hero,.sk-profile-hero,.sk-career-premium-hero,.sk-language-v4-hero,.sk-content-practice-hero):before{content:''!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:linear-gradient(100deg,rgba(255,255,255,.035),transparent 48%,rgba(255,255,255,.025))!important}

/* Assessment route cards: content sized, no clipped subject rows or blank columns. */
.sk-assessment-start-grid{align-items:start!important;grid-auto-rows:auto!important}.sk-assessment-start-card{height:auto!important;min-height:0!important;align-self:start!important;overflow:visible!important}.sk-assessment-blueprint,.sk-assessment-blueprint-list,.sk-subject-test-list{height:auto!important;max-height:none!important;overflow:visible!important}.sk-assessment-blueprint-list>span{height:auto!important;min-height:48px!important;overflow:visible!important;white-space:normal!important}

/* Profile back link never breaks vertically. */
.sk-profile-sidebar a[href*="dashboard"],.sk-profile-back,.sk-profile-sidebar>a:last-child{white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;min-width:0!important}

/* FIX5: grade quizzes have a separate renderer, not the exam workspace grid.
 * Explicit tracks remain valid even when a companion theme suppresses chrome.
 * No :has() dependency: PHP body class also works with JavaScript disabled. */
body.lessonsky-grade-assessment{height:auto!important;min-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0!important}
body.lessonsky-grade-assessment .ls-content-main,body.lessonsky-grade-assessment .ls-shell,body.lessonsky-grade-assessment .ls-entry-content,body.lessonsky-grade-assessment .ls-app-page-content,body.lessonsky-grade-assessment main.site-main,body.lessonsky-grade-assessment #main-content{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
body.lessonsky-grade-assessment .sk-grade-test-focus{height:auto!important;min-height:100vh!important;max-height:none!important;overflow:visible!important;display:grid!important;grid-template-rows:auto 5px auto!important;align-content:start!important;box-sizing:border-box!important}
body.lessonsky-assessment-focus .sk-grade-test-topbar{display:grid!important;grid-row:1!important;position:relative!important;height:auto!important;min-height:52px!important;overflow:visible!important}
body.lessonsky-assessment-focus .sk-grade-test-progress-track{grid-row:2!important}
body.lessonsky-assessment-focus .sk-grade-test-stage{grid-row:3!important}
body.lessonsky-grade-assessment .sk-grade-test-stage{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important}
body.lessonsky-grade-assessment .sk-grade-test-form{padding-bottom:12px!important}
body.lessonsky-grade-assessment .sk-grade-test-dock{position:static!important;display:flex!important;flex-wrap:wrap!important;height:auto!important;gap:10px!important}
body.lessonsky-grade-assessment .sk-grade-test-dock>div{flex:1 1 150px!important}
body.lessonsky-grade-assessment .sk-grade-test-dock .sk-btn,body.lessonsky-grade-assessment .sk-grade-test-topbar .sk-btn{min-height:48px!important;white-space:normal!important}
body.lessonsky-grade-assessment .sk-grade-test-options label{min-height:56px!important;height:auto!important;overflow:visible!important;white-space:normal!important}
body.lessonsky-grade-assessment .sk-grade-test-topbar{margin:0 0 6px!important}
body.lessonsky-grade-assessment .sk-grade-test-topbar .sk-grade-test-title{overflow-wrap:anywhere!important}
body.lessonsky-grade-assessment .sk-mobile-topbar,body.lessonsky-grade-assessment .sk-mobile-nav{display:none!important}
.sk-assessment-resume-notice{position:relative;z-index:2;padding:14px;margin:12px 0;border:1px solid #bdcee7;border-radius:14px;background:#f1f6ff;color:#122a48;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.sk-assessment-resume-notice a,.sk-assessment-resume-notice button{min-height:44px;display:inline-flex;align-items:center;padding:8px 14px;border:1px solid #bdcee7;border-radius:10px;background:#fff;color:#122a48;font:inherit}
html:has(body.lessonsky-grade-assessment){height:auto!important;min-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important}
html body.lessonsky-grade-assessment .ls-content-main>.ls-shell,html body.lessonsky-grade-assessment .ls-content-main .ls-entry-content,html body.lessonsky-grade-assessment .ls-content-main .ls-app-page-content{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
body.lessonsky-grade-assessment .sk-grade-test-stage .sk-notice{display:block!important}
html body.lessonsky-grade-assessment .sk-grade-test-focus{padding:10px!important}
html body.lessonsky-grade-assessment .sk-grade-test-dock [hidden]{display:none!important}