/* LiveTutorials public theme. Private application routes do not receive this scope. */
body.lt-public-theme {
  --lt-public-navy: #06112a;
  --lt-public-blue: #0b3a82;
  --lt-public-gold: #c9a227;
  --lt-public-ink: #0f172a;
  --lt-public-text: #475569;
  --lt-public-muted: #64748b;
  --lt-public-surface: #fff;
  --lt-public-soft: #f8fafc;
  --lt-public-line: #e2e8f0;
  --lt-public-shadow: 0 10px 28px rgba(15, 23, 42, .07);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
body.lt-public-theme:not(.lt-public-auth) { color: var(--lt-public-ink); background: var(--lt-public-surface); }
body.lt-public-theme :is(h1, h2, h3, h4, .lt-desktop-nav, .lt-mobile-nav) {
  font-family: "Plus Jakarta Sans", Inter, system-ui, sans-serif;
}
body.lt-public-theme :is(.lt-brand-logo, img.lt-public-logo) {
  display: block;
  width: 220px !important;
  max-width: min(220px, calc(100vw - 112px)) !important;
  height: auto !important;
  max-height: 44px;
  object-fit: contain;
  object-position: left center;
  flex-shrink: 0;
}
/* The React header already shares the homepage layout and breakpoint. */
body.lt-public-theme #root nav.fixed {
  background: rgba(6, 17, 42, .97) !important;
  border-bottom: 1px solid rgba(201, 162, 39, .22);
}
body.lt-public-theme .lt-unified-header {
  position: sticky;
  top: 0;
  z-index: 80;
  width: 100%;
  min-height: 76px;
  padding: 0;
  color: #fff;
  background: rgba(6, 17, 42, .98);
  border-bottom: 1px solid rgba(201, 162, 39, .22);
  box-shadow: 0 4px 24px rgba(6, 17, 42, .12);
  backdrop-filter: blur(12px);
}
body.lt-public-theme .lt-header-inner {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  max-width: 1600px;
  min-height: 76px;
  margin: 0 auto;
  padding: 12px 24px;
}
body.lt-public-theme .lt-brand { display: inline-flex; align-items: center; flex: 0 0 auto; text-decoration: none; }
/* Navigation disclosures must not inherit the boxed FAQ details style. */
body.lt-public-theme .lt-unified-header details { margin: 0; padding: 0; border: 0; border-radius: 0; }
body.lt-public-theme .lt-desktop-nav { display: none; }
body.lt-public-theme :is(.lt-desktop-nav, .lt-mobile-nav) :is(a, summary) {
  box-sizing: border-box;
  color: #f8fafc;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
  text-decoration: none;
  cursor: pointer;
}
body.lt-public-theme :is(.lt-desktop-nav, .lt-mobile-nav) :is(a, summary):hover { color: #e2c76d; }
body.lt-public-theme .lt-nav-dropdown { position: relative; margin: 0; }
body.lt-public-theme :is(.lt-nav-dropdown > summary, .lt-menu-toggle) { list-style: none; }
body.lt-public-theme :is(.lt-nav-dropdown > summary, .lt-menu-toggle)::-webkit-details-marker { display: none; }
body.lt-public-theme .lt-nav-dropdown > summary { display: flex; align-items: center; gap: 6px; padding: 12px 0; white-space: nowrap; }
body.lt-public-theme .lt-nav-dropdown > summary::after { content: ""; width: 5px; height: 5px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); }
body.lt-public-theme .lt-dropdown-panel {
  box-sizing: border-box;
  min-width: 232px;
  max-width: min(340px, calc(100vw - 48px));
  padding: 8px;
  background: #fff;
  color: var(--lt-public-ink);
  border: 1px solid var(--lt-public-line);
  border-radius: 14px;
  box-shadow: 0 18px 46px rgba(6, 17, 42, .18);
}
body.lt-public-theme .lt-dropdown-panel > a { display: block; padding: 10px 12px; border-radius: 8px; color: var(--lt-public-ink); font-size: 13px; white-space: normal; }
body.lt-public-theme .lt-dropdown-panel > a:hover { background: #f6f8fc; color: var(--lt-public-blue); }
body.lt-public-theme :is(.lt-nav-login, .lt-nav-signup) { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 9px 14px; border-radius: 9px; white-space: nowrap; }
body.lt-public-theme .lt-nav-login { border: 1px solid rgba(201, 162, 39, .6); }
body.lt-public-theme .lt-nav-signup { background: var(--lt-public-gold); color: var(--lt-public-navy) !important; border: 1px solid var(--lt-public-gold); }
body.lt-public-theme .lt-mobile-menu { margin: 0; }
body.lt-public-theme .lt-menu-toggle { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 8px; border: 1px solid rgba(255, 255, 255, .15); border-radius: 12px; background: rgba(255, 255, 255, .04); color: #fff; font: 600 19px/1.4 Inter, system-ui, sans-serif; cursor: pointer; }
body.lt-public-theme .lt-menu-toggle > span:last-child { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
body.lt-public-theme .lt-mobile-nav { position: absolute; top: 100%; left: 0; right: 0; max-height: calc(100dvh - 76px); overflow-y: auto; padding: 16px 24px 24px; background: var(--lt-public-navy); border-bottom: 1px solid rgba(201, 162, 39, .3); box-shadow: 0 16px 30px rgba(6, 17, 42, .18); }
body.lt-public-theme .lt-mobile-nav > a { display: block; padding: 12px 0; font-size: 14px; }
body.lt-public-theme .lt-mobile-nav .lt-nav-dropdown > summary { padding: 12px 0; font-size: 14px; }
body.lt-public-theme .lt-mobile-nav .lt-dropdown-panel { width: 100%; max-width: none; min-width: 0; margin: 0 0 8px; }
body.lt-public-theme .lt-mobile-nav :is(.lt-nav-login, .lt-nav-signup) { margin-top: 12px; padding: 11px 16px; text-align: center; }
body.lt-public-theme :is(.lt-unified-header, .lt-unified-footer) :is(a, summary):focus-visible { outline: 3px solid #e2c76d; outline-offset: 4px; }
@media (min-width: 1280px) {
  body.lt-public-theme .lt-desktop-nav { display: flex; align-items: center; justify-content: flex-end; gap: 16px; }
  body.lt-public-theme .lt-desktop-nav .lt-dropdown-panel { position: absolute; top: calc(100% - 1px); left: -12px; z-index: 5; }
  body.lt-public-theme .lt-desktop-nav .lt-nav-dropdown:nth-last-of-type(-n + 2) .lt-dropdown-panel { left: auto; right: 0; }
  body.lt-public-theme .lt-mobile-menu { display: none; }
}
/* Permanent public HTML pages share a single readable content measure. */
body.lt-public-theme.lt-public-standalone { margin: 0; font-size: 16px; line-height: 1.7; }
body.lt-public-theme.lt-public-standalone :is(.lt-static-main, main#main-content) { box-sizing: border-box; width: 100%; max-width: 1200px; margin: 0 auto; padding: 28px 24px 64px; }
body.lt-public-theme.lt-public-standalone .lt-static-page { min-height: 100vh; color: var(--lt-public-ink); background: #fff; }
body.lt-public-theme.lt-public-standalone :is(.lt-public-hero, .lt-static-hero, .page-hero) {
  box-sizing: border-box;
  margin: 12px 0 32px;
  padding: clamp(28px, 5vw, 52px);
  border: 1px solid rgba(201, 162, 39, .25);
  border-radius: 22px;
  background: radial-gradient(ellipse at top right, rgba(201, 162, 39, .15), transparent 62%), var(--lt-public-navy);
  color: #fff;
}
body.lt-public-theme.lt-public-standalone :is(.lt-public-hero, .lt-static-hero, .page-hero) h1 { max-width: 940px; margin: 0 0 18px; color: #fff; font-size: clamp(30px, 3.6vw, 44px); font-weight: 800; line-height: 1.22; letter-spacing: -.035em; }
body.lt-public-theme.lt-public-standalone :is(.lt-public-hero, .lt-static-hero, .page-hero) p { max-width: 850px; margin: 0 0 12px; color: #dbe4f3; font-size: 16px; line-height: 1.8; }
body.lt-public-theme.lt-public-standalone :is(.lt-public-hero, .lt-static-hero, .page-hero) .eyebrow { color: #e2c76d; font-size: 11px; font-weight: 700; letter-spacing: .12em; }
body.lt-public-theme.lt-public-standalone :is(.lt-static-main, .learning-content) h2 { margin: 34px 0 14px; color: var(--lt-public-navy); font-size: clamp(23px, 2.6vw, 30px); line-height: 1.3; letter-spacing: -.025em; }
body.lt-public-theme.lt-public-standalone :is(.lt-static-main, .learning-content) > p { color: var(--lt-public-text); }
body.lt-public-theme.lt-public-standalone :is(.lt-static-main, .learning-content) a { color: var(--lt-public-blue); text-underline-offset: 3px; }
body.lt-public-theme.lt-public-standalone :is(.lt-public-hero, .lt-static-hero, .page-hero) a { color: #e2c76d; text-underline-offset: 4px; }
body.lt-public-theme.lt-public-standalone :is(.lt-public-hero, .lt-static-hero, .page-hero) a:hover { color: #fff; }
body.lt-public-theme.lt-public-standalone .lt-static-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 22px; align-items: stretch; margin: 20px 0 32px; }
/* Named public cards only. Homepage compositions retain their existing layouts. */
body.lt-public-theme :is(.catalog-course-card, .resource-card, .exam-package-card, .contact-card, .learning-path-card, .learning-subject-card, .learning-plan-card, .learning-card, .lt-static-card):not(.home-page *) {
  box-sizing: border-box;
  border: 1px solid var(--lt-public-line) !important;
  border-radius: 18px !important;
  background: var(--lt-public-surface) !important;
  box-shadow: var(--lt-public-shadow) !important;
  color: var(--lt-public-text);
  overflow: hidden;
  translate: none !important;
  scale: none !important;
  filter: none !important;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
body.lt-public-theme :is(.catalog-course-card, .resource-card, .exam-package-card, .contact-card, .learning-path-card, .learning-subject-card, .learning-plan-card, .learning-card, .lt-static-card):not(.home-page *):hover {
  transform: translateY(-2px) !important;
  translate: none !important;
  scale: none !important;
  filter: none !important;
  border-color: rgba(201, 162, 39, .48) !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .11) !important;
}
body.lt-public-theme :is(.catalog-course-card-body, .resource-content, .exam-package-card-body):not(.home-page *) { padding: 14px 16px 16px !important; }
body.lt-public-theme :is(.learning-card, .lt-static-card):not(.home-page *) { padding: 16px; }
body.lt-public-theme :is(.catalog-course-card, .resource-card, .exam-package-card, .learning-path-card, .learning-subject-card, .learning-plan-card, .learning-card, .lt-static-card):not(.home-page *) :is(h3, h4) { color: var(--lt-public-navy) !important; line-height: 1.45; }
body.lt-public-theme :is(.learning-card, .lt-static-card):not(.home-page *) > :is(h3, h4) { margin: 0 0 10px; font-size: 16px; font-weight: 750; }
body.lt-public-theme :is(.learning-card, .lt-static-card):not(.home-page *) > :is(h3, h4) a { color: var(--lt-public-navy); text-decoration: none; }
body.lt-public-theme :is(.learning-card, .lt-static-card):not(.home-page *) > :is(h3, h4) a:hover { color: var(--lt-public-blue); text-decoration: underline; }
body.lt-public-theme :is(.resource-content, .learning-card, .lt-static-card):not(.home-page *) p { color: var(--lt-public-text); font-size: 14px; line-height: 1.75; }
body.lt-public-theme :is(.catalog-course-card, .resource-card, .exam-package-card):not(.home-page *) > .cinematic-cover { height: 176px; min-height: 176px; max-height: 176px; border-radius: 0; flex-shrink: 0; }
body.lt-public-theme .catalog-course-card:not(.home-page *) .catalog-course-card-body h3 { font-size: 14px; font-weight: 700; }
body.lt-public-theme .catalog-course-card:not(.home-page *) .catalog-course-price:not(.is-free) { color: var(--lt-public-navy) !important; font-size: 17px; font-weight: 800; }
body.lt-public-theme.lt-public-standalone .lt-public-card-cover.cinematic-cover {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: calc(100% + 32px);
  height: 176px;
  min-height: 176px;
  max-height: 176px;
  margin: -16px -16px 14px;
  border-radius: 0;
  background: #10233f;
  overflow: hidden;
  pointer-events: none;
  isolation: isolate;
}
body.lt-public-theme.lt-public-standalone .lt-public-card-cover > img.cinematic-cover-image { display: block; width: 100%; height: 100%; object-fit: cover; }
/* Borders and focus only: the login/register form palette remains component-owned. */
body.lt-public-theme :is(main, .auth-theme-boundary, .auth-form-card) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]):not([type="submit"]):not([type="button"]), select, textarea) { box-sizing: border-box; border-width: 1px; border-style: solid; border-color: #cbd5e1; border-radius: 10px; font: inherit; }
body.lt-public-theme :is(main, .auth-theme-boundary, .auth-form-card) :is(input, select, textarea):focus-visible { outline: 2px solid rgba(201, 162, 39, .75); outline-offset: 2px; border-color: var(--lt-public-gold); }
body.lt-public-theme .lt-unified-footer { margin: 0; padding: 52px 24px 20px; color: #c9d4e6; background: var(--lt-public-navy); border-top: 1px solid rgba(201, 162, 39, .25); }
body.lt-public-theme .lt-footer-inner { max-width: 1200px; margin: 0 auto; }
body.lt-public-theme .lt-footer-grid { display: grid; grid-template-columns: 1.5fr repeat(4, minmax(0, 1fr)); gap: 36px; }
body.lt-public-theme .lt-footer-brand p { max-width: 320px; margin: 18px 0 0; color: #b6c3d9; font-size: 14px; line-height: 1.8; }
body.lt-public-theme .lt-footer-grid h2 { margin: 0 0 16px; color: #e2c76d; font-size: 13px; font-weight: 700; line-height: 1.45; }
body.lt-public-theme .lt-footer-grid ul { margin: 0; padding: 0; list-style: none; }
body.lt-public-theme .lt-footer-grid li { margin: 0 0 10px; }
body.lt-public-theme .lt-unified-footer a { color: #c9d4e6; font-size: 13px; line-height: 1.6; text-decoration: none; }
body.lt-public-theme .lt-unified-footer a:hover { color: #e2c76d; text-decoration: underline; text-underline-offset: 3px; }
body.lt-public-theme .lt-footer-bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-top: 36px; padding-top: 20px; border-top: 1px solid rgba(226, 232, 240, .16); }
body.lt-public-theme .lt-footer-bottom p { margin: 0; color: #a9b8d0; font-size: 12px; }
body.lt-public-theme .lt-footer-bottom nav { display: flex; flex-wrap: wrap; gap: 18px; }
@media (min-width: 768px) and (max-width: 1023px) {
  body.lt-public-theme .lt-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 24px; }
  body.lt-public-theme .lt-footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
  body.lt-public-theme .lt-header-inner { gap: 16px; padding-inline: 18px; }
  body.lt-public-theme.lt-public-standalone :is(.lt-static-main, main#main-content) { padding: 20px 18px 44px; }
  body.lt-public-theme.lt-public-standalone :is(.lt-public-hero, .lt-static-hero, .page-hero) { padding: 28px 22px; border-radius: 18px; }
  body.lt-public-theme .lt-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 22px; }
  body.lt-public-theme .lt-footer-brand { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) {
  body.lt-public-theme :is(.catalog-course-card, .resource-card, .exam-package-card, .contact-card, .learning-path-card, .learning-subject-card, .learning-plan-card, .learning-card, .lt-static-card):not(.home-page *) { transition: none; }
  body.lt-public-theme :is(.catalog-course-card, .resource-card, .exam-package-card, .contact-card, .learning-path-card, .learning-subject-card, .learning-plan-card, .learning-card, .lt-static-card):not(.home-page *):hover { transform: none !important; }
}

/* Public HTML uses the homepage navigation, controls and responsive geometry. */
body.lt-public-theme .lt-unified-header { min-height: 0; background: rgba(6,17,42,.97); }
body.lt-public-theme .lt-header-inner { gap: 20px; min-height: 80px; padding: 16px; transition: min-height 180ms ease, padding-block 180ms ease; }
body.lt-public-theme .lt-unified-header.lt-header-scrolled .lt-header-inner { min-height: 76px; padding-block: 14px; }
body.lt-public-theme .lt-header-actions { display: none; }
body.lt-public-theme .lt-nav-icon { display: inline-block; width: 14px; height: 14px; flex-shrink: 0; }
body.lt-public-theme :is(.lt-desktop-nav, .lt-header-actions, .lt-mobile-nav) a { font-size: 14px; font-weight: 500; color: rgba(255,255,255,.7); text-decoration: none; }
body.lt-public-theme :is(.lt-desktop-nav, .lt-header-actions, .lt-mobile-nav) a[aria-current="page"] { color: #c9a227; }
body.lt-public-theme :is(.lt-desktop-nav, .lt-header-actions, .lt-mobile-nav) a:hover { color: #e8d5a3; }
body.lt-public-theme .lt-nav-group { position: relative; display: flex; align-items: center; flex: 0 0 auto; }
body.lt-public-theme .lt-nav-label { padding: 8px 0; }
body.lt-public-theme .lt-nav-group .lt-nav-dropdown { position: static; }
body.lt-public-theme .lt-nav-dropdown > .lt-nav-toggle { display: flex; align-items: center; justify-content: center; padding: 4px; min-width: 24px; min-height: 30px; color: rgba(255,255,255,.6); border-radius: 6px; }
body.lt-public-theme .lt-nav-dropdown > .lt-nav-toggle::after { content: none; }
body.lt-public-theme .lt-nav-dropdown[open] > .lt-nav-toggle { color: #c9a227; }
body.lt-public-theme .lt-nav-live,
body.lt-public-theme .lt-nav-mock,
body.lt-public-theme .lt-nav-tutor { display: inline-flex; align-items: center; justify-content: center; gap: 6px; white-space: nowrap; }
body.lt-public-theme .lt-nav-live { padding: 8px 12px; border-radius: 999px; background: rgba(52,211,153,.1); border: 1px solid rgba(110,231,183,.3); color: #a7f3d0 !important; font-weight: 700 !important; }
body.lt-public-theme .lt-nav-mock { padding: 6px 14px; border-radius: 20px; background: rgba(201,162,39,.12); border: 1px solid rgba(201,162,39,.3); color: #e8d5a3 !important; font-size: 13px !important; font-weight: 700 !important; }
body.lt-public-theme .lt-nav-tutor { padding: 7px 14px; border-radius: 10px; background: rgba(201,162,39,.1); border: 1px solid rgba(201,162,39,.25); color: #c9a227 !important; font-size: 13px !important; font-weight: 700 !important; }
body.lt-public-theme .lt-nav-login { min-height: 38px; padding: 8px 0; border: 0; }
body.lt-public-theme .lt-nav-signup { min-height: 40px; padding: 10px 20px; border-radius: 12px; font-weight: 600 !important; box-shadow: 0 2px 12px rgba(201,162,39,.15); }
body.lt-public-theme .lt-language-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 32px; padding: 5px 10px; color: rgba(255,255,255,.7); background: transparent; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; font: 500 13px/1.4 Inter,system-ui,sans-serif; cursor: pointer; }
body.lt-public-theme .lt-unified-header :is(a,summary,button):focus-visible { outline: 3px solid #e2c76d; outline-offset: 4px; }
body.lt-public-theme .lt-menu-toggle > .lt-nav-icon { width: 22px; height: 22px; }
body.lt-public-theme .lt-dropdown-panel { max-height: min(76vh,740px); overflow-y: auto; background: #0d1e3d; border-color: rgba(255,255,255,.1); color: #fff; box-shadow: 0 24px 60px rgba(0,0,0,.35); }
body.lt-public-theme .lt-courses-panel { width: 620px; max-width: calc(100vw - 48px); padding: 18px; border-radius: 18px; }
body.lt-public-theme .lt-resources-panel { width: 260px; min-width: 260px; padding: 8px; border-radius: 14px; }
body.lt-public-theme .lt-dropdown-intro { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 12px; margin-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.08); }
body.lt-public-theme .lt-dropdown-intro h2 { margin: 0; color: #e8d5a3; font-size: 14px; font-weight: 700; }
body.lt-public-theme .lt-dropdown-intro > a { color: #c9a227; font-size: 11px; }
body.lt-public-theme .lt-course-format-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; }
body.lt-public-theme .lt-course-format-grid > .lt-menu-card { display: flex; align-items: center; gap: 9px; padding: 9px 7px; border-radius: 10px; color: #e8d5a3; }
body.lt-public-theme .lt-course-format-grid > .lt-menu-card:hover,
body.lt-public-theme .lt-resource-item:hover,
body.lt-public-theme .lt-menu-category:hover { background: rgba(255,255,255,.06); }
body.lt-public-theme .lt-menu-icon { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; flex: 0 0 30px; border-radius: 8px; background: rgba(255,255,255,.05); }
body.lt-public-theme .lt-menu-copy { display: block; min-width: 0; }
body.lt-public-theme .lt-menu-copy strong { display: block; font-size: 12px; font-weight: 600; line-height: 1.45; }
body.lt-public-theme .lt-menu-copy small { display: block; margin-top: 2px; color: rgba(255,255,255,.4); font-size: 10px; line-height: 1.4; }
body.lt-public-theme .lt-menu-section-title { margin: 14px 0 8px; color: rgba(255,255,255,.4); font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
body.lt-public-theme .lt-course-category-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; }
body.lt-public-theme .lt-course-category-grid > .lt-menu-category { display: flex; align-items: center; gap: 8px; padding: 8px; border-radius: 8px; color: rgba(255,255,255,.7); font-size: 11px; }
body.lt-public-theme .lt-menu-category > span:last-child { margin-left: auto; color: #c9a227; }
body.lt-public-theme .lt-dropdown-footer { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.08); }
body.lt-public-theme .lt-dropdown-footer > a { padding: 5px 8px; color: #c9a227; font-size: 11px; font-weight: 600; }
body.lt-public-theme .lt-resource-primary,
body.lt-public-theme .lt-resource-extra { display: grid; }
body.lt-public-theme .lt-resource-extra { padding-top: 7px; margin-top: 7px; border-top: 1px solid rgba(255,255,255,.08); }
body.lt-public-theme .lt-resource-item { display: block; padding: 9px 12px; border-radius: 8px; color: rgba(255,255,255,.7); font-size: 13px !important; }
body.lt-public-theme .lt-mobile-nav { top: 100%; max-height: calc(100dvh - 76px); }
body.lt-public-theme .lt-mobile-nav .lt-nav-group { display: block; }
body.lt-public-theme .lt-mobile-nav .lt-nav-group > a { display: block; padding: 12px 44px 12px 0; }
body.lt-public-theme .lt-mobile-nav .lt-nav-dropdown > .lt-nav-toggle { position: absolute; top: 0; right: 0; min-width: 44px; min-height: 44px; padding: 10px; }
body.lt-public-theme .lt-mobile-nav .lt-dropdown-panel { position: static; width: 100%; max-width: none; min-width: 0; max-height: none; margin: 0 0 12px; transform: none; }
body.lt-public-theme .lt-mobile-nav > .lt-nav-live,
body.lt-public-theme .lt-mobile-nav > .lt-nav-mock { display: flex; justify-content: flex-start; width: fit-content; margin: 8px 0; padding: 10px 14px; }
body.lt-public-theme .lt-mobile-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.1); }
body.lt-public-theme .lt-mobile-actions :is(.lt-nav-login,.lt-nav-signup) { margin: 0; }
@media (min-width: 640px) { body.lt-public-theme .lt-header-inner { padding-inline: 24px; } }
@media (min-width: 1024px) { body.lt-public-theme .lt-header-inner { padding-inline: 32px; } }
@media (min-width: 1280px) {
  body.lt-public-theme .lt-header-inner { min-height: 96px; padding: 24px 40px; }
  body.lt-public-theme .lt-desktop-nav { flex: 1 1 auto; justify-content: center; gap: 12px; }
  body.lt-public-theme .lt-header-actions { display: flex; align-items: center; flex: 0 0 auto; gap: 12px; }
  body.lt-public-theme .lt-desktop-nav .lt-nav-group .lt-nav-dropdown .lt-dropdown-panel { position: absolute; top: calc(100% + 12px); left: 50%; right: auto; transform: translateX(-50%); }
}
@media (min-width: 1536px) {
  body.lt-public-theme .lt-header-inner { padding-inline: 48px; }
  body.lt-public-theme .lt-desktop-nav { gap: 20px; }
}
@media (max-width: 639px) {
  body.lt-public-theme .lt-mobile-nav .lt-course-format-grid { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion: reduce) { body.lt-public-theme .lt-header-inner { transition: none; } }