.education-body{min-height:100vh;background:linear-gradient(180deg,#f6fdff 0,#eaf9fc 100%)}
.education-body .app-nav{position:sticky}.back-dashboard{margin-left:auto;display:flex;align-items:center;gap:7px;height:36px;padding:0 13px;border:1px solid rgba(255,255,255,.3);border-radius:7px;color:#fff;text-decoration:none;font-size:12px;font-weight:850;background:rgba(255,255,255,.09)}.back-dashboard:hover{background:rgba(255,255,255,.16)}
.education-page{width:min(1500px,calc(100% - 40px));min-height:calc(100vh - 118px);margin:0 auto;padding:34px 0 45px}.education-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;padding:8px 4px 28px}.education-eyebrow{color:#0795a7;font-size:11px;font-weight:900;letter-spacing:1.6px}.education-hero h1{margin:7px 0 8px;color:var(--ink);font-size:38px;line-height:1.12;letter-spacing:-1.1px}.education-hero p{max-width:700px;margin:0;color:var(--muted);font-size:14px;line-height:1.6}.learning-path-summary{min-width:350px;display:grid;grid-template-columns:auto auto 1px auto auto 1px auto auto;align-items:center;gap:10px;padding:17px 20px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.86);box-shadow:var(--shadow)}.learning-path-summary strong{font-size:22px}.learning-path-summary span{color:var(--muted);font-size:11px;font-weight:700}.learning-path-summary i{width:1px;height:28px;background:#d7ecef}
.path-progress{height:34px;position:relative;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;margin:0 7% 16px}.progress-line{position:absolute;left:10%;right:10%;top:16px;height:2px;background:#c7e5e9}.path-progress span{z-index:1;justify-self:center;width:28px;height:28px;display:grid;place-items:center;border:4px solid #edf9fb;border-radius:50%;background:#c7dde2;color:#547286;font-size:10px;font-weight:900}.path-progress span.active{background:var(--green);color:#fff;box-shadow:0 0 0 3px rgba(8,166,136,.14)}
.course-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.course-card{min-height:355px;position:relative;display:flex;flex-direction:column;padding:19px 18px 17px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#fff,#f9fdfe);box-shadow:0 5px 18px rgba(4,105,126,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.course-card:hover{transform:translateY(-3px);border-color:#8bd9e3;box-shadow:0 13px 30px rgba(4,93,111,.11)}.course-card.featured{border-top:4px solid var(--green);padding-top:16px}.course-number{position:absolute;right:14px;top:11px;color:#e1f1f4;font-size:45px;font-weight:950;line-height:1}.course-level{align-self:flex-start;position:relative;padding:5px 7px;border-radius:5px;background:#e4f8f4;color:#078971;font-size:9px;font-weight:900;letter-spacing:.5px}.course-level.intermediate{background:#e8f2ff;color:#2567ad}.course-level.advanced{background:#f0ebff;color:#6d50b5}.course-icon{width:48px;height:48px;display:grid;place-items:center;margin:30px 0 17px;border-radius:11px;background:linear-gradient(145deg,#e4fbfc,#d3f4f7);color:#078b9b;font-size:28px;font-weight:900}.course-card.featured .course-icon{background:linear-gradient(145deg,#dff9f2,#c7f0e6);color:var(--green)}.course-card h2{margin:0 0 10px;font-size:18px;line-height:1.25;letter-spacing:-.25px}.course-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.course-meta{display:flex;gap:13px;margin-top:auto;padding:18px 0 13px;color:#5d798d;font-size:10px;font-weight:750}.course-meta span:before{content:'•';margin-right:6px;color:#19b9c8}.course-card button{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border:1px solid #bce5ea;border-radius:7px;background:#f4fcfd;color:#17566f;font-size:11px;font-weight:900;cursor:pointer}.course-card button:hover{border-color:#28bdcc;background:#e6fafc}.course-card.featured button{border-color:#10a98c;background:var(--green);color:#fff}.course-card button b{font-size:17px}
.course-drawer{position:relative;display:grid;grid-template-columns:minmax(280px,.72fr) 1.3fr;gap:32px;margin-top:18px;padding:24px 28px;border:1px solid #9bded5;border-radius:12px;background:linear-gradient(120deg,#fff,#f3fcfb);box-shadow:0 15px 40px rgba(4,83,99,.12)}.drawer-close{position:absolute;right:12px;top:9px;border:0;background:transparent;color:#77909d;font-size:24px;cursor:pointer}.drawer-heading{display:flex;gap:16px}.drawer-heading>span{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border-radius:11px;background:var(--green);color:#fff;font-size:19px;font-weight:950}.drawer-heading small{color:#078c76;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.8px}.drawer-heading h2{margin:4px 0 7px;font-size:21px}.drawer-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.course-drawer ol{list-style:none;margin:0;padding:0 16px 0 0;border-right:1px solid #d6ecef}.course-drawer li{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:10px;border-bottom:1px solid #e0edef}.course-drawer li span{color:#18a895;font-size:10px;font-weight:900}.course-drawer li b{font-size:12px}.course-drawer li em{color:#7e98a6;font-size:18px;font-style:normal}.drawer-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:12px}.primary-course-action{height:38px;padding:0 18px;border:0;border-radius:7px;background:linear-gradient(180deg,#19b897,#08987d);color:#fff;font-size:11px;font-weight:900;cursor:pointer}.drawer-actions span{color:var(--muted);font-size:10px}.education-footer{width:min(1500px,calc(100% - 40px));margin:auto;padding:14px 0 25px}.education-footer a{color:#16889a;text-decoration:none;font-weight:850}
@media(max-width:1250px){.education-body nav a{padding:0 9px}.course-grid{grid-template-columns:repeat(3,1fr)}.course-card{min-height:330px}.learning-path-summary{min-width:315px}}
@media(max-width:900px){.education-body .app-nav nav{display:none}.education-body .nav-actions{display:none}.back-dashboard{margin-left:auto}.education-page{width:min(100% - 24px,760px);padding-top:24px}.education-hero{align-items:flex-start;flex-direction:column}.learning-path-summary{width:100%;min-width:0}.course-grid{grid-template-columns:repeat(2,1fr)}.course-drawer{grid-template-columns:1fr}.course-drawer ol{padding:0;border-right:0}.education-footer{width:calc(100% - 24px)}}
@media(max-width:620px){.education-body .app-nav{height:56px}.back-dashboard{padding:0 10px;font-size:10px}.education-hero h1{font-size:29px}.education-hero p{font-size:13px}.learning-path-summary{grid-template-columns:auto auto 1px auto auto;gap:7px}.learning-path-summary strong:nth-of-type(3),.learning-path-summary span:nth-of-type(3),.learning-path-summary i:nth-of-type(2){display:none}.path-progress{margin-left:2%;margin-right:2%}.course-grid{grid-template-columns:1fr}.course-card{min-height:310px}.course-drawer{padding:20px 15px}.drawer-actions{align-items:flex-end;flex-direction:column-reverse}.primary-course-action{width:100%}}


/* Dark theme */
html[data-theme="dark"] .education-body,
html[data-theme="dark"] .education-page{
  color:#dcecf1;
}
html[data-theme="dark"] .education-body{
  background:linear-gradient(180deg,#071923 0%,#091f2a 100%);
}
html[data-theme="dark"] .education-hero h1,
html[data-theme="dark"] .course-card h2,
html[data-theme="dark"] .drawer-heading h2,
html[data-theme="dark"] .course-drawer li b{
  color:#edf8fb;
}
html[data-theme="dark"] .education-hero p,
html[data-theme="dark"] .course-card p,
html[data-theme="dark"] .drawer-heading p,
html[data-theme="dark"] .drawer-actions span{
  color:#91aab5!important;
}
html[data-theme="dark"] .learning-path-summary{
  border-color:#214956;
  background:rgba(13,38,50,.94);
  box-shadow:0 14px 34px rgba(0,0,0,.24);
}
html[data-theme="dark"] .learning-path-summary strong{color:#edf8fb}
html[data-theme="dark"] .learning-path-summary span{color:#9bb2bc}
html[data-theme="dark"] .learning-path-summary i{background:#28505d}
html[data-theme="dark"] .progress-line{background:#244955}
html[data-theme="dark"] .path-progress span{
  border-color:#071923;
  background:#173744;
  color:#9bb2bc;
}
html[data-theme="dark"] .path-progress span.active{
  background:var(--green);
  color:#fff;
  box-shadow:0 0 0 3px rgba(8,166,136,.22);
}
html[data-theme="dark"] .course-card{
  border-color:#214956;
  background:linear-gradient(180deg,#0f2935,#0b222d);
  box-shadow:0 8px 22px rgba(0,0,0,.2);
}
html[data-theme="dark"] .course-card:hover{
  border-color:#2d7888;
  box-shadow:0 15px 34px rgba(0,0,0,.3);
}
html[data-theme="dark"] .course-number{color:#1b3c48}
html[data-theme="dark"] .course-level{background:#123f3b;color:#5fe0c7}
html[data-theme="dark"] .course-level.intermediate{background:#152f4b;color:#7bb8ff}
html[data-theme="dark"] .course-level.advanced{background:#302650;color:#c2a9ff}
html[data-theme="dark"] .course-icon{
  background:linear-gradient(145deg,#123c46,#0d303b);
  color:#4bd2df;
}
html[data-theme="dark"] .course-card.featured .course-icon{
  background:linear-gradient(145deg,#123e38,#0d312e);
  color:#51d9bd;
}
html[data-theme="dark"] .course-meta{color:#9bb2bc}
html[data-theme="dark"] .course-card button{
  border-color:#2b5968;
  background:#102f3c;
  color:#dcecf1;
}
html[data-theme="dark"] .course-card button:hover{
  border-color:#39aebe;
  background:#143b49;
}
html[data-theme="dark"] .course-card.featured button{
  border-color:#17b99b;
  background:var(--green);
  color:#fff;
}
html[data-theme="dark"] .course-drawer{
  border-color:#27685f;
  background:linear-gradient(120deg,#0f2935,#0b282d);
  box-shadow:0 18px 44px rgba(0,0,0,.32);
}
html[data-theme="dark"] .drawer-close{color:#9bb2bc}
html[data-theme="dark"] .course-drawer ol{border-color:#214956}
html[data-theme="dark"] .course-drawer li{border-color:#1e414d}
html[data-theme="dark"] .course-drawer li em{color:#88a3af}
html[data-theme="dark"] .education-footer a{color:#55c8d6}