/* Page-specific compositions with the Education orange and cream palette. */
body.education .brand-education .hero-drawing{display:none}
body.education .brand-education .inner-hero{padding-inline:5%;min-height:480px;gap:5%;border-color:#dcc9b9}
body.education .brand-education .inner-hero-copy>p{color:#706055}
body.education .brand-education .hero-media{border-radius:12px;box-shadow:none;height:380px}
body.education .brand-education.page-ai-tutors .inner-hero{grid-template-columns:1fr 1fr;background:#fffaf5;border-bottom:8px solid #fa7719}
body.education .brand-education.page-ai-tutors .hero-media{height:420px;border-radius:12px 12px 100px 12px}
body.education .brand-education.page-tech .inner-hero{display:flex;align-items:flex-end;min-height:560px;background:#35271f;color:#fffaf5;padding-block:70px;isolation:isolate}
body.education .brand-education.page-tech .hero-media{position:absolute;inset:0;width:100%;height:100%;z-index:-1;border-radius:0}
body.education .brand-education.page-tech .hero-media:after{background:linear-gradient(90deg,#241c15e8,#241c1580 65%,#241c1520)}
body.education .brand-education.page-tech .inner-hero-copy{max-width:720px}
body.education .brand-education.page-tech .inner-hero h1,body.education .brand-education.page-tech .inner-hero-copy>p,body.education .brand-education.page-tech .service-hero-link{color:#fffaf5}
body.education .brand-education.kind-about .inner-hero{grid-template-columns:.85fr 1.15fr;background:#fff0e3}
body.education .brand-education.kind-about .hero-media{order:-1;height:400px;border-radius:0}
body.education .brand-education:is(.kind-blog,.kind-category) .inner-hero{grid-template-columns:1.5fr .5fr;min-height:320px;border-bottom:3px solid #fa7719;padding-block:45px}
body.education .brand-education:is(.kind-blog,.kind-category) .hero-media{height:220px;border-radius:50%}
body.education .brand-education.kind-projects .inner-hero{display:block;min-height:0;padding-block:55px;background:#fa7719}
body.education .brand-education.kind-projects .hero-media,body.education .brand-education.kind-network .hero-media{display:none}
body.education .brand-education.kind-network .inner-hero{display:block;min-height:0;background:#fffaf5;border-bottom:1px solid #dcc9b9;padding-block:65px}
body.education .brand-education.kind-network .inner-hero-copy{max-width:1000px}
body.education .brand-education.kind-project .inner-hero{grid-template-columns:1fr 1.3fr;background:#fffaf5}
body.education .brand-education.kind-project .hero-media{height:400px;border-radius:0;border-bottom:5px solid #fa7719}
body.education .brand-education.kind-post .inner-hero{grid-template-columns:1fr;min-height:0;padding-block:45px}
body.education .brand-education.kind-post .inner-hero-copy{max-width:1000px}
body.education .brand-education.kind-post .hero-media{height:360px;width:100%;border-radius:0}
.education-open-story{display:block!important}.education-open-story .service-chapters{width:100%}.education-open-story .service-chapter{padding-block:36px}
@media(max-width:760px){body.education .brand-education .inner-hero{grid-template-columns:1fr!important;min-height:0;padding:40px 5%}body.education .brand-education .hero-media{height:280px!important}body.education .brand-education.kind-about .hero-media{order:0}body.education .brand-education.page-tech .inner-hero{min-height:470px}body.education .brand-education.page-tech .hero-media{height:100%!important}body.education .brand-education:is(.kind-blog,.kind-category) .hero-media{border-radius:12px}}

/* Consistent notebook CTAs across Education pages. */
body.education :is(.action,.inner-cta,.service-hero-link,.lesson-bookmark,.ed-nav-contact){display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 22px;min-height:48px;background:#fff0e3;color:#35271f!important;border:1px solid #dcc9b9;border-radius:5px!important;clip-path:none;box-shadow:3px 3px #dcc9b9!important;font-size:14px;text-decoration:none;line-height:1.3}
body.education :is(.action,.inner-cta,.service-hero-link,.lesson-bookmark,.ed-nav-contact):before{content:'';display:block;position:static;width:24px;height:22px;flex-shrink:0;background:url('/images/education-book.svg') center/contain no-repeat;transform:none;border:0}
body.education :is(.action,.inner-cta,.service-hero-link,.lesson-bookmark,.ed-nav-contact):after{content:none}
body.education :is(.action,.inner-cta,.service-hero-link,.lesson-bookmark,.ed-nav-contact):hover{background:#ffe0c5;transform:translateY(-2px);box-shadow:4px 5px #dcc9b9!important}
body.education .brand-education .inner-outro{position:relative;isolation:isolate;overflow:hidden;padding:36px 5%;min-height:0;display:flex;align-items:center;justify-content:space-between;gap:28px;background:radial-gradient(ellipse at 85% 20%,#ffc28699,transparent 50%),linear-gradient(115deg,#fa7719,#ff953e);border-block:1px solid #de691a}
body.education .brand-education .inner-outro:before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 29px,#fff2 29px 30px);transform:rotate(-8deg) scale(1.2);pointer-events:none}
body.education .brand-education .inner-outro h2{font-size:clamp(25px,3.3vw,48px);white-space:nowrap;max-width:none;margin:0;line-height:1.2}
body.education .brand-education.kind-projects .inner-hero-copy>p{color:#fff}
body.education .ed-title-row,body.education .catalog-heading,body.education .service-introduction,body.education .project-feature-heading{display:block}
body.education .ed-title-row h2,body.education .catalog-heading h2,body.education .service-introduction h2{font-size:clamp(30px,3.6vw,52px);max-width:none;margin-bottom:20px}
body.education .ed-title-row h2 br{display:none}body.education .ed-title-row h2 br:after{content:' '}
body.education .ed-title-row p,body.education .catalog-heading p,body.education .service-introduction p{max-width:850px;margin:0 0 28px}
body.education .education-source-section.reverse>figure{order:-1}
@media(max-width:900px){body.education .brand-education .inner-outro{flex-direction:column;align-items:flex-start;padding-block:28px}body.education .brand-education .inner-outro h2{white-space:normal;font-size:30px}}

body.education .section-top{display:block}body.education .section-top h2{font-size:clamp(30px,3.6vw,52px);max-width:none;margin:0 0 20px}body.education .section-top>p{max-width:850px;margin:0 0 28px}body.education .ed-intro-layout{display:block}body.education .ed-intro-layout h2{font-size:clamp(30px,3.6vw,52px);margin-bottom:22px;max-width:none}body.education .ed-intro-copy{max-width:850px}
body.education .action:hover{background:#ffe0c5!important;color:#35271f!important}
body.education .education-source-section img{height:320px}body.education .kind-about .education-source-section:nth-child(4) img{object-fit:contain}
body.education .brand-education .feature-panel{grid-template-columns:1fr;gap:22px}body.education .brand-education .feature-title h2{position:static;font-size:clamp(28px,3.4vw,48px)}body.education .brand-education .feature-panel figure{grid-column:1}
body.education .project-feature-heading h2{font-size:clamp(30px,3.6vw,52px)}body.education .project-feature-heading .project-all{margin-top:20px}

/* Heading descriptions use the full reading width, including nested copy wrappers. */
body.education .section-top p:not(.eyebrow),
body.education :is(.ed-title-row,.catalog-heading,.service-introduction,.project-feature-heading) p:not(.eyebrow){width:100%;max-width:1100px;line-height:1.65;font-size:17px;margin:0 0 24px}
body.education .section-top>div{width:100%;max-width:none}
body.education .section-top p:not(.eyebrow) br{display:none}
body.education .section-top p:not(.eyebrow) br:after{content:' '}
body.education .ed-contact .brief .action,
body.education .ed-footer .brief .action{background:#fa7719;color:#35271f!important;font-size:16px;font-weight:600;min-height:54px;padding:15px 24px;border:1px solid #a5420b;box-shadow:3px 3px #dcc9b9!important;gap:12px}
body.education .brief .action>span{color:#35271f;opacity:1}
body.education .ed-contact .brief .action:hover,
body.education .ed-footer .brief .action:hover{background:#ff963e!important;transform:translateY(-2px)}
body.education .brief .action:focus-visible{outline:2px solid #35271f;outline-offset:5px}
@media(max-width:760px){body.education .section-top p:not(.eyebrow){font-size:16px}}