/* Charta 3.6.0 — unified education, youth and AI visual system */
:root{--charta-36-navy:#071a31;--charta-36-blue:#2864e5;--charta-36-cyan:#21c1cf;--charta-36-violet:#7658e8;--charta-36-coral:#f27a61;--charta-36-ink:#172b43;--charta-36-muted:#6c7f94;--charta-36-line:#dfe8f2;--charta-36-soft:#f4f8fc}

/* Header information architecture */
.charta-header-shell{overflow:visible!important;background:linear-gradient(116deg,#07182d 0%,#0b2848 55%,#103b61 100%)!important;box-shadow:0 12px 38px rgba(4,19,38,.20)!important}
.charta-education-topbar{position:relative;z-index:5;border-bottom:1px solid rgba(174,210,240,.12);background:rgba(3,15,30,.22)}
.charta-education-topbar>div{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(calc(100% - 32px),1540px);min-height:34px;margin:auto}
.charta-education-topbar span{color:#a9dce5;font-size:11px;font-weight:800;letter-spacing:.08em}
.charta-education-topbar nav{display:flex;align-items:center;gap:18px}.charta-education-topbar a{color:#b8cbe0!important;font-size:11px!important;text-decoration:none!important}.charta-education-topbar a:hover{color:#fff!important}
.charta-header-row{min-height:78px!important}.charta-header-brand{min-width:250px!important}.charta-header-brand-text:before{color:#5ed8e4!important}.charta-header-tagline{color:#a3b8cf!important}
.charta-header-actions .wp-block-navigation__container{gap:clamp(15px,1.7vw,28px)!important}.charta-header-actions .wp-block-navigation-item__content{font-size:13px!important;letter-spacing:.01em}
.charta-header-member-button{border-color:rgba(65,220,224,.35)!important;background:linear-gradient(135deg,#285fdd,#1caebe)!important;box-shadow:0 10px 24px rgba(29,132,196,.22)!important}

/* Center surfaces use one spacing rhythm across all roles */
body:has(.clc-learning-app),body:has(.clc-teacher-front),body:has(.clc-role-portal){background:linear-gradient(180deg,#edf4fb 0,#f7f9fc 390px,#f5f7fa 100%)!important}
.clc-learning-app,.clc-teacher-front,.clc-role-portal{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important}
.clc-learning-app .clc-app-header,.clc-teacher-front .clc-workspace-header,.clc-role-portal .clc-workspace-header{position:relative;overflow:hidden}
.clc-learning-app .clc-app-header:after,.clc-teacher-front .clc-workspace-header:after,.clc-role-portal .clc-workspace-header:after{content:"";position:absolute;right:-42px;top:-92px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 66%);pointer-events:none}
.clc-app-sidebar,.clc-app-workspace,.clc-role-body,.clc-teacher-main,.clc-rail-card{box-shadow:0 12px 34px rgba(28,49,76,.055)!important}
.clc-app-nav a,.clc-role-nav a,.clc-workspace-nav a{transition:background .18s,color .18s,transform .18s}.clc-app-nav a:hover,.clc-role-nav a:hover,.clc-workspace-nav a:hover{transform:translateY(-1px)}
.clc-home-panel,.clc-role-card-grid>a,.clc-role-card-grid>article,.clc-rail-card{background:rgba(255,255,255,.97)!important}
.clc-role-admissions_teacher{--clc-role-accent:#2678c8}.clc-role-operations_teacher{--clc-role-accent:#168e80}.clc-role-teaching_teacher{--clc-role-accent:#5265df}
.clc-role-portal .clc-role-card-grid b{background:color-mix(in srgb,var(--clc-role-accent,#2864e5) 10%,#fff)!important;color:var(--clc-role-accent,#2864e5)!important}

/* Case board */
.clc-case-board{border:1px solid #dce8f3!important;background:linear-gradient(145deg,#f3f8ff,#fff 48%,#f4fcfa)!important;box-shadow:0 20px 54px rgba(28,52,82,.075)!important}
.clc-case-board__head h2{color:var(--charta-36-ink)!important}.clc-case-board__head>a{background:linear-gradient(135deg,var(--charta-36-blue),var(--charta-36-cyan))!important;color:#fff!important;border:0!important}
.clc-case-row.is-student>header>a{color:var(--charta-36-coral)!important}.clc-case-card{border-color:#dfe8f1!important}.clc-case-card:focus-within{outline:3px solid rgba(40,100,229,.18);outline-offset:3px}

/* Footer — clear service directory instead of generic archive clutter */
.charta-footer-shell{padding-top:0!important;background:radial-gradient(circle at 10% 12%,rgba(33,193,207,.10),transparent 20%),radial-gradient(circle at 88% 30%,rgba(118,88,232,.11),transparent 22%),linear-gradient(145deg,#061426,#0a223e 58%,#0b3150)!important}
.charta-education-footer-cta{margin-bottom:0!important;border-radius:0!important;border-inline:0!important;border-top:0!important;background:linear-gradient(110deg,rgba(39,99,229,.95),rgba(24,168,188,.90) 65%,rgba(118,88,232,.86))!important}
.charta-education-footer-directory{display:grid;grid-template-columns:1.45fr repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,60px);width:min(calc(100% - 36px),1540px);margin:0 auto;padding:58px 0 42px;border-bottom:1px solid rgba(176,204,232,.13)}
.charta-education-footer-directory article{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.charta-education-footer-directory .is-brand{padding-right:30px}.charta-education-footer-directory span{color:#55d4df;font-size:10px;font-weight:900;letter-spacing:.16em}.charta-education-footer-directory h2{margin:3px 0 5px;color:#fff;font-size:28px}.charta-education-footer-directory h3{margin:0 0 8px;color:#fff;font-size:15px}.charta-education-footer-directory p{margin:0;color:#9fb4cb!important;line-height:1.8}.charta-education-footer-directory a{position:relative;color:#bfcede!important;font-size:13px;text-decoration:none!important}.charta-education-footer-directory a:before{content:"";position:absolute;left:-12px;top:50%;width:4px;height:4px;border-radius:50%;background:#2bc1cd;opacity:0;transform:translateY(-50%);transition:opacity .18s}.charta-education-footer-directory a:hover{color:#fff!important;transform:translateX(4px)}.charta-education-footer-directory a:hover:before{opacity:1}
.charta-footer-shell>.wp-block-group:not(.charta-footer-bottom),.charta-footer-shell>.wp-block-separator:first-of-type{display:none!important}.charta-footer-bottom{min-height:76px!important;padding:22px 0!important}.charta-footer-bottom:before{content:"JIEDENG EDUCATION · LEARN · CREATE · GROW"!important}

@media(max-width:1100px){.charta-header-brand{min-width:200px!important}.charta-education-footer-directory{grid-template-columns:1.4fr repeat(2,1fr)}.charta-education-footer-directory article:last-child{grid-column:2/4}}
@media(max-width:900px){.charta-education-topbar nav a:not(:last-child){display:none}.charta-header-row{min-height:68px!important}.charta-header-brand{min-width:0!important}.charta-education-footer-directory{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:42px}.charta-education-footer-directory .is-brand{grid-column:1/-1;padding-right:0}.charta-education-footer-directory article:last-child{grid-column:auto}}
@media(max-width:600px){.charta-education-topbar>div{width:calc(100% - 20px);min-height:32px}.charta-education-topbar span{max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.charta-header-row{width:calc(100% - 18px)!important}.charta-header-site-title a{font-size:17px!important}.charta-education-footer-directory{grid-template-columns:1fr;width:calc(100% - 28px);gap:26px;padding:36px 0}.charta-education-footer-directory .is-brand{grid-column:auto}.charta-education-footer-cta{padding:30px 20px!important}.charta-education-footer-cta h2{font-size:25px!important}.charta-footer-bottom{padding-bottom:calc(22px + env(safe-area-inset-bottom))!important}}


/* 4.0.2 footer alignment refinement */
.charta-education-footer-directory{display:grid!important;grid-template-columns:minmax(280px,1.25fr) repeat(3,minmax(180px,1fr))!important;align-items:start!important;justify-content:space-between!important;column-gap:clamp(36px,4vw,72px)!important;row-gap:26px!important;width:min(calc(100% - 40px),1540px)!important;margin:0 auto!important;padding:58px 0 42px!important;box-sizing:border-box!important}
.charta-education-footer-directory article{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:12px!important;min-width:0!important;width:100%!important}
.charta-education-footer-directory .is-brand{max-width:420px!important;padding-right:18px!important}
.charta-education-footer-directory h2,.charta-education-footer-directory h3,.charta-education-footer-directory p{width:100%!important}
.charta-education-footer-directory a{display:block!important;width:100%!important;line-height:1.85!important;white-space:normal!important;word-break:break-word!important}
@media(max-width:1200px){.charta-education-footer-directory{grid-template-columns:minmax(250px,1.2fr) repeat(3,minmax(150px,1fr))!important}}
@media(max-width:900px){.charta-education-footer-directory{grid-template-columns:repeat(2,minmax(0,1fr))!important}.charta-education-footer-directory .is-brand{grid-column:1/-1!important;max-width:none!important;padding-right:0!important}}
@media(max-width:640px){.charta-education-footer-directory{grid-template-columns:1fr!important;width:calc(100% - 28px)!important;padding:34px 0!important}.charta-education-footer-directory article{gap:10px!important}}