/* V78: authoritative three-tier type scale. Layered important rules beat legacy unlayered overrides. */
@layer qxter-system {
:root{--type-body:18px!important;--type-section:26px!important;--type-title:44px!important;--site-header-height:104px!important}
:where(body[data-page],body.studio-body),:where(body[data-page],body.studio-body) *{font-size:var(--type-body)!important}
:where(body[data-page],body.studio-body) :is(h1,h1 *){font-size:var(--type-title)!important;line-height:1.3!important;letter-spacing:.015em!important}
:where(body[data-page],body.studio-body) :is(h2,h3,h4,legend,h2 *,h3 *,h4 *,legend *),.brand-name b,.qxc-cover-brand>span,.qxc-cover-brand strong,.studio-brand>span{font-size:var(--type-section)!important;line-height:1.45!important;letter-spacing:.015em!important}
:where(body[data-page],body.studio-body) :is(p,li,small,figcaption,label,.eyebrow){line-height:1.8!important}
:where(body[data-page],body.studio-body) :is(input,select,textarea,button,.button){line-height:1.5!important}
:where(body[data-page],body.studio-body) :is(input,select,textarea){min-width:0!important;max-width:100%!important}
:where(body[data-page],body.studio-body) :is(.button,button){min-height:48px!important}
:where(body[data-page],body.studio-body) :is(p,h1,h2,h3,h4,li,summary,label){overflow-wrap:anywhere!important}
body[data-page] :is(.qxv3-node h2,.qxv3-static-node h2){font-size:var(--type-title)!important;line-height:1.3!important}
body[data-page]:not([data-page="/"])>header{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-rows:104px!important;gap:16px!important;min-height:104px!important;height:104px!important;padding:0 28px!important;align-items:center!important;z-index:100!important}
body[data-page]>header>.wordmark{grid-row:1!important;grid-column:1!important;width:auto!important;min-width:0!important;gap:10px!important}
body[data-page]>header .brand-name small{white-space:nowrap!important;letter-spacing:0!important;line-height:1.4!important}
body[data-page]>header .brand-symbol{width:44px!important;height:40px!important}
body[data-page]>header #nav{position:static!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:auto!important;grid-column:2!important;grid-row:1!important;gap:0!important;width:100%!important;max-width:690px!important;height:104px!important;padding:0!important;margin:0 auto!important;align-items:center!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;border:0!important}
body[data-page]>header #nav>a,body[data-page]>header .nav-courses-trigger>a{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:6px!important;height:100px!important;min-height:100px!important;padding:8px 4px!important;border:0!important;border-radius:12px!important;white-space:nowrap!important;letter-spacing:0!important;width:100%!important;text-align:center!important}
body[data-page]>header #nav .nav-picture{width:36px!important;height:36px!important}
body[data-page]>header .nav-label{line-height:1.5!important}
body[data-page]>header .nav-courses{display:block!important;position:relative!important;height:104px!important;width:100%!important;grid-column:auto!important;grid-row:auto!important}
body[data-page]>header .nav-courses-trigger{display:block!important;height:104px!important;position:relative!important;grid-row:auto!important;grid-column:auto!important}
body[data-page]>header #courses-toggle{position:absolute!important;top:auto!important;right:0!important;bottom:4px!important;width:28px!important;min-height:40px!important;height:40px!important;padding:8px!important}
body[data-page]>header .header-actions{display:flex!important;grid-column:3!important;grid-row:1!important;gap:8px!important;width:auto!important;padding:0!important;border:0!important;align-items:center!important;justify-content:flex-end!important}
body[data-page]>header .header-actions a,body[data-page]>header .nav-utilities a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;height:48px!important;padding:8px 12px!important;border-radius:12px!important;white-space:nowrap!important;line-height:1.5!important}
body[data-page]>header :is(.header-actions,.nav-utilities) .utility-icon{width:48px!important;padding:11px!important;border:1px solid #627a9c!important}
body[data-page]>header :is(.header-actions,.nav-utilities) .utility-icon svg{width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
body[data-page]>header :is(.header-actions,.nav-utilities) .utility-primary{background:#173c70!important;color:white!important;border:1px solid #7289b6!important}
body[data-page]>header :is(.header-actions,.nav-utilities) .utility-facebook{background:#1877f2!important;color:#fff!important;width:48px!important;font-family:Arial,sans-serif!important;font-weight:800!important;font-size:var(--type-section)!important}
body[data-page]>header #nav>.nav-utilities{display:none!important}
body[data-page]>header .menu{display:none!important}
body[data-page]>header .department-menu{left:0!important;right:auto!important;top:100%!important;transform:none!important;width:min(660px,calc(100vw - 56px))!important;max-height:calc(100dvh - 120px)!important;overflow-y:auto!important;padding:24px!important;grid-row:auto!important;background:#102342!important;border:1px solid #647aa3!important;color:#edf3ff!important}
body[data-page]>header .department-menu>div{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
body[data-page]>header .department-menu>div>a{min-height:116px!important;padding:14px 8px!important;gap:8px!important;border:1px solid #6b83b2!important;background:#183558!important;color:#fff!important}
body[data-page]>header .department-menu :is(p,a,span){color:#edf3ff!important}
body[data-page]>header .department-menu .flow-menu-item>img{width:56px!important;height:56px!important}
body[data-page]>header .department-menu .nav-all-courses{white-space:normal!important;line-height:1.6!important}
/* The overview composite shows all nine learning directions without cropping. */
body[data-page="/courses/"] .directory-hero{align-items:center!important;gap:40px!important;grid-template-columns:minmax(0,1fr) minmax(0,735px)!important}
body[data-page="/courses/"] .directory-hero .directory-hero-photo{width:100%!important;max-width:735px!important;height:auto!important;min-height:0!important;aspect-ratio:512/286!important;clip-path:none!important;transform:none!important;border-radius:30px 70px 24px 60px!important;overflow:hidden!important;background:#102342!important;align-self:center!important}
body[data-page="/courses/"] .directory-hero-photo img{position:static!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:512/286!important;object-fit:contain!important;object-position:center!important;clip-path:none!important;transform:none!important;border-radius:0!important;mix-blend-mode:normal!important;opacity:1!important}
body[data-page="/courses/"] .department-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:1fr!important;gap:28px!important;align-items:stretch!important;width:min(1240px,calc(100% - 96px))!important;margin:56px auto!important}
body[data-page="/courses/"] .flow-department{--card-color:16,71,126;--card-scene:url('/assets/course-art/water-electric-flow.webp');--canvas-ink:#fff;--canvas-muted:#e3edff;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:24px!important;padding:28px!important;margin:0!important;transform:none!important;min-width:0!important;height:auto!important;background:linear-gradient(135deg,rgba(var(--card-color),.94),rgba(4,15,37,.94)),var(--card-scene) center/cover!important;border:1px solid #8190b655!important;border-radius:32px 72px 36px 56px!important;color:#fff!important;isolation:isolate!important}
body[data-page="/courses/"] [data-card-trade="carpentry"]{--card-color:65,78,31;--card-scene:url('/assets/course-art/carpentry-flow.webp')}
body[data-page="/courses/"] [data-card-trade="masonry"]{--card-color:122,37,45;--card-scene:url('/assets/course-art/masonry-flow.webp')}
body[data-page="/courses/"] [data-card-trade="leak-repair"]{--card-color:13,86,83;--card-scene:url('/assets/course-art/leak-repair-flow.webp')}
body[data-page="/courses/"] [data-card-trade="painting"]{--card-color:105,35,104;--card-scene:url('/assets/course-art/painting-flow.webp')}
body[data-page="/courses/"] [data-card-trade="fire-safety"]{--card-color:110,38,34;--card-scene:url('/assets/course-art/fire-safety-flow.webp')}
body[data-page="/courses/"] .flow-department-art{width:180px!important;max-width:70%!important;aspect-ratio:1!important;align-self:center!important;margin:0!important;transform:none!important;flex:none!important}
body[data-page="/courses/"] .flow-department-art img{width:100%!important;height:100%!important;object-fit:contain!important}
body[data-page="/courses/"] .flow-department-copy{display:flex!important;flex-direction:column!important;align-items:stretch!important;flex:1!important;min-width:0!important}
body[data-page="/courses/"] .flow-department-copy>:is(h2,p){color:#fff!important;margin-top:0!important;margin-bottom:18px!important;text-align:left!important}
body[data-page="/courses/"] .flow-department h2 a{justify-content:space-between!important;color:white!important}
body[data-page="/courses/"] .department-level-tags{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0 0 24px!important}
body[data-page="/courses/"] .department-level-tags span{padding:10px!important;background:#07162b8c!important;color:#eff3ff!important;border:1px solid #a6b9d555!important;border-radius:12px!important;line-height:1.65!important}
body[data-page="/courses/"] .flow-department .actions{margin-top:auto!important;display:flex!important;flex-wrap:wrap!important;gap:18px!important;padding-top:12px!important;align-items:center!important}
body[data-page="/courses/"] .flow-department .text-link{color:#fff!important}
/* Consistent section headings: label and title above the instructor cards. */
body[data-page] .course-teachers{display:block!important;width:100%!important;max-width:none!important;padding:32px!important;margin:44px 0!important;grid-template-columns:none!important}
body[data-page] main>.course-teachers{width:min(1200px,calc(100% - 96px))!important;margin:48px auto!important}
body[data-page] .teacher-heading{display:block!important;width:100%!important;max-width:900px!important;margin:0 0 28px!important;padding:0!important;grid-column:1/-1!important}
body[data-page] .teacher-heading h2{margin:8px 0 12px!important}
body[data-page] .teacher-list{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))!important;gap:24px!important;align-items:start!important;width:100%!important}
body[data-page] .teacher-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:20px!important;padding:24px!important;min-width:0!important;margin:0!important}
body[data-page] .teacher-card>img{width:96px!important;height:96px!important;object-fit:cover!important;border-radius:50%!important}
body[data-page] .teacher-card>div{width:100%!important;min-width:0!important}
body[data-page] .section-heading{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:40px!important;align-items:end!important}
body[data-page] .section-heading>div{min-width:0!important;max-width:none!important}
body[data-page] .section-heading h2{max-width:none!important;word-break:normal!important}
body[data-page] :is(.offering-grid,.resource-collection,.about-principles){align-items:stretch!important}
body[data-page] .offering-card{display:flex!important;flex-direction:column!important;min-width:0!important;height:auto!important}
body[data-page] .offering-card>.actions{margin-top:auto!important;padding-top:20px!important}
body[data-page] .resource-feature{height:auto!important;min-width:0!important}
body[data-page] .resource-feature>.button{margin-top:auto!important}
body.studio-body :is(.studio-topbar,.studio-section-heading,.studio-editor-actions){height:auto!important;min-height:64px!important;flex-wrap:wrap!important;gap:16px!important}
body.studio-body :is(.studio-course-grid,.studio-stat-grid,.studio-quick-actions){grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;align-items:stretch!important}
body.studio-body .studio-sidebar{overflow-y:auto!important}
body.studio-body table{display:block!important;overflow-x:auto!important;max-width:100%!important}
@media(max-width:1439px){
:root{--site-header-height:88px!important}
body[data-page]:not([data-page="/"])>header{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:88px!important;height:88px!important;min-height:88px!important;padding:0 28px!important}
body[data-page]>header .header-actions{display:none!important}
body[data-page]>header .menu{display:block!important;grid-column:2!important;grid-row:1!important;min-height:48px!important;padding:10px 16px!important;width:auto!important;color:#fff!important;background:#173c70!important;border:1px solid #91a7cf!important}
body[data-page]>header #nav{grid-column:1/-1!important;grid-row:auto!important;display:none!important;position:absolute!important;left:0!important;right:0!important;top:100%!important;width:100%!important;max-width:none!important;height:auto!important;max-height:calc(100dvh - 88px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:24px 28px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;background:#0c1e3e!important;border-bottom:1px solid #8195bd!important;box-shadow:0 16px 30px #0004!important}
body[data-page]>header #nav.open{display:grid!important}
body[data-page]>header #nav>a,body[data-page]>header .nav-courses-trigger>a{height:104px!important;background:#163051!important;color:#fff!important;border:1px solid #57739c!important}
body[data-page]>header .nav-courses{display:contents!important;height:auto!important}
body[data-page]>header .nav-courses-trigger{height:104px!important;grid-row:1!important;grid-column:1!important}
body[data-page]>header #courses-toggle{bottom:2px!important;right:4px!important;color:#fff!important}
body[data-page]>header .nav-courses:not(.is-open)>.department-menu{display:none!important}
body[data-page]>header .nav-courses.is-open>.department-menu{display:block!important}
body[data-page]>header .department-menu{position:static!important;grid-column:1/-1!important;grid-row:3!important;width:100%!important;max-height:none!important;overflow:visible!important;margin:0!important;transform:none!important}
body[data-page]>header #nav>.nav-utilities{display:flex!important;grid-column:1/-1!important;grid-row:4!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:20px 0 0!important;margin:0!important;color:#fff!important}
}
@media(max-width:1359px){
body[data-page="/courses/"] .directory-hero{grid-template-columns:1fr!important}
body[data-page="/courses/"] .directory-hero .page-heading{max-width:760px!important}
body[data-page="/courses/"] .directory-hero .directory-hero-photo{justify-self:center!important}
}
@media(max-width:1100px){
body[data-page="/courses/"] .department-grid{grid-template-columns:1fr!important;grid-auto-rows:auto!important}
body[data-page="/courses/"] .flow-department{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:28px!important}
body[data-page="/courses/"] .flow-department-art{align-self:start!important;max-width:100%!important}
}
@media(max-width:760px){
:root{--type-body:18px!important;--type-section:24px!important;--type-title:36px!important;--site-header-height:80px!important}
body[data-page]:not([data-page="/"])>header{height:80px!important;min-height:80px!important;grid-template-rows:80px!important;padding:0 18px!important;gap:12px!important}
body[data-page]>header .brand-name small{display:none!important}
body[data-page]>header #nav{max-height:calc(100dvh - 80px)!important;padding:20px 18px!important}
body[data-page]>header .department-menu{padding:16px!important}
body[data-page]>header .department-menu>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body[data-page]>header #nav>a,body[data-page]>header .nav-courses-trigger>a{white-space:normal!important}
body[data-page] main>.course-teachers{width:calc(100% - 40px)!important;margin:36px auto!important}
body[data-page] .course-teachers{padding:24px!important;margin:32px 0!important}
body[data-page] .section-heading{grid-template-columns:1fr!important;gap:20px!important}
body[data-page="/courses/"] .directory-hero{gap:28px!important}
body[data-page="/courses/"] .flow-department{display:flex!important;padding:24px!important;gap:24px!important;border-radius:28px 54px 26px 44px!important}
body[data-page="/courses/"] .flow-department-art{width:160px!important;align-self:center!important}
body[data-page="/courses/"] .department-grid{gap:24px!important;width:calc(100% - 40px)!important;margin:36px auto!important}
body[data-page="/courses/"] .department-level-tags{grid-template-columns:1fr!important}
body[data-page] :is(.button,.text-link){white-space:normal!important}
body[data-page] :is(.directory-levels,.level-track){grid-template-columns:repeat(2,minmax(0,1fr))!important}
body[data-page] .qxc-cover-top{gap:16px!important;flex-wrap:wrap!important}
body[data-page] .qxc-cover-topnav{gap:18px!important;flex-wrap:wrap!important}
body.studio-body .studio-sidebar{position:static!important;width:100%!important;height:auto!important;max-height:none!important}
body.studio-body .studio-main{margin-left:0!important;width:100%!important;padding:24px 20px!important}
}
@media(max-width:380px){
body[data-page]>header #nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body[data-page]>header .department-menu{grid-row:4!important}
body[data-page]>header #nav>.nav-utilities{grid-row:5!important}
body[data-page] .teacher-card{padding:18px!important}
body[data-page] main>.course-teachers{width:calc(100% - 32px)!important;padding:18px!important}
}
}