/*
|--------------------------------------------------------------------------
| Finance CMS — Home Page
|--------------------------------------------------------------------------
| Стили только для главной страницы. Компоненты-карточки (bank-card, card-card,
| prestamo-card, news-card, article-card) стилизованы здесь, т.к. на момент
| написания используются исключительно на главной. Перенести в отдельные файлы
| при расширении использования.
|--------------------------------------------------------------------------
*/

/* ──────────────────────────────────────────────────────────────
   SHARED: Кнопки главной страницы
────────────────────────────────────────────────────────────── */

.finance-home-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 12px 26px;
	border: 2px solid transparent;
	border-radius: var(--radius-btn);
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
	white-space: nowrap;
}

.finance-home-btn-primary {
	background: var(--brand-primary);
	border-color: var(--brand-primary);
	color: var(--color-surface);
}
.finance-home-btn-primary:hover {
	background: var(--brand-primary-hover);
	border-color: var(--brand-primary-hover);
	color: var(--color-surface);
}

.finance-home-btn-outline {
	background: transparent;
	border-color: var(--border-subtle);
	color: var(--text-primary);
}
.finance-home-btn-outline:hover {
	border-color: var(--border-strong);
	background: var(--color-surface-soft);
	color: var(--text-primary);
}

/* ──────────────────────────────────────────────────────────────
   SHARED: Заголовки секций
────────────────────────────────────────────────────────────── */

.finance-home-section-header {
	margin-bottom: 28px;
}

.finance-home-section-header--row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
}

.finance-home-section-title {
	margin: 0 0 10px;
	color: var(--text-primary);
	font-size: 34px;
	font-weight: 800;
	line-height: var(--line-height-heading);
	letter-spacing: var(--letter-spacing-h2);
}

.finance-home-section-header--row .finance-home-section-title {
	margin-bottom: 0;
}

.finance-home-section-desc {
	max-width: 680px;
	margin: 0;
	color: var(--text-secondary);
	font-size: 16px;
	line-height: 1.7;
}

.finance-home-section-link {
	flex-shrink: 0;
	color: var(--link);
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
}
.finance-home-section-link:hover {
	color: var(--link-hover);
	text-decoration: underline;
}

/* ──────────────────────────────────────────────────────────────
   SHARED: Empty state
────────────────────────────────────────────────────────────── */

.finance-home-empty {
	padding: 40px 24px;
	background: var(--color-surface);
	border: 1px dashed var(--border-subtle);
	border-radius: var(--radius-card);
	text-align: center;
	color: var(--text-secondary);
}

.finance-home-empty p {
	margin: 0 0 14px;
	font-size: 15px;
}
.finance-home-empty p:last-child {
	margin-bottom: 0;
}

.finance-home-empty-link {
	color: var(--link);
	font-weight: 700;
	text-decoration: none;
}
.finance-home-empty-link:hover {
	text-decoration: underline;
}

/* ──────────────────────────────────────────────────────────────
   1. HERO
────────────────────────────────────────────────────────────── */

.finance-home-hero {
	position: relative;
	margin-bottom: 56px;
	padding: 72px 64px;
	background:
		radial-gradient(circle at top right, var(--brand-glow-sm), transparent 42%),
		linear-gradient(135deg, var(--color-surface) 0%, var(--color-surface-soft) 100%);
	border: 1px solid var(--border-subtle);
	border-radius: var(--radius-card);
	box-shadow: var(--shadow-card-hover);
	overflow: hidden;
}

.finance-home-hero-inner {
	display: flex;
	align-items: center;
	gap: 48px;
}

.finance-home-hero-content {
	flex: 1;
	min-width: 0;
}

.finance-home-hero-title {
	margin: 0 0 20px;
	color: var(--text-primary);
	font-size: 58px;
	font-weight: 800;
	line-height: 1.02;
	letter-spacing: -0.05em;
}

.finance-home-hero-subtitle {
	max-width: 680px;
	margin: 0 0 28px;
	color: var(--text-secondary);
	font-size: 18px;
	line-height: 1.7;
}

.finance-home-hero-cta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 28px;
}

.finance-home-hero-trust {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.finance-home-hero-trust li {
	color: var(--text-secondary);
	font-size: 13px;
	font-weight: 600;
}

/* Визуальный блок справа */

.finance-home-hero-visual {
	flex-shrink: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	width: 280px;
}

.finance-home-hero-stat {
	background: var(--color-surface);
	border: 1px solid var(--border-subtle);
	border-radius: var(--radius-card);
	padding: 22px 18px;
	text-align: center;
	box-shadow: var(--shadow-card);
}

.finance-home-hero-stat strong {
	display: block;
	margin-bottom: 4px;
	color: var(--brand-primary);
	font-size: 26px;
	font-weight: 900;
	line-height: 1;
}

.finance-home-hero-stat span {
	display: block;
	color: var(--text-secondary);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
}

/* ──────────────────────────────────────────────────────────────
   2. PRODUCT CATEGORIES
   Переиспользует .finance-home-category-grid из categories.css
────────────────────────────────────────────────────────────── */

.finance-home-product-categories {
	margin-bottom: 48px;
}

.finance-home-category-icon {
	display: block;
	margin-bottom: 12px;
	font-size: 30px;
}

.finance-home-category-title {
	display: block;
	margin-bottom: 6px;
	font-size: 18px;
	font-weight: 700;
	color: var(--text-primary);
}

.finance-home-category-desc {
	margin: 0;
	color: var(--text-secondary);
	font-size: 14px;
	line-height: 1.55;
}

/* ──────────────────────────────────────────────────────────────
   3. FEATURED OFFERS
────────────────────────────────────────────────────────────── */

.finance-home-featured-offers {
	margin-bottom: 48px;
}

.finance-home-offers-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.finance-home-offers-column {
	background: var(--color-surface);
	border: 1px solid var(--border-subtle);
	border-radius: var(--radius-card);
	padding: 26px;
	box-shadow: var(--shadow-card);
	display: flex;
	flex-direction: column;
}

.finance-home-offers-column-head {
	margin-bottom: 16px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--border-subtle);
}

.finance-home-offers-column-title {
	margin: 0;
	font-size: 17px;
	font-weight: 700;
	color: var(--text-primary);
}

.finance-home-offers-list {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0 0 16px;
	padding: 0;
	list-style: none;
}

.finance-home-offer-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	background: var(--color-surface-soft);
	border: 1px solid var(--border-subtle);
	border-radius: 10px;
	text-decoration: none;
	color: var(--text-primary);
	font-size: 14px;
	transition: border-color .15s ease, background .15s ease;
}

.finance-home-offer-item:hover {
	border-color: var(--border-strong);
	background: var(--color-surface);
}

.finance-home-offer-item strong {
	font-weight: 600;
	line-height: 1.3;
}

.finance-home-offer-item span {
	flex-shrink: 0;
	color: var(--text-muted);
	font-size: 12px;
	font-weight: 600;
}

.finance-home-offers-more {
	margin-top: auto;
	display: inline-block;
	color: var(--link);
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}
.finance-home-offers-more:hover {
	text-decoration: underline;
}

/* ──────────────────────────────────────────────────────────────
   4. HOW IT WORKS
────────────────────────────────────────────────────────────── */

.finance-home-how-it-works {
	margin-bottom: 48px;
	padding: 48px;
	background: var(--color-surface-soft);
	border: 1px solid var(--border-subtle);
	border-radius: var(--radius-card);
}

.finance-home-steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 32px;
}

.finance-home-step {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}

.finance-home-step-number {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	background: var(--brand-primary);
	border-radius: 50%;
	color: var(--color-surface);
	font-size: 20px;
	font-weight: 900;
	flex-shrink: 0;
}

.finance-home-step-title {
	margin: 0 0 8px;
	font-size: 18px;
	font-weight: 700;
	color: var(--text-primary);
}

.finance-home-step-text {
	margin: 0;
	color: var(--text-secondary);
	font-size: 14px;
	line-height: 1.65;
}

/* ──────────────────────────────────────────────────────────────
   5. COMPARE BLOCK
────────────────────────────────────────────────────────────── */

.finance-home-compare {
	margin-bottom: 48px;
}

.finance-home-compare-inner {
	padding: 48px;
	background: var(--color-surface);
	border: 1px solid var(--border-subtle);
	border-radius: var(--radius-card);
	box-shadow: var(--shadow-card);
}

.finance-home-compare-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	margin-bottom: 32px;
}

.finance-home-compare-card {
	padding: 22px 18px;
	background: var(--color-surface-soft);
	border: 1px solid var(--border-subtle);
	border-radius: var(--radius-card);
}

.finance-home-compare-icon {
	display: block;
	margin-bottom: 12px;
	font-size: 24px;
}

.finance-home-compare-card-title {
	margin: 0 0 8px;
	font-size: 15px;
	font-weight: 700;
	color: var(--text-primary);
}

.finance-home-compare-card-text {
	margin: 0;
	color: var(--text-secondary);
	font-size: 13px;
	line-height: 1.6;
}

.finance-home-compare-cta {
	text-align: center;
}

/* ──────────────────────────────────────────────────────────────
   6. BANKS GRID
────────────────────────────────────────────────────────────── */

.finance-home-banks {
	margin-bottom: 48px;
}

.finance-home-banks-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

/* Bank Card */
.finance-bank-card {
	background: var(--color-surface);
	border: 1px solid var(--border-subtle);
	border-radius: var(--radius-card);
	box-shadow: var(--shadow-card);
	overflow: hidden;
}
.finance-bank-card-link {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 20px;
	color: var(--text-primary);
	text-decoration: none;
}
.finance-bank-card-logo {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	background: var(--color-surface-soft);
	border: 1px solid var(--border-subtle);
	border-radius: 12px;
	overflow: hidden;
}
.finance-bank-card-logo img {
	max-width: 44px;
	max-height: 44px;
	object-fit: contain;
}
.finance-bank-card-body {
	min-width: 0;
}
.finance-bank-card-body h3 {
	margin: 0 0 4px;
	font-size: 15px;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.finance-bank-card-rating {
	color: var(--brand-accent);
	font-size: 13px;
	font-weight: 700;
}

/* ──────────────────────────────────────────────────────────────
   7. CARDS GRID
────────────────────────────────────────────────────────────── */

.finance-home-cards {
	margin-bottom: 48px;
}

.finance-home-cards-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

/* Card Card */
.finance-card-card {
	background: var(--color-surface);
	border: 1px solid var(--border-subtle);
	border-radius: var(--radius-card);
	box-shadow: var(--shadow-card);
	overflow: hidden;
}
.finance-card-card-link {
	display: block;
	padding: 22px;
	color: var(--text-primary);
	text-decoration: none;
}
.finance-card-card-body h3 {
	margin: 0 0 14px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
}
.finance-card-card-features {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.finance-card-card-features li {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--border-subtle);
	font-size: 13px;
}
.finance-card-card-features li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
.finance-card-card-features span {
	color: var(--text-muted);
	font-weight: 600;
}
.finance-card-card-features strong {
	color: var(--text-primary);
	font-weight: 700;
	text-align: right;
}

/* ──────────────────────────────────────────────────────────────
   8. LOANS GRID
────────────────────────────────────────────────────────────── */

.finance-home-loans {
	margin-bottom: 48px;
}

.finance-home-loans-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

/* Prestamo Card */
.finance-prestamo-card {
	background: var(--color-surface);
	border: 1px solid var(--border-subtle);
	border-radius: var(--radius-card);
	box-shadow: var(--shadow-card);
	overflow: hidden;
}
.finance-prestamo-card-link {
	display: block;
	padding: 22px;
	color: var(--text-primary);
	text-decoration: none;
}
.finance-prestamo-card-body h3 {
	margin: 0 0 14px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
}
.finance-prestamo-card-features {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.finance-prestamo-card-features li {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--border-subtle);
	font-size: 13px;
}
.finance-prestamo-card-features li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
.finance-prestamo-card-features span {
	color: var(--text-muted);
	font-weight: 600;
}
.finance-prestamo-card-features strong {
	color: var(--text-primary);
	font-weight: 700;
	text-align: right;
}

/* ──────────────────────────────────────────────────────────────
   9. NEWS
────────────────────────────────────────────────────────────── */

.finance-home-news {
	margin-bottom: 48px;
}

/* News grid переиспользует .finance-home-news-grid из news.css */

/* News Card */
.finance-news-card {
	background: var(--color-surface);
	border: 1px solid var(--border-subtle);
	border-radius: var(--radius-card);
	padding: 24px;
	box-shadow: var(--shadow-card);
}
.finance-news-card-body {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.finance-news-card-date {
	color: var(--text-muted);
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .04em;
}
.finance-news-card-body h3 {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.35;
}
.finance-news-card-body h3 a {
	color: var(--text-primary);
	text-decoration: none;
}
.finance-news-card-body h3 a:hover {
	color: var(--link);
}
.finance-news-card-body p {
	margin: 0;
	color: var(--text-secondary);
	font-size: 14px;
	line-height: 1.6;
}

/* ──────────────────────────────────────────────────────────────
   10. BLOG
────────────────────────────────────────────────────────────── */

.finance-home-blog {
	margin-bottom: 48px;
}

.finance-home-blog-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

/* Article Card */
.finance-article-card {
	background: var(--color-surface);
	border: 1px solid var(--border-subtle);
	border-radius: var(--radius-card);
	overflow: hidden;
	box-shadow: var(--shadow-card);
	display: flex;
	flex-direction: column;
}
.finance-article-card-image {
	display: block;
	overflow: hidden;
	aspect-ratio: 16/9;
	background: var(--color-surface-soft);
}
.finance-article-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .25s ease;
}
.finance-article-card:hover .finance-article-card-image img {
	transform: scale(1.04);
}
.finance-article-card-body {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 20px;
}
.finance-article-card-date {
	color: var(--text-muted);
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .04em;
}
.finance-article-card-body h3 {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.35;
}
.finance-article-card-body h3 a {
	color: var(--text-primary);
	text-decoration: none;
}
.finance-article-card-body h3 a:hover {
	color: var(--link);
}
.finance-article-card-body p {
	margin: 0;
	color: var(--text-secondary);
	font-size: 14px;
	line-height: 1.6;
}

/* ──────────────────────────────────────────────────────────────
   13. EDITORIAL — "Lo más importante de hoy"
────────────────────────────────────────────────────────────── */

.finance-editorial {
	margin-bottom: 48px;
}

.finance-editorial__header {
	margin-bottom: 20px;
}

.finance-editorial__title {
	margin: 0;
	color: var(--text-primary);
	font-size: 34px;
	font-weight: 800;
	line-height: var(--line-height-heading);
	letter-spacing: var(--letter-spacing-h2);
}

/* ── Topic filters ──────────────────────────────────────── */

.finance-editorial__topics {
	display: flex;
	flex-wrap: nowrap;
	gap: 6px;
	overflow-x: auto;
	padding-bottom: 2px;
	margin-bottom: 24px;
	scrollbar-width: none;
}

.finance-editorial__topics::-webkit-scrollbar {
	display: none;
}

.finance-editorial__topic {
	padding: 6px 16px;
	border-radius: 100px;
	border: 1px solid var(--border-subtle);
	background: var(--color-surface);
	color: var(--text-secondary);
	font-size: 0.85rem;
	font-weight: 500;
	cursor: pointer;
	white-space: nowrap;
	flex-shrink: 0;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.finance-editorial__topic:hover,
.finance-editorial__topic:focus-visible {
	background: var(--color-surface-soft);
	color: var(--text-primary);
	border-color: var(--border-strong);
}

.finance-editorial__topic--active {
	background: var(--brand-primary);
	color: var(--color-surface);
	border-color: var(--brand-primary);
}

/* ── Two-column grid ────────────────────────────────────── */

.finance-editorial__grid {
	display: grid;
	grid-template-columns: 5fr 7fr;
	gap: 24px;
	align-items: stretch;
}

.finance-editorial__grid--news-only,
.finance-editorial__grid--articles-only {
	grid-template-columns: 1fr;
	max-width: 680px;
}

/* ── Column (flex host for equal-height cards) ──────────── */

.finance-editorial__col {
	display: flex;
	flex-direction: column;
}

/* ── Card wrapper ───────────────────────────────────────── */

.finance-editorial__card {
	flex: 1;
	display: flex;
	flex-direction: column;
	background: var(--color-surface);
	border: 1px solid var(--border-subtle);
	border-radius: var(--radius-card);
	box-shadow: var(--shadow-card);
	padding: 24px;
}

.finance-editorial__col-label {
	flex-shrink: 0;
	margin: 0 0 16px;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--text-muted);
}

/* ── News list ──────────────────────────────────────────── */

.finance-editorial__news-list {
	flex: 1;
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

.finance-editorial__news-item {
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 13px 0;
	border-bottom: 1px solid var(--border-subtle);
}

.finance-editorial__news-item:first-child {
	padding-top: 0;
}

.finance-editorial__news-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

/* First news item — slightly more prominent */
.finance-editorial__news-item--first .finance-editorial__news-link {
	font-size: 1rem;
	font-weight: 700;
}

.finance-editorial__news-excerpt {
	margin: 2px 0 0;
	font-size: 0.82rem;
	color: var(--text-secondary);
	line-height: 1.55;
}

.finance-editorial__news-link {
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--text-primary);
	text-decoration: none;
	line-height: 1.4;
	transition: color 0.15s ease;
}

.finance-editorial__news-link:hover {
	color: var(--link);
}

.finance-editorial__news-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px 8px;
}

.finance-editorial__news-date {
	font-size: 0.78rem;
	color: var(--text-muted);
}

.finance-editorial__news-author,
.finance-editorial__news-time {
	font-size: 0.75rem;
	color: var(--text-muted);
}

.finance-editorial__news-author::before {
	content: '·';
	margin-right: 6px;
	color: var(--border-strong);
}

.finance-editorial__news-time::before {
	content: '·';
	margin-right: 6px;
	color: var(--border-strong);
}

/* ── Badge ──────────────────────────────────────────────── */

.finance-editorial__badge {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 100px;
	font-size: 0.72rem;
	font-weight: 600;
	background: var(--badge-info-bg);
	color: var(--badge-info-text);
	text-transform: capitalize;
	white-space: nowrap;
}

/* ── Articles column ────────────────────────────────────── */

.finance-editorial__articles {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.finance-editorial__article--featured {
	flex: 1;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: inherit;
	border-radius: var(--radius-sm);
	border: 1px solid var(--border-subtle);
	overflow: hidden;
	transition: box-shadow 0.2s ease;
}

.finance-editorial__article--featured:hover {
	box-shadow: var(--shadow-card-hover);
}

.finance-editorial__article--featured .finance-editorial__article-img {
	flex-shrink: 0;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: var(--color-surface-soft);
}

.finance-editorial__article--featured .finance-editorial__article-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease;
}

.finance-editorial__article--featured:hover .finance-editorial__article-img img {
	transform: scale(1.03);
}

.finance-editorial__article--featured .finance-editorial__article-body {
	flex: 1;
	padding: 14px 16px 16px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.finance-editorial__articles-sub {
	flex-shrink: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.finance-editorial__article {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: inherit;
	border-radius: var(--radius-sm);
	border: 1px solid var(--border-subtle);
	overflow: hidden;
	transition: box-shadow 0.2s ease;
}

.finance-editorial__article:hover {
	box-shadow: var(--shadow-card-hover);
}

.finance-editorial__articles-sub .finance-editorial__article-img {
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--color-surface-soft);
}

.finance-editorial__articles-sub .finance-editorial__article-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease;
}

.finance-editorial__articles-sub .finance-editorial__article:hover .finance-editorial__article-img img {
	transform: scale(1.04);
}

.finance-editorial__articles-sub .finance-editorial__article-body {
	padding: 10px 12px 12px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.finance-editorial__article-title {
	margin: 0;
	font-size: 0.9rem;
	font-weight: 700;
	color: var(--text-primary);
	line-height: 1.4;
}

.finance-editorial__articles-sub .finance-editorial__article-title {
	font-size: 0.82rem;
}

.finance-editorial__article-excerpt {
	margin: 0;
	font-size: 0.84rem;
	color: var(--text-secondary);
	line-height: 1.55;
}

.finance-editorial__article-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px 8px;
	margin-top: 2px;
}

.finance-editorial__article-date {
	font-size: 0.75rem;
	color: var(--text-muted);
}

.finance-editorial__article-author,
.finance-editorial__article-time {
	font-size: 0.75rem;
	color: var(--text-muted);
}

.finance-editorial__article-author::before,
.finance-editorial__article-time::before {
	content: '·';
	margin-right: 5px;
	color: var(--border-strong);
}

/* Hidden by JS filter */
.finance-editorial__news-item[hidden],
.finance-editorial__article[hidden] {
	display: none;
}

/* ──────────────────────────────────────────────────────────────
   11. TRUST
────────────────────────────────────────────────────────────── */

.finance-home-trust {
	margin-bottom: 48px;
	padding: 48px;
	background: var(--color-surface-soft);
	border: 1px solid var(--border-subtle);
	border-radius: var(--radius-card);
}

.finance-home-trust-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 28px;
}

.finance-home-trust-card {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.finance-home-trust-icon {
	font-size: 28px;
}

.finance-home-trust-title {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	color: var(--text-primary);
}

.finance-home-trust-text {
	margin: 0;
	color: var(--text-secondary);
	font-size: 13px;
	line-height: 1.6;
}

/* ──────────────────────────────────────────────────────────────
   12. REGULATORS
────────────────────────────────────────────────────────────── */

.finance-home-regulators {
	margin-bottom: 48px;
}

.finance-home-regulators-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}

.finance-home-regulator-card {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 22px 20px;
	background: var(--color-surface);
	border: 1px solid var(--border-subtle);
	border-radius: var(--radius-card);
	text-decoration: none;
	box-shadow: var(--shadow-card);
	transition: border-color .18s ease, box-shadow .18s ease;
}
.finance-home-regulator-card:hover {
	border-color: var(--border-strong);
	box-shadow: var(--shadow-card-hover);
}

.finance-home-regulator-name {
	display: block;
	font-size: 20px;
	font-weight: 900;
	color: var(--brand-primary);
}

.finance-home-regulator-desc {
	display: block;
	color: var(--text-secondary);
	font-size: 12px;
	line-height: 1.5;
}

/* ──────────────────────────────────────────────────────────────
   14. FINAL CTA
────────────────────────────────────────────────────────────── */

.finance-home-final-cta {
	margin-bottom: 40px;
}

.finance-home-final-cta-inner {
	padding: 80px 64px;
	background:
		radial-gradient(circle at 80% 20%, var(--brand-accent-glow-sm), transparent 50%),
		linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-active) 100%);
	border-radius: var(--radius-card);
	text-align: center;
	box-shadow: var(--shadow-xl);
}

.finance-home-final-cta-title {
	margin: 0 0 16px;
	color: var(--color-surface);
	font-size: 42px;
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.03em;
}

.finance-home-final-cta-text {
	max-width: 540px;
	margin: 0 auto 28px;
	color: var(--frosted-text-muted);
	font-size: 16px;
	line-height: 1.65;
}

.finance-home-final-cta .finance-home-btn-primary {
	background: var(--color-surface);
	border-color: var(--color-surface);
	color: var(--brand-primary);
	font-weight: 700;
}
.finance-home-final-cta .finance-home-btn-primary:hover {
	background: var(--color-surface-soft);
	border-color: var(--color-surface-soft);
	color: var(--brand-primary-hover);
}

/* ──────────────────────────────────────────────────────────────
   RESPONSIVE — Tablet (≤ 1024px)
────────────────────────────────────────────────────────────── */

@media (max-width: 1024px) {
	.finance-home-hero-title { font-size: 44px; }
	.finance-home-hero-inner { gap: 32px; }
	.finance-home-hero-visual { width: 220px; }
	.finance-home-hero-stat strong { font-size: 22px; }
	.finance-home-section-title { font-size: 28px; }
	.finance-home-final-cta-title { font-size: 34px; }

	.finance-home-compare-grid,
	.finance-home-trust-grid,
	.finance-home-regulators-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.finance-home-banks-grid,
	.finance-home-cards-grid,
	.finance-home-loans-grid,
	.finance-home-blog-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.finance-editorial__grid {
		grid-template-columns: 1fr;
	}

	.finance-editorial__title {
		font-size: 28px;
	}
}

/* ──────────────────────────────────────────────────────────────
   RESPONSIVE — Mobile (≤ 768px)
────────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
	.finance-home-hero {
		padding: 32px 24px;
	}
	.finance-home-hero-inner {
		flex-direction: column;
		gap: 28px;
	}
	.finance-home-hero-title {
		font-size: 32px;
	}
	.finance-home-hero-subtitle {
		font-size: 16px;
	}
	.finance-home-hero-visual {
		width: 100%;
		grid-template-columns: repeat(2, 1fr);
	}

	.finance-home-category-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.finance-home-offers-grid,
	.finance-home-steps,
	.finance-home-compare-grid,
	.finance-home-trust-grid,
	.finance-home-regulators-grid {
		grid-template-columns: 1fr;
	}

	.finance-home-banks-grid,
	.finance-home-cards-grid,
	.finance-home-loans-grid,
	.finance-home-news-grid,
	.finance-home-blog-grid {
		grid-template-columns: 1fr;
	}

	.finance-editorial__grid,
	.finance-editorial__grid--news-only,
	.finance-editorial__grid--articles-only {
		grid-template-columns: 1fr;
		max-width: none;
	}

	.finance-editorial__articles-sub {
		grid-template-columns: 1fr;
	}

	.finance-editorial__card {
		padding: 16px;
	}

	.finance-editorial__title {
		font-size: 26px;
	}

	.finance-home-how-it-works,
	.finance-home-compare-inner,
	.finance-home-trust {
		padding: 28px 24px;
	}

	.finance-home-section-header--row {
		flex-direction: column;
		align-items: flex-start;
	}

	.finance-home-final-cta-inner {
		padding: 48px 24px;
	}
	.finance-home-final-cta-title {
		font-size: 28px;
	}
}