/* ============================================================
   KAO Education — learner shell + EasyLearn skin
   Scoped under body.is-edu. Square / full-width / condensed /
   dusty-pastel, matching docs/mockups/edu-experience.html.
   ============================================================ */
.is-edu{
  --edu-bg:var(--bg,#eef6fb);--edu-off:#f4f2ee;--edu-ink:#16140f;--edu-ink2:#5f5a52;--edu-ink3:#9a948a;
  --edu-line:#e7e3da;--edu-hair:#d6d1c6;
  --blue:#6f93b8;--blue2:#3a6491;--blue-ink:#16263a;--blue-soft:#d4e0ec;
  --rose:var(--blue);--rose2:var(--blue2);--rose-ink:var(--blue-ink);--rose-soft:var(--blue-soft);
  --slate:#7c91a6;--slate-ink:#1f2c38;--sage:#86a08a;--mauve:#9a89a4;--sand:#c0a06c;
  --f-cond:'Anton',sans-serif;
  background:var(--edu-bg);color:var(--edu-ink);
}
.is-edu .edu-shell{max-width:1240px;margin:0 auto;padding:0 30px}
.is-edu .cond,.is-edu .edu-cond{font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.01em;line-height:.92}

/* header */
.is-edu .edu-head{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg,#eef6fb) 80%,#fff);backdrop-filter:blur(12px);border-bottom:1px solid var(--edu-line)}
.is-edu .edu-head-in{display:flex;align-items:center;gap:30px;height:66px}
.is-edu .edu-brand{display:flex;align-items:center;gap:13px;text-decoration:none}
.is-edu .edu-logo{height:52px;width:auto;max-width:230px;object-fit:contain;display:block}
.is-edu .edu-brand .k{font-family:var(--f-cond);text-transform:uppercase;font-size:26px;letter-spacing:.03em;color:var(--edu-ink)}
.is-edu .edu-zone{font-size:11px;color:var(--edu-ink3);letter-spacing:.04em;border-left:1px solid var(--edu-hair);padding-left:13px;white-space:nowrap}
.is-edu .edu-nav{display:flex;gap:26px;margin-left:6px}
.is-edu .edu-nav a{font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--edu-ink2);padding:4px 0;border-bottom:2px solid transparent;text-decoration:none}
.is-edu .edu-nav a.on,.is-edu .edu-nav a:hover{color:var(--edu-ink);border-bottom-color:var(--rose)}
.is-edu .edu-right{margin-left:auto;display:flex;align-items:center;gap:18px}
.is-edu .edu-back{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--edu-ink2);text-decoration:none}
.is-edu .edu-back:hover{color:var(--edu-ink)}
.is-edu .edu-back svg{width:16px;height:16px}
.is-edu .edu-av{width:38px;height:38px;border-radius:50%;background:var(--edu-ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;text-decoration:none}
.is-edu .edu-signin{font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--edu-ink);padding:11px 18px;text-decoration:none}

/* hero (catalog) */
.is-edu .edu-hero{position:relative;min-height:200px;display:flex;align-items:flex-end;overflow:hidden;background:#16263a}
.is-edu .edu-hero-img{position:absolute;inset:0;background:linear-gradient(120deg,#6f93b8 0%,#16263a 92%)}
.is-edu .edu-hero-img::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 90% at 72% 22%,rgba(255,255,255,.18),transparent 55%),linear-gradient(0deg,rgba(15,10,9,.6),transparent 60%)}
.is-edu .edu-hero-in{position:relative;z-index:1;padding:30px 30px;color:#fff;width:100%}
.is-edu .edu-hero .k{font-weight:800;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#cdddee;margin-bottom:14px}
.is-edu .edu-hero h1{font-family:var(--f-cond);text-transform:uppercase;font-size:50px;line-height:.86;margin:0 0 14px}
.is-edu .edu-hero p{font-size:15px;line-height:1.55;max-width:520px;color:#d6e2f0;margin:0}

/* main + footer */
.is-edu .edu-main{padding:0 0 50px;background:var(--edu-bg)}
.is-edu .edu-main.is-catalog{padding-top:6px}
.is-edu .edu-main.is-inner{padding-top:0}
.is-edu .edu-foot{border-top:1px solid var(--edu-line);background:color-mix(in srgb,var(--bg,#eef6fb) 80%,#fff);margin-top:30px}
.is-edu .edu-foot-logo{height:30px;width:auto;display:block;opacity:.85}
.is-edu .edu-foot-in{display:flex;align-items:center;gap:18px;padding:30px;flex-wrap:wrap}
.is-edu .edu-foot-brand .k{font-family:var(--f-cond);text-transform:uppercase;font-size:22px}
.is-edu .edu-foot-brand .e{font-weight:800;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--rose2)}
.is-edu .edu-foot-zone{font-size:12.5px;color:var(--edu-ink3)}
.is-edu .edu-foot-back{margin-left:auto;font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--edu-ink);text-decoration:none}

/* ===== EasyLearn re-theme inside the EDU shell ===== */
.is-edu .easylearn-component{padding:0}
.is-edu .easylearn-component > .container{max-width:1240px;padding-left:30px;padding-right:30px}
/* buttons → square ink */
.is-edu .btn{border-radius:0;font-weight:700;letter-spacing:.04em}
.is-edu .btn-primary{--bs-btn-bg:var(--edu-ink);--bs-btn-border-color:var(--edu-ink);--bs-btn-hover-bg:#000;--bs-btn-hover-border-color:#000;--bs-btn-active-bg:#000}
.is-edu .btn-outline-secondary{--bs-btn-color:var(--edu-ink2);--bs-btn-border-color:var(--edu-hair);--bs-btn-hover-bg:var(--edu-ink);--bs-btn-hover-border-color:var(--edu-ink)}
.is-edu a{color:var(--rose2)}
.is-edu a:hover{color:var(--rose-ink)}

/* ---- catalog ---- */
.is-edu .easylearn-course-catalog{padding-top:30px}
/* hide the component's own title/description (our hero covers it) + admin dropdown */
.is-edu .easylearn-course-catalog > .d-flex h1{display:none}
.is-edu .easylearn-admin-menu-dropdown{display:none!important}
.is-edu .easylearn-course-catalog > p.text-muted{font-family:var(--f-cond);text-transform:uppercase;font-size:22px;color:var(--edu-ink);letter-spacing:.01em;margin:0 0 18px;border-bottom:2px solid var(--edu-ink);padding-bottom:12px}
/* grid of square-topped tiles */
.is-edu .easylearn-course-catalog > .row > .col-12{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:4px}
.is-edu .easylearn-course-card{margin:0!important;border:1px solid var(--edu-line)!important;border-radius:0!important;box-shadow:none!important;background:#fff}
.is-edu .easylearn-course-card > .row{flex-direction:column;margin:0;height:100%}
.is-edu .easylearn-course-card > .row > [class*="col-"]{width:100%;max-width:100%;flex:0 0 auto;padding:0!important}
/* image tile */
.is-edu .easylearn-course-card > .row > [class*="col-"]:first-child{aspect-ratio:4/3;position:relative;overflow:hidden;background:linear-gradient(155deg,#7f9fc2,#26415e)}
.is-edu .easylearn-course-card:nth-child(5n+2) > .row > [class*="col-"]:first-child{background:linear-gradient(155deg,#92a4b6,#3a4a5c)}
.is-edu .easylearn-course-card:nth-child(5n+3) > .row > [class*="col-"]:first-child{background:linear-gradient(155deg,#9aac8b,#3f5244)}
.is-edu .easylearn-course-card:nth-child(5n+4) > .row > [class*="col-"]:first-child{background:linear-gradient(155deg,#a99bb2,#4b3f54)}
.is-edu .easylearn-course-card:nth-child(5n+5) > .row > [class*="col-"]:first-child{background:linear-gradient(155deg,#cdb079,#6e552a)}
.is-edu .easylearn-course-card .easylearn-course-img{display:none}
.is-edu .easylearn-course-card > .row > [class*="col-"]:first-child a{position:absolute;inset:0}
/* content */
.is-edu .easylearn-course-card .card-body{padding:16px 18px 18px}
.is-edu .easylearn-course-card .card-title{font-family:var(--f-cond);text-transform:uppercase;font-size:21px;line-height:.96;margin:0}
.is-edu .easylearn-course-card .card-title a{color:var(--edu-ink)!important;text-decoration:none}
.is-edu .easylearn-course-divider{border-top:1px solid var(--edu-hair);opacity:1;margin:11px 0}
.is-edu .easylearn-course-card .card-text{font-size:13px;color:var(--edu-ink2);line-height:1.5}

/* ---- paywall gate (paid live class, not entitled) ---- */
.is-edu .edu-paywall{background:linear-gradient(150deg,#1f2a3c 0%,#16263a 100%);border:1px solid var(--edu-line,rgba(0,0,0,.1));color:#fff;padding:54px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:360px}
.is-edu .edu-pw-lock{font-size:34px;line-height:1;margin-bottom:10px;opacity:.92}
.is-edu .edu-pw-h{font-family:'Syne',sans-serif;font-weight:800;font-size:25px;letter-spacing:-.01em;margin:0}
.is-edu .edu-pw-p{color:#c7d4e2;font-size:14px;line-height:1.5;max-width:430px;margin:6px 0 16px}
.is-edu .edu-pw-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.is-edu .edu-pw-buy{background:#2b8fc4;color:#fff;border:0;font-family:'DM Sans',sans-serif;font-weight:700;font-size:14px;padding:13px 24px;opacity:.5;cursor:not-allowed}
.is-edu .edu-pw-sim{background:#fff;color:#16263a;border:0;font-family:'DM Sans',sans-serif;font-weight:700;font-size:14px;padding:13px 24px;cursor:pointer;transition:background .15s ease}
.is-edu .edu-pw-sim:hover{background:#dbe7f2}
.is-edu .edu-pw-sim:disabled{opacity:.6;cursor:default}
.is-edu .edu-pw-note{margin-top:14px;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.02em;color:#7fa8cb}

/* ---- course page ---- */
.is-edu .easylearn-component .easylearn-course-hero{min-height:200px}
.is-edu .easylearn-component .easylearn-course-hero-content{padding:1rem}
@media(max-width:760px){.is-edu .easylearn-component .easylearn-course-hero{min-height:150px}}
.is-edu .easylearn-course-hero{position:relative;background:linear-gradient(120deg,#6f93b8,#16263a);color:#fff;padding:0;text-align:left;overflow:hidden;margin-bottom:0}
.is-edu .easylearn-course-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 90% at 70% 22%,rgba(255,255,255,.16),transparent 55%)}
.is-edu .easylearn-course-hero-content{position:relative;z-index:1;text-align:left!important}
.is-edu .easylearn-course-hero .container{max-width:1240px;padding-left:30px;padding-right:30px}
.is-edu .easylearn-course-hero h1{font-family:var(--f-cond);text-transform:uppercase;font-size:44px;line-height:.88;margin:0 0 12px}
.is-edu .easylearn-course-hero .lead{color:#d6e2f0;font-size:15px;max-width:560px;margin:0 0 18px}
.is-edu .easylearn-course-hero .btn{background:#f2ead8;border-color:#f2ead8;color:#23352f}
.is-edu .breadcrumb{font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.is-edu .easylearn-component .card{border-radius:0;border:1px solid var(--edu-line);box-shadow:none!important}
.is-edu .easylearn-component .card-header{background:var(--edu-off);border-bottom:1px solid var(--edu-line);font-weight:700}
.is-edu .easylearn-component .card-title,.is-edu .easylearn-component h2,.is-edu .easylearn-component h3{font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.01em}

@media(max-width:760px){
  .is-edu .edu-nav,.is-edu .edu-back{display:none}
  .is-edu .edu-hero h1{font-size:48px}
  .is-edu .easylearn-course-hero h1{font-size:40px}
}

/* ===== refinements (override pass) ===== */
/* catalog + course buttons → ink square */
.is-edu .btn-outline-primary,.is-edu .easylearn-course-button{--bs-btn-color:var(--edu-ink);--bs-btn-border-color:var(--edu-ink);--bs-btn-hover-bg:var(--edu-ink);--bs-btn-hover-border-color:var(--edu-ink);--bs-btn-hover-color:#fff;--bs-btn-active-bg:#000;color:var(--edu-ink);border-color:var(--edu-ink)}
/* short rose accent rule instead of blue */
.is-edu .easylearn-course-divider{width:40px!important;border:0!important;border-top:2px solid var(--rose)!important;opacity:1;margin:10px 0}
/* kill EasyLearn's default skyline cover on the hero, keep dusty gradient */
.is-edu .easylearn-course-hero{background-image:linear-gradient(120deg,#6f93b8,#16263a)!important}
/* module accordion headers → ink, condensed */
.is-edu .accordion-button{background:var(--edu-ink)!important;color:#fff!important;box-shadow:none!important;font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.02em}
.is-edu .accordion-button::after{filter:invert(1) brightness(3)}
.is-edu .accordion-button .badge{background:var(--rose)!important;color:var(--rose-ink)!important}
.is-edu .accordion-button:focus{border-color:transparent}
/* misc blue → brand */
.is-edu .breadcrumb a,.is-edu .breadcrumb-item a{color:var(--edu-ink2);text-decoration:none}
.is-edu .text-primary{color:var(--rose2)!important}
.is-edu .easylearn-component .form-control:focus,.is-edu .easylearn-component .form-select:focus{border-color:var(--rose);box-shadow:0 0 0 .15rem rgba(58,100,145,.25)}

/* EasyLearn paints .btn-primary background directly — override the property, not just the var */
.is-edu .btn-primary{background-color:var(--edu-ink)!important;border-color:var(--edu-ink)!important;color:#fff!important}
.is-edu .btn-primary:hover,.is-edu .btn-primary:focus,.is-edu .btn-primary:active{background-color:#000!important;border-color:#000!important;color:#fff!important}

/* ===== Live Classes list (com_gtslivekitmeeting events view, in EDU shell) ===== */
.is-edu .edu-hero--live .edu-hero-img{background:linear-gradient(120deg,#2b8fc4 0%,#103252 92%)}
.is-edu .lc-wrap{padding:30px 0 10px;display:flex;flex-direction:column;gap:36px}
.is-edu .lc-empty{padding:40px 0;color:var(--edu-ink3);font-size:15px}
.is-edu .lc-section{display:flex;flex-direction:column}
.is-edu .lc-sech{font-family:var(--f-cond);text-transform:uppercase;font-size:22px;letter-spacing:.01em;color:var(--edu-ink);margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid var(--edu-ink);display:flex;align-items:center;gap:10px}
.is-edu .lc-dot{width:9px;height:9px;border-radius:50%;background:var(--rose2);box-shadow:0 0 0 4px rgba(58,100,145,.22);animation:lcpulse 1.5s infinite;flex:0 0 auto}
@keyframes lcpulse{0%,100%{opacity:1}50%{opacity:.35}}
/* card grid — same grammar as the course catalog */
.is-edu .lc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:4px}
.is-edu .lc-card{display:flex;flex-direction:column;border:1px solid var(--edu-line);background:#fff;text-decoration:none;transition:border-color .15s}
.is-edu .lc-card:hover{border-color:var(--edu-ink)}
.is-edu .lc-thumb{aspect-ratio:4/3;position:relative;overflow:hidden;background:linear-gradient(155deg,#92a4b6,#3a4a5c)}
.is-edu .lc-grid .lc-card:nth-child(5n+2) .lc-thumb{background:linear-gradient(155deg,#7f9fc2,#26415e)}
.is-edu .lc-grid .lc-card:nth-child(5n+3) .lc-thumb{background:linear-gradient(155deg,#9aac8b,#3f5244)}
.is-edu .lc-grid .lc-card:nth-child(5n+4) .lc-thumb{background:linear-gradient(155deg,#a99bb2,#4b3f54)}
.is-edu .lc-grid .lc-card:nth-child(5n+5) .lc-thumb{background:linear-gradient(155deg,#cdb079,#6e552a)}
.is-edu .lc-card--past .lc-thumb{filter:grayscale(.5);opacity:.85}
.is-edu .lc-badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.42);backdrop-filter:blur(3px);padding:5px 10px}
.is-edu .lc-badge--live{background:var(--rose2)}
.is-edu .lc-badge .lc-dot{width:6px;height:6px;background:#fff;box-shadow:none}
.is-edu .lc-thumb-when{position:absolute;bottom:12px;left:12px;right:12px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.02em;text-shadow:0 1px 6px rgba(0,0,0,.55)}
.is-edu .lc-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:11px;flex:1}
.is-edu .lc-ttl{font-family:var(--f-cond);text-transform:uppercase;font-size:21px;line-height:.96;margin:0;color:var(--edu-ink)}
.is-edu .lc-meta{display:flex;flex-direction:column;gap:7px;font-size:12.5px;color:var(--edu-ink2)}
.is-edu .lc-inst{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--edu-ink)}
.is-edu .lc-inst-av{width:22px;height:22px;border-radius:50%;background:var(--edu-ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;flex:0 0 auto}
.is-edu .lc-course{font-size:11.5px;color:var(--edu-ink3);text-transform:uppercase;letter-spacing:.04em}
.is-edu .lc-cta{margin-top:auto;font-weight:800;font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--edu-ink)}
.is-edu .lc-cta--live{color:var(--rose2)}
.is-edu .lc-card--past{opacity:.82}

/* ===== Live session inside a course: room bar + full-width room + join card ===== */
/* Live class page = same course shell: hero + breadcrumb + video in the content slot */
.is-edu .edu-hero--class .edu-hero-img{background:linear-gradient(120deg,#27496e 0%,#16263a 92%)}
.is-edu .edu-herolive{font-weight:800;font-size:10px;letter-spacing:.1em;background:var(--rose2);color:#fff;padding:3px 9px;margin-left:8px}
.is-edu .edu-classbar{border-bottom:1px solid var(--edu-line);background:color-mix(in srgb,var(--bg,#eef6fb) 55%,#fff)}
.is-edu .edu-classbar-in{display:flex;align-items:center;gap:14px;padding:14px 0}
.is-edu .edu-crumb{text-transform:uppercase;letter-spacing:.05em;font-size:11.5px;color:var(--edu-ink3)}
.is-edu .edu-crumb a{color:var(--edu-ink2);font-weight:600}
.is-edu .edu-crumb b{color:var(--edu-ink)}
.is-edu .edu-crumb span{margin:0 6px;color:var(--edu-hair)}
.is-edu .edu-classback{margin-left:auto;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;color:var(--rose-ink)}
.is-edu .edu-classback:hover{color:var(--edu-ink)}
.is-edu .edu-main.is-room-view{padding:26px 0 40px}
.is-edu .edu-roomstage{background:#0e1117;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}
.is-edu .edu-roomstage > *:empty{display:none}
.is-edu .edu-roomstage #gts-room{flex:1 1 auto;min-height:62vh;background:transparent;border-radius:0}
.is-edu .edu-roomstage #gts-room .gts-stage{flex:1 1 auto;min-height:0;display:flex}
.is-edu .edu-roomstage #gts-room .gts-layout-grid{flex:1 1 auto;min-height:0}
.is-edu .edu-roomstage #gts-room .gts-layout-speaker{flex:1 1 auto;min-height:0}
.is-edu .edu-roomstage--incourse{margin:0 0 28px}
.is-edu .edu-instbar{display:flex;align-items:center;gap:14px;padding:13px 16px;margin:0 0 14px;background:#fff;border:1px solid rgba(20,40,70,.10);border-radius:14px;box-shadow:0 1px 2px rgba(20,40,70,.04)}
.is-edu .edu-inst-av{flex:0 0 auto;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:1.05rem;color:#fff;background:linear-gradient(135deg,#3a4a63,#1f2a3c)}
.is-edu .edu-inst-meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.is-edu .edu-inst-name{font-weight:700;font-size:1.02rem;color:#16243a;line-height:1.2}
.is-edu .edu-inst-role{font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;color:#5b6b80}
.is-edu .edu-inst-live{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1f6aa0}
.is-edu .edu-inst-dot{width:8px;height:8px;border-radius:50%;background:#2b8fc4;animation:eduPulse 1.8s infinite}
@keyframes eduPulse{0%{box-shadow:0 0 0 0 rgba(43,143,196,.5)}70%{box-shadow:0 0 0 9px rgba(43,143,196,0)}100%{box-shadow:0 0 0 0 rgba(43,143,196,0)}}
.is-edu .edu-resources{margin:16px 0 28px}
.is-edu .edu-res-h{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#5b6b80;margin:0 0 10px;font-weight:700}
.is-edu .edu-res-i{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:0 0 8px;background:#fff;border:1px solid rgba(20,40,70,.10);border-radius:12px;text-decoration:none;color:#16243a;font-weight:600;transition:border-color .15s,transform .15s}
.is-edu .edu-res-i:hover{border-color:rgba(20,40,70,.28);transform:translateY(-1px)}
.is-edu .edu-res-ic{flex:0 0 auto;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#eef4fb;color:#3a4a63;font-size:1.15rem}
.is-edu .edu-res-empty{padding:14px 16px;background:rgba(20,40,70,.03);border:1px dashed rgba(20,40,70,.16);border-radius:12px;color:#6b7a8d;font-size:.9rem}

/* "Join the session" card surfaced inside a course page */
.is-edu .edu-joincard{display:flex;align-items:center;gap:18px;background:#16263a;color:#fff;padding:20px 24px;margin:0 0 24px;text-decoration:none}
.is-edu .edu-joincard:hover{background:#1d3149}
.is-edu .jc-lab{flex:1;display:flex;flex-direction:column;gap:6px}
.is-edu .jc-k{font-weight:800;font-size:10px;letter-spacing:.14em;color:#bcd2e8;display:flex;align-items:center;gap:8px}
.is-edu .jc-d{width:7px;height:7px;border-radius:50%;background:var(--rose2);animation:lcpulse 1.4s infinite}
.is-edu .jc-t{font-family:var(--f-cond);text-transform:uppercase;font-size:21px;letter-spacing:.01em}
.is-edu .jc-go{flex:0 0 auto;font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:var(--rose2);color:#fff;padding:14px 24px;white-space:nowrap}

/* ===== LIVE row inside the EasyLearn Course Content outline ===== */
.is-edu .el-live-item{border:1px solid var(--rose2);border-left:3px solid var(--rose2);margin-bottom:14px;background:#eef3fa;border-radius:4px;overflow:hidden}
.is-edu .el-live-link{display:flex;align-items:center;gap:14px;padding:15px 18px;text-decoration:none}
.is-edu .el-live-k{font-weight:800;font-size:10px;letter-spacing:.11em;color:var(--rose-ink);display:flex;align-items:center;gap:7px;white-space:nowrap}
.is-edu .el-live-d{width:7px;height:7px;border-radius:50%;background:var(--rose2);animation:lcpulse 1.4s infinite}
.is-edu .el-live-t{font-family:var(--f-cond);text-transform:uppercase;font-size:18px;letter-spacing:.01em;color:var(--edu-ink);font-weight:400}
.is-edu .el-live-go{margin-left:auto;font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:var(--rose2);color:#fff;padding:10px 18px;white-space:nowrap}


/* ---- Classes home (class-type landing) ---- */
.is-edu .edu-classhome{max-width:1060px;margin:0 auto;padding:6px 0 44px}
.is-edu .edu-ch-head{text-align:center;margin:0 0 32px}
.is-edu .edu-ch-head .k{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:#7a8aa0;font-weight:700;margin:0 0 10px}
.is-edu .edu-ch-head h1{font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(2.4rem,5vw,3.6rem);letter-spacing:.01em;color:#16243a;margin:0 0 12px;text-transform:uppercase;line-height:1}
.is-edu .edu-ch-head p{max-width:610px;margin:0 auto;color:#54637a;font-size:1.04rem;line-height:1.55}
.is-edu .edu-ch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media(max-width:760px){.is-edu .edu-ch-grid{grid-template-columns:1fr}}
.is-edu .edu-ch-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:300px;padding:30px;border-radius:0;overflow:hidden;text-decoration:none;color:#fff;border:1px solid var(--edu-line);transition:transform .15s ease}
.is-edu .edu-ch-card:hover{transform:translateY(-2px)}
.is-edu .edu-ch-card.is-live{background:linear-gradient(150deg,#123a5e,#1f6aa0 58%,#2b8fc4)}
.is-edu .edu-ch-card.is-anytime{background:linear-gradient(150deg,#1f2a3c,#37506b 58%,#5b7793)}
.is-edu .edu-ch-card h2{font-family:'Anton',sans-serif;font-weight:400;font-size:2.05rem;text-transform:uppercase;letter-spacing:.01em;margin:auto 0 10px;line-height:1.04}
.is-edu .edu-ch-card p{color:rgba(255,255,255,.88);font-size:.99rem;line-height:1.5;margin:0 0 18px;max-width:92%}
.is-edu .edu-ch-badge{display:inline-flex;align-items:center;gap:7px;font-size:.71rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:0;background:rgba(255,255,255,.18)}
.is-edu .edu-ch-dot{width:8px;height:8px;border-radius:50%;background:#7fd2ff;animation:eduPulse 1.8s infinite}
.is-edu .edu-ch-go{font-weight:700;font-size:.97rem;color:#fff;display:inline-flex;align-items:center;gap:6px}

/* ---- Live Classes list (live courses) ---- */
.is-edu .edu-livecourses{max-width:1060px;margin:0 auto;padding:6px 0 44px}
.is-edu .edu-lc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.is-edu .edu-lc-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:210px;padding:26px;border-radius:0;overflow:hidden;text-decoration:none;color:#fff;background:linear-gradient(150deg,#123a5e,#1f6aa0 58%,#2b8fc4);border:1px solid var(--edu-line);transition:transform .15s ease}
.is-edu .edu-lc-card:hover{transform:translateY(-2px)}
.is-edu .edu-lc-card h3{font-family:'Anton',sans-serif;font-weight:400;font-size:1.7rem;text-transform:uppercase;letter-spacing:.01em;margin:auto 0 10px;line-height:1.05}
.is-edu .edu-lc-badge{display:inline-flex;align-items:center;gap:7px;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 11px;border-radius:0;background:rgba(255,255,255,.18)}
.is-edu .edu-lc-dot{width:8px;height:8px;border-radius:50%;background:#7fd2ff}
.is-edu .edu-lc-card.is-on .edu-lc-dot{background:#7fd2ff;animation:eduPulse 1.8s infinite}
.is-edu .edu-lc-go{font-weight:700;font-size:.95rem;color:#fff;display:inline-flex;align-items:center;gap:6px}
.is-edu .edu-lc-empty{text-align:center;padding:30px 20px;color:#54637a}
.is-edu .edu-lc-empty h2{font-family:'Anton',sans-serif;font-weight:400;font-size:2rem;text-transform:uppercase;color:#16243a;margin:0 0 10px}
.is-edu .edu-lc-empty a{color:#3a6491;font-weight:600}

/* ---- Admin class-mode toggle (course page) ---- */
.is-edu .edu-modebar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 16px;padding:10px 14px;background:#fff;border:1px solid rgba(20,40,70,.12);border-radius:12px;box-shadow:0 1px 2px rgba(20,40,70,.04)}
.is-edu .edu-modebar-k{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7a8aa0}
.is-edu .edu-modeseg{display:inline-flex;background:#eef2f8;border-radius:10px;padding:3px}
.is-edu .edu-modeopt{border:0;background:none;font:inherit;font-weight:700;font-size:.86rem;color:#54637a;padding:7px 16px;border-radius:8px;cursor:pointer}
.is-edu .edu-modeopt.on{background:#16243a;color:#fff}
.is-edu .edu-modeopt:disabled{opacity:.5;cursor:default}
.is-edu .edu-modebar-hint{font-size:.84rem;color:#6b7a8d}

/* ---- Anytime course catalog (EasyLearn override -> edu-course cards) ---- */
.is-edu .edu-catalog{max-width:1240px;margin:0 auto}
.is-edu .edu-catalog-admin:empty{display:none}
.is-edu .edu-course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.is-edu .edu-course-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:200px;padding:24px;border:1px solid var(--edu-line);background:linear-gradient(150deg,#1f2a3c,#37506b 58%,#5b7793);color:#fff;text-decoration:none;transition:transform .15s ease}
.is-edu .edu-course-card:hover{transform:translateY(-2px)}
.is-edu .edu-course-badge{display:inline-flex;align-items:center;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;background:rgba(255,255,255,.18);color:#fff}
.is-edu .edu-course-card h3{font-family:var(--f-cond);font-weight:400;font-size:1.55rem;text-transform:uppercase;letter-spacing:.01em;line-height:1.02;margin:auto 0 8px;color:#fff}
.is-edu .edu-course-meta{font-size:.84rem;color:rgba(255,255,255,.82);margin:0 0 16px}
.is-edu .edu-course-go{font-weight:800;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.is-edu .edu-catalog-pager{margin:22px 0 0}
.is-edu .edu-course-empty{text-align:center;padding:40px 20px;color:var(--edu-ink2)}
.is-edu .edu-course-empty h2{font-family:var(--f-cond);font-weight:400;font-size:2rem;text-transform:uppercase;color:var(--edu-ink);margin:0 0 12px}
.is-edu .edu-course-empty-btn{display:inline-block;margin-top:8px;background:var(--edu-ink);color:#fff;font-weight:800;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:12px 20px;text-decoration:none}