/* LessonSky RC132: responsive premium skin for live UI, not a screenshot overlay.
   All styling is local, honors real user progress, and preserves light and dark preferences. */
:root{
  --sk132-ink:#102443;--sk132-subtle:#536984;--sk132-blue:#326df1;
  --sk132-blue-soft:#edf3ff;--sk132-stroke:#d7e3f4;
  --sk132-radius:18px;--sk132-focus:#70a9ff;
}
/* Premium typography and motion only on LessonSky's actual application surfaces. */
.sk-shell,.sk80-workspace,.sk117-home-features{font-family:inherit;letter-spacing:-.008em}
.sk-shell :is(h1,h2,h3),.sk80-workspace :is(h1,h2,h3){letter-spacing:-.027em;text-wrap:pretty}
.sk-shell :is(a,button),.sk80-workspace :is(a,button){-webkit-tap-highlight-color:transparent}
.sk-shell :is(a,button,input,textarea,select,summary):focus-visible,
.sk80-workspace :is(a,button,input,textarea,select,summary):focus-visible{
  outline:3px solid var(--sk132-focus)!important;outline-offset:3px!important;
}
/* The signed-in desktop shell and footer have the restrained sapphire treatment. */
html.lessonsky-dark body :is(.ls-site-header,.ls-global-header,.site-header,#masthead){
  background:linear-gradient(115deg,#07152b,#0b1b35)!important;
  border-bottom:1px solid #263e64!important;color:#f1f6ff!important;
}
html.lessonsky-dark body :is(.ls-site-footer,.ls-global-footer,.site-footer,#colophon){
  background:linear-gradient(145deg,#07162d,#0c1d37)!important;
  border-color:#284366!important;color:#eaf2ff!important;
}
html.lessonsky-dark body :is(.ls-site-header,.ls-global-header,.site-header,#masthead) a:not(.sk-btn){color:#dce9ff!important}
html.lessonsky-dark body :is(.ls-site-header,.ls-global-header,.site-header,#masthead) a:is(:hover,[aria-current="page"]){color:#fff!important}
/* Theme icon must NEVER overlap a bottom menu or footer action. The JS docks it in
   the header on known layouts; fallback stays at the top, not the viewport bottom. */
html body .sk117-quick-theme.sk131-theme-docked{flex:0 0 auto!important;align-self:center!important}
html body .sk117-quick-theme button{
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease!important;
  border-radius:13px!important;background:#f4f8ff!important;border:1px solid #b9ceec!important;
}
html body .sk117-quick-theme button:hover{box-shadow:0 0 0 4px rgba(79,135,246,.12)!important}
html.lessonsky-dark body .sk117-quick-theme button{
  color:#e9f3ff!important;background:linear-gradient(155deg,#1b3962,#152746)!important;
  border-color:#567baf!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
html body .sk117-quick-theme [data-sk117-theme-icon]{font-family:inherit!important;font-size:21px!important;font-weight:750!important}
/* Actual dashboard: preserve dynamic data, not mock-up numbers. */
.sk-shell[data-sk-l10n-surface="dashboard"] .sk-experience-hero{
  position:relative;overflow:hidden;border-radius:23px!important;
  background:radial-gradient(circle at 95% 12%,rgba(148,95,233,.22),transparent 43%),
    radial-gradient(circle at 35% -60%,rgba(100,173,255,.37),transparent 63%),
    linear-gradient(115deg,#194d9c,#1c417a 57%,#55418d)!important;
  border:1px solid rgba(160,196,255,.65)!important;
  box-shadow:0 20px 48px rgba(26,46,99,.15)!important;
  color:#fff!important;
}
.sk-shell[data-sk-l10n-surface="dashboard"] .sk-experience-hero :is(h1,p,.sk-kicker,small){color:#fff!important}
.sk-shell[data-sk-l10n-surface="dashboard"] .sk-experience-hero h1{font-size:clamp(1.7rem,3.2vw,2.9rem)!important;line-height:1.16!important}
.sk-shell[data-sk-l10n-surface="dashboard"] .sk-experience-hero p{color:#e0eaff!important;max-width:72ch}
.sk-shell[data-sk-l10n-surface="dashboard"] .sk-experience-hero .sk-global-badges span{
  color:#fff!important;background:rgba(77,132,229,.25)!important;
  border:1px solid rgba(211,228,255,.38)!important;box-shadow:0 2px 10px rgba(5,22,52,.08)!important;
}
.sk-shell[data-sk-l10n-surface="dashboard"] .sk-experience-hero .sk-dashboard-actions a{
  background:rgba(255,255,255,.1)!important;border-color:rgba(218,232,255,.42)!important;
  color:#fff!important;backdrop-filter:blur(8px);
}
.sk-shell[data-sk-l10n-surface="dashboard"] :is(.sk-dashboard-primary-nav,.sk-growth-subnav){
  border-radius:17px!important;border:1px solid #d0def3!important;background:#f3f7ff!important;
  padding:5px!important;box-shadow:0 8px 22px rgba(30,66,125,.05)!important;
}
.sk-shell[data-sk-l10n-surface="dashboard"] :is(.sk-dashboard-primary-nav,.sk-growth-subnav) a{
  border-radius:12px!important;font-weight:800!important;
}
.sk-shell[data-sk-l10n-surface="dashboard"] :is(.sk-dashboard-primary-nav,.sk-growth-subnav) a:is(.is-active,[aria-current="page"]){
  color:#0e2a55!important;background:linear-gradient(110deg,#88b8ff,#5e95fc)!important;
  box-shadow:0 4px 12px rgba(62,114,201,.19)!important;
}
.sk-shell[data-sk-l10n-surface="dashboard"] :is(.sk-motivation-journey,.sk-motivation-goals,.sk-personal-records,.sk-experience-subject-section,.sk-learning-league,.sk-community-circle){
  border-radius:19px!important;
}
.sk-shell[data-sk-l10n-surface="dashboard"] :is(.sk-motivation-journey-meta span,.sk-personal-record-grid article,.sk-experience-subject,.sk-motivation-pulse-grid article){
  border-radius:14px!important;
}
.sk-shell[data-sk-l10n-surface="dashboard"] .sk-motivation-progress i{
  background:linear-gradient(90deg,#2369f4,#7658ed)!important;border-radius:999px;
}
.sk-shell[data-sk-l10n-surface="dashboard"] .sk-experience-subject-bar i{
  box-shadow:0 1px 7px rgba(37,70,163,.15);border-radius:999px;
}
/* RC132 midnight growth: dark panels in one consistent navy family, with
   muted captions remaining legible instead of gray text on dark cards. */
html.lessonsky-dark body .sk-shell[data-sk-l10n-surface="dashboard"]{
  --ls-surface:#101f37;--ls-surface-2:#142946;--ls-surface-3:#1c3455;
  --ls-text:#eaf2ff;--ls-text-strong:#f8fbff;--ls-muted:#c1d3ec;
  --ls-line:#344e75;--ls-line-strong:#577eae;
  --ls-primary:#aac9ff;--ls-primary-soft:#203b60;
  background:transparent!important;color:#eaf2ff!important;
}
html.lessonsky-dark body .sk-shell[data-sk-l10n-surface="dashboard"] :is(.sk-dashboard-primary-nav,.sk-growth-subnav){
  background:linear-gradient(145deg,#122543,#132a4a)!important;
  color:#eaf2ff!important;border-color:#2f4973!important;
}
html.lessonsky-dark body .sk-shell[data-sk-l10n-surface="dashboard"] :is(.sk-dashboard-primary-nav,.sk-growth-subnav) a:not(.is-active):not([aria-current="page"]){
  color:#c4d5ef!important;background:transparent!important;
}
html.lessonsky-dark body .sk-shell[data-sk-l10n-surface="dashboard"] :is(.sk-dashboard-primary-nav,.sk-growth-subnav) a:is(.is-active,[aria-current="page"]){
  background:linear-gradient(110deg,#5595f8,#648bef)!important;color:#071a37!important;
}
html.lessonsky-dark body .sk-shell[data-sk-l10n-surface="dashboard"] :is(
  .sk-motivation-journey,.sk-motivation-goals,.sk-personal-records,
  .sk-experience-subject-section,.sk-learning-league,.sk-community-circle,
  .sk-growth-hub-card,.sk-growth-continuity,.sk-motivation-community){
  color:#edf5ff!important;background:linear-gradient(150deg,#10213c,#142b48)!important;
  border:1px solid #2c466d!important;box-shadow:0 10px 30px rgba(0,7,20,.22)!important;
}
html.lessonsky-dark body .sk-shell[data-sk-l10n-surface="dashboard"] :is(
  .sk-motivation-journey-meta span,.sk-personal-record-grid article,
  .sk-experience-subject,.sk-motivation-pulse-grid article,.sk-growth-hub-grid article,
  .sk-experience-kpis article,.sk-circle-board span){
  color:#eaf2ff!important;background:linear-gradient(140deg,#182f50,#122641)!important;
  border:1px solid #35537c!important;
}
html.lessonsky-dark body .sk-shell[data-sk-l10n-surface="dashboard"] :is(
  .sk-card h2,.sk-card h3,.sk-card strong,.sk-motivation-journey-meta b,
  .sk-experience-subject-score b,.sk-personal-record-grid strong){color:#f5f9ff!important}
html.lessonsky-dark body .sk-shell[data-sk-l10n-surface="dashboard"] :is(
  .sk-card-head p,.sk-card p,.sk-card small,.sk-motivation-grid p,
  .sk-personal-record-grid small,.sk-motivation-goal-row span,
  .sk-experience-subject-copy span,.sk-experience-subject-score small){color:#c2d3eb!important}
html.lessonsky-dark body .sk-shell[data-sk-l10n-surface="dashboard"] :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]){
  background:#122944!important;border-color:#456287!important;color:#f0f6ff!important;
}
html.lessonsky-dark body .sk-shell[data-sk-l10n-surface="dashboard"] :is(input,textarea)::placeholder{color:#aebfda!important;opacity:1}
html.lessonsky-dark body .sk-shell[data-sk-l10n-surface="dashboard"] :is(.sk-motivation-progress,.sk-experience-subject-bar,.sk-motivation-goal-bar){
  background:#294362!important;
}
html.lessonsky-dark body .sk-shell[data-sk-l10n-surface="dashboard"] .sk-motivation-progress i{
  background:linear-gradient(90deg,#397dff,#815ef6)!important;
}
/* The existing guidance data and filters stay live. These are real cards,
   never images of fabricated universities or admission scores. */
.sk80-workspace .sk81-universities{background:linear-gradient(160deg,#fff,#f9fbff)!important;border-radius:23px!important;border:1px solid #e1e9f5!important;box-shadow:0 12px 36px rgba(33,70,125,.055)!important}
.sk81-universities .sk80-section-head{align-items:flex-start;gap:15px}
.sk81-universities .sk80-section-head h2{color:#163255!important;font-size:clamp(1.4rem,2.4vw,1.9rem)}
.sk81-universities .sk80-section-head p{color:#5a7090!important;line-height:1.55}
.sk81-universities .sk81-catalog-filter{gap:12px!important;margin-top:16px!important}
.sk81-universities .sk81-catalog-filter label{font-size:12px!important;color:#294768!important}
.sk81-universities .sk81-catalog-filter :is(input,select){
  border-radius:11px!important;border:1px solid #d1e0f1!important;background:#fff!important;
  color:#183451!important;box-shadow:inset 0 1px 2px rgba(32,65,102,.025)!important;
}
.sk81-universities .sk81-catalog-filter button{border-radius:11px!important;background:#205b9d!important;color:#fff!important}
.sk81-universities .sk81-count{font-size:12px!important;color:#587191!important}
.sk81-universities .sk80-school-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.sk81-universities .sk80-school{
  min-width:0!important;display:flex!important;flex-direction:column!important;gap:8px!important;
  background:#fff!important;border:1px solid #dce7f4!important;border-radius:16px!important;
  padding:17px!important;box-shadow:0 6px 19px rgba(30,69,120,.05)!important;
}
.sk81-universities .sk80-school h3{font-size:1.02rem!important;line-height:1.35!important;color:#153157!important;margin:0!important}
.sk81-universities .sk80-school>p{font-size:12px!important;line-height:1.5!important;color:#526a88!important;margin:0 0 5px!important}
.sk81-universities .sk80-school .sk81-pill{align-self:flex-start;font-size:11px!important;border-radius:7px!important}
.sk81-universities .sk132-programme-badge{
  align-self:flex-start;margin-top:0;max-width:100%;padding:5px 9px;font-size:10px;font-weight:800;
  border-radius:7px;color:#245b75;background:#def8f5;border:1px solid #bce9e3;
}
.sk81-universities .sk132-programme-preview{border:1px solid #dce8f7;border-radius:12px;overflow:hidden;background:#f4f8fd;margin-top:auto}
.sk81-universities .sk132-programme-preview>summary{min-height:40px;padding:10px 11px;cursor:pointer;background:#eef5ff;color:#225894;font-size:12px;font-weight:800}
.sk81-universities .sk132-programme-preview p{margin:8px 10px;font-size:11px;color:#566c87}
.sk81-universities .sk132-programme-preview-scroll{overflow-x:auto;max-width:100%}
.sk81-universities .sk132-programme-preview table{width:100%;min-width:310px;border-collapse:collapse;font-size:10px;color:#243b5b}
.sk81-universities .sk132-programme-preview th,.sk81-universities .sk132-programme-preview td{
  padding:8px 6px;border-top:1px solid #dce8f6;text-align:start;vertical-align:top;
}
.sk81-universities .sk132-programme-preview thead th{background:#e8f1ff;font-size:10px;color:#244e81}
.sk81-universities .sk132-programme-preview tbody tr:nth-child(even){background:#f9fbff}
.sk81-universities .sk86-university-history{font-size:12px!important;margin-top:0!important}
.sk81-universities .sk86-university-history>summary{font-size:12px!important;color:#215b99!important}
.sk81-universities :is(.sk86-coverage-note,.sk86-history-note){font-size:11px!important;line-height:1.5!important;color:#5b7090!important}
/* Dark guidance is purposeful, not unstyled white panels in midnight mode. */
html.lessonsky-dark body .sk80-workspace .sk81-universities{
  background:linear-gradient(155deg,#10223e,#142943)!important;border-color:#345076!important;
  color:#eaf3ff!important;
}
html.lessonsky-dark body .sk81-universities :is(.sk80-section-head h2,.sk80-school h3){color:#f3f8ff!important}
html.lessonsky-dark body .sk81-universities :is(.sk80-section-head p,.sk81-count,.sk80-school>p,.sk86-coverage-note,.sk86-history-note){color:#c2d2ea!important}
html.lessonsky-dark body .sk81-universities .sk80-school{
  background:linear-gradient(150deg,#192e4b,#132743)!important;border-color:#395476!important;
}
html.lessonsky-dark body .sk81-universities .sk81-catalog-filter label{color:#d6e6fc!important}
html.lessonsky-dark body .sk81-universities .sk81-catalog-filter :is(input,select){
  background:#182c46!important;color:#f1f7ff!important;border-color:#51709a!important;
}
html.lessonsky-dark body .sk81-universities .sk132-programme-badge{
  color:#d9fff3;background:#184c4a;border-color:#2d756d;
}
html.lessonsky-dark body .sk81-universities .sk132-programme-preview{background:#102641!important;border-color:#365579!important}
html.lessonsky-dark body .sk81-universities .sk132-programme-preview>summary,
html.lessonsky-dark body .sk81-universities .sk132-programme-preview thead th{
  background:#1d3a5f!important;color:#e0efff!important;
}
html.lessonsky-dark body .sk81-universities .sk132-programme-preview :is(p,th,td){color:#d6e5fa!important;border-color:#365478!important}
html.lessonsky-dark body .sk81-universities .sk132-programme-preview tbody tr:nth-child(even){background:#18314e!important}
html.lessonsky-dark body .sk81-universities .sk86-university-history>summary{color:#c7e5ff!important}
/* Android / Huawei / iOS: a single uncompromised native-looking header and dock. */
body:is(.lessonsky-android-app,.lessonsky-huawei-app,.lessonsky-ios-app) :is(.sk-mobile-topbar,.sk-mobile-nav){
  box-sizing:border-box!important;backdrop-filter:blur(20px) saturate(140%)!important;
  border-radius:18px!important;box-shadow:0 10px 28px rgba(9,24,48,.09)!important;
}
body:is(.lessonsky-android-app,.lessonsky-huawei-app,.lessonsky-ios-app) .sk-mobile-topbar{
  gap:6px!important;overflow:visible!important;padding-left:8px!important;padding-right:8px!important;
}
body:is(.lessonsky-android-app,.lessonsky-huawei-app,.lessonsky-ios-app) .sk-mobile-topbar .sk-mobile-brand{
  flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;
}
body:is(.lessonsky-android-app,.lessonsky-huawei-app,.lessonsky-ios-app) .sk-mobile-topbar .sk117-quick-theme.sk131-theme-mobile{
  margin:0!important;flex:0 0 38px!important;width:38px!important;max-width:38px!important;
}
body:is(.lessonsky-android-app,.lessonsky-huawei-app,.lessonsky-ios-app) .sk-mobile-topbar .sk117-quick-theme.sk131-theme-mobile button{
  width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
  max-width:38px!important;border-radius:999px!important;
}
body:is(.lessonsky-android-app,.lessonsky-huawei-app,.lessonsky-ios-app) .sk-mobile-profile-pill{
  margin-left:0!important;flex:0 1 auto!important;min-width:43px!important;max-width:min(38vw,130px)!important;
}
body:is(.lessonsky-android-app,.lessonsky-huawei-app,.lessonsky-ios-app) .sk-mobile-nav{
  overflow:hidden!important;z-index:2147482000!important;
  margin-bottom:env(safe-area-inset-bottom,0px)!important;
}
body:is(.lessonsky-android-app,.lessonsky-huawei-app,.lessonsky-ios-app) .sk-mobile-nav-six :is(a,button){
  border-radius:13px!important;min-width:0!important;padding-inline:2px!important;
}
html.lessonsky-dark body:is(.lessonsky-android-app,.lessonsky-huawei-app,.lessonsky-ios-app){background:#08162b!important}
html.lessonsky-dark body:is(.lessonsky-android-app,.lessonsky-huawei-app,.lessonsky-ios-app) :is(.sk-mobile-topbar,.sk-mobile-nav){
  background:rgba(12,27,49,.96)!important;border:1px solid #315482!important;
  box-shadow:0 12px 36px rgba(0,5,20,.34)!important;
}
html.lessonsky-dark body:is(.lessonsky-android-app,.lessonsky-huawei-app,.lessonsky-ios-app) .sk-mobile-profile-pill{
  background:linear-gradient(120deg,#17355a,#142941)!important;border:1px solid #4b75ab!important;
}
html.lessonsky-dark body:is(.lessonsky-android-app,.lessonsky-huawei-app,.lessonsky-ios-app) .sk-mobile-brand-mark{
  background:linear-gradient(140deg,#0c70d5,#143878)!important;
}
@media(max-width:1100px){.sk81-universities .sk80-school-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){
  .sk81-universities .sk80-school-grid{grid-template-columns:1fr!important}
  .sk81-universities .sk80-school{padding:15px!important}
  .sk-shell[data-sk-l10n-surface="dashboard"] .sk-experience-hero{padding:21px 17px!important}
  .sk-shell[data-sk-l10n-surface="dashboard"] .sk-experience-hero .sk-dashboard-actions{flex-wrap:wrap}
  .sk-shell[data-sk-l10n-surface="dashboard"] .sk-experience-subject-grid{grid-template-columns:1fr!important}
  .sk-shell[data-sk-l10n-surface="dashboard"] .sk-personal-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:370px){
  body:is(.lessonsky-android-app,.lessonsky-huawei-app,.lessonsky-ios-app) .sk-mobile-topbar{gap:3px!important}
  body:is(.lessonsky-android-app,.lessonsky-huawei-app,.lessonsky-ios-app) .sk-mobile-topbar .sk117-quick-theme.sk131-theme-mobile{flex-basis:34px!important;width:34px!important;max-width:34px!important}
  body:is(.lessonsky-android-app,.lessonsky-huawei-app,.lessonsky-ios-app) .sk-mobile-topbar .sk117-quick-theme.sk131-theme-mobile button{width:34px!important;min-width:34px!important;max-width:34px!important;height:36px!important;min-height:36px!important}
  body:is(.lessonsky-android-app,.lessonsky-huawei-app,.lessonsky-ios-app) .sk-mobile-profile-pill{max-width:50px!important}
  body:is(.lessonsky-android-app,.lessonsky-huawei-app,.lessonsky-ios-app) .sk-mobile-profile-name{display:none!important}
  .sk-shell[data-sk-l10n-surface="dashboard"] .sk-personal-record-grid{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){html body .sk117-quick-theme button,.sk-shell .sk-experience-subject{transition:none!important;transform:none!important}}
@media(forced-colors:active){.sk81-universities .sk80-school,.sk117-quick-theme button{forced-color-adjust:auto!important;box-shadow:none!important}}