/* Charta 3.5.0 — youthful education + AI creative visual system */
:root{
	--charta-edu-navy:#081a31;
	--charta-edu-blue:#2f66f6;
	--charta-edu-cyan:#22c7d9;
	--charta-edu-coral:#ff7a59;
	--charta-edu-ink:#15243a;
	--charta-edu-muted:#6f8095;
	--charta-edu-soft:#f4f8fd;
}

/* Header */
.charta-header-shell{
	position:sticky!important;
	top:0;
	z-index:9990;
	isolation:isolate;
	padding:0!important;
	border-bottom:1px solid rgba(124,177,255,.17);
	background:
		radial-gradient(circle at 12% 0%,rgba(47,102,246,.20),transparent 25%),
		linear-gradient(100deg,#07182d 0%,#0a2648 55%,#102f59 100%)!important;
	box-shadow:0 12px 34px rgba(4,17,34,.17);
}
.charta-header-shell:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--charta-edu-cyan),var(--charta-edu-blue) 45%,#8b5cf6 74%,var(--charta-edu-coral));z-index:2}
.charta-header-shell:after{content:"";position:absolute;right:4%;top:-80px;width:300px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(34,199,217,.11),transparent 65%);pointer-events:none}
.charta-header-row{width:min(100% - 32px,1540px)!important;min-height:82px;margin-inline:auto!important;padding:10px 0!important;gap:24px!important}
.charta-header-brand{position:relative;flex:0 0 auto;gap:12px!important;min-width:210px}
.charta-header-brand-text:before{content:"JIEDENG AIGC EDUCATION";display:block;margin-bottom:3px;color:#68d7e7;font-size:8px;font-weight:900;letter-spacing:.18em;white-space:nowrap}
.charta-header-site-title a{color:#fff!important;font-size:clamp(20px,1.55vw,27px)!important;font-weight:850!important;letter-spacing:-.025em;text-shadow:0 5px 18px rgba(0,0,0,.18)}
.charta-header-tagline{color:#91aac4!important;font-size:10px!important;line-height:1.3}
.charta-header-logo img{filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}
.charta-header-actions{flex:1;justify-content:flex-end!important;gap:16px!important;min-width:0}
.charta-header-actions .wp-block-navigation{flex:1;justify-content:center!important;background:transparent!important}
.charta-header-actions .wp-block-navigation__container{gap:clamp(13px,1.5vw,25px)!important;justify-content:center!important}
.charta-header-actions .wp-block-navigation-item__content{position:relative;padding:11px 1px!important;color:#dbe8f6!important;font-size:13px!important;font-weight:750!important;white-space:nowrap}
.charta-header-actions .wp-block-navigation-item__content:after{content:"";position:absolute;left:50%;right:50%;bottom:4px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--charta-edu-cyan),#8b7cff);transition:left .18s,right .18s}
.charta-header-actions .wp-block-navigation-item__content:hover{color:#fff!important}
.charta-header-actions .wp-block-navigation-item__content:hover:after{left:0;right:0}
.charta-header-actions .wp-block-navigation__submenu-container{padding:8px!important;border:1px solid rgba(150,189,230,.18)!important;border-radius:14px!important;background:#0b213d!important;box-shadow:0 20px 42px rgba(2,12,25,.26)!important}
.charta-header-actions .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:9px 12px!important;border-radius:9px!important}
.charta-header-actions .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{background:rgba(255,255,255,.07)!important}
.charta-header-tools{gap:9px!important}
.charta-header-tool-button,
.charta-header-member-button{min-height:42px!important;padding:9px 14px!important;border:1px solid rgba(159,195,233,.24)!important;border-radius:12px!important;background:rgba(255,255,255,.055)!important;color:#f0f6ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;backdrop-filter:blur(10px)}
.charta-header-member-button{border-color:rgba(87,213,225,.34)!important;background:linear-gradient(135deg,rgba(47,102,246,.22),rgba(34,199,217,.11))!important}
.charta-header-tool-button:hover,.charta-header-member-button:hover{transform:translateY(-1px);border-color:rgba(99,213,225,.58)!important;background:rgba(47,102,246,.22)!important;color:#fff!important}

/* Footer */
.charta-footer-shell{
	position:relative;
	overflow:hidden;
	padding:0 0 22px!important;
	border-top:0!important;
	background:
		radial-gradient(circle at 8% 10%,rgba(47,102,246,.20),transparent 23%),
		radial-gradient(circle at 92% 0%,rgba(255,122,89,.12),transparent 20%),
		linear-gradient(135deg,#07172b 0%,#0b2443 55%,#10375a 100%)!important;
}
.charta-footer-shell:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--charta-edu-cyan),var(--charta-edu-blue),#8b5cf6,var(--charta-edu-coral))}
.charta-footer-shell>*:not(.charta-education-footer-cta){width:min(100% - 36px,1540px)!important;margin-inline:auto!important}
.charta-education-footer-cta{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:32px;width:min(100% - 36px,1540px);margin:0 auto 38px;padding:34px clamp(24px,4vw,54px);border:1px solid rgba(163,200,239,.16);border-top:0;border-radius:0 0 28px 28px;background:linear-gradient(115deg,rgba(47,102,246,.20),rgba(34,199,217,.09) 55%,rgba(255,122,89,.10));box-shadow:0 20px 50px rgba(2,13,27,.15),inset 0 1px 0 rgba(255,255,255,.05)}
.charta-education-footer-cta span{display:block;color:#6fe0ec;font-size:11px;font-weight:900;letter-spacing:.17em}
.charta-education-footer-cta h2{margin:7px 0 9px;color:#fff;font-size:clamp(25px,3vw,42px);line-height:1.15;letter-spacing:-.03em}
.charta-education-footer-cta p{margin:0;max-width:780px;color:#b5c7da;line-height:1.75}
.charta-education-footer-cta nav{display:flex;gap:10px;flex:0 0 auto}
.charta-education-footer-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 17px;border:1px solid rgba(255,255,255,.17);border-radius:13px;color:#eef6ff!important;text-decoration:none!important;font-weight:800;background:rgba(255,255,255,.055)}
.charta-education-footer-cta a.is-primary{border-color:transparent;background:linear-gradient(135deg,var(--charta-edu-blue),#6a6cf7);box-shadow:0 12px 28px rgba(47,102,246,.27)}
.charta-education-footer-cta a:hover{transform:translateY(-2px);border-color:rgba(111,224,236,.45);color:#fff!important}
.charta-footer-shell .wp-block-site-title{font-size:30px!important}
.charta-footer-shell .wp-block-site-title a{color:#fff!important;font-weight:850!important}
.charta-footer-shell .wp-block-separator{border-color:rgba(173,200,229,.12)!important;background:rgba(173,200,229,.12)!important}
.charta-footer-shell .wp-block-heading{color:#fff!important;font-size:16px!important;letter-spacing:.01em}
.charta-footer-shell p,.charta-footer-shell li,.charta-footer-shell .wp-block-latest-posts__post-date{color:#aebfd2!important}
.charta-footer-shell a{color:#dce9f7!important;text-decoration:none!important}
.charta-footer-shell a:hover{color:#70dce7!important}
.charta-footer-bottom{padding-top:8px!important;color:#91a7bf!important}
.charta-footer-bottom:before{content:"AI EDUCATION · CREATIVE FUTURE";color:#5ed5e1;font-size:9px;font-weight:900;letter-spacing:.16em}

/* Case gallery and learning pages use the full canvas, regardless of a saved page template. */
body.charta-case-gallery-page .site-content.charta-reading-page,
body.charta-case-gallery-page main.wp-block-group{max-width:none!important;padding-inline:clamp(8px,1.5vw,22px)!important;background:#f4f8fd!important}
body.charta-case-gallery-page .site-content .sidebar-wrapper{display:none!important}
body.charta-case-gallery-page .site-content .post-wrapper{width:100%!important;max-width:none!important;flex-basis:100%!important}
body.charta-case-gallery-page .charta-article-card{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.charta-case-gallery-page .charta-article-card>.wp-block-post-title{display:none!important}

/* Center canvas final ordering overrides old saved CSS. */
body.charta-learning-center-page .site-content.charta-reading-page{padding:clamp(10px,1.4vw,22px)!important;background:linear-gradient(180deg,#f2f7fd,#f8fafc)!important}
body.charta-learning-center-page .site-content.charta-reading-page>.wp-block-columns{max-width:1740px!important}
body.charta-learning-center-page .wp-block-post-content>.clc-center{width:min(100%,1680px)!important;max-width:1680px!important}

@media(max-width:1240px){
	.charta-header-row{min-height:74px}
	.charta-header-brand{min-width:180px}.charta-header-tagline{display:none}
	.charta-header-actions .wp-block-navigation__container{gap:12px!important}
	.charta-header-actions .wp-block-navigation-item__content{font-size:12px!important}
}
@media(max-width:980px){
	.charta-header-shell{position:relative!important}
	.charta-header-row{width:min(100% - 24px,900px)!important;min-height:68px!important;gap:12px!important}
	.charta-header-brand-text:before{display:none}
	.charta-header-actions{flex:0 0 auto}
	.charta-header-actions .wp-block-navigation{order:2;flex:0 0 auto}
	.charta-header-actions .wp-block-navigation__responsive-container-open{display:flex!important;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(159,195,233,.24);border-radius:12px;color:#fff;background:rgba(255,255,255,.06)}
	.charta-header-actions .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}
	.charta-header-actions .wp-block-navigation__responsive-container.is-menu-open{padding:24px;background:linear-gradient(180deg,#07182d,#0d2c51)!important}
	.charta-header-actions .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{align-items:stretch!important;gap:5px!important}
	.charta-header-actions .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-size:16px!important;padding:12px!important}
	.charta-education-footer-cta{align-items:flex-start;flex-direction:column}
	.charta-education-footer-cta nav{width:100%}
	.charta-education-footer-cta a{flex:1}
}
@media(max-width:680px){
	.charta-header-row{width:calc(100% - 18px)!important;padding-block:8px!important}
	.charta-header-site-title a{font-size:18px!important}.charta-header-logo{max-width:150px!important}
	.charta-header-tool-button{display:none!important}.charta-header-member-button{padding:8px 10px!important;font-size:11px!important}
	.charta-education-footer-cta{width:calc(100% - 20px);margin-bottom:26px;padding:24px 18px;border-radius:0 0 20px 20px}
	.charta-education-footer-cta nav{flex-direction:column}.charta-education-footer-cta a{width:100%}
	.charta-footer-shell>*:not(.charta-education-footer-cta){width:calc(100% - 24px)!important}
	.charta-footer-bottom{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}
}