/**
 * Miglior CRM - affiliate and site-specific components.
 *
 * Product box, score, comparison table, top picks, disclosure, home
 * sections (rankings list, categories, method steps), archive, related.
 * Built from the tokens only; same naming as components.css.
 */

/* ==========================================================================
   Outbound (affiliate) button + inline link
   ========================================================================== */

.mc-btn--aff {
	gap: var(--mc-space-2);
}

.mc-btn--aff svg {
	width: 14px;
	height: 14px;
}

.mc-btn--disabled,
.mc-btn--disabled:hover {
	background: var(--mc-gray-200);
	color: var(--mc-text-muted);
	cursor: default;
}

.mc-product__price {
	color: var(--mc-ink);
	font-weight: 800;
}

body:not(.mc-landing) .entry-content a.mc-aff-link,
.mc-prose a.mc-aff-link {
	color: var(--mc-brand-dark);
	font-weight: 700;
}

/* ==========================================================================
   Score: "8,7 /10" + bar
   ========================================================================== */

.mc-score {
	display: inline-grid;
	grid-template-columns: auto auto;
	align-items: baseline;
	justify-content: start;
	column-gap: 2px;
	row-gap: 6px;
	font-variant-numeric: tabular-nums;
}

.mc-score__value {
	color: var(--mc-ink);
	font-family: var(--mc-font-display);
	font-size: 1.625rem;
	font-style: normal;
	font-weight: 800;
	line-height: 1;
}

.mc-score__max {
	color: var(--mc-text-muted);
	font-family: var(--mc-font-display);
	font-size: var(--mc-fs-xs);
	font-weight: 800;
}

.mc-score__bar {
	grid-column: 1 / -1;
	display: block;
	width: 96px;
	height: 5px;
	overflow: hidden;
	border-radius: var(--mc-radius-pill);
	background: var(--mc-gray-200);
}

.mc-score__bar > span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: var(--mc-brand);
}

/* Price range: active euros dark, the rest faded */
.mc-price-tier {
	margin-right: var(--mc-space-2);
	color: var(--mc-ink);
	font-family: var(--mc-font-display);
	font-weight: 800;
	letter-spacing: 0.04em;
}

.mc-price-tier__off::before {
	content: attr(data-off);
	color: var(--mc-text-disabled);
}

/* ==========================================================================
   Product box (acf/mc-product)
   ========================================================================== */

.mc-product {
	position: relative;
	margin-block: var(--mc-space-8);
	padding: var(--mc-space-6);
	border: 2px solid var(--mc-ink);
	border-radius: var(--mc-radius-lg);
	background: var(--mc-white);
	scroll-margin-top: calc(var(--mc-header-h) + var(--mc-space-4));
}

.mc-product > * + * {
	margin-top: var(--mc-space-5);
}

.mc-product__flags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--mc-space-2);
}

.mc-product__main {
	display: grid;
	gap: var(--mc-space-5);
}

@media (min-width: 720px) {
	.mc-product__main {
		grid-template-columns: 160px minmax(0, 1fr);
		align-items: start;
	}

	.mc-product__cta {
		grid-column: 2;
	}
}

@media (min-width: 1025px) {
	.mc-product__main {
		grid-template-columns: 180px minmax(0, 1fr) 220px;
	}

	.mc-product__cta {
		grid-column: 3;
	}
}

.mc-product__media,
.mc-pick__media {
	text-decoration: none !important;
}

.mc-product__media {
	display: grid;
	place-items: center;
	aspect-ratio: 1;
	max-width: 220px;
	padding: var(--mc-space-3);
	overflow: hidden;
	border-radius: var(--mc-radius-md);
	background: var(--mc-gray-50);
}

.mc-product__media img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 0 !important;
}

/* One track as big as the box: without it the auto row grows to the photo's
   height and height:100% on the img cannot shrink tall packshots. */
.mc-product__media,
.mc-pick__media,
.mc-compare__media {
	grid-template: minmax(0, 1fr) / minmax(0, 1fr);
}

/* Packshots sit on white: blend it into the gray media box */
.mc-product__media img,
.mc-pick__media img,
.mc-compare__media img {
	mix-blend-mode: multiply;
}

/* No photo: typographic pack (migliorcrm_product_pack()).
   Sizes follow the pack's own width (container query units), so the same
   markup fits the product box, the top picks and any other square. */
.mc-pack {
	--mc-pack-accent: var(--mc-ink);
	container-type: inline-size;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--mc-space-2);
	width: 100%;
	height: 100%;
	padding: 10% 9% 9%;
	overflow: hidden;
	border: 1px solid var(--mc-border);
	border-top: 6px solid var(--mc-pack-accent);
	border-radius: var(--mc-radius-md);
	background: var(--mc-white);
	color: var(--mc-ink);
	text-align: center;
}

.mc-pack--a1 { --mc-pack-accent: var(--mc-brand-dark); }
.mc-pack--a2 { --mc-pack-accent: var(--mc-success); }
.mc-pack--a3 { --mc-pack-accent: var(--mc-info); }
.mc-pack--a4 { --mc-pack-accent: var(--mc-warning); }
.mc-pack--a5 { --mc-pack-accent: var(--mc-accent-violet); }
.mc-pack--a6 { --mc-pack-accent: var(--mc-accent-teal); }
.mc-pack--a7 { --mc-pack-accent: var(--mc-accent-rose); }

.mc-pack__label {
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: center;
	gap: 6cqi;
	min-height: 0;
	max-width: 100%;
}

.mc-pack__brand {
	color: var(--mc-pack-accent);
	font-family: var(--mc-font-display);
	font-size: clamp(0.75rem, 10cqi, 1.5rem);
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1.05;
	text-transform: none;
	overflow-wrap: anywhere;
	text-wrap: balance;
}

.mc-pack__name {
	display: -webkit-box;
	overflow: hidden;
	color: var(--mc-text-2);
	font-family: var(--mc-font-body);
	font-size: clamp(0.6875rem, 6.5cqi, 0.9375rem);
	font-weight: 600;
	line-height: 1.25;
	overflow-wrap: anywhere;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.mc-pack__type {
	max-width: 100%;
	padding: 2px 8px;
	overflow: hidden;
	border-radius: var(--mc-radius-pill);
	background: var(--mc-gray-150);
	color: var(--mc-text-muted);
	font-size: clamp(0.5625rem, 4.8cqi, 0.71875rem);
	font-weight: 800;
	letter-spacing: 0;
	text-overflow: ellipsis;
	text-transform: none;
	white-space: nowrap;
}

/* Table thumbnail: brand abbreviation only */
.mc-pack--mini {
	justify-content: center;
	padding: 2px;
	border-top-width: 3px;
	border-radius: var(--mc-radius-sm);
}

.mc-pack--mini .mc-pack__brand {
	font-size: 0.8125rem;
	letter-spacing: 0.02em;
}

.mc-product__body > * {
	margin: 0 !important;
}

.mc-product__body > * + * {
	margin-top: var(--mc-space-3) !important;
}

.mc-product__brand {
	color: var(--mc-brand-dark);
	font-size: var(--mc-fs-2xs);
	font-weight: 800;
	letter-spacing: var(--mc-ls-kicker);
	text-transform: uppercase;
}

.mc-product__brand + .mc-product__name {
	margin-top: var(--mc-space-1) !important;
}

.mc-product__name {
	color: var(--mc-ink);
	font-family: var(--mc-font-display);
	font-size: var(--mc-fs-h4);
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.15;
}

.mc-product__summary {
	color: var(--mc-text-2);
	font-size: var(--mc-fs-sm);
	line-height: 1.55;
}

/* Label facts: two-column definition list */
.mc-facts {
	display: grid;
	margin: 0;
	border-top: 1px solid var(--mc-border);
	font-size: var(--mc-fs-xs);
}

@media (min-width: 720px) {
	.mc-facts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: var(--mc-space-5);
	}
}

.mc-facts__row {
	display: flex;
	justify-content: space-between;
	gap: var(--mc-space-3);
	padding: 7px 0;
	border-bottom: 1px solid var(--mc-border);
}

.mc-facts dt {
	color: var(--mc-text-muted);
	font-weight: 600;
}

.mc-facts dd {
	margin: 0;
	color: var(--mc-ink);
	font-weight: 700;
	text-align: right;
}

.mc-product__cta > * {
	margin: 0;
}

.mc-product__note {
	margin-top: var(--mc-space-2) !important;
	color: var(--mc-text-muted);
	font-size: var(--mc-fs-2xs);
	line-height: 1.45;
	text-align: center;
}

/* Live price from the Creators API, with the time it was read */
.mc-price {
	display: grid;
	gap: 2px;
}

.mc-price strong {
	color: var(--mc-ink);
	font-family: var(--mc-font-display);
	font-size: var(--mc-fs-h5);
	font-weight: 800;
}

/* Pros / cons inside the box */
.mc-product__proscons {
	display: grid;
	gap: var(--mc-space-3);
}

@media (min-width: 720px) {
	.mc-product__proscons {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.mc-product__pros,
.mc-product__cons {
	padding: var(--mc-space-4) var(--mc-space-5);
	border-radius: var(--mc-radius-md);
	background: var(--mc-success-tint);
}

.mc-product__cons {
	background: var(--mc-brand-tint);
}

.mc-product__list-title {
	margin: 0 0 var(--mc-space-2) !important;
	color: var(--mc-success);
	font-family: var(--mc-font-display);
	font-size: var(--mc-fs-xs);
	font-weight: 800;
	letter-spacing: var(--mc-ls-label);
	text-transform: uppercase;
}

.mc-product__cons .mc-product__list-title {
	color: var(--mc-brand-dark);
}

.mc-list {
	display: grid;
	gap: var(--mc-space-2);
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

.mc-list li {
	position: relative;
	margin: 0 !important;
	padding-left: 28px !important;
	color: var(--mc-text-2);
	font-size: var(--mc-fs-sm);
	line-height: 1.5;
}

.mc-list li::before {
	content: "✓";
	position: absolute;
	top: 0.12em;
	left: 0;
	display: grid;
	place-items: center;
	width: 18px;
	height: 18px;
	border-radius: var(--mc-radius-xs);
	background: var(--mc-success);
	color: var(--mc-white);
	font-size: var(--mc-fs-3xs);
	font-weight: 800;
	line-height: 1;
}

.mc-list--cons li::before {
	content: "✕";
	background: var(--mc-brand);
}

/* Compact variant: one row, no facts, no pros/cons */
.mc-product--compact {
	padding: var(--mc-space-5);
	border-width: 1px;
	border-color: var(--mc-border);
}

@media (min-width: 720px) {
	.mc-product--compact .mc-product__main {
		grid-template-columns: 110px minmax(0, 1fr) 200px;
		align-items: center;
	}

	.mc-product--compact .mc-product__cta {
		grid-column: 3;
	}
}

/* ==========================================================================
   Comparison table (acf/mc-products-table)
   Desktop: real table. Mobile: every row is a card.
   ========================================================================== */

.mc-compare {
	margin-block: var(--mc-space-8);
}

body:not(.mc-landing) .entry-content .mc-compare table,
.mc-compare table {
	min-width: 0;
	margin: 0;
	border: 1px solid var(--mc-border);
	border-radius: var(--mc-radius-md);
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	font-size: var(--mc-fs-sm);
}

.mc-compare :is(th, td) {
	padding: var(--mc-space-3) var(--mc-space-4) !important;
	border: 0 !important;
	border-bottom: 1px solid var(--mc-border) !important;
	vertical-align: middle !important;
}

.mc-compare thead th {
	background: var(--mc-ink) !important;
	color: var(--mc-white) !important;
	white-space: nowrap;
}

.mc-compare tbody tr:last-child > * {
	border-bottom: 0 !important;
}

.mc-compare tbody tr:nth-child(even) {
	background: var(--mc-gray-50);
}

.mc-compare__product {
	display: flex;
	align-items: center;
	min-width: 240px;
	gap: var(--mc-space-3);
	color: var(--mc-ink);
	font-family: var(--mc-font-body);
	font-size: var(--mc-fs-sm);
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
}

.mc-compare__media {
	display: grid;
	place-items: center;
	flex: none;
	width: 52px;
	height: 52px;
	overflow: hidden;
	border-radius: var(--mc-radius-sm);
	background: var(--mc-gray-50);
}

.mc-compare__media img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 0 !important;
}

.mc-compare__name {
	display: grid;
	gap: 2px;
	line-height: 1.3;
}

.mc-compare__brand {
	color: var(--mc-brand-dark);
	font-size: var(--mc-fs-3xs);
	font-weight: 800;
	letter-spacing: var(--mc-ls-kicker);
	text-transform: uppercase;
}

.mc-compare__badge {
	justify-self: start;
	margin-top: 2px;
	padding: 1px 6px;
	border-radius: var(--mc-radius-xs);
	background: var(--mc-brand-tint);
	color: var(--mc-brand-dark);
	font-size: var(--mc-fs-3xs);
	font-weight: 800;
}

.mc-compare td {
	color: var(--mc-ink);
	font-weight: 600;
	white-space: nowrap;
}

.mc-compare__cta {
	text-align: right !important;
}

@media (max-width: 767px) {
	.mc-compare table,
	.mc-compare tbody,
	.mc-compare tr,
	.mc-compare th,
	.mc-compare td {
		display: block;
		width: 100%;
	}

	body:not(.mc-landing) .entry-content .mc-compare table,
	.mc-compare table {
		border: 0;
		overflow: visible;
	}

	.mc-compare thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
	}

	.mc-compare tbody {
		display: grid;
		gap: var(--mc-space-3);
	}

	.mc-compare tbody tr {
		padding: var(--mc-space-4);
		border: 1px solid var(--mc-border);
		border-radius: var(--mc-radius-md);
		background: var(--mc-white) !important;
	}

	.mc-compare :is(th, td) {
		padding: 6px 0 !important;
	}

	.mc-compare tbody th.mc-compare__product {
		display: flex;
	}

	.mc-compare tbody th {
		padding-bottom: var(--mc-space-3) !important;
		border-bottom: 1px solid var(--mc-border) !important;
	}

	.mc-compare td[data-label] {
		display: flex;
		justify-content: space-between;
		gap: var(--mc-space-3);
		border-bottom: 1px solid var(--mc-border) !important;
	}

	.mc-compare td[data-label]::before {
		content: attr(data-label);
		color: var(--mc-text-muted);
		font-weight: 600;
	}

	.mc-compare__cta {
		padding-top: var(--mc-space-3) !important;
		border-bottom: 0 !important;
	}

	.mc-compare__cta .mc-btn {
		width: 100%;
	}
}

/* ==========================================================================
   Top picks (acf/mc-top-picks)
   ========================================================================== */

.mc-picks {
	display: grid;
	gap: var(--mc-space-3);
	margin-block: var(--mc-space-8);
}

@media (min-width: 560px) {
	.mc-picks {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1025px) {
	.mc-picks {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}
}

.mc-pick {
	display: flex;
	flex-direction: column;
	gap: var(--mc-space-3);
	padding: var(--mc-space-5);
	border: 1px solid var(--mc-border);
	border-radius: var(--mc-radius-lg);
	background: var(--mc-white);
}

.mc-pick > * {
	margin: 0 !important;
}

.mc-pick:first-child {
	border: 2px solid var(--mc-brand);
}

.mc-pick__label {
	align-self: flex-start;
	padding: 3px 8px;
	border-radius: var(--mc-radius-xs);
	background: var(--mc-ink);
	color: var(--mc-white);
	font-family: var(--mc-font-display);
	font-size: var(--mc-fs-3xs);
	font-style: normal;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.mc-pick:first-child .mc-pick__label {
	background: var(--mc-brand);
}

.mc-pick__media {
	display: grid;
	place-items: center;
	height: 170px;
	padding: var(--mc-space-2);
	overflow: hidden;
	border-radius: var(--mc-radius-md);
	background: var(--mc-gray-50);
}

.mc-pick__media img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 0 !important;
}

.mc-pick__name {
	color: var(--mc-ink);
	font-family: var(--mc-font-display);
	font-size: var(--mc-fs-h6);
	font-weight: 800;
	line-height: 1.2;
}

.mc-pick__brand {
	display: block;
	margin-bottom: 2px;
	color: var(--mc-brand-dark);
	font-family: var(--mc-font-body);
	font-size: var(--mc-fs-3xs);
	letter-spacing: var(--mc-ls-kicker);
	text-transform: uppercase;
}

.mc-pick__foot {
	display: grid;
	gap: var(--mc-space-2);
	margin-top: auto !important;
	text-align: center;
}

.mc-pick__more {
	color: var(--mc-text-muted);
	font-size: var(--mc-fs-xs);
	font-weight: 700;
	text-decoration: none;
}

.mc-pick__more:hover {
	color: var(--mc-brand-dark);
}

/* ==========================================================================
   Verdict: core/group.is-style-mc-verdict ("Il verdetto")
   ========================================================================== */

.is-style-mc-verdict {
	padding: var(--mc-space-7) var(--mc-space-6);
	border-radius: var(--mc-radius-lg);
	background: var(--mc-ink);
	background-image: linear-gradient(90deg, rgba(var(--mc-brand-rgb), 0.16) 0%, rgba(var(--mc-brand-rgb), 0) 60%);
	color: var(--mc-on-dark-2);
}

.is-style-mc-verdict > *,
.is-style-mc-verdict > .wp-block-group__inner-container > * {
	margin: 0;
}

.is-style-mc-verdict > * + *,
.is-style-mc-verdict > .wp-block-group__inner-container > * + * {
	margin-top: var(--mc-space-3);
}

.is-style-mc-verdict > :is(h2, h3):first-child,
.is-style-mc-verdict > .wp-block-group__inner-container > :is(h2, h3):first-child {
	color: var(--mc-white) !important;
	font-size: var(--mc-fs-h4);
}

.is-style-mc-verdict :is(p, li) {
	color: var(--mc-on-dark-2);
}

.is-style-mc-verdict strong {
	color: var(--mc-white) !important;
}

.is-style-mc-verdict a:not(.wp-element-button) {
	color: var(--mc-brand-light) !important;
}

/* ==========================================================================
   Hero additions: lead + disclosure (article hero), home hero variants
   ========================================================================== */

.mc-guide-hero__lead {
	max-width: 62ch;
	color: var(--mc-on-dark-2);
	font-size: var(--mc-fs-lead);
	line-height: var(--mc-lh-body);
}

/* One muted line at the top of the article content, before the TOC */
.entry-content .mc-disclosure,
.mc-disclosure {
	max-width: none;
	margin: 0 0 var(--mc-space-4);
	color: var(--mc-text-muted);
	font-size: var(--mc-fs-2xs);
	line-height: 1.5;
}

/* Health notice box (meta health_notice), after the disclosure, before the TOC */
.entry-content .mc-health-note {
	margin: 0 0 var(--mc-space-5);
	line-height: 1.55;
}

.entry-content .mc-health-note p {
	max-width: none;
	margin: 0 0 var(--mc-space-2);
	font-size: var(--mc-fs-sm);
}

.entry-content .mc-health-note .mc-callout__title {
	display: flex;
	align-items: center;
	gap: var(--mc-space-2);
	margin-bottom: var(--mc-space-2);
	color: var(--mc-warning);
	font-size: var(--mc-fs-2xs);
	letter-spacing: var(--mc-ls-label);
}

.mc-health-note__icon {
	flex: none;
	width: 18px;
	height: 18px;
}

.entry-content .mc-health-note > :last-child {
	margin-bottom: 0;
}

.mc-hero__grid--single {
	grid-template-columns: 1fr !important;
}

.mc-hero__grid--single .mc-hero__body {
	max-width: 820px;
}

.mc-hero__body > .mc-badge {
	padding: 5px 10px;
}

.mc-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mc-space-3);
	margin-top: 34px;
}

.mc-hero .mc-numlist {
	margin-bottom: 0;
}

/* Rankings box (home hero aside) */
.mc-toplist {
	padding: var(--mc-space-6);
	border: 1px solid var(--mc-on-dark-border);
	border-radius: var(--mc-radius-lg);
	background: var(--mc-ink-2);
}

.mc-toplist__title {
	margin: var(--mc-space-2) 0 var(--mc-space-5);
	color: var(--mc-white);
	font-size: var(--mc-fs-h4);
}

.mc-toplist__list {
	display: grid;
	gap: var(--mc-space-2);
	margin: 0;
	padding: 0;
	list-style: none;
}

.mc-toplist__list a {
	display: flex;
	align-items: center;
	gap: var(--mc-space-3);
	padding: var(--mc-space-3);
	border: 1px solid var(--mc-on-dark-border);
	border-radius: var(--mc-radius-md);
	background: var(--mc-on-dark-fill);
	color: var(--mc-white);
	font-weight: 700;
	line-height: 1.3;
	text-decoration: none;
	transition: border-color var(--mc-dur) var(--mc-ease), background-color var(--mc-dur) var(--mc-ease);
}

.mc-toplist__list a:hover,
.mc-toplist__list a:focus-visible {
	border-color: var(--mc-brand);
	background: rgba(var(--mc-brand-rgb), 0.12);
	color: var(--mc-white);
}

.mc-toplist__name {
	flex: 1;
}

.mc-toplist__arrow {
	color: var(--mc-brand-light);
}

/* ==========================================================================
   Home: category tiles and method steps
   ========================================================================== */

.mc-cats {
	display: grid;
	gap: var(--mc-space-3);
}

@media (min-width: 720px) {
	.mc-cats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1025px) {
	.mc-cats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.mc-cat {
	display: flex;
	flex-direction: column;
	gap: var(--mc-space-2);
	padding: var(--mc-space-6);
	border: 2px solid var(--mc-border);
	border-radius: var(--mc-radius-lg);
	background: var(--mc-gray-100);
	color: var(--mc-ink);
	text-decoration: none;
	transition: border-color var(--mc-dur) var(--mc-ease);
}

.mc-cat:hover,
.mc-cat:focus-visible {
	border-color: var(--mc-ink);
	color: var(--mc-ink);
}

.mc-cat__name {
	font-family: var(--mc-font-display);
	font-size: var(--mc-fs-h4);
	font-weight: 800;
	letter-spacing: -0.02em;
	text-transform: none;
}

.mc-cat__desc {
	color: var(--mc-text-2);
	font-size: var(--mc-fs-sm);
}

.mc-cat__count {
	margin-top: auto;
	color: var(--mc-brand-dark);
	font-size: var(--mc-fs-2xs);
	font-weight: 800;
	letter-spacing: var(--mc-ls-label);
	text-transform: uppercase;
}

.mc-steps {
	display: grid;
	gap: var(--mc-space-4);
}

@media (min-width: 720px) {
	.mc-steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1025px) {
	.mc-steps {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.mc-step {
	padding: var(--mc-space-6);
	border: 1px solid var(--mc-on-dark-border);
	border-radius: var(--mc-radius-lg);
	background: var(--mc-ink-2);
}

.mc-step > * {
	margin: 0;
}

.mc-step > * + * {
	margin-top: var(--mc-space-3);
}

.mc-step__num {
	display: block;
	color: var(--mc-brand);
	font-family: var(--mc-font-display);
	font-size: 1.75rem;
	font-style: normal;
	font-weight: 800;
	line-height: 1;
}

.mc-step__title {
	color: var(--mc-white);
	font-size: var(--mc-fs-h5);
}

.mc-step p {
	color: var(--mc-on-dark-2);
	font-size: var(--mc-fs-sm);
}

.mc-home > .mc-section:last-child:not(.mc-section--dark) {
	padding-bottom: var(--mc-section-gap);
}

.mc-home > .mc-section--dark:last-child {
	margin-bottom: 0;
}

/* ==========================================================================
   Archive, related articles, editor notices
   ========================================================================== */

.mc-archive .mc-guide-hero {
	margin-bottom: var(--mc-space-10);
}

.mc-archive__body {
	padding-bottom: var(--mc-section-gap);
}

.mc-archive__intro {
	max-width: var(--mc-container-narrow);
	margin-bottom: var(--mc-space-10);
}

.mc-archive__empty,
.mc-author-archive__empty {
	color: var(--mc-text-muted);
}

.mc-related {
	margin-top: var(--mc-space-12);
}

body:not(.mc-landing) .entry-content > .mc-related {
	margin-top: var(--mc-space-12);
}

.mc-related__title {
	margin-bottom: var(--mc-space-5) !important;
	font-size: var(--mc-fs-h3) !important;
}

/* Cards inside the reading column: two per row at most */
@media (min-width: 1025px) {
	.entry-content .mc-guides--even,
	.mc-prose .mc-guides--even {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.mc-block-notice {
	padding: var(--mc-space-4);
	border: 2px dashed var(--mc-border);
	border-radius: var(--mc-radius-md);
	color: var(--mc-text-muted);
	font-size: var(--mc-fs-sm);
}

.mc-sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}