/* Clinical Research / Knowledge Center archive — redesign
   Scoped to .cr-archive (set in category-clinical-research.php).
   Layers on top of the theme's .post-bucket / bootstrap grid. */

/* ======================================================================
   Hero — brand gradient (replaces the photo aspot), matches Contact Us
   ====================================================================== */
.cr-hero {
	position: relative;
	overflow: hidden;
	background: #0A1F2F; /* Deep Ocean fallback */
}
.cr-hero__accent {
	position: absolute; top: 0; left: 0; right: 0; height: 3px; z-index: 2;
	background: linear-gradient(90deg, #45B0DA 0%, #005487 60%, #005487 100%);
}
.cr-hero__bg {
	position: absolute; inset: 0; z-index: 0; pointer-events: none;
	background:
		radial-gradient(58% 52% at 12% 18%, rgba(69, 176, 218, 0.20), transparent 60%),
		radial-gradient(46% 62% at 96% 108%, rgba(0, 84, 135, 0.55), transparent 62%),
		linear-gradient(158deg, #073A58 0%, #0A1F2F 58%, #071722 100%);
}
.cr-hero__inner {
	position: relative; z-index: 1;
	max-width: 1180px; margin: 0 auto;
	padding: 140px 24px 60px;   /* top clears the floating transparent header */
	color: #fff;
}
.cr-hero__back {
	display: inline-block;
	font-family: 'Ubuntu', 'Lato', sans-serif;
	font-size: 12px; font-weight: 500;
	letter-spacing: .09em; text-transform: uppercase;
	color: #75CEDE; text-decoration: none;
}
.cr-hero__back::before { content: "\2190"; margin-right: 8px; }
.cr-hero__back:hover { color: #fff; }
.cr-hero__eyebrow {
	margin: 22px 0 8px;
	font-family: 'Ubuntu', 'Lato', sans-serif;
	font-size: 12px; font-weight: 600;
	letter-spacing: .14em; text-transform: uppercase;
	color: rgba(255, 255, 255, 0.55);
}
.cr-hero__title {
	margin: 0;
	font-family: 'Ubuntu', 'Lato', sans-serif;
	font-size: clamp(30px, 4vw, 50px);
	font-weight: 700; line-height: 1.12; letter-spacing: -0.02em;
	color: #fff;
}
.cr-hero__title::after {
	content: ""; display: block;
	width: 52px; height: 3px; margin-top: 22px;
	border-radius: 2px; background: #45B0DA;
}
.cr-hero__desc {
	margin: 22px 0 0;
	font-size: 15px; line-height: 1.6;
	color: rgba(255, 255, 255, 0.72);
	max-width: 56ch;
}
@media (max-width: 991px) {
	.cr-hero__inner { padding: 40px 22px 40px; }  /* header is static below this width */
}

.cr-archive {
	--cr-ink: #1a2b33;
	--cr-slate: #6b7a82;
	--cr-line: #e6eaec;
	--cr-depths: #005487;
	--cr-horizon: #45b0da;
	--cr-pill-bg: rgba(136, 211, 238, .18);
	--cr-pill-fg: #1f6e90;
	--cr-pill-bd: rgba(136, 211, 238, .55);
}

/* ---------- filter bar (a <form>) ---------- */
.cr-archive form.cr-filter-bar {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 14px;
	margin: 6px 0 4px;
}
.cr-filter-field {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.cr-filter-label {
	font-family: 'Ubuntu', 'Lato', sans-serif;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--cr-slate);
	margin: 0;
}
.cr-select,
.cr-input {
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	line-height: 1.2;
	color: var(--cr-ink);
	height: 44px;
	background-color: #fff;
	border: 1px solid var(--cr-line);
	border-radius: 8px;
	padding: 0 16px;
	max-width: 100%;
}
.cr-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-right: 40px;
	cursor: pointer;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' stroke='%23005487' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
	background-repeat: no-repeat;
	background-position: right 14px center;
}
.cr-select--cat { min-width: 260px; }
.cr-select--sm  { min-width: 128px; }
.cr-input--au   { min-width: 170px; }
.cr-input--kw   { min-width: 190px; }
.cr-select:focus-visible,
.cr-input:focus-visible {
	outline: 2px solid var(--cr-horizon);
	outline-offset: 1px;
}
.cr-select optgroup { font-family: 'Ubuntu', 'Lato', sans-serif; font-weight: 700; }
.cr-select option   { font-weight: 400; }
.cr-select option.cr-opt-lead { font-weight: 700; }  /* Recommended Reading (native Safari may ignore) */

.cr-apply {
	height: 44px;
	padding: 0 24px;
	border: 0;
	border-radius: 8px;
	cursor: pointer;
	background: var(--cr-depths);
	color: #fff;
	font-family: 'Ubuntu', 'Lato', sans-serif;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: .03em;
}
.cr-apply:hover { background: #00436c; }
.cr-clear {
	align-self: center;
	font-size: 13px;
	color: var(--cr-slate);
	text-decoration: underline;
}

.cr-scope {
	margin: 16px 0 4px;
	color: var(--cr-slate);
	font-size: 14px;
}
.cr-scope strong { color: var(--cr-ink); }

/* the theme's .content-container-wide adds 60–80px of top padding; the scope
   line already separates the list from the filter bar, so drop it here */
.cr-archive .content-container-wide { padding-top: 4px; }

.cr-empty {
	margin: 40px 0 60px;
	color: var(--cr-slate);
	font-size: 16px;
}

@media (max-width: 900px) {
	.cr-archive form.cr-filter-bar { flex-direction: column; align-items: stretch; width: 100%; }
	.cr-filter-field,
	.cr-select, .cr-input, .cr-apply { width: 100%; min-width: 0; }
}

/* =====================================================================
   Results — PubMed-style list
   ===================================================================== */
.cr-archive .cr-list {
	max-width: 860px;
	margin: 6px 0 40px;
	padding: 0;
	list-style: none;
}
.cr-archive .cr-item {
	padding: 22px 0 20px;
	border-bottom: 1px solid var(--cr-line);
}
.cr-archive .cr-item:first-child { border-top: 1px solid var(--cr-line); }

.cr-archive .cr-item__title {
	font-family: 'Ubuntu', 'Lato', sans-serif;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.32;
	margin: 0 0 7px;
}
.cr-archive .cr-item__title a { color: #155a7e; text-decoration: none; }
.cr-archive .cr-item__title a:hover { text-decoration: underline; }
.cr-archive .cr-item__title a:visited { color: #6b4a8a; }

.cr-archive .cr-item__authors {
	margin: 0 0 3px;
	font-size: 13.5px;
	color: #7a8892;            /* authors — lighter grey */
}
.cr-archive .cr-item__meta {
	margin: 0 0 9px;
	font-size: 13.5px;
	color: #3e4d56;            /* journal · year — darker */
}
.cr-archive .cr-item__meta .journal { font-style: italic; }
.cr-archive .cr-item__meta .year    { font-weight: 700; }

.cr-archive .cr-item__excerpt {
	margin: 0 0 12px;
	font-size: 14px;
	line-height: 1.55;
	color: #43525a;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.cr-archive .cr-item__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	flex-wrap: wrap;
}
.cr-archive .cr-item__pills {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.cr-archive .rc-more {
	font-family: 'Ubuntu', 'Lato', sans-serif;
	font-weight: 500;
	font-size: 13.5px;
	letter-spacing: .02em;
	color: var(--cr-depths);
	text-decoration: none;
	white-space: nowrap;
}
.cr-archive .rc-more::after {
	content: "\2192";
	margin-left: 7px;
	display: inline-block;
	transition: margin-left .15s ease;
}
.cr-archive .rc-more:hover::after { margin-left: 11px; }

/* pill — identical treatment to the previous build */
.cr-archive .rc-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 130px;
	max-width: 100%;
	padding: 6px 14px;
	line-height: 1.15;
	font-family: 'Ubuntu', 'Lato', sans-serif;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .07em;
	text-transform: uppercase;
	text-align: center;
	white-space: nowrap;
	border-radius: 999px;
	background: var(--cr-pill-bg);
	color: var(--cr-pill-fg);
	border: 1px solid var(--cr-pill-bd);
}

@media (max-width: 620px) {
	.cr-archive .cr-item__foot { align-items: flex-start; }
}

/* =====================================================================
   GRID (tile) layout — rollback path (?cr_layout=grid / BWY_CR_LAYOUT)
   ===================================================================== */
.cr-archive--grid .post-bucket.bucket-justify { height: 100%; }

.cr-archive--grid .rc-title {
	font-family: 'Ubuntu', 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
	margin: 0 0 10px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.cr-archive--grid .rc-title a { color: #155a7e; text-decoration: none; }
.cr-archive--grid .rc-title a:hover { text-decoration: underline; }
.cr-archive--grid .rc-meta {
	font-size: 14px;
	color: #3e4d56;
	margin: 0 0 18px;
}
.cr-archive--grid .rc-foot {
	margin-top: auto;
	padding-top: 16px;
	border-top: 1px solid var(--cr-line);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}
.cr-archive--grid .rc-foot.no-pill { justify-content: flex-start; }
.cr-archive--grid .rc-foot__pills { display: flex; flex-wrap: wrap; gap: 8px; }
.cr-archive--grid .post-bucket:hover .rc-more::after { margin-left: 12px; }