/*
Theme Name: Compound Chronicle
Theme URI: https://thecompoundchronicle.com
Author: Compound Chronicle
Author URI: https://thecompoundchronicle.com
Description: Magazine editorial FSE theme for Compound Chronicle — Forbes Health–caliber ranking publisher. Broadsheet Magazine. Educational publisher, not a clinic.
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: compound-chronicle
Tags: full-site-editing, block-patterns, block-styles, education, news, custom-colors, custom-logo, editor-style
*/

/* Compound Chronicle v2 — Broadsheet Magazine — magazine-first Forbes Health bar */


/* ==========================================================================
   Compound Chronicle v2 — Magazine Editorial
   Bar: Forbes Health ranking publisher · NOT Clinical Wire tick-gutter clone
   Palette: cream paper + forest green + copper
   ========================================================================== */

:root {
	--cc-bg: #F3EFE7;
	--cc-surface: #FFFCF7;
	--cc-text: #1C1410;
	--cc-muted: #6B5E52;
	--cc-border: #D4C4B0;
	--cc-accent: #9F1239;
	--cc-accent-2: #3F3F46;
	--cc-highlight: #F8E8EC;
	--cc-cream-deep: #E8DFD0;
	--cc-font-display: "Source Serif 4", "Source Serif Pro", Georgia, "Times New Roman", serif;
	--cc-font-body: "Source Serif 4", "Source Serif Pro", Georgia, "Times New Roman", serif;
	--cc-radius: 4px;
	--cc-shadow: 0 1px 2px rgba(18, 26, 23, 0.04), 0 8px 24px rgba(18, 26, 23, 0.06);
	--cc-content: 42rem;
	--cc-wide: 68rem;
}


/* Base */
body {
	background-color: var(--cc-bg);
	color: var(--cc-text);
	font-family: var(--cc-font-body);
	font-size: 1.0625rem;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.wp-block-post-title,
.wp-block-site-title {
	font-family: var(--cc-font-display);
	font-weight: 600;
	color: var(--cc-text);
	letter-spacing: -0.02em;
	line-height: 1.15;
}

a {
	color: var(--cc-accent);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}

a:hover {
	color: var(--cc-accent-2);
}

/* --------------------------------------------------------------------------
   Layout shell — wide magazine canvas (no tick gutter)
   -------------------------------------------------------------------------- */
.cc-shell {
	max-width: var(--cc-wide);
	margin-inline: auto;
	padding: 2.5rem 1.5rem 4rem;
}

.cc-shell--narrow {
	max-width: calc(var(--cc-content) + 3rem);
}

@media (min-width: 782px) {
	.cc-shell {
		padding-inline: 2.5rem;
	}
}

/* --------------------------------------------------------------------------
   Header — premium masthead
   -------------------------------------------------------------------------- */
.cc-header {
	background: var(--cc-surface);
	border-bottom: 1px solid var(--cc-border);
}

.cc-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	flex-wrap: wrap;
	max-width: var(--cc-wide);
	margin-inline: auto;
	padding: 1.15rem 1.5rem;
}

@media (min-width: 782px) {
	.cc-header__inner {
		padding-inline: 2.5rem;
	}
}

.cc-wordmark {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	text-decoration: none;
	color: var(--cc-text);
}

.cc-wordmark:hover {
	color: var(--cc-text);
}

.cc-lockup-img {
	display: block;
	height: 2.5rem;
	width: auto;
	max-width: min(280px, 70vw);
}

.cc-lockup-img--footer {
	height: 2rem;
	margin-bottom: 0.5rem;
}

.cc-bug-img {
	display: block;
	width: 2.25rem;
	height: 2.25rem;
	flex-shrink: 0;
}

/* Elegant CSS wordmark fallback (if SVG missing) */
.cc-wordmark__fallback {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	line-height: 1;
}

.cc-wordmark__fallback-name {
	font-family: var(--cc-font-display);
	font-weight: 700;
	font-size: 1.35rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--cc-text);
}

.cc-wordmark__fallback-tag {
	font-family: var(--cc-font-body);
	font-size: 0.625rem;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--cc-accent-2);
}

.cc-capsule {
	width: 1.75rem;
	height: 2.5rem;
	border: 1.5px solid var(--cc-accent);
	border-radius: 999px;
	position: relative;
	flex-shrink: 0;
}

.cc-capsule::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 22%;
	transform: translateX(-50%);
	width: 55%;
	height: 28%;
	background: var(--cc-accent);
	border-radius: 2px;
}

.cc-capsule::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 22%;
	transform: translateX(-50%);
	width: 55%;
	height: 28%;
	background: var(--cc-accent-2);
	border-radius: 2px;
}

.cc-header .wp-block-navigation {
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.cc-header .wp-block-navigation a {
	color: var(--cc-muted);
	text-decoration: none;
}

.cc-header .wp-block-navigation a:hover {
	color: var(--cc-accent);
}

.cc-kicker-bar {
	max-width: var(--cc-wide);
	margin-inline: auto;
	padding: 0.65rem 1.5rem;
	border-bottom: 1px solid var(--cc-border);
	font-size: 0.75rem;
	color: var(--cc-muted);
	letter-spacing: 0.01em;
}

@media (min-width: 782px) {
	.cc-kicker-bar {
		padding-inline: 2.5rem;
	}
}

.cc-kicker-bar a {
	color: var(--cc-accent);
	font-weight: 500;
	text-decoration: none;
}

.cc-kicker-bar a:hover {
	color: var(--cc-accent-2);
	text-decoration: underline;
}

/* --------------------------------------------------------------------------
   Hero — magazine split (copy + wellness still-life)
   -------------------------------------------------------------------------- */
.cc-hero {
	display: grid;
	gap: 2.5rem;
	align-items: center;
	margin-bottom: 3.5rem;
	padding-bottom: 3rem;
	border-bottom: 1px solid var(--cc-border);
}

@media (min-width: 900px) {
	.cc-hero {
		grid-template-columns: 1.15fr 0.85fr;
		gap: 3.5rem;
	}
}

.cc-hero__eyebrow {
	font-family: var(--cc-font-body);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--cc-accent-2);
	margin: 0 0 1rem;
}

.cc-hero__title {
	font-family: var(--cc-font-display);
	font-weight: 700;
	font-size: clamp(2.25rem, 4.5vw, 3.5rem);
	line-height: 1.08;
	letter-spacing: -0.03em;
	margin: 0 0 1.25rem;
	color: var(--cc-text);
}

.cc-hero__deck {
	font-size: 1.125rem;
	line-height: 1.6;
	color: var(--cc-muted);
	margin: 0 0 1.5rem;
	max-width: 36rem;
}

.cc-hero__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1.25rem;
	font-size: 0.8125rem;
	color: var(--cc-muted);
	align-items: center;
}

.cc-hero__meta-dot {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--cc-accent-2);
	display: inline-block;
}

/* Abstract wellness still-life (CSS/SVG — not clinic portal) */
.cc-still-life {
	position: relative;
	aspect-ratio: 4 / 3;
	border-radius: var(--cc-radius);
	overflow: hidden;
	background:
		radial-gradient(ellipse 60% 50% at 70% 60%, #9F12391F, transparent 70%),
		radial-gradient(ellipse 40% 40% at 30% 40%, #3F3F461A, transparent 65%),
		linear-gradient(160deg, var(--cc-cream-deep) 0%, #F8E8EC 45%, #E8DFD0 100%);
	box-shadow: var(--cc-shadow);
	border: 1px solid var(--cc-border);
}

.cc-still-life__svg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.cc-still-life__caption {
	position: absolute;
	bottom: 0.75rem;
	right: 0.9rem;
	font-size: 0.625rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--cc-muted);
	opacity: 0.7;
}

/* Unsplash-style photo placeholder (optional class) */
.cc-hero-photo {
	aspect-ratio: 4 / 3;
	border-radius: var(--cc-radius);
	overflow: hidden;
	background: var(--cc-cream-deep) center/cover no-repeat;
	box-shadow: var(--cc-shadow);
	border: 1px solid var(--cc-border);
	min-height: 220px;
}

.cc-hero-photo--wellness {
	background-image:
		linear-gradient(180deg, rgba(18, 26, 23, 0.05), transparent 40%),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Crect fill='%23E8F0EB' width='800' height='600'/%3E%3Cellipse cx='520' cy='340' rx='140' ry='90' fill='%23C5D9CC' opacity='0.7'/%3E%3Cellipse cx='280' cy='280' rx='100' ry='100' fill='%23D4C4B0' opacity='0.85'/%3E%3Ccircle cx='420' cy='220' r='48' fill='%23A8C4B4'/%3E%3Ccircle cx='380' cy='380' r='70' fill='%23B8A090' opacity='0.6'/%3E%3Cpath d='M200 420 Q320 300 400 380' stroke='%230B6E4F' stroke-width='2' fill='none' opacity='0.35'/%3E%3C/svg%3E");
}

/* --------------------------------------------------------------------------
   Section labels
   -------------------------------------------------------------------------- */
.cc-section-label {
	font-family: var(--cc-font-body);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--cc-accent);
	margin: 0 0 0.75rem;
}

.cc-section-hed {
	font-family: var(--cc-font-display);
	font-weight: 700;
	font-size: clamp(1.75rem, 3vw, 2.25rem);
	margin: 0 0 1.75rem;
	letter-spacing: -0.02em;
}

.cc-section-hed::after {
	content: none; /* magazine: no tick rule under hed */
}

/* --------------------------------------------------------------------------
   Methodology — magazine pull panel (not tick-box)
   -------------------------------------------------------------------------- */
.cc-methodology {
	display: grid;
	gap: 1.5rem;
	padding: 1.75rem 2rem;
	background: var(--cc-surface);
	border: 1px solid var(--cc-border);
	border-radius: var(--cc-radius);
	border-left: 3px solid var(--cc-accent);
	box-shadow: var(--cc-shadow);
	margin: 0 0 3rem;
}

@media (min-width: 782px) {
	.cc-methodology {
		grid-template-columns: auto 1fr;
		align-items: start;
		gap: 1.75rem;
	}
}

.cc-methodology__badge {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.4rem 0.75rem;
	background: var(--cc-accent);
	color: #fff;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	border-radius: 4px;
	white-space: nowrap;
	width: fit-content;
}

.cc-methodology p {
	margin: 0 0 0.75rem;
	color: var(--cc-muted);
	font-size: 0.9375rem;
	line-height: 1.6;
}

.cc-methodology p:last-child {
	margin-bottom: 0;
}

.cc-methodology a {
	font-weight: 600;
	text-decoration: none;
	color: var(--cc-accent);
}

.cc-methodology a:hover {
	color: var(--cc-accent-2);
}

.cc-methodology__meta {
	font-size: 0.75rem !important;
	color: var(--cc-muted) !important;
	opacity: 0.85;
}

/* --------------------------------------------------------------------------
   Disclosure — quiet, near rankings
   -------------------------------------------------------------------------- */
.cc-disclosure-short {
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--cc-muted);
	margin: 0 0 2rem;
	padding: 0.85rem 1rem;
	background: transparent;
	border: none;
	border-top: 1px solid var(--cc-border);
	border-bottom: 1px solid var(--cc-border);
	display: flex;
	gap: 0.6rem;
	align-items: flex-start;
}

.cc-disclosure-short::before {
	content: "i";
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 50%;
	border: 1.5px solid var(--cc-muted);
	font-size: 0.65rem;
	font-weight: 700;
	font-style: italic;
	font-family: Georgia, serif;
	line-height: 1;
	margin-top: 0.1rem;
	color: var(--cc-muted);
}

.cc-disclosure-short a {
	color: var(--cc-accent);
	font-weight: 500;
}

/* --------------------------------------------------------------------------
   Ranking cards — roomy magazine grid
   -------------------------------------------------------------------------- */
.cc-ranking-grid {
	display: grid;
	gap: 1.5rem;
	margin: 0 0 3rem;
}

@media (min-width: 700px) {
	.cc-ranking-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 1.75rem;
	}
}


@media (min-width: 1100px) {
	.cc-ranking-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}
.cc-ranking-card {
	background: var(--cc-surface);
	border: 1px solid var(--cc-border);
	border-radius: var(--cc-radius);
	padding: 1.75rem 1.5rem 1.5rem;
	box-shadow: var(--cc-shadow);
	display: flex;
	flex-direction: column;
	min-height: 100%;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.cc-ranking-card:hover {
	border-color: #9F123959;
	box-shadow: 0 2px 4px rgba(18, 26, 23, 0.04), 0 12px 32px rgba(18, 26, 23, 0.08);
}

.cc-ranking-card--featured {
	border-color: #3F3F4673;
	background: linear-gradient(180deg, #F8E8EC 0%, var(--cc-surface) 28%);
}

.cc-ranking-card__rank {
	font-family: var(--cc-font-display);
	font-weight: 700;
	font-size: 2.75rem;
	line-height: 1;
	letter-spacing: -0.03em;
	color: var(--cc-accent-2);
	margin: 0 0 1rem;
}

.cc-ranking-card__rank span {
	display: none; /* magazine: big numeral only */
}

.cc-ranking-card h3 {
	font-family: var(--cc-font-display);
	font-weight: 600;
	font-size: 1.25rem;
	margin: 0 0 0.65rem;
	letter-spacing: -0.015em;
	line-height: 1.25;
}

.cc-ranking-card__score {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--cc-text);
	margin: 0 0 0.85rem;
}

.cc-ranking-card__stars {
	color: var(--cc-accent-2);
	letter-spacing: 0.05em;
	font-size: 0.75rem;
}

.cc-ranking-card p {
	font-size: 0.9375rem;
	line-height: 1.55;
	color: var(--cc-muted);
	margin: 0 0 1.25rem;
	flex: 1;
}

.cc-ranking-card__action {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	font-family: var(--cc-font-body);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--cc-accent-2);
	text-decoration: none;
	margin-top: auto;
}

.cc-ranking-card__action:hover {
	color: var(--cc-accent);
}

.cc-ranking-card__action::after {
	content: "→";
	font-weight: 400;
	letter-spacing: 0;
}

.cc-ranking-card__action-note {
	display: block;
	font-size: 0.625rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: none;
	color: var(--cc-muted);
	margin-top: 0.35rem;
}

.cc-ranking-card__footer {
	margin-top: auto;
}

/* Vertical stack variant (articles / listicles) */
.cc-ranking-stack {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	margin: 0 0 2.5rem;
}

.cc-ranking-stack .cc-ranking-card {
	flex-direction: row;
	gap: 1.5rem;
	align-items: flex-start;
	padding: 1.5rem 1.75rem;
}

.cc-ranking-stack .cc-ranking-card__rank {
	font-size: 2.25rem;
	margin: 0;
	min-width: 3.5rem;
}

.cc-ranking-stack .cc-ranking-card__body {
	flex: 1;
	display: flex;
	flex-direction: column;
}

@media (max-width: 599px) {
	.cc-ranking-stack .cc-ranking-card {
		flex-direction: column;
		gap: 0.5rem;
	}
}

/* --------------------------------------------------------------------------
   Article / post list — airy magazine
   -------------------------------------------------------------------------- */
.cc-mag-list .wp-block-post {
	padding: 1.75rem 0;
	border-bottom: 1px solid var(--cc-border);
}

.cc-mag-list .wp-block-post-title {
	font-size: clamp(1.35rem, 2.5vw, 1.75rem);
	margin: 0.35rem 0 0.5rem;
}

.cc-mag-list .wp-block-post-title a {
	color: var(--cc-text);
	text-decoration: none;
}

.cc-mag-list .wp-block-post-title a:hover {
	color: var(--cc-accent);
}

.cc-mag-list .wp-block-post-date {
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--cc-muted);
}

.cc-mag-list .wp-block-post-excerpt {
	color: var(--cc-muted);
	font-size: 1rem;
}

.cc-article-hed {
	margin-bottom: 2rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--cc-border);
}

.cc-article-hed .wp-block-post-title {
	font-size: clamp(2rem, 4vw, 3rem);
	margin-bottom: 1rem;
}

.cc-byline-note {
	font-size: 0.8125rem;
	color: var(--cc-muted);
	font-style: italic;
	margin: 0.5rem 0 0;
}

/* --------------------------------------------------------------------------
   Footer — magazine colophon + 03 regions
   -------------------------------------------------------------------------- */
.cc-footer {
	background: var(--cc-surface);
	border-top: 2px solid var(--cc-accent);
	margin-top: 2rem;
}

.cc-footer__inner {
	max-width: var(--cc-wide);
	margin-inline: auto;
	padding: 3rem 1.5rem 2.5rem;
}

@media (min-width: 782px) {
	.cc-footer__inner {
		padding-inline: 2.5rem;
	}
}

.cc-footer__colophon {
	display: flex;
	gap: 1rem;
	align-items: flex-start;
	margin-bottom: 2.5rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid var(--cc-border);
}

.cc-footer__mission {
	font-size: 0.9375rem;
	color: var(--cc-muted);
	line-height: 1.55;
	margin: 0.5rem 0 0;
	max-width: 36rem;
}

.cc-footer__block {
	margin-bottom: 1.75rem;
	padding-bottom: 1.75rem;
	border-bottom: 1px solid var(--cc-border);
}

.cc-footer__block h2 {
	font-family: var(--cc-font-body);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--cc-accent);
	margin: 0 0 0.75rem;
}

.cc-footer__block p {
	font-size: 0.875rem;
	line-height: 1.6;
	color: var(--cc-muted);
	margin: 0 0 0.65rem;
}

.cc-footer__nav {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.5rem;
	list-style: none;
	margin: 1.5rem 0 1rem;
	padding: 0;
	font-size: 0.8125rem;
	font-weight: 500;
}

.cc-footer__nav a {
	color: var(--cc-text);
	text-decoration: none;
}

.cc-footer__nav a:hover {
	color: var(--cc-accent);
}

.cc-footer__copy {
	font-size: 0.75rem;
	color: var(--cc-muted);
	margin: 0;
}

/* --------------------------------------------------------------------------
   Utilities / 404 / search
   -------------------------------------------------------------------------- */
.cc-empty {
	text-align: center;
	padding: 4rem 1rem;
}

.cc-empty h1 {
	font-size: 2.5rem;
	margin-bottom: 1rem;
}

.wp-block-search .wp-block-search__input {
	border: 1px solid var(--cc-border);
	border-radius: 6px;
	padding: 0.65rem 0.85rem;
	background: var(--cc-surface);
}

.wp-block-search .wp-block-search__button {
	background: var(--cc-accent);
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 0.65rem 1.1rem;
	font-weight: 600;
	font-size: 0.8125rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	cursor: pointer;
}

.wp-block-query-pagination {
	margin-top: 2rem;
	font-size: 0.875rem;
}

/* Align WP groups using our classes */
.wp-block-group.cc-header,
.wp-block-group.cc-footer {
	max-width: none;
}

.wp-block-group.cc-shell {
	max-width: var(--cc-wide);
}

/* Inline SVG lockups from parts */
.cc-wordmark svg.cc-lockup-img,
.cc-footer__colophon svg.cc-lockup-img {
	height: 2.5rem;
	width: auto;
	max-width: min(280px, 70vw);
	display: block;
}

.cc-footer__colophon svg.cc-lockup-img--footer {
	height: 2rem;
	margin-bottom: 0.5rem;
}

.cc-footer__colophon svg.cc-bug-img {
	width: 2.25rem;
	height: 2.25rem;
	flex-shrink: 0;
	display: block;
}

.cc-still-life__svg {
	display: block;
}

/* v2 masthead nameplate (Brand Director money file) */
.cc-wordmark--masthead {
	display: inline-flex;
	align-items: center;
	max-width: min(520px, 88vw);
}

.cc-masthead-img {
	display: block;
	height: auto;
	width: 100%;
	max-width: min(520px, 88vw);
	max-height: 4.25rem;
	object-fit: contain;
	object-position: left center;
}

@media (min-width: 782px) {
	.cc-masthead-img {
		max-height: 5rem;
		max-width: min(560px, 55vw);
	}
}

.cc-header__inner {
	align-items: center;
}

.cc-lockup-img,
.cc-lockup-img--footer {
	display: block;
	height: 2.35rem;
	width: auto;
	max-width: min(280px, 70vw);
}

.cc-lockup-img--footer {
	height: 2rem;
	margin-bottom: 0.5rem;
}

.cc-bug-img {
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	flex-shrink: 0;
}


.cc-header { border-bottom:4px solid #9F1239; text-align:center; }
.cc-header__inner { flex-direction:column; align-items:center; padding-top:1.5rem; padding-bottom:1.25rem; }
.cc-wordmark--masthead { max-width:min(640px,92vw); margin-inline:auto; }
.cc-masthead-img { max-width:min(640px,92vw); max-height:5.5rem; object-position:center; }
.cc-header .wp-block-navigation { justify-content:center; width:100%; border-top:1px solid #D4C4B0; padding-top:.85rem; margin-top:.5rem; }
.cc-hero { border-bottom:2px solid #9F1239; }
.cc-hero__title { font-size:clamp(2.4rem,5vw,3.75rem); }
@media (min-width:700px) {
  .cc-ranking-grid { gap:0; }
  .cc-ranking-card { border-radius:0; box-shadow:none; border:none; border-right:1px solid #D4C4B0; padding:1.5rem 1.25rem; }
  .cc-ranking-card:last-child { border-right:none; }
}
.cc-ranking-card--featured { background:#F8E8EC; }
.cc-methodology { border-left:none; border-top:1px solid #9F1239; border-bottom:1px solid #9F1239; border-radius:0; box-shadow:none; }
.cc-footer { border-top:4px solid #9F1239; }