/* --------------------------------------------------------------------------
   Source-derived CIEA proportions
   Source reference: local static master.css and rendered /about-the-ciea/
   sidebar: 14px body/nav, 39.2px H1, 207px navigation, 5–6px menu padding.
   -------------------------------------------------------------------------- */

/* Page layout: retain Memberlite's responsive grid while matching the source's compact desktop measure. */
.page .row { max-width: 1008px; }
@media (min-width: 782px) {
	/* Static CIEA source: the content row starts 25px below the masthead. */
	.site-content > .row {
		margin-top: 25px;
	}

	/* Compact desktop sidebar: 152px navigation plus the 15px source-style gap. */
	.page #secondary { flex: 0 1 167px; max-width: 167px; padding-left: 0; padding-right: 0; }
	.page #primary { flex: 1 1 0; max-width: calc(100% - 197px); }
}

/* Content typography: native headings replace the removed masthead heading. */
.entry-content { font-size: 14px; line-height: 1.429; }
.entry-content h1 { color: #614e7b; font-family: "Plus Jakarta Sans", Inter, Arial, sans-serif; font-size: 39.2px; font-weight: 700; line-height: 1.1; margin: 0 0 9.8px; padding: 0 0 3px; }
.entry-content h2 { color: #614e7b; font-family: "Plus Jakarta Sans", Inter, Arial, sans-serif; font-size: 29.4px; line-height: 1.25; margin: 0; padding-bottom: 15px; }
.entry-content h3 { color: #614e7b; font-family: "Plus Jakarta Sans", Inter, Arial, sans-serif; font-size: 23.8px; line-height: 1.25; padding-bottom: 15px; }
.entry-content p, .entry-content ul, .entry-content ol { margin-bottom: 20px; }
.entry-content .ciea-migration-marker { color: #6e6e6e; font-size: 14px; margin-bottom: 20px; }

/* Native sidebar menu: grey parent rows and compact white expanded child rows mirror the source hierarchy. */
#secondary .ciea-sidebar-navigation { margin-right: 15px; max-width:152px; width:100%; }
#secondary .ciea-sidebar-menu a { font-size: 14px; line-height: 20px; padding: 6px 8px; }
#secondary .ciea-sidebar-menu > li { border-bottom: 1px solid #fff; }
#secondary .ciea-sidebar-menu .sub-menu a { background: #fff; color: #614d8d; font-weight: 700; padding: 5px 8px 5px 20px; }
#secondary .ciea-sidebar-menu .sub-menu .sub-menu a { padding-left: 32px; }
#secondary .ciea-sidebar-menu .sub-menu .current-menu-item > a { background: #fff; color: #614d8d; }
#secondary .ciea-sidebar-menu .menu-item-has-children > a { padding-left: 8px; padding-right: 8px; }
#secondary .ciea-sidebar-menu .menu-item-has-children > a::after { content: none; }
#secondary .ciea-sidebar-menu .menu-item-has-children > a::before { color: #c6c6c6; content: "\\203A"; font-size: 20px; left: 7px; line-height: 20px; position: absolute; }
#secondary .ciea-sidebar-menu .current-menu-item.menu-item-has-children > a::before,
#secondary .ciea-sidebar-menu .current-menu-parent > a::before,
#secondary .ciea-sidebar-menu .current-menu-ancestor > a::before { content: "\\2304"; font-size: 15px; }

/* Mobile: let the existing responsive grid use the full available navigation width. */
@media (max-width: 781px) {
	#secondary .ciea-sidebar-navigation { margin-right: 0; width: 100%; }
	.entry-content h1 { font-size: 32px; }
}