/* Sprint 4 — Educational Experience Rebuild */
.edu-page,.learning-experience,.hub-page,.diagnostic-page{background:var(--tk-bg);color:var(--tk-text);min-height:100vh;}
.edu-shell,.lex-shell,.hub-shell{max-width:1180px;margin-inline:auto;padding:24px 18px 72px;}
.edu-top,.lex-top,.hub-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;}
.edu-brand,.lex-brand,.hub-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tk-heading)}
.edu-brand img,.lex-brand img,.hub-brand img{width:44px;height:44px;flex:0 0 auto}.edu-brand strong,.lex-brand strong,.hub-brand strong{font-size:20px;font-weight:900;color:var(--tk-heading)}.edu-brand small,.lex-brand small,.hub-brand small{display:block;font-size:12px;color:var(--tk-muted);font-weight:800}.edu-actions,.lex-actions,.hub-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.edu-back,.back{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border:1px solid var(--tk-border);background:var(--tk-card);color:var(--tk-text);border-radius:999px;padding:10px 14px;font-weight:900;box-shadow:var(--tk-shadow-sm)}.edu-back:hover,.back:hover{transform:translateY(-1px);box-shadow:var(--tk-shadow-md)}
.edu-hero,.lex-hero,.hub-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--tk-card),var(--tk-surface));border:1px solid var(--tk-border);border-radius:34px;padding:34px 28px;margin-bottom:22px;box-shadow:var(--tk-shadow-md);display:grid;grid-template-columns:1.16fr .84fr;gap:24px;align-items:center}.edu-hero:before,.lex-hero:before,.hub-hero:before{content:'';position:absolute;inset:auto -60px -90px auto;width:260px;height:260px;border-radius:50%;background:var(--tk-primary-soft);opacity:.75;filter:blur(2px)}.edu-eyebrow,.lex-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--tk-primary-soft);color:var(--tk-primary);border:1px solid var(--tk-border-strong);border-radius:999px;padding:7px 14px;font-weight:900;font-size:13px;margin-bottom:14px}.edu-hero h1,.lex-hero h1,.hub-hero h1{font-size:clamp(29px,4.8vw,48px);line-height:1.14;margin:0 0 12px;color:var(--tk-heading)}.edu-hero p,.lex-hero p,.hub-hero p{color:var(--tk-muted);font-size:16.5px;line-height:1.9;max-width:760px}.edu-kpis,.journey-summary,.hub-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;position:relative;z-index:1}.edu-kpi,.journey-stat,.hub-kpi{background:var(--tk-card);border:1px solid var(--tk-border);border-radius:22px;padding:17px;box-shadow:var(--tk-shadow-sm)}.edu-kpi strong,.journey-stat strong,.hub-kpi strong{display:block;color:var(--tk-heading);font-size:23px}.edu-kpi span,.journey-stat span,.hub-kpi span{color:var(--tk-muted);font-weight:800;font-size:13px}.edu-section-head,.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:26px 0 14px}.edu-section-head h2,.section-head h2{color:var(--tk-heading);font-size:25px;margin:0}.edu-section-head p,.section-head p{color:var(--tk-muted);font-weight:700;margin:4px 0 0}.edu-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.edu-card,.video-card,.journey-card{background:var(--tk-card);border:1px solid var(--tk-border);box-shadow:var(--tk-shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.edu-card:hover,.video-card:hover,.journey-card:hover{transform:translateY(-3px);box-shadow:var(--tk-shadow-md);border-color:var(--tk-border-strong)}.edu-card{border-radius:26px;padding:20px;min-height:190px;display:flex;flex-direction:column;gap:10px}.edu-card-icon,.journey-icon,.video-cover{background:linear-gradient(135deg,var(--tk-primary-soft),var(--tk-surface-2));color:var(--tk-primary);border:1px solid var(--tk-border)}.edu-card-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:26px}.edu-card h3{font-size:20px;color:var(--tk-heading);margin:0}.edu-card p{color:var(--tk-muted);line-height:1.75;margin:0}.edu-cta,.journey-action{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:15px;padding:10px 14px;background:var(--tk-primary);color:white;font-weight:900;white-space:nowrap}.edu-cta.secondary{background:var(--tk-card);color:var(--tk-primary);border:1px solid var(--tk-border)}
.path-tabs,.edu-tabs{position:sticky;top:12px;z-index:25;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:24px 0;background:color-mix(in srgb,var(--tk-bg) 88%,transparent);backdrop-filter:blur(16px);padding:10px;border:1px solid var(--tk-border);border-radius:24px}.path-tab,.edu-tab{border:1px solid var(--tk-border);background:var(--tk-surface);color:var(--tk-text);border-radius:16px;padding:12px 20px;font-weight:900;cursor:pointer;min-width:130px}.path-tab.active,.edu-tab.active{background:var(--tk-primary)!important;color:white!important;border-color:transparent!important}.track-intro{background:var(--tk-card);border:1px solid var(--tk-border);border-radius:28px;padding:24px;margin-bottom:18px;box-shadow:var(--tk-shadow-sm);display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.track-intro h2{font-size:28px;margin:0 0 6px;color:var(--tk-heading)}.track-intro p{color:var(--tk-muted);line-height:1.8;margin:0}.roadmap{position:relative;display:grid;gap:16px}.roadmap::before{content:'';position:absolute;right:24px;top:16px;bottom:16px;width:3px;background:linear-gradient(var(--tk-primary),transparent);opacity:.35;border-radius:999px}.journey-card{position:relative;margin-right:54px;border-radius:26px;padding:20px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.journey-card::before{content:'';position:absolute;right:-42px;top:25px;width:24px;height:24px;border-radius:50%;background:var(--tk-primary);box-shadow:0 0 0 7px var(--tk-primary-soft);border:3px solid var(--tk-bg)}.journey-title{font-size:20px;font-weight:900;color:var(--tk-heading);margin-bottom:5px}.journey-goal{color:var(--tk-muted);line-height:1.75}.journey-tools,.video-meta{display:flex;gap:8px;flex-wrap:wrap}.journey-tools{margin-top:12px}.journey-pill,.video-meta span{background:var(--tk-surface-2);border:1px solid var(--tk-border);border-radius:999px;padding:6px 10px;color:var(--tk-muted);font-size:12px;font-weight:900}.hub-tools{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:12px;margin:22px 0}.hub-tools input,.hub-tools select{height:52px;border-radius:16px;border:1px solid var(--tk-border);background:var(--tk-card);color:var(--tk-text);padding:0 14px;font-family:inherit;font-weight:800}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.video-card{border-radius:24px;padding:18px;display:flex;flex-direction:column;gap:11px;min-height:260px}.video-cover{height:124px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:34px}.badge{align-self:flex-start;background:var(--tk-primary-soft);color:var(--tk-primary);border:1px solid var(--tk-border-strong);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:900}.video-title{font-size:19px;font-weight:900;color:var(--tk-heading);line-height:1.35}.video-desc{color:var(--tk-muted);font-size:14px;line-height:1.8}.empty,.empty-state{background:var(--tk-card);border:1px solid var(--tk-border);border-radius:22px;padding:18px;text-align:center;color:var(--tk-muted);box-shadow:var(--tk-shadow-sm)}
.dev-note,.debug-note,.json-source-note,.supabase-source-note,.educational-core-label,[data-dev="true"]{display:none!important}.diagnostic-page .hero,.diagnostic-page .panel{background:var(--tk-card)!important;border-color:var(--tk-border)!important;color:var(--tk-text)!important}.diagnostic-page h1,.diagnostic-page h2,.diagnostic-page h3{color:var(--tk-heading)!important}.diagnostic-page .muted,.diagnostic-page p{color:var(--tk-muted)}
@media(max-width:900px){.edu-hero,.lex-hero,.hub-hero,.track-intro,.hub-tools{grid-template-columns:1fr}.edu-top,.lex-top,.hub-top{align-items:flex-start;flex-direction:column}.edu-actions,.lex-actions,.hub-actions{width:100%;justify-content:space-between}.journey-card{grid-template-columns:1fr;margin-right:36px}.journey-action{width:100%}.roadmap::before{right:14px}.journey-card::before{right:-32px}}
@media(max-width:520px){.edu-kpis,.journey-summary,.hub-kpis{grid-template-columns:1fr}.edu-hero,.lex-hero,.hub-hero{padding:26px 18px}.path-tabs,.edu-tabs{position:static}.journey-card{margin-right:0}.roadmap::before,.journey-card::before{display:none}.path-tab,.edu-tab{flex:1;min-width:0}.video-grid,.edu-card-grid{grid-template-columns:1fr}.edu-section-head,.section-head{align-items:flex-start;flex-direction:column}}


/* iOS Safari AI Assistant Zoom Fix */
.ai-assistant input,
.ai-assistant textarea,
.ai-chat-input,
.ai-assistant-panel textarea,
.ai-widget-panel textarea {
  font-size: 16px !important;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .ai-assistant-panel,
  .ai-chat-panel,
  .ai-widget-panel {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    left: 12px !important;
    right: auto !important;
    transform: none !important;
    overflow-x: hidden !important;
  }

  .ai-assistant-panel * {
    max-width: 100%;
    box-sizing: border-box;
  }
}