/* ============================================================================
   NIMR PAGE-SPECIFIC LAYOUT OVERRIDES
   Narrow, targeted fixes for specific pages' Elementor layout quirks —
   scoped by WordPress's own body.page-id-XXX class, so nothing here can
   affect any other page. Purely structural/visual; no content touched.
   ========================================================================== */

/* ---- History (page ID 254): 3-col section had an empty middle column —
   hide it and redistribute the freed width between the text and the photo. */
body.page-id-254 .elementor-element-001cb3e { display: none !important; }
body.page-id-254 .elementor-element-2226051 { width: 58% !important; }
body.page-id-254 .elementor-element-29db662 { width: 42% !important; }
@media (max-width: 767px) {
	body.page-id-254 .elementor-element-2226051,
	body.page-id-254 .elementor-element-29db662 { width: 100% !important; }
}

/* ---- Council Members (page ID 11320): DELIBERATELY NOT touched here.
   This page is an organogram — sequence encodes the chain of authority
   (who chairs, who follows). A grid/wrap layout destroys that meaning
   regardless of how it's styled. Leave structure exactly as authored. */

/* ---- Peer Reviewed Papers (page ID 10617): a year-archive INDEX. Each year
   (2025/2026 … 2019) is a heading widget wrapping a link. Style each as a
   clean, tappable archive tile. Purely presentational — order/columns/flow
   left exactly as authored; only the look of the links changes. */

/* Drop the global heading underline on this index page... */
body.page-id-10617 .elementor-heading-title {
	border-bottom: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important;
}
/* ...but keep a proper page-title treatment for the main "Peer Reviewed Papers" heading. */
body.page-id-10617 .elementor-element-e99a18e .elementor-heading-title {
	font-size: clamp(1.6rem, 1.3rem + 1.4vw, 2.3rem);
	padding-bottom: 0.3em !important;
	margin-bottom: 0.5em !important;
	border-bottom: 2px solid var(--nimr-100) !important;
}

/* Year links → archive tiles */
body.page-id-10617 .elementor-heading-title a {
	display: flex; align-items: center; justify-content: space-between; gap: 0.75rem;
	padding: 1.15rem 1.35rem;
	background: #fff;
	border: 1px solid var(--border-subtle);
	border-left: 4px solid var(--nimr-500);
	border-radius: var(--radius-md);
	color: var(--nimr-800) !important;
	font-family: var(--font-display);
	font-size: 1.25rem;
	font-weight: 700;
	text-decoration: none !important;
	box-shadow: var(--shadow-xs);
	transition: transform 0.28s var(--ease-out), box-shadow 0.28s var(--ease-out), border-color 0.28s var(--ease-out), background-color 0.28s var(--ease-out);
}
body.page-id-10617 .elementor-heading-title a::after {
	content: "\2192"; color: var(--nimr-500); font-size: 1.1em;
	transition: transform 0.28s var(--ease-out);
}
body.page-id-10617 .elementor-heading-title a:hover {
	transform: translateY(-3px); box-shadow: var(--shadow-md);
	background: var(--nimr-100); border-left-color: var(--nimr-700); color: var(--nimr-900) !important;
}
body.page-id-10617 .elementor-heading-title a:hover::after { transform: translateX(4px); }

/* Remove the faint "card inside a card": neutralise the Elementor column /
   container backgrounds that box each tile, so only the tile itself shows. */
body.page-id-10617 .elementor-widget-wrap.elementor-element-populated,
body.page-id-10617 .e-con.e-parent,
body.page-id-10617 .e-con.e-child {
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

/* Drop the two empty leftover slots beside the latest year. */
body.page-id-10617 .elementor-element-f90e9a5,
body.page-id-10617 .elementor-element-cd7cb25 { display: none !important; }

/* Latest year → a full-width featured banner tile. */
body.page-id-10617 .elementor-element-6383b1a {
	flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important;
}
body.page-id-10617 .elementor-element-6383b1a .elementor-heading-title a {
	background: linear-gradient(120deg, var(--nimr-500), var(--nimr-700));
	color: #fff !important;
	border-color: transparent;
	border-left-width: 0;
	font-size: 1.5rem;
	padding: 1.6rem 1.85rem;
	box-shadow: var(--shadow-md);
}
body.page-id-10617 .elementor-element-6383b1a .elementor-heading-title a::after { color: #fff; }
body.page-id-10617 .elementor-element-6383b1a .elementor-heading-title a:hover {
	background: linear-gradient(120deg, var(--nimr-600), var(--nimr-800));
	color: #fff !important;
}