/* --------------------------------------------------------------------------
   CIEA visual foundation
   Source references reviewed: /__data/assets/file/0015/294/master.css,
   /__data/assets/file/0017/296/responsive.css and
   /_designs/css/microsite-css/ciea.css on the local static source.
   These rules recreate visual cues without importing legacy CSS.
   -------------------------------------------------------------------------- */
:root { --ciea-teal:#00a4bd; --ciea-navy:#1c5182; --ciea-purple:#59477f; --ciea-ink:#1d1d1f; --ciea-row:#e7e7e7; --ciea-footer:#2c3b3e; --ciea-pink:#9A46CF;}
body { color:var(--ciea-ink); font-family:Inter,Arial,sans-serif; }
body a { color:var(--ciea-purple); }
body a:hover, body a:focus { color:var(--ciea-navy); }
h1,h2,h3,h4,h5,h6 { color:var(--ciea-purple); font-family:"Plus Jakarta Sans",Inter,Arial,sans-serif; }

/* Keep the standalone static server-error document's footer at the viewport edge. */
body.error500 { display:flex; flex-direction:column; min-height:100vh; }
body.error500 #page { display:flex; flex:1; flex-direction:column; }
body.error500 #content { flex:1; }

/* Content metrics: explicit source-derived body type avoids Memberlite's Lato inheritance. */
.entry-content,
.entry-content p,
.entry-content li,
.entry-content td,
.entry-content th,
.entry-content figcaption { font-family:inter, Arial, sans-serif; font-size:14px; line-height:20.006px; }
.entry-content p { margin-top:0; margin-bottom:20px; }
.entry-content table { border-collapse:collapse; font-family:inter, Arial, sans-serif; font-size:14px; line-height:20.006px; margin:0 0 20px; width:100%; }
.entry-content th,.entry-content td { border:1px solid #dee2e6; padding:8px; text-align:left; vertical-align:top; }
.entry-content th { background:#eee; font-weight:700; }

/* Header branding: a light-grey full-width shell with the teal CIEA brand strip inside it. */
.site-header.site-header-default { background:#e9e9e9; border-bottom:0; min-height:100px; }
.site-header.site-header-default .row { max-width:1200px; min-height:100px; }
.site-header.site-header-default .site-branding { background:var(--ciea-teal); box-sizing:border-box; margin:0; min-height:100px; padding:0; width:100%; }
.site-header.site-header-default .custom-logo { display:block; height:78px; margin-left:10px; margin-top:10px; max-height:none; width:356px; }
@media (min-width:782px) {
	.site-header.site-header-default .site-branding { position:relative; }
	.site-header.site-header-default .custom-logo-link { left:0; line-height:0; position:absolute; top:10px; }
	.site-header.site-header-default .custom-logo { margin-top:0; }
}
.site-header .site-title a,.site-header .site-description { color:#000; }
.site-header .site-title { font-family:"Plus Jakarta Sans",Inter,Arial,sans-serif; font-weight:700; }
.site-footer,.site-footer .site-info { background:var(--ciea-footer); color:#fff; }
.site-footer a,.site-footer .site-info a { color:#fff; }

/* CIEA pages use the sidebar hierarchy; omit Memberlite's redundant previous/next page links. */
body .navigation.page-navigation { display:none; }

/* Native Memberlite mobile-menu trigger: unobtrusive white control on the teal brand strip. */
@media (max-width:781px) {
	.site-header.site-header-default { height:78px; min-height:78px; padding:0; }
	.site-header.site-header-default .row { max-width:none; min-height:78px; position:relative; }
	.site-header.site-header-default .site-branding { margin:0; min-height:78px; padding:0 64px 0 10px; width:100vw !important; }
	.site-header.site-header-default .custom-logo { height:auto; margin-top:0; max-width:calc(100vw - 100px); width:100%; }
	.site-header .mobile-navigation-bar { position:absolute; right:12px; top:12px; }
	.site-header .menu-toggle { background:transparent; background-color:transparent; border:0; box-shadow:none; color:#fff; font-size:24px; min-height:36px; min-width:36px; padding:6px; }
	.site-header .menu-toggle:hover,.site-header .menu-toggle:focus { background:rgba(0,0,0,.12); color:#fff; }
	/* The mobile dialog replaces the duplicate in-page sidebar navigation. */
	#secondary { display:none; }
	#mobile-navigation .ciea-mobile-menu { padding:24px; }
	#mobile-navigation .ciea-mobile-menu ul { list-style:none; margin:0; padding:0; }
	#mobile-navigation .ciea-mobile-menu .sub-menu { margin-left:16px; }
	#mobile-navigation .ciea-mobile-menu,
	#mobile-navigation .ciea-mobile-menu a,
	#mobile-navigation .menu-toggle { font-family:Arial, sans-serif; }
	#mobile-navigation .ciea-mobile-menu a { display:block; padding:10px 0; }
	#mobile-navigation .menu-toggle { background:transparent; background-color:transparent; border:0; box-shadow:none; color:#666; font-size:24px; min-height:36px; min-width:36px; padding:6px; }
}

/* Native WordPress menu sidebar: current/ancestor classes control expansion. */
.page .row { max-width:1080px; }
#secondary .ciea-sidebar-navigation { margin-bottom:2rem; }
#secondary .ciea-sidebar-menu,#secondary .ciea-sidebar-menu .sub-menu { list-style:none; margin:0; padding:0; }
#secondary .ciea-sidebar-menu > li { border-bottom:1px solid #fff; margin:0; position:relative; }
#secondary .ciea-sidebar-menu a { background:var(--ciea-row); color:#111; display:block; font-family:Inter,Arial,sans-serif; font-size:.94rem; font-weight:700; line-height:1.25; padding:.65rem 1.75rem .65rem .75rem; text-decoration:none; }
#secondary .ciea-sidebar-menu a:hover,#secondary .ciea-sidebar-menu a:focus { background:#d7d7d7; color:var(--ciea-navy); }
#secondary .ciea-sidebar-menu .sub-menu { display:none; }
/* My CIEA deep hierarchy: WordPress emits current-page-ancestor rather than
   current-menu-ancestor for native Page menu items, so include both class families. */
#secondary .ciea-sidebar-menu .current-menu-item > .sub-menu,#secondary .ciea-sidebar-menu .current-menu-parent > .sub-menu,#secondary .ciea-sidebar-menu .current-menu-ancestor > .sub-menu,#secondary .ciea-sidebar-menu .current-page-parent > .sub-menu,#secondary .ciea-sidebar-menu .current-page-ancestor > .sub-menu,#secondary .ciea-sidebar-menu .current_page_parent > .sub-menu,#secondary .ciea-sidebar-menu .current_page_ancestor > .sub-menu { display:block; }
#secondary .ciea-sidebar-menu .sub-menu a { background:#fff; color:var(--ciea-purple); font-weight:600; padding-left:1.55rem; }
#secondary .ciea-sidebar-menu .sub-menu .sub-menu a { padding-left:2.35rem; }
#secondary .ciea-sidebar-menu .menu-item-has-children > a::after { color:#999; content:"›"; font-size:1.4em; line-height:1; position:absolute; right:.7rem; }
#secondary .ciea-sidebar-menu .current-menu-item > a,#secondary .ciea-sidebar-menu .current-menu-parent > a,#secondary .ciea-sidebar-menu .current-menu-ancestor > a,#secondary .ciea-sidebar-menu .current-page-parent > a,#secondary .ciea-sidebar-menu .current-page-ancestor > a,#secondary .ciea-sidebar-menu .current_page_parent > a,#secondary .ciea-sidebar-menu .current_page_ancestor > a {background: var(--memberlite-color-white);color: var(--memberlite-color-button);}
#secondary .ciea-sidebar-menu .current-menu-item > a { font-weight:800; }
#secondary .ciea-sidebar-menu .current-menu-parent > a::after,#secondary .ciea-sidebar-menu .current-menu-ancestor > a::after { content:"⌄"; font-size:1.15em; }

/* Core block patterns used by the pilot. */
.ciea-content-image.alignright { float:right; margin:0 0 1.25rem 1.5rem; max-width:min(32%,232px); }
.ciea-content-image.alignright img { height:auto; width:100%; }
.ciea-support-list { border:1px solid #d8d8d8; margin-top:1.5rem; }
.ciea-support-list h3 { background:#ededed; color:var(--ciea-ink); font-family:Inter,Arial,sans-serif; font-size:1rem; margin:0; padding:.75rem 1rem; }
.ciea-support-list ul { margin:0; }
.ciea-support-list li { border-top:1px solid #ddd; padding:.75rem 0; }
.ciea-card-grid { gap:1.5rem; margin-bottom:1.5rem; }
.ciea-card { background:#eee; height:100%; padding-bottom:1rem; }
.ciea-card .ciea-card-image { margin:0; }
.ciea-card .ciea-card-image img { aspect-ratio:16 / 9; object-fit:cover; width:100%; }
.ciea-card h3,.ciea-card p { margin-left:1rem; margin-right:1rem; }
.ciea-card h3 { color:var(--ciea-ink); font-family:Inter,Arial,sans-serif; font-size:1.12rem; margin-top:1rem; }
.ciea-card-link a { font-weight:700; }
.ciea-home-feature h2,.ciea-home-feature p,.ciea-home-feature a { color:#fff; }

/* Responsive behavior: use Memberlite's natural stacked layout; no custom JS. */
@media (max-width:781px) { .ciea-content-image.alignright { float:none; margin:0 0 1rem; max-width:100%; } #secondary .ciea-sidebar-menu a { font-size:1rem; } .ciea-card-grid { gap:1rem; } }