/* Approved EclassGuru design. Shared palette retains saved subject and grade colors. */
:root{--ecg-palette-brand:#38b6ff;--ecg-palette-coral:#ff5757;--ecg-palette-green:#7ed957;--ecg-palette-pink:#ff66c4;--ecg-palette-yellow:#f6f15f;--ecg-palette-purple:#8c52ff;--eg-surface:#fff;--eg-line:#deebf5;--eg-soft:#eff8ff;--eg-shadow:0 8px 24px #18345409}
body{background:var(--ecg-palette-background,#f8fbff);font-size:15px}h1,h2,h3{letter-spacing:normal}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}.container{max-width:1200px;width:100%}.site-header{background:#fff;border-bottom:1px solid var(--eg-line)}.header-inner{min-height:84px;padding-block:12px;gap:28px}.brand{color:var(--ecg-palette-ink,#183454);font-size:21px;white-space:nowrap;max-width:260px;gap:10px}.brand small{font-size:10px;color:#61758a;font-weight:500}.brand-mark{background:transparent;padding:0;color:var(--es-action)}.brand-mark .es-icon{width:38px;height:38px;stroke-width:1.8}.main-nav{margin-left:auto}.main-nav .nav-menu{gap:24px;align-items:center}.main-nav a{font-size:13px;color:var(--es-text)}.main-nav a:hover{color:var(--es-action);text-decoration:none}.eg-header-actions{display:flex;align-items:center;gap:14px;white-space:nowrap}.eg-header-login{font-size:12px;font-weight:700;border:1px solid #b8cee4;padding:8px 15px;border-radius:7px}.eg-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:11px 21px;border-radius:8px;font-size:14px;font-weight:700;line-height:1.5;cursor:pointer;border:1px solid transparent;text-decoration:none}.eg-btn:hover{text-decoration:none;filter:brightness(.96)}body .eg-btn.eg-primary{background:var(--es-action);color:var(--ecg-palette-primary-text,#fff);border-color:var(--es-action)}body .eg-btn.eg-outline{background:#fff;border-color:#b6cde6;color:var(--es-action)}.eg-header-actions .eg-btn{font-size:12px;min-height:40px;padding:9px 16px}.eg-btn .es-icon{width:19px;height:19px}
.eg-home-v95{background:linear-gradient(#fff,#f8fbff);flex:1}.eg-home-hero{background:linear-gradient(110deg,#f1faff,#eaf6ff);overflow:hidden;border-bottom:1px solid #e0f1fc}.eg-home-hero-grid{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:28px;min-height:410px;padding-top:32px;padding-bottom:48px}.eg-home-hero-copy{padding:10px 0}.eg-home-kicker{font-size:11px;font-weight:750;letter-spacing:1.2px;color:var(--es-action);margin:0 0 16px}.eg-home-hero h1{font-size:clamp(29px,3.4vw,44px);line-height:1.43;max-width:590px;color:var(--es-text);margin:0 0 18px;font-weight:850}.eg-home-description{font-size:15px;line-height:1.95;color:#526a80;max-width:580px}.eg-home-hero .eg-hero-actions{margin-top:23px}.eg-home-promises{padding:0;margin:24px 0 0;list-style:none;display:flex;gap:20px;flex-wrap:wrap}.eg-home-promises li{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:650;color:#4d6780}.eg-home-promises .es-icon{width:20px;height:20px;color:var(--es-action)}.eg-home-promises li:nth-child(2) .es-icon{color:var(--ecg-palette-coral)}.eg-home-promises li:nth-child(3) .es-icon{color:var(--ecg-palette-purple)}.eg-home-illustration{min-width:0;align-self:stretch;display:flex;align-items:center}.eg-home-illustration img{width:100%;height:auto;display:block;border-radius:24px 24px 80px 24px;box-shadow:0 16px 40px #174ea612;aspect-ratio:3/2;object-fit:cover}
.eg-home-search-wrap{position:relative;margin-top:-28px;z-index:2}.eg-home-search{display:grid;grid-template-columns:1fr 1fr 1.5fr auto;gap:14px;align-items:end;border:1px solid #cbe7f7;border-radius:12px;background:#fff;padding:18px 22px;box-shadow:var(--eg-shadow)}.eg-home-search label{display:grid;gap:5px;min-width:0}.eg-home-search label>span{font-size:11px;color:#55708a;font-weight:650}.eg-home-search :is(input,select){font:inherit;font-size:13px;width:100%;height:43px;min-width:0;background:#f9fcff;border:1px solid #dce7f1;border-radius:7px;padding:9px 12px;color:var(--es-text)}.eg-home-v95 .section{padding:30px 0}.eg-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}.eg-section-heading h2{font-size:23px;margin:0;line-height:1.6;color:var(--es-text)}.eg-section-heading p{font-size:12px;color:#6a7d90;margin:3px 0 0}.eg-section-heading>a{font-size:12px;font-weight:700;white-space:nowrap}.eg-grade-strip{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:9px}.eg-grade-strip>a{border:1px solid var(--eg-line);border-top:3px solid var(--grade-accent);border-radius:9px;background:#fff;display:grid;justify-items:center;padding:10px 4px;color:var(--es-text);box-shadow:0 4px 9px #18345404;transition:transform .15s}.eg-grade-strip>a:hover{transform:translateY(-3px);text-decoration:none;background:#edf7ff}.eg-grade-strip span{font-size:11px;color:#6a7d90}.eg-grade-strip strong{font-size:20px;line-height:1.4}.eg-home-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.eg-home-course{display:grid;grid-template-columns:38% 1fr;border:1px solid var(--eg-line);border-top:3px solid var(--course-accent);background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--eg-shadow);min-width:0}.eg-home-course-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--eg-soft);color:var(--course-accent);padding:16px;min-width:0}.eg-home-course-art .es-icon{width:58px;height:58px;stroke-width:1.2}.eg-home-course-art>span{font-size:12px;text-align:center;overflow-wrap:anywhere}.eg-home-course-art img{width:100%;height:100%;max-height:210px;object-fit:cover;border-radius:7px}.eg-home-course-copy{padding:17px 16px;min-width:0}.eg-home-course-tags{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.eg-home-course .eg-price{padding:2px 8px;font-size:10px}.eg-home-grade{font-size:10px;color:#5a7188}.eg-home-course h3{font-size:16px;line-height:1.65;margin:9px 0;color:var(--es-text)}.eg-home-course h3 a{color:inherit}.eg-home-course p{font-size:11px;color:#657b91;margin:0 0 13px;line-height:1.8;overflow-wrap:anywhere}.eg-home-course-link{font-size:11px;border:1px solid #bfd3e8;border-radius:5px;padding:5px 9px;display:inline-block;font-weight:650}.eg-home-empty{grid-column:1/-1;background:#fff;border:1px dashed #bfd3e8;border-radius:12px;text-align:center;padding:28px}.eg-home-empty h3{font-size:20px;margin:0}.eg-home-empty p{color:#62768a}
.eg-home-resources{background:#f0f8ff;border-top:1px solid #e2eff8;border-bottom:1px solid #e2eff8}.eg-resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.eg-resource-card{background:#fff;border:1px solid #dceaf5;border-radius:10px;padding:17px 13px;display:flex;align-items:center;gap:11px;color:var(--es-text);min-width:0}.eg-resource-card>.es-icon{width:30px;height:30px;color:var(--resource-accent)}.eg-resource-card h3{font-size:13px;margin:0 0 5px}.eg-resource-card p{font-size:10px;color:#6a8095;margin:0}.eg-resource-card>span{margin-left:auto;color:var(--es-action)}.eg-resource-card:hover{text-decoration:none;border-color:var(--resource-accent)}.eg-continue-panel{padding:30px 38px;background:linear-gradient(120deg,#eaf7ff,#f1eeff);border:1px solid #d6e8f8;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:25px}.eg-continue-panel h2{font-size:25px;line-height:1.5;margin:0 0 8px}.eg-continue-panel p{font-size:13px;color:#62758a;margin:0}.eg-continue-panel .eg-home-kicker{font-size:10px;margin-bottom:8px;color:var(--es-action)}.eg-continue-panel .eg-btn{white-space:nowrap}.eg-footer-top{display:flex;justify-content:space-between;gap:40px;padding-top:32px;padding-bottom:26px}.site-footer{background:#fff;color:var(--es-text);border-top:1px solid var(--eg-line);padding:0;margin-top:auto}.site-footer a{color:var(--es-action)}.site-footer .brand{color:var(--es-text)}.eg-footer-top p{font-size:12px;color:#698094;max-width:390px}.eg-footer-top nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.eg-footer-top nav a{font-size:12px;color:#4c6782}.eg-footer-bottom{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--eg-line);padding-top:16px;padding-bottom:18px;font-size:11px;color:#7a8da0}
/* Shared screens: content and forms keep their native functionality. */
body :is(.es-surface,.ecg-card,.ecg-account-card,.ecg-course-card,.ecg-profile-card){border-color:var(--eg-line);border-radius:12px;box-shadow:var(--eg-shadow)}body .ecg-search{background:#f2f9ff;border:1px solid #d5eafa;border-radius:12px;padding:20px}body .ecg-search :is(input,select){border:1px solid #cdddeb;border-radius:7px;padding:9px;min-height:40px;font:inherit;max-width:100%}body :is(.ecg-student-hero,.ecg-course-hero){background:linear-gradient(115deg,#edf8ff,#f3f1ff);color:var(--es-text);border-color:#dfebf5}body .ecg-entry{background:#fff;border:1px solid var(--eg-line);border-radius:18px;overflow:hidden;box-shadow:var(--eg-shadow)}body .ecg-entry>aside{background:linear-gradient(135deg,#e8f6ff,#f3efff);color:var(--es-text)}body .ecg-entry>aside p{color:#5b7289}body .ecg-entry-primary{background:var(--es-action);color:var(--ecg-palette-primary-text,#fff)}body .ecg-entry-card{border-radius:0;box-shadow:none}body .es-page-heading{border-top-color:var(--ecg-palette-brand)}body .ecg-mobile-nav{background:#fff;border-top-color:var(--eg-line)}.ecg-mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:4px}.ecg-mobile-nav .es-icon{width:19px;height:19px}.menu-toggle{font-size:12px;min-height:40px;background:var(--es-action);color:var(--ecg-palette-primary-text,#fff)}
@media(max-width:1100px){.header-inner{gap:18px}.main-nav .nav-menu{gap:15px}.eg-header-actions{gap:9px}.eg-home-course{grid-template-columns:1fr}.eg-home-course-art{height:130px;flex-direction:row}.eg-home-course-art img{height:110px;width:100%;object-fit:cover}.eg-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eg-home-hero h1{font-size:35px}.eg-grade-strip{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:960px){.eg-header-actions .eg-btn{display:none}.header-inner .brand{max-width:calc(100% - 170px)}.eg-home-hero-grid{gap:22px}.eg-home-hero h1{font-size:29px}.eg-home-description{font-size:13px}.eg-home-promises{gap:12px}.eg-home-promises li{font-size:10px}}
@media(max-width:880px){.header-inner{position:relative;flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto;order:2}.eg-header-actions{order:3}.main-nav{display:none;order:4;width:100%;position:static;margin:0;padding:12px 0 0;border:0;border-top:1px solid var(--eg-line);background:#fff}.main-nav.is-open{display:block}.main-nav .nav-menu{display:flex;flex-wrap:wrap;gap:16px}.main-nav li{margin:0}.main-nav a{padding:8px 0;display:block}.eg-home-search{grid-template-columns:1fr 1fr}.eg-home-keyword{grid-column:1}.eg-footer-top{gap:24px}.eg-footer-top nav{gap:15px}}
@media(max-width:640px){.container{padding-inline:16px}.header-inner{min-height:72px;gap:10px}.header-inner .brand{font-size:17px;max-width:calc(100% - 145px)}.brand-mark .es-icon{width:30px;height:30px}.eg-header-login{padding:7px 11px;font-size:11px}.eg-home-hero-grid{grid-template-columns:1fr;padding-top:26px;padding-bottom:46px;gap:22px}.eg-home-hero h1{font-size:30px;line-height:1.5;max-width:520px}.eg-home-kicker{font-size:10px;letter-spacing:.8px}.eg-home-hero-copy{padding:0}.eg-home-description{font-size:14px}.eg-home-promises{margin-top:20px}.eg-home-illustration{max-width:480px;margin:auto;width:100%}.eg-home-illustration img{border-radius:14px 14px 42px 14px}.eg-home-search-wrap{margin-top:-22px}.eg-home-search{padding:15px;gap:11px}.eg-home-search :is(input,select){font-size:12px}.eg-home-search label>span{font-size:10px}.eg-home-search .eg-btn{font-size:12px;padding-inline:12px}.eg-home-v95 .section{padding:26px 0}.eg-section-heading{align-items:flex-start;gap:10px}.eg-section-heading h2{font-size:20px}.eg-section-heading>a{font-size:10px;margin-top:6px}.eg-section-heading p{font-size:11px}.eg-grade-strip{gap:7px}.eg-grade-strip>a{padding:9px 4px}.eg-grade-strip strong{font-size:19px}.eg-grade-strip span{font-size:10px}.eg-home-course-grid{grid-template-columns:1fr;gap:15px}.eg-home-course{grid-template-columns:34% 1fr}.eg-home-course-art{height:auto;flex-direction:column;padding:10px;min-height:160px}.eg-home-course-art img{height:auto;max-height:190px;aspect-ratio:1;object-fit:cover}.eg-home-course-copy{padding:15px}.eg-home-course h3{font-size:17px}.eg-resource-grid{gap:10px}.eg-resource-card{flex-wrap:wrap;padding:14px 11px;gap:8px}.eg-resource-card>.es-icon{width:23px;height:23px}.eg-resource-card>div{width:100%}.eg-resource-card>span{display:none}.eg-resource-card h3{font-size:12px}.eg-resource-card p{font-size:10px}.eg-continue-panel{flex-direction:column;align-items:flex-start;padding:24px}.eg-continue-panel h2{font-size:23px}.eg-footer-top{flex-direction:column;padding-top:26px;padding-bottom:16px}.eg-footer-top nav{gap:14px}.eg-footer-bottom{font-size:10px;flex-wrap:wrap;padding-bottom:82px}.eg-footer-bottom>span{display:none}}
@media(prefers-reduced-motion:reduce){.eg-grade-strip>a{transition:none}}
.main-nav{min-width:0;flex:1}.main-nav .nav-menu{justify-content:center;flex-wrap:wrap;gap:12px 20px}body .ecg-entry{font-family:inherit}@media(max-width:880px){.main-nav{flex-basis:100%}.main-nav .nav-menu{justify-content:flex-start}}

.brand>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}