/* CWCOUNT Site v1 — Education pages (edge N). Scope: body.cwc-edu-v1 = /education/ hub + its child pages only.
   Homepage language: shared Header grid (min(100% - 64px, 1340px); 20px mobile gutter), work_sans, #050505 headings,
   pure black (#000) copy for reading, #0878ff key colour for labels, #0060d6 links, #dfe5ec hairlines, #f5f7f9 soft surface,
   12px cards. Body copy 19px (18px mobile); every other text >= 17px. One unified hero for every Education page: kicker +
   page title (+ optional sub heading). Default = no art (text-only hero); the 16:9 character illustration slot appears only
   on pages the loader designates (body.cwc-edu-hero-art). Per-page header images / featured images are never used in the hero. Quotes and Key Point / Note callouts come from css/callouts.css (shared with Blog posts).
   Presentation only. */

html body.cwc-edu-v1{background:#fff!important;color:#000!important;font-family:work_sans,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;}
html body.cwc-edu-v1 #primary,
html body.cwc-edu-v1 #primary > .container,
html body.cwc-edu-v1 #main,
html body.cwc-edu-v1 #main > article{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important;background:transparent!important;}

/* ---------- Hero: white band on the Header grid; title only by default, title left + 16:9 illustration right when designated ---------- */
html body.cwc-edu-v1 #main > article > .entry-header{box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr);column-gap:48px;align-items:center;margin:0!important;padding:64px max(32px,calc((100% - 1340px) / 2)) 56px!important;background:#fff!important;background-image:none!important;border-bottom:1px solid #dfe5ec!important;text-align:left!important;min-height:0!important;}
html body.cwc-edu-v1.cwc-edu-hero-art #main > article > .entry-header{grid-template-columns:minmax(0,1fr) min(600px,44%);padding-top:48px!important;padding-bottom:48px!important;}
html body.cwc-edu-v1.cwc-edu-hero-art #main > article > .entry-header::after{content:"";display:block;grid-column:2;grid-row:1;width:100%;aspect-ratio:16 / 9;background:url("../images/education/cwc-education-hero-1200x675.webp") center / contain no-repeat;mix-blend-mode:multiply;}
html body.cwc-edu-v1 #main > article > .entry-header > h1{grid-column:1;grid-row:1;box-sizing:border-box!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;font-family:inherit!important;font-size:56px!important;line-height:1.06!important;font-weight:700!important;letter-spacing:-.02em!important;color:#050505!important;text-align:left!important;text-shadow:none!important;text-transform:none!important;}
html body.cwc-edu-v1 #main > article > .entry-header > h1::before{content:"CWCOUNT Education";content:"CWCOUNT Education" / "";display:block;margin:0 0 16px;color:#0878ff;font-size:17px;line-height:1.1;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
html body.cwc-edu-v1 #main > article > .entry-header > h1 br{display:none!important;}
html body.cwc-edu-v1 #main > article > .entry-header .sub_heading{display:block!important;margin:18px 0 0!important;font-size:20px!important;line-height:1.45!important;font-weight:400!important;letter-spacing:0!important;color:#000!important;}

/* ---------- Body: reading column + sticky section nav, both on the Header grid ---------- */
html body.cwc-edu-v1 #main > article > .entry-content{box-sizing:border-box!important;width:min(calc(100% - 64px),1340px)!important;max-width:none!important;margin:0 auto!important;padding:56px 0 96px!important;display:grid!important;grid-template-columns:minmax(0,820px) 280px;justify-content:space-between;column-gap:48px;align-items:start;font-family:inherit!important;font-size:19px!important;line-height:1.75!important;color:#000!important;}
html body.cwc-edu-v1 .entry-content > *{grid-column:1;min-width:0;}
html body.cwc-edu-v1 .entry-content > :first-child{margin-top:0!important;}

html body.cwc-edu-v1 .entry-content p,
html body.cwc-edu-v1 .entry-content li,
html body.cwc-edu-v1 .entry-content dd{font-family:inherit!important;font-size:19px!important;line-height:1.75!important;color:#000!important;}
html body.cwc-edu-v1 .entry-content p{margin:0 0 22px!important;}
html body.cwc-edu-v1 .entry-content strong,
html body.cwc-edu-v1 .entry-content b,
html body.cwc-edu-v1 .entry-content dt{color:#000!important;font-weight:700!important;}
html body.cwc-edu-v1 .entry-content dt{margin:16px 0 4px!important;font-size:19px!important;line-height:1.5!important;}
html body.cwc-edu-v1 .entry-content dd{margin:0 0 8px!important;}
/* Author inline font-size on phrases (e.g. 1rem = 10px against the theme's 62.5% root) -> inherit the paragraph size. */
html body.cwc-edu-v1 .entry-content span[style*="font-size"],
html body.cwc-edu-v1 .entry-content em[style*="font-size"],
html body.cwc-edu-v1 .entry-content strong[style*="font-size"],
html body.cwc-edu-v1 .entry-content b[style*="font-size"],
html body.cwc-edu-v1 .entry-content i[style*="font-size"],
html body.cwc-edu-v1 .entry-content a[style*="font-size"],
html body.cwc-edu-v1 .entry-content font[style*="font-size"]{font-size:inherit!important;}
html body.cwc-edu-v1 .entry-content h1,
html body.cwc-edu-v1 .entry-content h2,
html body.cwc-edu-v1 .entry-content h3,
html body.cwc-edu-v1 .entry-content h4,
html body.cwc-edu-v1 .entry-content h5{font-family:inherit!important;color:#050505!important;font-weight:700!important;letter-spacing:-.01em!important;text-transform:none!important;text-align:left!important;}
html body.cwc-edu-v1 .entry-content h1,
html body.cwc-edu-v1 .entry-content h2{font-size:34px!important;line-height:1.18!important;margin:60px 0 18px!important;letter-spacing:-.02em!important;}
html body.cwc-edu-v1 .entry-content h3{font-size:25px!important;line-height:1.3!important;margin:40px 0 14px!important;}
html body.cwc-edu-v1 .entry-content h4{font-size:20px!important;line-height:1.35!important;margin:32px 0 12px!important;}
html body.cwc-edu-v1 .entry-content h5{font-size:19px!important;line-height:1.4!important;margin:24px 0 10px!important;}
/* Links stay the key blue (clearly distinct from black copy) with an underline, so they are not colour-only. */
html body.cwc-edu-v1 .entry-content a{color:#0060d6!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:3px!important;}
html body.cwc-edu-v1 .entry-content a:hover{color:#050505!important;}
/* Author-styled button links (inline background) -> Homepage black pill CTA. */
html body.cwc-edu-v1 .entry-content a[style*="background"]{display:inline-flex!important;align-items:center!important;min-height:44px!important;padding:0 22px!important;border-radius:999px!important;background:#050505!important;color:#fff!important;font-size:17px!important;font-weight:700!important;text-decoration:none!important;}
html body.cwc-edu-v1 .entry-content a[style*="background"]:hover{background:#333!important;color:#fff!important;}
html body.cwc-edu-v1 .entry-content a:focus-visible{outline:2px solid #0878ff!important;outline-offset:2px!important;border-radius:2px;}
html body.cwc-edu-v1 .entry-content ul,
html body.cwc-edu-v1 .entry-content ol{margin:0 0 24px!important;padding:0 0 0 1.3em!important;}
html body.cwc-edu-v1 .entry-content li{margin:0 0 8px!important;padding:0!important;}
html body.cwc-edu-v1 .entry-content li::marker{color:#050505;}
html body.cwc-edu-v1 .entry-content img{max-width:100%!important;height:auto!important;border-radius:12px!important;}
html body.cwc-edu-v1 .entry-content figure{margin:28px 0!important;}
html body.cwc-edu-v1 .entry-content figcaption{margin-top:10px!important;font-size:17px!important;line-height:1.5!important;color:#000!important;}
html body.cwc-edu-v1 .entry-content hr{height:1px!important;margin:48px 0!important;border:0!important;background:#dfe5ec!important;}
/* Author-styled callout boxes (inline background) -> one soft card treatment. */
html body.cwc-edu-v1 .entry-content div[style*="background"]{margin:0 0 32px!important;padding:24px 28px!important;border:1px solid #dfe5ec!important;border-left:3px solid #050505!important;border-radius:12px!important;background:#f5f7f9!important;}
html body.cwc-edu-v1 .entry-content div[style*="background"] > :first-child{margin-top:0!important;}
html body.cwc-edu-v1 .entry-content div[style*="background"] > :last-child{margin-bottom:0!important;}
html body.cwc-edu-v1 .entry-content table{width:100%!important;border-collapse:collapse!important;font-size:17px!important;color:#000!important;}
html body.cwc-edu-v1 .entry-content th,
html body.cwc-edu-v1 .entry-content td{padding:10px 12px!important;border:1px solid #dfe5ec!important;text-align:left!important;}

/* Forecast-review page ships its own embedded article styles; fold its wrappers into the shared column and type scale. */
html body.cwc-edu-v1 .entry-content .wrap{max-width:none!important;margin:0!important;padding:0!important;}
html body.cwc-edu-v1 .entry-content .page-label,
html body.cwc-edu-v1 .entry-content .case-no{font-family:inherit!important;font-size:17px!important;font-weight:700!important;letter-spacing:.06em!important;color:#0878ff!important;text-transform:uppercase!important;}
html body.cwc-edu-v1 .entry-content .review-bar,
html body.cwc-edu-v1 .entry-content .approve{margin:0 0 32px!important;padding:28px 32px!important;border-radius:12px!important;background:#050505!important;}
html body.cwc-edu-v1 .entry-content .review-bar *,
html body.cwc-edu-v1 .entry-content .approve *{font-family:inherit!important;}
html body.cwc-edu-v1 .entry-content .review-bar h1,
html body.cwc-edu-v1 .entry-content .approve h5{color:#fff!important;font-size:24px!important;line-height:1.35!important;}
html body.cwc-edu-v1 .entry-content .review-bar p,
html body.cwc-edu-v1 .entry-content .approve p,
html body.cwc-edu-v1 .entry-content .approve li{color:#f2f4f7!important;font-size:18px!important;}
html body.cwc-edu-v1 .entry-content .review-bar b,
html body.cwc-edu-v1 .entry-content .approve b{color:#fff!important;}
html body.cwc-edu-v1 .entry-content .howto,
html body.cwc-edu-v1 .entry-content .outcome,
html body.cwc-edu-v1 .entry-content .keylv,
html body.cwc-edu-v1 .entry-content .rel{padding:22px 26px!important;border:1px solid #dfe5ec!important;border-radius:12px!important;background:#f5f7f9!important;}
html body.cwc-edu-v1 .entry-content .keylv,
html body.cwc-edu-v1 .entry-content .keylv *{font-size:18px!important;}
html body.cwc-edu-v1 .entry-content .outcome .v{font-size:17px!important;}
html body.cwc-edu-v1 .entry-content .plain{padding:16px 20px!important;border-left:3px solid #050505!important;border-radius:0 12px 12px 0!important;background:#f5f7f9!important;}
html body.cwc-edu-v1 .entry-content .canonical,
html body.cwc-edu-v1 .entry-content .bridge{font-style:normal!important;}
html body.cwc-edu-v1 .entry-content .disclaimer,
html body.cwc-edu-v1 .entry-content .sig,
html body.cwc-edu-v1 .entry-content .outcome p{font-size:18px!important;}
html body.cwc-edu-v1 .entry-content figure img{border:1px solid #dfe5ec!important;}

/* ---------- Section nav (server-rendered by the loader) ---------- */
html body.cwc-edu-v1 .entry-content > .cwc-edu-nav{grid-column:2;grid-row:1 / span 400;position:sticky;top:96px;margin:0!important;padding:24px!important;border:1px solid #dfe5ec;border-radius:12px;background:#fff;}
html body.cwc-edu-v1 .cwc-edu-nav .cwc-edu-nav__title{margin:0 0 12px!important;font-size:17px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#0878ff!important;}
html body.cwc-edu-v1 .cwc-edu-nav ul{margin:0!important;padding:0!important;list-style:none!important;}
html body.cwc-edu-v1 .cwc-edu-nav li{margin:0!important;padding:0!important;font-size:17px!important;line-height:1.4!important;}
html body.cwc-edu-v1 .cwc-edu-nav li::marker{content:none;}
html body.cwc-edu-v1 .cwc-edu-nav a{display:block!important;padding:9px 12px!important;border-radius:8px!important;color:#000!important;text-decoration:none!important;font-weight:400!important;}
html body.cwc-edu-v1 .cwc-edu-nav a:hover{background:#f5f7f9!important;color:#000!important;}
html body.cwc-edu-v1 .cwc-edu-nav a[aria-current="page"]{background:#f5f7f9!important;color:#000!important;font-weight:700!important;box-shadow:inset 3px 0 0 #050505;}

/* ---------- Tablet / mobile: one column, nav after the article ---------- */
@media (max-width:1099px){
	html body.cwc-edu-v1 #main > article > .entry-content{display:block!important;}
	html body.cwc-edu-v1 .entry-content > :not(.cwc-edu-nav){max-width:820px;}
	html body.cwc-edu-v1 .entry-content > .cwc-edu-nav{position:static;margin:56px 0 0!important;}
	html body.cwc-edu-v1 #main > article > .entry-header > h1{font-size:46px!important;}
}
@media (max-width:899px){
	/* Stack: title, then the 16:9 art at full column width. */
	html body.cwc-edu-v1 #main > article > .entry-header,
	html body.cwc-edu-v1.cwc-edu-hero-art #main > article > .entry-header{grid-template-columns:minmax(0,1fr);row-gap:24px;padding:40px 20px 32px!important;}
	html body.cwc-edu-v1.cwc-edu-hero-art #main > article > .entry-header::after{grid-column:1;grid-row:2;}
	html body.cwc-edu-v1 #main > article > .entry-content{width:calc(100% - 40px)!important;}
	html body.cwc-edu-v1 #main > article > .entry-header > h1{font-size:40px!important;line-height:1.08!important;}
	html body.cwc-edu-v1 #main > article > .entry-header > h1::before{font-size:17px;margin-bottom:12px;}
	html body.cwc-edu-v1 #main > article > .entry-header .sub_heading{font-size:18px!important;}
	html body.cwc-edu-v1 #main > article > .entry-content{padding:40px 0 72px!important;font-size:18px!important;}
	html body.cwc-edu-v1 .entry-content p,
	html body.cwc-edu-v1 .entry-content li,
	html body.cwc-edu-v1 .entry-content dd{font-size:18px!important;}
	html body.cwc-edu-v1 .entry-content h1,
	html body.cwc-edu-v1 .entry-content h2{font-size:28px!important;margin-top:44px!important;}
	html body.cwc-edu-v1 .entry-content h3{font-size:22px!important;margin-top:32px!important;}
	html body.cwc-edu-v1 .entry-content h4{font-size:19px!important;}
	html body.cwc-edu-v1 .entry-content .review-bar,
	html body.cwc-edu-v1 .entry-content .approve{padding:22px 20px!important;}
	html body.cwc-edu-v1 .entry-content .howto,
	html body.cwc-edu-v1 .entry-content .outcome,
	html body.cwc-edu-v1 .entry-content .keylv,
	html body.cwc-edu-v1 .entry-content .rel,
	html body.cwc-edu-v1 .entry-content div[style*="background"]{padding:18px 18px!important;}
	html body.cwc-edu-v1 .entry-content table{display:block!important;overflow-x:auto!important;}
}
