/*
 * Age Hub polish v1.0.2
 * Final readability, health-section and review-state refinements.
 */

.age-hub {
	padding-bottom: 36px;
}

.age-hub__breadcrumbs {
	color: #64737A;
	font-size: 13.5px;
	font-weight: 500;
}

.age-hub__breadcrumbs a {
	color: #56676E;
}

.age-hub__breadcrumbs span[aria-current="page"] {
	color: #465960;
}

.age-hub__text-link {
	font-size: 14.5px;
	font-weight: 700;
}

.age-hub__content-card--health {
	grid-column: 1 / -1;
	background: linear-gradient(135deg, rgba(238,245,241,.92), rgba(255,255,255,.9));
	border-color: rgba(142,169,155,.26);
}

.age-hub__content-card--health p:not(.age-hub__kicker) {
	max-width: 780px;
}

.age-hub__review-status {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, .75fr);
	gap: 28px;
	align-items: center;
	margin: -18px 0 48px;
	padding: 22px 26px;
	border: 1px solid rgba(142,169,155,.24);
	border-radius: 16px;
	background: rgba(230,239,235,.58);
}

.age-hub__review-status .age-hub__kicker {
	margin-bottom: 6px;
}

.age-hub__review-status strong {
	display: block;
	font-family: "PT Serif", Georgia, "Times New Roman", serif;
	font-size: 20px;
	line-height: 27px;
}

.age-hub__review-status span {
	color: #607078;
	font-size: 13.5px;
	line-height: 21px;
}

@media (min-width: 768px) {
	.age-hub__topics {
		margin-bottom: 52px;
		padding: 24px 26px 26px;
	}

	.age-hub__topics .age-hub__section-heading {
		margin-bottom: 18px;
	}

	.age-hub__topic-card {
		min-height: 166px;
	}

	.age-hub__article-row {
		background: rgba(255,255,255,.94);
	}

	.age-hub__article-row > img {
		border-right: 1px solid rgba(201,194,184,.34);
	}
}

@media (max-width: 767px) {
	.age-hub {
		padding-bottom: 26px;
	}

	.age-hub__breadcrumbs {
		font-size: 12px;
		line-height: 19px;
		color: #647279;
	}

	.age-hub__breadcrumbs a {
		color: #52636A;
	}

	.age-hub__content-card p,
	.age-hub__growth-card p {
		color: #485961;
		font-size: 15px;
		line-height: 24px;
	}

	.age-hub__text-link {
		font-size: 13.5px;
		line-height: 20px;
	}

	.age-hub__content-card--health {
		order: 6;
	}

	.age-hub__growth-card {
		order: 7;
	}

	.age-hub__review-status {
		grid-template-columns: 1fr;
		gap: 8px;
		margin: -10px 0 32px;
		padding: 18px 19px;
		border-radius: 14px;
	}

	.age-hub__review-status strong {
		font-size: 18px;
		line-height: 24px;
	}

	.age-hub__review-status span {
		font-size: 12.5px;
		line-height: 19px;
	}

	.age-hub__discovery {
		margin-bottom: 24px;
	}

	.age-hub__article-copy small,
	.age-hub__section-heading p {
		color: #66757B;
	}
}


/* Publication-state safety: planned content stays visible without behaving like a link. */
.age-hub__month-chip.is-unavailable {
	cursor: default;
	border-color: rgba(201,194,184,.54);
	background: rgba(255,255,255,.55);
	color: #7a878d;
	box-shadow: none;
}

.age-hub__month-chip.is-unavailable:hover {
	transform: none;
	border-color: rgba(201,194,184,.54);
	background: rgba(255,255,255,.55);
	box-shadow: none;
}

.age-hub__text-link.is-static {
	cursor: default;
	color: #6c7a80;
	text-decoration: none;
}

.age-hub__article-row.is-static {
	grid-template-columns: 112px minmax(0, 1fr);
	cursor: default;
}

.age-hub__article-row.is-static:hover {
	transform: none;
	border-color: var(--mamer-border);
	box-shadow: none;
}

.age-hub__bottom-nav .is-static {
	color: #7b878c;
	cursor: default;
}


/* Canonical age index uses the approved Age Hub language without a decorative hero image. */
.age-index .age-hub__intro {
	grid-template-columns: minmax(0, 760px);
}

.age-index .age-hub__intro-copy {
	max-width: 760px;
}

.age-index .age-hub__topics {
	margin-top: 12px;
	margin-bottom: 18px;
}

.age-index a.age-hub__month-chip {
	border-color: rgba(46,106,97,.38);
	background: rgba(230,239,235,.78);
	color: var(--mamer-primary);
	box-shadow: 0 5px 14px rgba(46,106,97,.08);
}

@media (hover: hover) and (pointer: fine) {
	.age-index a.age-hub__month-chip:hover {
		border-color: var(--mamer-primary);
		background: rgba(230,239,235,.96);
	}
}


.age-hub__bottom-nav > .is-static {
	display: flex;
	min-height: 62px;
	align-items: center;
	gap: 8px;
	padding: 0 22px;
	font-size: 14px;
	font-weight: 700;
}

.age-hub__bottom-nav > .is-static:last-child {
	justify-content: flex-end;
}