/*
Theme Name: Kadence Child - Mega Systems Knowledge
Template: kadence
Version: 3.0.0
Description: Enterprise technology newsroom — Mega Systems Knowledge Center
*/

:root {
	--kc-primary: #0B7BB8;
	--kc-accent: #1B92CC;
	--kc-dark: #232323;
	--kc-bg: #FFFFFF;
	--kc-muted: #64748B;
	--kc-line: #E2E8F0;
	--kc-surface: #F8FAFC;
	--kc-max: 1280px;
	--kc-article: 740px;
	--kc-font-ar: 'Tajawal', sans-serif;
	--kc-font-en: 'Inter Tight', sans-serif;
}

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

body.megga-knowledge {
	margin: 0;
	font-family: var(--kc-font-ar);
	color: var(--kc-dark);
	background: var(--kc-bg);
	direction: rtl;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
}

body.megga-knowledge .content-area,
body.megga-knowledge aside.sidebar-primary { display: none !important; }
body.megga-knowledge #masthead,
body.megga-knowledge .site-footer-wrap { display: none !important; }

.kc-container {
	width: min(var(--kc-max), calc(100% - 4rem));
	margin-inline: auto;
}

.kc-container--narrow { width: min(880px, calc(100% - 4rem)); }
.kc-container--article { width: min(960px, calc(100% - 4rem)); }

/* ─── Header ─── */
.kc-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: #fff;
	border-bottom: 1px solid var(--kc-line);
}

.kc-header__inner {
	display: flex;
	align-items: center;
	gap: 2.5rem;
	min-height: 68px;
}

.kc-logo img { display: block; height: 34px; width: auto; }

.kc-header__nav { flex: 1; display: flex; justify-content: center; }

.kc-nav {
	display: flex;
	gap: 2rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.kc-nav a {
	font-family: var(--kc-font-en);
	font-size: 0.8125rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--kc-dark);
	text-decoration: none;
}

.kc-nav a:hover { color: var(--kc-primary); }

.kc-header__contact {
	font-family: var(--kc-font-en);
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--kc-dark);
	text-decoration: none;
	white-space: nowrap;
}

.kc-menu-btn {
	display: none;
	background: none;
	border: none;
	padding: 0.5rem;
	cursor: pointer;
}

.kc-menu-btn span {
	display: block;
	width: 22px;
	height: 1.5px;
	background: var(--kc-dark);
	margin: 5px 0;
}

/* ─── Typography system ─── */
.kc-kicker {
	display: block;
	font-family: var(--kc-font-en);
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--kc-primary);
	margin-bottom: 0.75rem;
}

.kc-section-title {
	font-size: clamp(1.75rem, 3vw, 2.25rem);
	font-weight: 800;
	margin: 0;
	letter-spacing: -0.02em;
	line-height: 1.2;
}

.kc-section-desc {
	margin: 0.75rem 0 0;
	color: var(--kc-muted);
	font-size: 1.05rem;
	max-width: 50ch;
}

.kc-text-link {
	font-family: var(--kc-font-en);
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--kc-primary);
	text-decoration: none;
	white-space: nowrap;
}

.kc-page-title {
	font-size: clamp(2.5rem, 5vw, 3.5rem);
	font-weight: 800;
	margin: 0 0 1rem;
	letter-spacing: -0.03em;
	line-height: 1.15;
}

.kc-page-deck {
	font-size: 1.2rem;
	color: var(--kc-muted);
	max-width: 55ch;
	margin: 0;
	line-height: 1.8;
}

/* ─── Sections ─── */
.kc-section { padding: 5rem 0; }
.kc-section--hero { padding: 0; }
.kc-section--muted { background: var(--kc-surface); }
.kc-section--hik { background: #0a1628; color: #fff; }
.kc-section--hik .kc-section-title,
.kc-section--hik .kc-section-desc { color: #fff; }
.kc-section--hik .kc-section-desc { color: rgba(255,255,255,0.65); }
.kc-section--hik .kc-kicker { color: var(--kc-accent); }
.kc-section--hik .kc-text-link { color: var(--kc-accent); }
.kc-section--list { border-top: 1px solid var(--kc-line); }
.kc-section--newsletter { border-top: 1px solid var(--kc-line); padding: 4rem 0; }
.kc-section--related { background: var(--kc-surface); padding: 4rem 0 5rem; }

.kc-section-header { margin-bottom: 3rem; }
.kc-section-header--split {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 2rem;
}

.kc-hero-fallback {
	padding: 6rem 0;
	background: var(--kc-surface);
}

/* Static hero when no publishable content yet */
.kc-hero-static {
	position: relative;
	min-height: 70vh;
	display: flex;
	align-items: flex-end;
	padding: 0 0 5rem;
	color: #fff;
	overflow: hidden;
}

.kc-hero-static__bg {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 70% 55% at 75% 15%, rgba(11,123,184,0.4) 0%, transparent 55%),
		linear-gradient(180deg, #0a1628 0%, #0F1419 100%);
}

.kc-hero-static__content { position: relative; z-index: 1; max-width: 820px; }

.kc-kicker--light { color: rgba(255,255,255,0.55); }

.kc-hero-static__title {
	font-size: clamp(2.25rem, 5vw, 3.75rem);
	font-weight: 800;
	line-height: 1.12;
	margin: 0 0 1.25rem;
	letter-spacing: -0.03em;
}

.kc-hero-static__deck {
	font-size: 1.15rem;
	line-height: 1.85;
	color: rgba(255,255,255,0.72);
	margin: 0 0 2rem;
	max-width: 52ch;
}

.kc-hero-static__actions { display: flex; flex-wrap: wrap; gap: 1rem; }

.kc-btn {
	display: inline-flex;
	padding: 0.9rem 1.75rem;
	font-weight: 700;
	font-size: 0.92rem;
	text-decoration: none;
	border-radius: 2px;
	font-family: inherit;
}

.kc-btn--light { background: var(--kc-primary); color: #fff; }
.kc-btn--outline-light { border: 1px solid rgba(255,255,255,0.4); color: #fff; }

.kc-empty-note {
	color: var(--kc-muted);
	font-size: 1.05rem;
	padding: 2rem 0;
	border-top: 1px solid var(--kc-line);
}

/* ─── SECTION 1: Hero Feature ─── */
.kc-hero-feature {
	display: block;
	position: relative;
	min-height: 72vh;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
}

.kc-hero-feature__media {
	position: absolute;
	inset: 0;
}

.kc-hero-feature__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.kc-hero-feature__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(10,22,40,0.92) 0%, rgba(10,22,40,0.35) 50%, rgba(10,22,40,0.15) 100%);
}

.kc-hero-feature__content {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 0 0 4rem;
}

.kc-hero-feature__title {
	font-size: clamp(2rem, 4.5vw, 3.25rem);
	font-weight: 800;
	line-height: 1.15;
	margin: 0 0 1rem;
	max-width: 16ch;
	letter-spacing: -0.025em;
}

.kc-hero-feature__deck {
	font-size: clamp(1rem, 1.5vw, 1.15rem);
	line-height: 1.75;
	color: rgba(255,255,255,0.78);
	max-width: 52ch;
	margin: 0 0 1.25rem;
}

.kc-hero-feature__meta {
	font-family: var(--kc-font-en);
	font-size: 0.8125rem;
	color: rgba(255,255,255,0.55);
	letter-spacing: 0.04em;
}

/* ─── SECTION 2: Topics ─── */
.kc-topics {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	border-top: 1px solid var(--kc-line);
}

.kc-topic {
	display: flex;
	flex-direction: column;
	padding: 2rem 1.75rem;
	border-left: 1px solid var(--kc-line);
	text-decoration: none;
	color: inherit;
	min-height: 180px;
	transition: background 0.2s;
}

.kc-topic:first-child { border-left: none; }

.kc-topic:hover { background: var(--kc-surface); }

.kc-topic__title {
	font-size: 1.125rem;
	font-weight: 800;
	margin: 0 0 0.5rem;
	line-height: 1.35;
}

.kc-topic__desc {
	font-size: 0.875rem;
	color: var(--kc-muted);
	margin: 0 0 auto;
	line-height: 1.6;
	padding-bottom: 1.25rem;
}

.kc-topic__link {
	font-family: var(--kc-font-en);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--kc-primary);
}

/* ─── SECTION 3: Editorial Insights ─── */
.kc-insights-editorial {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	grid-template-rows: auto auto;
	gap: 0;
	border: 1px solid var(--kc-line);
}

.kc-insights-editorial__primary { grid-row: span 2; border-left: 1px solid var(--kc-line); }
.kc-insights-editorial__secondary { display: flex; flex-direction: column; }
.kc-insights-editorial__row {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: 1fr 1fr;
	border-top: 1px solid var(--kc-line);
}

.kc-insight {
	display: block;
	text-decoration: none;
	color: inherit;
	border-bottom: 1px solid var(--kc-line);
	transition: background 0.2s;
}

.kc-insight:last-child { border-bottom: none; }
.kc-insight:hover { background: var(--kc-surface); }

.kc-insight--large { border-bottom: none; height: 100%; }

.kc-insight--large .kc-insight__visual {
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--kc-surface);
}

.kc-insight--large .kc-insight__visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.kc-insight--large .kc-insight__text { padding: 2rem 2.25rem 2.5rem; }

.kc-insight--large .kc-insight__title {
	font-size: clamp(1.35rem, 2vw, 1.75rem);
	font-weight: 800;
	line-height: 1.3;
	margin: 0 0 0.75rem;
}

.kc-insight--medium {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border-left: 1px solid var(--kc-line);
}

.kc-insight--medium:first-child { border-left: none; }

.kc-insight--medium .kc-insight__visual {
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--kc-surface);
}

.kc-insight--medium .kc-insight__visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.kc-insight--medium .kc-insight__text {
	padding: 1.75rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.kc-insight--medium .kc-insight__title {
	font-size: 1.125rem;
	font-weight: 800;
	margin: 0 0 0.5rem;
	line-height: 1.35;
}

.kc-insight--compact .kc-insight__text { padding: 1.75rem 2rem; flex: 1; }

.kc-insight--compact .kc-insight__title {
	font-size: 1rem;
	font-weight: 800;
	margin: 0 0 0.35rem;
	line-height: 1.4;
}

.kc-insight__excerpt {
	font-size: 0.9375rem;
	color: var(--kc-muted);
	line-height: 1.65;
	margin: 0 0 0.75rem;
}

.kc-insight__meta {
	font-family: var(--kc-font-en);
	font-size: 0.75rem;
	color: var(--kc-muted);
	letter-spacing: 0.03em;
}

/* ─── SECTION 4: Resources ─── */
.kc-resources {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
	border: 1px solid var(--kc-line);
}

.kc-resource {
	padding: 2.25rem 2rem;
	border-left: 1px solid var(--kc-line);
	text-decoration: none;
	color: inherit;
	transition: background 0.2s;
}

.kc-resource:first-child { border-left: none; }
.kc-resource:hover { background: #fff; }

.kc-resource__type {
	font-family: var(--kc-font-en);
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--kc-muted);
}

.kc-resource__title {
	font-size: 1.25rem;
	font-weight: 800;
	margin: 0.65rem 0 0.5rem;
}

.kc-resource__desc {
	font-size: 0.875rem;
	color: var(--kc-muted);
	margin: 0;
	line-height: 1.6;
}

/* ─── SECTION 5: Hikvision Hub ─── */
.kc-hik-lines {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	background: rgba(255,255,255,0.08);
}

.kc-hik-line {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	padding: 1.75rem 2rem;
	background: #0a1628;
	text-decoration: none;
	color: #fff;
	transition: background 0.2s;
}

.kc-hik-line:hover { background: #0d1e35; }

.kc-hik-line__name {
	font-family: var(--kc-font-en);
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.kc-hik-line__desc {
	font-size: 0.875rem;
	color: rgba(255,255,255,0.55);
	line-height: 1.55;
}

/* ─── SECTION 6: Trends ─── */
.kc-trends {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0;
	border-top: 1px solid var(--kc-line);
}

.kc-trend {
	padding: 2.5rem 2rem;
	border-left: 1px solid var(--kc-line);
	border-bottom: 1px solid var(--kc-line);
	text-decoration: none;
	color: inherit;
	transition: background 0.2s;
}

.kc-trend:nth-child(odd) { border-left: none; }
.kc-trend:hover { background: var(--kc-surface); }

.kc-trend__title {
	font-size: 1.25rem;
	font-weight: 800;
	margin: 0 0 0.5rem;
	line-height: 1.35;
}

.kc-trend__desc {
	font-size: 0.9375rem;
	color: var(--kc-muted);
	margin: 0;
	line-height: 1.65;
}

/* ─── SECTION 7: List ─── */
.kc-list { border-top: 1px solid var(--kc-line); }

.kc-list-row {
	display: grid;
	grid-template-columns: 120px 1fr 32px;
	gap: 2rem;
	align-items: center;
	padding: 1.5rem 0;
	border-bottom: 1px solid var(--kc-line);
	text-decoration: none;
	color: inherit;
	transition: background 0.15s;
}

.kc-list-row:hover { background: var(--kc-surface); margin-inline: -1rem; padding-inline: 1rem; }

.kc-list-row__date {
	font-family: var(--kc-font-en);
	font-size: 0.8125rem;
	color: var(--kc-muted);
}

.kc-list-row__title {
	font-size: 1.125rem;
	font-weight: 700;
	margin: 0.25rem 0 0;
	line-height: 1.4;
}

.kc-list-row__arrow {
	font-family: var(--kc-font-en);
	color: var(--kc-primary);
	opacity: 0;
	transition: opacity 0.15s;
}

.kc-list-row:hover .kc-list-row__arrow { opacity: 1; }

.kc-list-footer { padding-top: 2rem; }

/* ─── SECTION 8: Newsletter ─── */
.kc-newsletter {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 3rem;
}

.kc-newsletter__desc {
	margin: 0.5rem 0 0;
	color: var(--kc-muted);
	max-width: 42ch;
}

.kc-newsletter__form {
	display: flex;
	gap: 0;
	flex-shrink: 0;
	border: 1px solid var(--kc-line);
}

.kc-newsletter__form input {
	padding: 0.875rem 1.25rem;
	border: none;
	font-family: var(--kc-font-en);
	font-size: 0.875rem;
	min-width: 280px;
	background: #fff;
}

.kc-newsletter__form button {
	padding: 0.875rem 1.75rem;
	border: none;
	background: var(--kc-dark);
	color: #fff;
	font-family: var(--kc-font-en);
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	cursor: pointer;
}

/* ─── Article page ─── */
.kc-progress {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	height: 2px;
	z-index: 200;
}

.kc-progress__bar {
	height: 100%;
	width: 0;
	background: var(--kc-primary);
}

.kc-article__hero {
	margin: 0;
	aspect-ratio: 21 / 9;
	max-height: 70vh;
	overflow: hidden;
	background: var(--kc-surface);
}

.kc-article__hero img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.kc-article__header {
	padding: 3.5rem 0 2rem;
}

.kc-breadcrumbs {
	font-family: var(--kc-font-en);
	font-size: 0.75rem;
	color: var(--kc-muted);
	margin-bottom: 1.5rem;
	letter-spacing: 0.03em;
}

.kc-breadcrumbs a { color: var(--kc-primary); text-decoration: none; }
.kc-breadcrumbs__sep { margin: 0 0.5rem; opacity: 0.35; }

.kc-article__title {
	font-size: clamp(2.25rem, 4.5vw, 3.5rem);
	font-weight: 800;
	line-height: 1.12;
	margin: 0 0 1.25rem;
	letter-spacing: -0.03em;
	max-width: 18ch;
}

.kc-article__deck {
	font-size: 1.25rem;
	line-height: 1.75;
	color: var(--kc-muted);
	margin: 0 0 2rem;
	max-width: 52ch;
}

.kc-article__meta { padding-bottom: 0; border-bottom: none; }

.kc-article__author-mini {
	display: flex;
	align-items: center;
	gap: 0.875rem;
}

.kc-article__avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--kc-primary);
	color: #fff;
	display: grid;
	place-items: center;
	font-weight: 800;
	font-size: 0.9rem;
}

.kc-article__author-mini strong { display: block; font-size: 0.9375rem; }

.kc-article__author-mini span {
	font-family: var(--kc-font-en);
	font-size: 0.8125rem;
	color: var(--kc-muted);
}

.kc-article__layout {
	display: grid;
	grid-template-columns: 220px 1fr;
	gap: 4rem;
	padding: 2rem 0 0;
	align-items: start;
}

.kc-toc {
	position: sticky;
	top: 88px;
}

.kc-toc__label {
	font-family: var(--kc-font-en);
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--kc-muted);
	margin: 0 0 0.5rem;
}

.kc-toc__list {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--kc-line);
	padding-top: 1rem;
}

.kc-toc__item { margin-bottom: 0.5rem; }

.kc-toc__item a {
	font-size: 0.875rem;
	color: var(--kc-dark);
	text-decoration: none;
	line-height: 1.45;
}

.kc-toc__item a:hover { color: var(--kc-primary); }
.kc-toc__item--h3 { padding-right: 0.75rem; }

.kc-article__content {
	max-width: var(--kc-article);
	font-size: 1.125rem;
	line-height: 1.95;
}

.kc-article__content h2 {
	font-size: 1.625rem;
	font-weight: 800;
	margin: 2.75rem 0 1rem;
	letter-spacing: -0.02em;
	scroll-margin-top: 96px;
}

.kc-article__content h3 {
	font-size: 1.25rem;
	font-weight: 800;
	margin: 2rem 0 0.75rem;
	scroll-margin-top: 96px;
}

.kc-article__content p { margin: 0 0 1.5rem; }
.kc-article__content img { max-width: 100%; height: auto; }

.kc-article__footer {
	padding: 4rem 0 5rem;
	border-top: 1px solid var(--kc-line);
	margin-top: 4rem;
}

.kc-share {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	padding-bottom: 2.5rem;
	margin-bottom: 2.5rem;
	border-bottom: 1px solid var(--kc-line);
}

.kc-share__label {
	font-family: var(--kc-font-en);
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--kc-muted);
}

.kc-share a {
	font-family: var(--kc-font-en);
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--kc-dark);
	text-decoration: none;
}

.kc-share a:hover { color: var(--kc-primary); }

.kc-author {
	display: flex;
	gap: 1.5rem;
	padding-bottom: 2.5rem;
	margin-bottom: 2.5rem;
	border-bottom: 1px solid var(--kc-line);
}

.kc-author__avatar {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: var(--kc-primary);
	color: #fff;
	display: grid;
	place-items: center;
	font-size: 1.5rem;
	font-weight: 800;
	flex-shrink: 0;
}

.kc-author__name {
	font-size: 1.25rem;
	font-weight: 800;
	margin: 0 0 0.5rem;
}

.kc-author__bio {
	margin: 0;
	color: var(--kc-muted);
	font-size: 0.9375rem;
	line-height: 1.75;
	max-width: 55ch;
}

.kc-faq { margin-bottom: 2.5rem; }

.kc-faq__heading {
	font-size: 1.25rem;
	font-weight: 800;
	margin: 0 0 1.25rem;
}

.kc-faq__item {
	border-bottom: 1px solid var(--kc-line);
	padding: 0.25rem 0;
}

.kc-faq__item summary {
	font-weight: 700;
	font-size: 1rem;
	padding: 1rem 0;
	cursor: pointer;
	list-style: none;
}

.kc-faq__item p {
	margin: 0 0 1rem;
	color: var(--kc-muted);
	line-height: 1.75;
	font-size: 0.9375rem;
}

.kc-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	padding: 2.5rem;
	background: var(--kc-surface);
}

.kc-cta__title {
	font-size: 1.35rem;
	font-weight: 800;
	margin: 0 0 0.35rem;
}

.kc-cta__desc {
	margin: 0;
	color: var(--kc-muted);
	font-size: 0.9375rem;
	max-width: 45ch;
}

.kc-cta__btn {
	display: inline-flex;
	padding: 0.875rem 1.75rem;
	background: var(--kc-primary);
	color: #fff !important;
	text-decoration: none;
	font-family: var(--kc-font-en);
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	white-space: nowrap;
}

.kc-related {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0;
	border: 1px solid var(--kc-line);
}

.kc-related .kc-insight { border-left: 1px solid var(--kc-line); }
.kc-related .kc-insight:first-child { border-left: none; }
.kc-related .kc-insight--medium { display: block; grid-template-columns: unset; }
.kc-related .kc-insight--medium .kc-insight__visual { aspect-ratio: 16 / 9; }

/* ─── Archive list ─── */
.kc-archive-header {
	padding: 4rem 0 2rem;
	border-bottom: 1px solid var(--kc-line);
}

.kc-archive-header__title {
	font-size: clamp(2rem, 4vw, 2.75rem);
	font-weight: 800;
	margin: 0;
	letter-spacing: -0.02em;
}

/* ─── Footer ─── */
.kc-footer {
	background: var(--kc-dark);
	color: rgba(255,255,255,0.75);
	padding: 4.5rem 0 2rem;
}

.kc-footer__grid {
	display: grid;
	grid-template-columns: 1.5fr repeat(4, 1fr);
	gap: 2.5rem;
	margin-bottom: 3rem;
}

.kc-footer__logo {
	height: 32px;
	width: auto;
	margin-bottom: 1.25rem;
	filter: brightness(0) invert(1);
}

.kc-footer__tagline {
	font-size: 0.875rem;
	line-height: 1.75;
	margin: 0;
	color: rgba(255,255,255,0.55);
}

.kc-footer__heading {
	font-family: var(--kc-font-en);
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 1.25rem;
}

.kc-footer__links {
	list-style: none;
	margin: 0;
	padding: 0;
}

.kc-footer__links li {
	margin-bottom: 0.6rem;
	font-size: 0.875rem;
}

.kc-footer__links a {
	color: rgba(255,255,255,0.65);
	text-decoration: none;
}

.kc-footer__links a:hover { color: #fff; }

.kc-footer__branches li {
	color: rgba(255,255,255,0.45);
	font-size: 0.8125rem;
	line-height: 1.55;
}

.kc-footer__legal {
	display: flex;
	justify-content: space-between;
	padding-top: 2rem;
	border-top: 1px solid rgba(255,255,255,0.1);
	font-family: var(--kc-font-en);
	font-size: 0.75rem;
	color: rgba(255,255,255,0.35);
}

/* ─── Responsive ─── */
@media (max-width: 1024px) {
	.kc-topics { grid-template-columns: repeat(2, 1fr); }
	.kc-topic:nth-child(odd) { border-left: none; }
	.kc-resources { grid-template-columns: repeat(2, 1fr); }
	.kc-resource:nth-child(odd) { border-left: none; }
	.kc-hik-lines { grid-template-columns: repeat(2, 1fr); }
	.kc-footer__grid { grid-template-columns: 1fr 1fr; }
	.kc-insights-editorial { grid-template-columns: 1fr; }
	.kc-insights-editorial__primary { grid-row: auto; border-left: none; border-bottom: 1px solid var(--kc-line); }
	.kc-insights-editorial__row { grid-template-columns: 1fr; }
	.kc-insight--medium { grid-template-columns: 1fr; border-left: none; border-top: 1px solid var(--kc-line); }
	.kc-related { grid-template-columns: 1fr; }
	.kc-related .kc-insight { border-left: none; border-top: 1px solid var(--kc-line); }
}

@media (max-width: 768px) {
	.kc-container { width: min(var(--kc-max), calc(100% - 2rem)); }
	.kc-header__nav { display: none; }
	.kc-header__nav.is-open {
		display: block;
		position: absolute;
		top: 68px;
		right: 0;
		left: 0;
		background: #fff;
		padding: 1.5rem 2rem;
		border-bottom: 1px solid var(--kc-line);
	}
	.kc-nav { flex-direction: column; gap: 1rem; }
	.kc-menu-btn { display: block; margin-right: auto; }
	.kc-header__contact { display: none; }
	.kc-hero-feature { min-height: 60vh; }
	.kc-topics { grid-template-columns: 1fr; }
	.kc-topic { border-left: none; border-top: 1px solid var(--kc-line); }
	.kc-resources { grid-template-columns: 1fr; }
	.kc-resource { border-left: none; border-top: 1px solid var(--kc-line); }
	.kc-trends { grid-template-columns: 1fr; }
	.kc-trend { border-left: none !important; }
	.kc-hik-lines { grid-template-columns: 1fr; }
	.kc-list-row { grid-template-columns: 1fr; gap: 0.5rem; }
	.kc-list-row__arrow { display: none; }
	.kc-newsletter { flex-direction: column; align-items: flex-start; }
	.kc-newsletter__form { width: 100%; flex-direction: column; border: none; gap: 0.5rem; }
	.kc-newsletter__form input { min-width: 0; width: 100%; border: 1px solid var(--kc-line); }
	.kc-article__layout { grid-template-columns: 1fr; }
	.kc-toc { position: static; margin-bottom: 2rem; }
	.kc-cta { flex-direction: column; align-items: flex-start; }
	.kc-section-header--split { flex-direction: column; align-items: flex-start; }
	.kc-footer__grid { grid-template-columns: 1fr; }
	.kc-footer__legal { flex-direction: column; gap: 0.5rem; }
}
