@import url("https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap");

/*
 * Mamer Topic Hub v1
 * Master instance: "Сон грудничка".
 * Production implementation follows the approved Topic Hub composition while
 * reusing the live Mamer typography, spacing, surfaces and interaction language.
 */

.topic-hub {
	--topic-ease: cubic-bezier(.22, 1, .36, 1);
	padding: 0 0 44px;
	background: var(--mamer-page);
	color: var(--mamer-text);
	overflow: clip;
}

.topic-hub *,
.topic-hub *::before,
.topic-hub *::after { box-sizing: border-box; }

.topic-hub h1,
.topic-hub h2,
.topic-hub h3,
.topic-hub strong { font-kerning: normal; }

.topic-hub h1,
.topic-hub h2,
.topic-hub h3,
.topic-hub .topic-hub__featured > span > strong,
.topic-hub .topic-hub__group-card > span > strong {
	font-family: "PT Serif", Georgia, "Times New Roman", serif;
	font-weight: 700;
}

.topic-hub__breadcrumbs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 7px;
	padding: 20px 0 12px;
	color: #69777d;
	font-size: 13px;
	line-height: 20px;
}

.topic-hub__breadcrumbs a { color: #566970; text-decoration: none; }
.topic-hub__breadcrumbs a:hover { color: var(--mamer-primary); }
.topic-hub__breadcrumbs span[aria-hidden="true"] { color: #9ba5a7; }

.topic-hub__eyebrow {
	margin: 0 0 10px;
	color: var(--mamer-primary);
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.topic-hub__hero h1 {
	margin: 0 0 16px;
	font-size: clamp(48px, 4vw, 56px);
	line-height: 1.06;
	letter-spacing: -.012em;
}

.topic-hub__lead {
	max-width: 610px;
	margin: 0 0 15px;
	color: #4f6269;
	font-size: 17px;
	line-height: 27px;
}

.topic-hub__note {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr);
	gap: 8px;
	align-items: start;
	max-width: 610px;
	margin: 0;
	color: #66777d;
	font-size: 13px;
	line-height: 20px;
}

.topic-hub__note-icon {
	display: grid;
	width: 24px;
	height: 24px;
	place-items: center;
	border-radius: 50%;
	background: var(--mamer-sage-subtle);
	color: var(--mamer-primary);
}

.topic-hub__note-icon svg,
.topic-hub__quick-grid:not(.topic-hub__quick-grid--v2):not(.topic-hub__quick-grid--illustrated) .topic-hub__icon-well svg,
.topic-hub__trust-icon svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.75;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.topic-hub__section {
	padding: 52px 0;
	border-top: 1px solid rgba(229,224,216,.74);
}

.topic-hub__section--quick {
	padding-top: 44px;
	background: linear-gradient(180deg, rgba(238,245,241,.45), rgba(250,248,244,0));
}

.topic-hub__section-heading { margin-bottom: 22px; }
.topic-hub__section-heading--compact { margin-bottom: 18px; }

.topic-hub__section-heading--with-link {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 24px;
}

.topic-hub__section-heading h2,
.topic-hub__trust h2 {
	margin: 0 0 5px;
	font-size: 31px;
	line-height: 38px;
	letter-spacing: -.008em;
}

.topic-hub__section-heading p,
.topic-hub__trust p {
	max-width: 760px;
	margin: 0;
	color: #68777d;
	font-size: 14px;
	line-height: 22px;
}

.topic-hub__text-link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: var(--mamer-primary);
	font-size: 13px;
	font-weight: 700;
	line-height: 20px;
	text-decoration: none;
}

.topic-hub__quick-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
}

.topic-hub__quick-grid:not(.topic-hub__quick-grid--v2):not(.topic-hub__quick-grid--illustrated) .topic-hub__quick-card {
	display: flex;
	min-width: 0;
	min-height: 142px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 17px 12px;
	border: 1px solid var(--mamer-border);
	border-radius: 15px;
	background: rgba(255,255,255,.9);
	color: var(--mamer-text);
	text-align: center;
	text-decoration: none;
	transition: transform 220ms var(--topic-ease), border-color 220ms var(--topic-ease), box-shadow 220ms var(--topic-ease), background-color 220ms var(--topic-ease);
}

.topic-hub__quick-grid:not(.topic-hub__quick-grid--v2):not(.topic-hub__quick-grid--illustrated) .topic-hub__icon-well {
	display: grid;
	width: 44px;
	height: 44px;
	place-items: center;
	border-radius: 50%;
	background: var(--mamer-sage-subtle);
	color: var(--mamer-primary);
	transition: transform 220ms var(--topic-ease);
}

.topic-hub__quick-grid:not(.topic-hub__quick-grid--v2):not(.topic-hub__quick-grid--illustrated) .topic-hub__icon-well svg { width: 23px; height: 23px; }
.topic-hub__quick-grid:not(.topic-hub__quick-grid--v2):not(.topic-hub__quick-grid--illustrated) .topic-hub__quick-card strong { font-family: var(--mamer-font-ui); font-size: 14px; font-weight: 700; line-height: 19px; }
.topic-hub__quick-grid:not(.topic-hub__quick-grid--v2):not(.topic-hub__quick-grid--illustrated) .topic-hub__quick-card small { color: #68777d; font-size: 11.5px; line-height: 17px; }

/* Quick navigation V2: scoped component; legacy health cards keep their rules. */
.topic-hub__quick-grid--v2 .topic-hub__quick-card {
	--quick-accent: #406c60;
	--quick-tint: #e9f0ec;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
	min-height: 184px;
	gap: 8px;
	padding: 20px 18px 42px;
	border: 1px solid #deded8;
	border-radius: 16px;
	background: #fffefa;
	color: #263d45;
	text-align: left;
	text-decoration: none;
	transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}
.topic-hub__quick-grid--v2 [data-tone="lavender"] { --quick-accent: #6b5987; --quick-tint: #efebf5; }
.topic-hub__quick-grid--v2 [data-tone="blue"] { --quick-accent: #446d88; --quick-tint: #e9f0f5; }
.topic-hub__quick-grid--v2 [data-tone="amber"] { --quick-accent: #8c642b; --quick-tint: #f7efdd; }
.topic-hub__quick-grid--v2 .topic-hub__icon-well {
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	width: 50px;
	height: 50px;
	margin-bottom: 5px;
	border-radius: 14px;
	color: var(--quick-accent);
	background: var(--quick-tint);
}
.topic-hub__quick-grid--v2 [data-tone="amber"] .topic-hub__icon-well { border-radius: 14px 14px 14px 4px; }
.topic-hub__quick-grid--v2 .topic-hub__icon-well svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.topic-hub__quick-grid--v2 .topic-hub__quick-card strong { font-family: var(--mamer-font-ui); font-size: 15px; line-height: 1.35; font-weight: 700; }
.topic-hub__quick-grid--v2 .topic-hub__quick-card small { color: #53646b; font-size: 13px; line-height: 1.5; }
.topic-hub__quick-grid--v2 .topic-hub__quick-card strong,
.topic-hub__quick-grid--v2 .topic-hub__quick-card small { display: block; max-width: 100%; white-space: normal; word-break: normal; overflow-wrap: normal; hyphens: none; }
.topic-hub__quick-grid--v2 .topic-hub__quick-arrow { position: absolute; right: 18px; bottom: 15px; color: var(--quick-accent); font-size: 21px; line-height: 1; }
.topic-hub__quick-grid--v2 .is-directory { border-style: dashed; background: #f8f8f4; }
.topic-hub__quick-grid--v2 .topic-hub__quick-card:focus-visible { outline: 3px solid var(--quick-accent); outline-offset: 4px; border-color: var(--quick-accent); }
.topic-hub__quick-grid--v2 .topic-hub__quick-card:active { background: var(--quick-tint); border-color: var(--quick-accent); }
@media (hover: hover) and (pointer: fine) {
	.topic-hub__quick-grid--v2 .topic-hub__quick-card:hover { transform: translateY(-2px); border-color: var(--quick-accent); box-shadow: 0 8px 22px #273d4510; }
}
@media (max-width: 767px) {
	.topic-hub__quick-grid--v2 .topic-hub__quick-card { padding: 16px 14px 39px; min-height: 184px; border-radius: 14px; }
	.topic-hub__quick-grid--v2 .topic-hub__quick-card small { font-size: 13px; }
	.topic-hub__quick-grid--v2 .topic-hub__quick-arrow { right: 14px; bottom: 13px; }
}
@media (prefers-reduced-motion: reduce) {
	.topic-hub__quick-grid--v2 .topic-hub__quick-card { transition: none; }
	.topic-hub__quick-grid--v2 .topic-hub__quick-card:hover { transform: none; }
}

.topic-hub__start-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(330px, .9fr);
	align-items: start;
	gap: 20px;
}

.topic-hub__featured {
	position: relative;
	display: grid;
	min-width: 0;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
	overflow: hidden;
	border: 1px solid var(--mamer-border);
	border-radius: 16px;
	background: #fff;
	color: inherit;
	text-decoration: none;
	transition: transform 220ms var(--topic-ease), border-color 220ms var(--topic-ease), box-shadow 220ms var(--topic-ease);
}

.topic-hub__featured-media { width: 100%; height: 308px; min-height: 0; object-fit: cover; }

.topic-hub__featured-copy {
	display: flex;
	min-width: 0;
	flex-direction: column;
	justify-content: center;
	padding: 26px 27px;
}

.topic-hub__label {
	display: inline-flex;
	width: fit-content;
	margin: 0 0 9px;
	padding: 4px 7px;
	border-radius: 999px;
	background: var(--mamer-sage-subtle);
	color: var(--mamer-primary);
	font-size: 9px;
	font-weight: 800;
	line-height: 13px;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.topic-hub__featured-copy > strong { margin-bottom: 9px; font-size: 27px; line-height: 33px; }
.topic-hub__featured-copy > span:not(.topic-hub__label) { color: #5c6d73; font-size: 13.5px; line-height: 21px; }
.topic-hub__featured-copy em,
.topic-hub__start-row em,
.topic-hub__article-row em { margin-top: 12px; color: #728087; font-size: 11px; font-style: normal; line-height: 16px; }

.topic-hub__round-arrow {
	position: absolute;
	right: 18px;
	bottom: 18px;
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	border-radius: 50%;
	background: rgba(230,239,235,.86);
	color: var(--mamer-primary);
	font-size: 18px;
	font-weight: 500;
}

.topic-hub__start-list { display: grid; gap: 10px; }

.topic-hub__start-row {
	display: grid;
	min-width: 0;
	grid-template-columns: 100px minmax(0, 1fr) 20px;
	gap: 12px;
	align-items: center;
	padding: 9px;
	border: 1px solid var(--mamer-border);
	border-radius: 13px;
	background: #fff;
	color: inherit;
	text-decoration: none;
	transition: transform 200ms var(--topic-ease), border-color 200ms var(--topic-ease), box-shadow 200ms var(--topic-ease);
}

.topic-hub__start-row img { width: 100px; height: 74px; border-radius: 9px; object-fit: cover; }
.topic-hub__start-row span { min-width: 0; }
.topic-hub__start-row .topic-hub__label { margin-bottom: 5px; padding: 0; background: transparent; }
.topic-hub__start-row strong { display: block; font-size: 13px; line-height: 18px; }
.topic-hub__start-row em { display: block; margin-top: 4px; }
.topic-hub__start-row b,
.topic-hub__group-card > b,
.topic-hub__article-row > b { color: var(--mamer-primary); font-size: 21px; font-weight: 400; }

.topic-hub__section--age { padding-top: 44px; padding-bottom: 44px; }

.topic-hub__age-panel {
	padding: 22px;
	border: 1px solid #dbe6e0;
	border-radius: 17px;
	background: linear-gradient(180deg, rgba(238,245,241,.88), rgba(244,248,246,.72));
}

.topic-hub__months {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 7px;
	margin: 16px 0 12px;
}

.topic-hub__month {
	position: relative;
	display: flex;
	min-width: 0;
	min-height: 58px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--mamer-border);
	border-radius: 11px;
	background: #fff;
	color: #29434d;
	text-decoration: none;
	transition: transform 180ms var(--topic-ease), border-color 180ms var(--topic-ease), background-color 180ms var(--topic-ease), box-shadow 180ms var(--topic-ease);
}

.topic-hub__month strong { font-family: var(--mamer-font-ui); font-size: 13px; line-height: 17px; }
.topic-hub__month small { margin-top: 2px; font-size: 9px; line-height: 12px; }

.topic-hub__month.is-selected {
	border-color: var(--mamer-primary);
	background: var(--mamer-primary);
	color: #fff;
	box-shadow: 0 5px 14px rgba(46,106,97,.13);
}

.topic-hub__month.is-selected::after { content: "✓"; position: absolute; top: 4px; right: 6px; font-size: 8px; }

.topic-hub__age-feature {
	display: grid;
	min-width: 0;
	grid-template-columns: 118px minmax(0, 1fr) 34px;
	gap: 14px;
	align-items: center;
	padding: 10px;
	border: 1px solid rgba(46,106,97,.12);
	border-radius: 13px;
	background: rgba(255,255,255,.88);
	color: inherit;
	text-decoration: none;
}

.topic-hub__age-feature img { width: 118px; height: 78px; border-radius: 9px; object-fit: cover; }
.topic-hub__age-feature span { min-width: 0; }
.topic-hub__age-feature strong,
.topic-hub__age-feature small { display: block; }
.topic-hub__age-feature strong { margin-bottom: 3px; font-family: "PT Serif", Georgia, serif; font-size: 19px; line-height: 24px; }
.topic-hub__age-feature small { color: #66777d; font-size: 12px; line-height: 18px; }
.topic-hub__age-feature b { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; background: var(--mamer-sage-subtle); color: var(--mamer-primary); font-weight: 500; }

.topic-hub__group-grid {
	display: grid;
	grid-template-columns: 1.18fr .82fr .95fr;
	grid-template-areas: "a b c" "a d e" "f d e";
	gap: 12px;
}

.topic-hub__group-card {
	position: relative;
	display: flex;
	min-width: 0;
	min-height: 158px;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--mamer-border);
	border-radius: 15px;
	background: #fff;
	color: inherit;
	text-decoration: none;
	transition: transform 220ms var(--topic-ease), border-color 220ms var(--topic-ease), box-shadow 220ms var(--topic-ease);
}

.topic-hub__group-card:nth-child(1) { grid-area: a; }
.topic-hub__group-card:nth-child(2) { grid-area: b; }
.topic-hub__group-card:nth-child(3) { grid-area: c; }
.topic-hub__group-card:nth-child(4) { grid-area: d; }
.topic-hub__group-card:nth-child(5) { grid-area: e; }
.topic-hub__group-card:nth-child(6) { grid-area: f; }
.topic-hub__group-card img { width: 100%; height: 118px; object-fit: cover; }
.topic-hub__group-card.is-featured img { height: 210px; }
.topic-hub__group-card > span { display: block; min-width: 0; padding: 15px; }
.topic-hub__group-card > span > strong { display: block; margin-bottom: 5px; font-size: 18px; line-height: 23px; }
.topic-hub__group-card.is-featured > span > strong { font-size: 24px; line-height: 30px; }
.topic-hub__group-card > span > small { display: block; color: #66777d; font-size: 12px; line-height: 18px; }
.topic-hub__group-card > b { position: absolute; right: 13px; bottom: 11px; }

.topic-hub__popular-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; }

.topic-hub__article-row {
	display: grid;
	min-width: 0;
	grid-template-columns: 92px minmax(0, 1fr) 20px;
	gap: 12px;
	align-items: center;
	padding: 8px 10px;
	border: 1px solid var(--mamer-border);
	border-radius: 12px;
	background: #fff;
	color: inherit;
	text-decoration: none;
	transition: transform 200ms var(--topic-ease), border-color 200ms var(--topic-ease), box-shadow 200ms var(--topic-ease);
}

.topic-hub__article-row img { width: 92px; height: 66px; border-radius: 8px; object-fit: cover; }
.topic-hub__article-row span { min-width: 0; }
.topic-hub__article-row small,
.topic-hub__article-row strong,
.topic-hub__article-row em { display: block; }
.topic-hub__article-row small { margin-bottom: 2px; color: var(--mamer-primary); font-size: 9px; font-weight: 800; line-height: 13px; letter-spacing: .04em; text-transform: uppercase; }
.topic-hub__article-row strong { font-size: 13px; line-height: 18px; }
.topic-hub__article-row em { margin-top: 2px; }

.topic-hub__section--trust { padding-top: 40px; padding-bottom: 40px; }

.topic-hub__trust {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) auto;
	gap: 17px;
	align-items: center;
	padding: 22px 24px;
	border: 1px solid #d6e5dd;
	border-radius: 16px;
	background: #eef6f2;
}

.topic-hub__trust-icon { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 50%; background: #dcebe4; color: var(--mamer-primary); }
.topic-hub__trust-icon svg { width: 23px; height: 23px; }
.topic-hub__trust h2 { font-size: 23px; line-height: 29px; }

.topic-hub__faq-wrap { max-width: 980px; }
.topic-hub__faq { display: grid; gap: 7px; }
/* Keep the urgent FAQ answer visible beneath the sticky header on mobile. */
.topic-hub[data-topic-hub="health"] .topic-hub__faq #zdorove-srochnaya-pomoshh { scroll-margin-top: 104px; }
.topic-hub__faq details { border: 1px solid var(--mamer-border); border-radius: 11px; background: #fff; transition: border-color 180ms var(--topic-ease), box-shadow 180ms var(--topic-ease); }
.topic-hub__faq summary { display: flex; min-height: 48px; align-items: center; justify-content: space-between; gap: 14px; padding: 11px 14px; list-style: none; cursor: pointer; font-size: 13px; font-weight: 700; line-height: 19px; }
.topic-hub__faq summary::-webkit-details-marker { display: none; }
.topic-hub__faq summary span { color: var(--mamer-primary); font-size: 19px; font-weight: 400; transition: transform 180ms var(--topic-ease); }
.topic-hub__faq details[open] summary span { transform: rotate(45deg); }
.topic-hub__faq details > p { margin: 0; padding: 0 14px 13px; color: #5a6b72; font-size: 13px; line-height: 21px; }
.topic-hub__faq-more { margin-top: 13px; }

.topic-hub__section--related { padding-top: 38px; }
.topic-hub__related { display: flex; flex-wrap: wrap; gap: 8px; }
.topic-hub__related a,
.topic-hub__related > span { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; padding: 10px 13px; border: 1px solid var(--mamer-border); border-radius: 11px; background: #fff; color: #3e5963; font-size: 13px; font-weight: 700; text-decoration: none; transition: transform 180ms var(--topic-ease), border-color 180ms var(--topic-ease), background-color 180ms var(--topic-ease); }
.topic-hub__related a span { color: var(--mamer-primary); }
.topic-hub__related > span.is-static { color: #66777d; cursor: default; opacity: .78; }
.topic-hub__article-row.is-static { cursor: default; }

@media (hover: hover) and (pointer: fine) {
	.topic-hub__quick-grid:not(.topic-hub__quick-grid--v2):not(.topic-hub__quick-grid--illustrated) .topic-hub__quick-card:hover,
	.topic-hub__featured:hover,
	.topic-hub__start-row:hover,
	.topic-hub__group-card:hover,
	.topic-hub__article-row:hover { transform: translateY(-2px); border-color: rgba(46,106,97,.23); box-shadow: 0 12px 28px rgba(31,51,59,.065); }
	.topic-hub__quick-grid:not(.topic-hub__quick-grid--v2):not(.topic-hub__quick-grid--illustrated) .topic-hub__quick-card:hover .topic-hub__icon-well { transform: translateY(-1px) scale(1.04); }
	.topic-hub__quick-grid:not(.topic-hub__quick-grid--v2):not(.topic-hub__quick-grid--illustrated) .topic-hub__quick-card:hover strong,
	.topic-hub__featured:hover .topic-hub__featured-copy > strong,
	.topic-hub__start-row:hover strong,
	.topic-hub__group-card:hover > span > strong,
	.topic-hub__article-row:hover strong { color: var(--mamer-primary); }
	.topic-hub__month:hover { transform: translateY(-1px); border-color: rgba(46,106,97,.3); }
	.topic-hub__faq details:hover,
	.topic-hub__related a:hover { border-color: rgba(46,106,97,.24); }
	.topic-hub__related a:hover { transform: translateY(-1px); background: rgba(230,239,235,.38); }
}

@media (max-width: 1023px) {
	.topic-hub__quick-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.topic-hub__months { grid-template-columns: repeat(6, minmax(0, 1fr)); }
	.topic-hub__start-grid { grid-template-columns: minmax(0, 1.35fr) minmax(280px, .8fr); }
}

@media (max-width: 767px) {
	.topic-hub { padding-bottom: 24px; }
.topic-hub .mamer-container,
.topic-hub__start-grid,
.topic-hub__group-grid,
.topic-hub__popular-grid,
.topic-hub__trust { min-width: 0; max-width: 100%; }
	.topic-hub__breadcrumbs { gap: 5px; padding: 12px 0 8px; font-size: 10.5px; line-height: 16px; }
	.topic-hub__breadcrumbs span[aria-current="page"] { display: none; }
	.topic-hub__eyebrow { margin-bottom: 7px; font-size: 10px; line-height: 15px; }
	.topic-hub__hero h1 { margin-bottom: 9px; font-size: 38px; line-height: 43px; letter-spacing: -.008em; }
	.topic-hub__lead { margin-bottom: 11px; font-size: 14.5px; line-height: 22px; }
	.topic-hub__note { grid-template-columns: 21px minmax(0, 1fr); gap: 7px; font-size: 11.5px; line-height: 18px; }
	.topic-hub__note-icon { width: 21px; height: 21px; }
	.topic-hub__note-icon svg { width: 14px; height: 14px; }
	.topic-hub__section { padding: 34px 0; }
	.topic-hub__section--quick { padding-top: 30px; }
	.topic-hub__section-heading,
	.topic-hub__section-heading--compact { margin-bottom: 15px; }
	.topic-hub__section-heading--with-link { display: block; }
	.topic-hub__section-heading--with-link > .topic-hub__text-link { margin-top: 7px; }
	.topic-hub__section-heading h2,
	.topic-hub__trust h2 { font-size: 27px; line-height: 33px; }
	.topic-hub__section-heading p,
	.topic-hub__trust p { font-size: 12.5px; line-height: 19px; }
	.topic-hub__quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	.topic-hub__quick-grid:not(.topic-hub__quick-grid--v2):not(.topic-hub__quick-grid--illustrated) .topic-hub__quick-card { min-height: 105px; align-items: flex-start; justify-content: flex-start; gap: 5px; padding: 12px; text-align: left; }
	.topic-hub__quick-grid:not(.topic-hub__quick-grid--v2):not(.topic-hub__quick-grid--illustrated) .topic-hub__icon-well { width: 34px; height: 34px; }
	.topic-hub__quick-grid:not(.topic-hub__quick-grid--v2):not(.topic-hub__quick-grid--illustrated) .topic-hub__icon-well svg { width: 18px; height: 18px; }
	.topic-hub__quick-grid:not(.topic-hub__quick-grid--v2):not(.topic-hub__quick-grid--illustrated) .topic-hub__quick-card strong { font-size: 12px; line-height: 17px; }
	.topic-hub__quick-grid:not(.topic-hub__quick-grid--v2):not(.topic-hub__quick-grid--illustrated) .topic-hub__quick-card small { font-size: 10.5px; line-height: 15px; }
	.topic-hub__start-grid { display: block; }
	.topic-hub__featured { display: block; margin-bottom: 10px; border-radius: 14px; }
	.topic-hub__featured-media { height: 208px; min-height: 0; }
	.topic-hub__featured-copy { padding: 16px 16px 18px; }
	.topic-hub__featured-copy > strong { font-size: 23px; line-height: 28px; }
	.topic-hub__featured-copy > span:not(.topic-hub__label) { font-size: 12.5px; line-height: 19px; }
	.topic-hub__round-arrow { right: 13px; bottom: 13px; width: 31px; height: 31px; }
	.topic-hub__start-row { grid-template-columns: 76px minmax(0, 1fr) 16px; gap: 9px; padding: 7px; }
	.topic-hub__start-row img { width: 76px; height: 58px; }
	.topic-hub__start-row strong { font-size: 12px; line-height: 17px; }
	.topic-hub__section--age { padding-top: 32px; padding-bottom: 32px; }
	.topic-hub__age-panel { padding: 16px 0 16px 16px; overflow: hidden; border-radius: 14px; }
	.topic-hub__age-panel .topic-hub__section-heading { padding-right: 16px; }
	.topic-hub__months { display: flex; gap: 7px; overflow-x: auto; padding-right: 16px; scroll-snap-type: x mandatory; scrollbar-width: none; }
	.topic-hub__months::-webkit-scrollbar { display: none; }
	.topic-hub__month { min-width: 56px; min-height: 56px; scroll-snap-align: start; }
	.topic-hub__age-feature { grid-template-columns: 78px minmax(0, 1fr) 30px; gap: 9px; margin-right: 16px; padding: 8px; }
	.topic-hub__age-feature img { width: 78px; height: 61px; }
	.topic-hub__age-feature strong { font-size: 16px; line-height: 20px; }
	.topic-hub__age-feature small { font-size: 10.5px; line-height: 15px; }
	.topic-hub__group-grid { display: block; }
	.topic-hub__group-card { display: grid; grid-template-columns: minmax(0, 1fr) 28px; align-items: center; min-height: 0; margin-bottom: 8px; border-radius: 12px; }
	.topic-hub__group-card.is-featured { display: block; }
	.topic-hub__group-card:not(.is-featured) img { display: none; }
	.topic-hub__group-card.is-featured img { height: 190px; }
	.topic-hub__group-card > span { padding: 13px; }
	.topic-hub__group-card > span > strong,
	.topic-hub__group-card.is-featured > span > strong { font-size: 19px; line-height: 24px; }
	.topic-hub__group-card > span > small { font-size: 11.5px; line-height: 17px; }
	.topic-hub__group-card > b { position: static; padding-right: 11px; }
	.topic-hub__group-card.is-featured > b { display: none; }
	.topic-hub__popular-grid { grid-template-columns: 1fr; gap: 7px; }
	.topic-hub__article-row { grid-template-columns: 72px minmax(0, 1fr) 17px; gap: 9px; padding: 7px; }
	.topic-hub__article-row img { width: 72px; height: 54px; }
	.topic-hub__article-row strong { font-size: 12px; line-height: 17px; }
	.topic-hub__article-row small { font-size: 8.5px; line-height: 12px; }
	.topic-hub__section--trust { padding-top: 28px; padding-bottom: 28px; }
	.topic-hub__trust { grid-template-columns: 38px minmax(0, 1fr); gap: 11px; padding: 16px; border-radius: 13px; }
	.topic-hub__trust-icon { width: 38px; height: 38px; }
	.topic-hub__trust h2 { font-size: 20px; line-height: 25px; }
	.topic-hub__trust > .topic-hub__text-link { grid-column: 1 / -1; margin-left: 49px; }
	.topic-hub__faq summary { min-height: 46px; padding: 10px 11px; font-size: 12px; line-height: 18px; }
	.topic-hub__faq details > p { padding: 0 11px 11px; font-size: 12px; line-height: 19px; }
	.topic-hub__section--related { padding-top: 30px; }
	.topic-hub__related { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
	.topic-hub__related a { justify-content: space-between; padding: 9px 11px; font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
	.topic-hub *,
	.topic-hub *::before,
	.topic-hub *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; }
}


/* A missing article illustration is a full-width text card. */
.topic-hub__start-row.has-no-image, .topic-hub__article-row.has-no-image, .topic-hub__age-feature.has-no-image { grid-template-columns: minmax(0, 1fr) 20px; }
.topic-hub__featured.has-no-image { grid-template-columns: minmax(0, 1fr); }