/* Karenjak News — main stylesheet */

:root{
	--kn-max-width: 1320px;
	--kn-radius: 12px;
	--kn-radius-sm: 8px;
	--kn-gap: 24px;

	--kn-color-bg: #ffffff;
	--kn-color-surface: #f7f7f8;
	--kn-color-text: #1a1a1a;
	--kn-color-muted: #6b6b6f;
	--kn-color-border: #ececec;
	--kn-color-primary: #013d9d;
	--kn-color-primary-dark: #1746A2;
	--kn-color-accent: #ff5d1d;
	--kn-color-dark-bg: #01284f;
	--kn-color-dark-text: #f2f2f2;

	--kn-shadow-sm: 0 1px 2px rgba(0,0,0,.04), 0 1px 1px rgba(0,0,0,.03);
	--kn-shadow-md: 0 4px 16px rgba(0,0,0,.06);

	--kn-font: "Peyda", "Segoe UI", Tahoma, sans-serif;

	--kn-fs-xs: .8125rem;
	--kn-fs-sm: .9375rem;
	--kn-fs-base: 1rem;
	--kn-fs-md: 1.125rem;
	--kn-fs-lg: 1.375rem;
	--kn-fs-xl: 1.75rem;
	--kn-fs-2xl: 2.25rem;

	--kn-transition: 180ms ease;
}

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

a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible{
	outline: 2px solid var(--kn-color-primary);
	outline-offset: 2px;
	border-radius: 4px;
}

html{ -webkit-text-size-adjust: 100%; }

body{
	margin: 0;
	background: var(--kn-color-bg);
	color: var(--kn-color-text);
	font-family: var(--kn-font);
	font-size: var(--kn-fs-base);
	line-height: 1.8;
	direction: rtl;
	text-align: right;
	-webkit-font-smoothing: antialiased;
}

img{ max-width: 100%; height: auto; display: block; }

a{ color: inherit; text-decoration: none; }

ul{ margin: 0; padding: 0; list-style: none; }

h1,h2,h3,h4{ margin: 0 0 .5em; font-weight: 700; line-height: 1.4; }

.kn-container{
	max-width: var(--kn-max-width);
	margin-inline: auto;
	padding-inline: 20px;
}

.kn-section{ margin-block: 40px; }

.kn-section-title{
	font-size: var(--kn-fs-lg);
	font-weight: 800;
	position: relative;
	padding-inline-start: 14px;
	margin-bottom: 20px;
}
.kn-section-title::before{
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 4px;
	bottom: 4px;
	width: 4px;
	border-radius: 4px;
	background: var(--kn-color-primary);
}

.kn-section-title.kn-has-icon{
	display: flex;
	align-items: center;
	gap: 12px;
	padding-inline-start: 0;
	font-size: var(--kn-fs-md);
	letter-spacing: -.01em;
}
.kn-section-title.kn-has-icon::before{ display: none; }
.kn-title-icon{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 10px;
	flex-shrink: 0;
	background: rgba(0,81,167,.1);
	color: var(--kn-color-primary);
}
.kn-title-icon svg{ width: 18px; height: 18px; }
.kn-title-icon--accent{ background: rgba(230,112,4,.12); color: var(--kn-color-accent); }

.kn-btn{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	/* border: 1px solid var(--kn-color-border); */
	/* background: var(--kn-color-surface); */
	color: var(--kn-color-text);
	border-radius: 999px;
	padding: 8px 18px;
	font-size: 14px;
	cursor: pointer;
	transition: background var(--kn-transition), color var(--kn-transition), border-color var(--kn-transition);
}
.kn-btn:hover{ background: var(--kn-color-primary); border-color: var(--kn-color-primary); color: #fff; }

/* ---------- Skip link ---------- */
.kn-skip-link{
	position: absolute;
	right: -999px;
	top: 0;
	background: var(--kn-color-primary);
	color: #fff;
	padding: 10px 16px;
	border-radius: 0 0 8px 8px;
	z-index: 999;
}
.kn-skip-link:focus{ right: 0; }

/* ---------- Breaking news bar (bn-breaking-news plugin, skinned) ---------- */
.kn-breaking.bn-breaking-news{
	border: 0;
	border-radius: 0;
	background: var(--kn-color-dark-bg);
	font-family: var(--kn-font);
}
.kn-breaking .bn-label{
	display: flex;
	align-items: center;
	gap: 8px;
	background: var(--kn-color-accent) !important;
	color: #fff;
	font-size: var(--kn-fs-xs);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .04em;
	padding-inline: 16px;
}
.kn-breaking .bn-label::after{
	content: "";
	position: absolute;
	inset-inline-start: 100%;
	top: 0;
	bottom: 0;
	width: 14px;
	background: var(--kn-color-accent);
	clip-path: polygon(100% 0, 100% 100%, 0 50%);
}
.kn-breaking-badge-icon{ display: flex; width: 16px; height: 16px; flex-shrink: 0; }
.kn-breaking-badge-icon svg{ width: 100%; height: 100%; }
.kn-breaking-dot{
	width: 7px;
	height: 7px;
	border-radius: 50%; 
	background: #fff;
	animation: kn-pulse 1.6s ease-in-out infinite;
	flex-shrink: 0;
}
.kn-breaking .bn-news ul li a{
	font-size: var(--kn-fs-sm);
	font-weight: 500;
	color: rgba(255,255,255,.92);
	transition: color var(--kn-transition);
	padding-inline: 0 18px;
}
.kn-breaking .bn-news ul li a:hover{ color: #ff731d }
.kn-breaking .bn-seperator{
	width: 24px;
	position: relative;
	top: 8px;
	height: 24px !important;
	margin-block: auto;
	background-color: var(--kn-color-primary);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M25.7,25.8l-1.7-2.4c-.5-.4-.9-.9-1.4-1.3-.7-.5-1.5-.6-2.3-1,1.9-.5,3.6-1.3,4.8-2.8,3.4-4,3-10.6-.9-14.2-1.7-1.6-3.9-2.4-6.3-2.4h-8.2s-5.4,0-5.4,0l1.2,3.7c.2.7.4,1.3.6,1.9h10.4c1.1,0,2.2.1,3,.8,2,1.6,2.3,4.6.8,6.4-.8,1-1.9,1.5-3.1,1.6h-1.8s1,2.4,1,2.4c.7,1.8,1,3.7.9,5.7,1.3,2.3,3.5,4.1,6.1,4.9,2.4.8,5,.9,7.5.6-2.2-.9-3.9-2.3-5.3-4.1Z'/%3E%3Cpath d='M17.9,27.5l-1.4-1.8c-1.2.1-2.2.1-3.5.1,1,1.8,2.4,3.4,4.2,4.3,2,1,4.1,1.4,6.3,1.2.7,0,1.3,0,1.9-.3-1.9-.3-3.6-.7-5.2-1.6-.9-.5-1.7-1.1-2.4-1.9Z'/%3E%3Cpath d='M3.8,12.9c2.7,0,5.4,1,7.4,2.9,2.2,2,3.4,4.9,3.4,7.8,0,.6.5.9.9.9.5,0,.9-.4.9-.9,0-3.9-1.8-7.5-4.8-9.9-2.2-1.7-4.9-2.7-7.7-2.7-.5,0-1,.4-1,.9,0,.5.4,1,.9.9Z'/%3E%3Cpath d='M3.9,15c-.5,0-1,.3-1,.9,0,.5.3,1,.9,1,3.8,0,6.9,3,6.9,6.8,0,.6.5,1,1,.9.5,0,.9-.4.9-1,0-1.1-.2-2.2-.6-3.2-1.3-3.3-4.5-5.4-8-5.4Z'/%3E%3Cpath d='M3.9,18.9c-.5,0-1,.4-1,.9,0,.5.3.9.9.9,1.6,0,3,1.3,3,2.9,0,.5.4.9.9.9.5,0,.9-.4.9-.9,0-2.6-2.1-4.7-4.7-4.8Z'/%3E%3Cpath d='M3.8,22c-.9,0-1.7.7-1.7,1.7s.7,1.7,1.7,1.7,1.7-.7,1.7-1.7-.7-1.7-1.7-1.7Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M25.7,25.8l-1.7-2.4c-.5-.4-.9-.9-1.4-1.3-.7-.5-1.5-.6-2.3-1,1.9-.5,3.6-1.3,4.8-2.8,3.4-4,3-10.6-.9-14.2-1.7-1.6-3.9-2.4-6.3-2.4h-8.2s-5.4,0-5.4,0l1.2,3.7c.2.7.4,1.3.6,1.9h10.4c1.1,0,2.2.1,3,.8,2,1.6,2.3,4.6.8,6.4-.8,1-1.9,1.5-3.1,1.6h-1.8s1,2.4,1,2.4c.7,1.8,1,3.7.9,5.7,1.3,2.3,3.5,4.1,6.1,4.9,2.4.8,5,.9,7.5.6-2.2-.9-3.9-2.3-5.3-4.1Z'/%3E%3Cpath d='M17.9,27.5l-1.4-1.8c-1.2.1-2.2.1-3.5.1,1,1.8,2.4,3.4,4.2,4.3,2,1,4.1,1.4,6.3,1.2.7,0,1.3,0,1.9-.3-1.9-.3-3.6-.7-5.2-1.6-.9-.5-1.7-1.1-2.4-1.9Z'/%3E%3Cpath d='M3.8,12.9c2.7,0,5.4,1,7.4,2.9,2.2,2,3.4,4.9,3.4,7.8,0,.6.5.9.9.9.5,0,.9-.4.9-.9,0-3.9-1.8-7.5-4.8-9.9-2.2-1.7-4.9-2.7-7.7-2.7-.5,0-1,.4-1,.9,0,.5.4,1,.9.9Z'/%3E%3Cpath d='M3.9,15c-.5,0-1,.3-1,.9,0,.5.3,1,.9,1,3.8,0,6.9,3,6.9,6.8,0,.6.5,1,1,.9.5,0,.9-.4.9-1,0-1.1-.2-2.2-.6-3.2-1.3-3.3-4.5-5.4-8-5.4Z'/%3E%3Cpath d='M3.9,18.9c-.5,0-1,.4-1,.9,0,.5.3.9.9.9,1.6,0,3,1.3,3,2.9,0,.5.4.9.9.9.5,0,.9-.4.9-.9,0-2.6-2.1-4.7-4.7-4.8Z'/%3E%3Cpath d='M3.8,22c-.9,0-1.7.7-1.7,1.7s.7,1.7,1.7,1.7,1.7-.7,1.7-1.7-.7-1.7-1.7-1.7Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* Reserve the separator's width at all times (visibility, not display) so the leading item
   never changes width the instant it becomes/stops being first — that width change is what
   caused the visible jump as the ticker looped. */
.kn-breaking li:first-child .bn-seperator{ visibility: hidden; }

@keyframes kn-pulse{
	0%, 100%{ opacity: 1; transform: scale(1); }
	50%{ opacity: .5; transform: scale(.75); }
}
@media (prefers-reduced-motion: reduce){
	.kn-breaking-dot{ animation: none; }
}
@media (max-width: 782px){
	.kn-breaking .bn-label{ padding-inline: 12px; font-size: .75rem; }
}

/* ---------- Top bar ---------- */
/* ---------- Main header ---------- */
.kn-header{
	background: linear-gradient(45deg, #002c71, #013d9d);
	position: sticky;
	top: 0;
	z-index: 50;
	transition: box-shadow var(--kn-transition);
}
.kn-header.is-stuck{box-shadow: 1px 5px 20px #013d9c52;}

/* WordPress admin bar is fixed at the viewport top for logged-in users;
   the sticky header must dock below it, not underneath it. */
body.admin-bar .kn-header{ top: 32px; }
@media (max-width: 782px){
	body.admin-bar .kn-header{ top: 46px; }
}

.kn-header-date{ font-size: var(--kn-fs-sm); font-weight: 600; color: rgba(255,255,255,.75); flex-shrink: 0; white-space: nowrap; }
.kn-header .kn-container{
	display: flex;
	align-items: center;
	gap: 24px;
	padding-block: 16px;
	transition: padding-block var(--kn-transition);
}
.kn-header.is-stuck .kn-container{padding-block: 5px 10px 0;}
.kn-logo{display: flex;align-items: center;flex-shrink: 0;font-size: var(--kn-fs-xl);font-weight: 800;color: #fff;justify-content: center;}
.kn-logo img{display: block;width: auto;height: 80px;max-width: 220px;object-fit: contain;transition: height var(--kn-transition);}
.kn-header.is-stuck .kn-logo img{ height: 32px; }

.kn-search-toggle{display: flex;align-items: center;justify-content: center;width: 43px;height: 44px;margin-inline-start: auto;border: unset;background: rgb(255 255 255 / 0%);/* border-radius: 50%; */color: #fff;cursor: pointer;flex-shrink: 0;transition: background var(--kn-transition), color var(--kn-transition), border-color var(--kn-transition);}
.kn-search-toggle:hover{ background: var(--kn-color-accent); border-color: var(--kn-color-accent); color: #fff; }
.kn-search-toggle svg{width: 22px;height: 22px;}

/* ---------- Header search modal ---------- */
body.kn-no-scroll{ overflow: hidden; }
.kn-search-modal{ position: fixed; inset: 0; z-index: 100; display: flex; justify-content: center; padding-top: min(14vh, 120px); }
.kn-search-modal[hidden]{ display: none; }
.kn-search-modal-backdrop{ position: absolute; inset: 0; background: rgba(1,15,34,.55); backdrop-filter: blur(2px); animation: kn-fade-in 200ms ease; }
.kn-search-modal-panel{
	position: relative;
	width: 100%;
	max-width: 640px;
	max-height: 70vh;
	margin-inline: 20px;
	background: var(--kn-color-bg);
	border-radius: var(--kn-radius);
	box-shadow: 0 20px 60px rgba(0,0,0,.25);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	animation: kn-modal-in 200ms ease;
}
.kn-search-modal-form{ display: flex; align-items: center; gap: 12px; padding: 18px 20px; border-bottom: 1px solid var(--kn-color-border); flex-shrink: 0; }
.kn-search-modal-form svg{ width: 20px; height: 20px; color: var(--kn-color-muted); flex-shrink: 0; }
.kn-search-modal-form input[type="search"]{ flex: 1; border: 0; background: transparent; font-family: inherit; font-size: var(--kn-fs-md); outline: 0; color: var(--kn-color-text); }
.kn-search-modal-close{ display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 0; border-radius: 50%; background: var(--kn-color-surface); color: var(--kn-color-muted); font-size: 1.25rem; line-height: 1; cursor: pointer; flex-shrink: 0; transition: background var(--kn-transition), color var(--kn-transition); }
.kn-search-modal-close:hover{ background: var(--kn-color-border); color: var(--kn-color-text); }

.kn-search-results{ overflow-y: auto; padding: 8px; }
.kn-search-result{ display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: var(--kn-radius-sm); transition: background var(--kn-transition); }
.kn-search-result:hover{ background: var(--kn-color-surface); }
.kn-search-result-thumb{ width: 56px; height: 56px; border-radius: var(--kn-radius-sm); overflow: hidden; flex-shrink: 0; background: var(--kn-color-surface); }
.kn-search-result-thumb img{ width: 100%; height: 100%; object-fit: cover; }
.kn-search-result-thumb--empty{ background: var(--kn-color-border); }
.kn-search-result-body{ min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.kn-search-result-title{ font-size: var(--kn-fs-sm); font-weight: 600; color: var(--kn-color-text); display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.kn-search-empty{ padding: 20px; text-align: center; color: var(--kn-color-muted); font-size: var(--kn-fs-sm); margin: 0; }

.kn-search-recent{ padding: 16px; }
.kn-search-recent-label{ display: block; font-size: var(--kn-fs-xs); font-weight: 700; color: var(--kn-color-muted); margin-bottom: 10px; }
.kn-search-recent-chips{ display: flex; flex-wrap: wrap; gap: 8px; }
.kn-search-recent-chip{ border: 1px solid var(--kn-color-border); background: var(--kn-color-surface); border-radius: 999px; padding: 8px 14px; font-family: inherit; font-size: var(--kn-fs-xs); color: var(--kn-color-text); cursor: pointer; transition: background var(--kn-transition), border-color var(--kn-transition); }
.kn-search-recent-chip:hover{ background: var(--kn-color-primary); border-color: var(--kn-color-primary); color: #fff; }

@keyframes kn-fade-in{ from{ opacity: 0; } to{ opacity: 1; } }
@keyframes kn-modal-in{ from{ opacity: 0; transform: translateY(-8px) scale(.98); } to{ opacity: 1; transform: translateY(0) scale(1); } }
@media (prefers-reduced-motion: reduce){
	.kn-search-modal-backdrop, .kn-search-modal-panel{ animation: none; }
}

.kn-menu-toggle{ display: none; border: 0; background: transparent; color: #fff; cursor: pointer; padding: 8px; border-radius: var(--kn-radius-sm); }
.kn-menu-toggle:hover{ background: rgba(255,255,255,.12); }
.kn-menu-toggle svg{ width: 24px; height: 24px; }

/* ---------- Navigation ---------- */
.kn-nav{ background: transparent; }
.kn-nav .kn-container{display: flex;padding: 0 24px;}
.kn-nav-menu{display: flex;align-items: center;flex-wrap: wrap;gap: 8px;/* padding-block: 12px; */}
.kn-nav-menu > li{ position: relative; }
.kn-nav-menu > li > a{display: block;padding: 10px 18px;border-radius: 10px 10px 0 0;font-size: var(--kn-fs-sm);font-weight: 600;color: #fff;background: #0044b1;transition: color var(--kn-transition), background var(--kn-transition);}
.kn-nav-menu > li > a:hover, .kn-nav-menu > li.current-menu-item > a{color: var(--kn-color-accent);background: rgb(0 34 89);}

.kn-nav-menu ul{
	position: absolute;
	top: 100%;
	right: 0;
	min-width: 220px;
	background: var(--kn-color-bg);
	border: 1px solid var(--kn-color-border);
	border-radius: var(--kn-radius-sm);
	box-shadow: var(--kn-shadow-md);
	padding: 8px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity var(--kn-transition), transform var(--kn-transition), visibility var(--kn-transition);
	z-index: 60;
}
.kn-nav-menu li:hover > ul,
.kn-nav-menu li.kn-submenu-open > ul{ opacity: 1; visibility: visible; transform: translateY(0); }
.kn-nav-menu ul ul{ top: 0; right: 100%; }
.kn-nav-menu ul li a{ padding: 10px 12px; border-radius: 6px; font-weight: 500; font-size: var(--kn-fs-sm); }
.kn-nav-menu ul li a:hover{ background: var(--kn-color-surface); color: var(--kn-color-primary); }
.kn-nav-menu li.menu-item-has-children > a::after{ content: "\25BE"; font-size: .7em; margin-inline-start: 4px; }

/* ---------- Card ---------- */
.kn-card{
	background: var(--kn-color-bg);
	border-radius: var(--kn-radius);
	overflow: hidden;
	transition: box-shadow var(--kn-transition), transform var(--kn-transition);
}
.kn-card:hover{ box-shadow: var(--kn-shadow-md); }
.kn-card-media{ position: relative; aspect-ratio: 16/10; overflow: hidden; border-radius: var(--kn-radius); background: var(--kn-color-surface); }
.kn-card-media img{ width: 100%; height: 100%; object-fit: cover; transition: transform 400ms ease; }
.kn-card:hover .kn-card-media img{ transform: scale(1.04); }
.kn-cat{ display: inline-block; font-size: var(--kn-fs-xs); font-weight: 700; color: var(--kn-color-accent); background: rgba(230,112,4,.1); padding: 4px 10px; border-radius: 999px; margin-block: 10px 6px; }
.kn-card-title{ font-size: var(--kn-fs-md); font-weight: 700; margin: 0 0 8px; }
.kn-card-excerpt{ color: var(--kn-color-muted); font-size: var(--kn-fs-sm); margin: 0 0 8px; }
.kn-meta{ color: var(--kn-color-muted); font-size: var(--kn-fs-xs); display: flex; gap: 6px; align-items: center; }
.kn-meta svg{ width: 13px; height: 13px; flex-shrink: 0; opacity: .7; }

/* ---------- Hero (Section 1: main slider 2/3 + tabs 1/3) ---------- */
.kn-grid-hero{ display: grid; grid-template-columns: 2fr 1fr; gap: var(--kn-gap); align-items: stretch; }
.kn-grid-hero > *{ min-width: 0; }
.kn-hero-main{ position: relative; width: 100%; aspect-ratio: 16/9; border-radius: var(--kn-radius); overflow: hidden; background: var(--kn-color-surface); }
.kn-hero-main .swiper-slide{ position: relative; }
.kn-slide-link{ display: block; width: 100%; height: 100%; }
.kn-hero-main img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 400ms ease; }
.kn-slide-link:hover img{ transform: scale(1.02); }
.kn-slide-content h3{ transition: color var(--kn-transition); }
.kn-slide-link:hover .kn-slide-content h3{ color: var(--kn-color-accent); }
.kn-slide-overlay{
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgb(0 67 159 / 90%) 0%, rgba(1, 15, 34, .55) 32%, rgba(1, 15, 34, 0) 65%);
	display: flex;
	align-items: flex-end;
}
.kn-slide-content{padding: 20px 28px 10px;color: #fff;/* max-width: 640px; */}
.kn-slide-content .kn-cat{ background: var(--kn-color-accent); color: #fff; margin-block: 0 10px; }
.kn-slide-content h3{font-size: var(--kn-fs-xl);font-weight: 800;line-height: 1.35;color: #fff;margin-block: 0 8px;}
.kn-slide-content p{ color: rgba(255,255,255,.82); font-size: var(--kn-fs-sm); line-height: 1.7; margin: 0 0 10px; }
.kn-slide-content time{ font-size: var(--kn-fs-xs); color: rgba(255,255,255,.65); }

.kn-slider-hero .swiper-pagination{position: absolute;/* inset-inline-start: 28px; *//* inset-inline-end: auto; */bottom: 16px !important;width: auto;display: flex;gap: 6px;z-index: 2;left: 0;width: 126px !important;}
.kn-slider-hero .swiper-pagination-bullet{ background: #fff; opacity: .45; width: 7px; height: 7px; margin: 0; transition: opacity var(--kn-transition), width var(--kn-transition); border-radius: 999px; }
.kn-slider-hero .swiper-pagination-bullet-active{ opacity: 1; width: 18px; background: var(--kn-color-accent); }

.kn-slider-hero .swiper-button-next, .kn-slider-hero .swiper-button-prev{
	color: #fff;
	--swiper-navigation-size: 16px;
	width: 40px; height: 40px;
	background: rgba(1,15,34,.45);
	backdrop-filter: blur(2px);
	border-radius: 50%;
	opacity: .85;
	z-index: 20;
	transition: opacity var(--kn-transition), background var(--kn-transition);
}
.kn-slider-hero .swiper-button-next:hover, .kn-slider-hero .swiper-button-prev:hover,
.kn-slider-hero .swiper-button-next:focus-visible, .kn-slider-hero .swiper-button-prev:focus-visible{ opacity: 1; background: var(--kn-color-accent); }
.kn-slider-hero .swiper-button-next::after, .kn-slider-hero .swiper-button-prev::after{ font-weight: 700; }

.swiper-pagination-bullet{ background: #fff; opacity: .6; }
.swiper-pagination-bullet-active{ opacity: 1; background: var(--kn-color-primary); }
.swiper-button-next, .swiper-button-prev{ color: #fff; --swiper-navigation-size: 18px; width: 34px; height: 34px; background: rgba(0,0,0,.35); border-radius: 50%; }
@media (max-width: 782px){
	.kn-slider-hero .swiper-button-next, .kn-slider-hero .swiper-button-prev{ opacity: 1; width: 34px; height: 34px; --swiper-navigation-size: 14px; }
}

/* ---------- Grid layouts ---------- */
.kn-grid-3{ display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--kn-gap); }
.kn-grid-3 > *{ min-width: 0; }
.kn-grid-2{ display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--kn-gap); }
.kn-grid-2 > *{ min-width: 0; }
.kn-layout-main-sidebar{ display: grid; grid-template-columns: 2fr 1fr; gap: var(--kn-gap); align-items: start; }
.kn-layout-main-sidebar > *{ min-width: 0; }

/* ---------- Tabs widget ---------- */
.kn-tabs{ display: flex; flex-direction: column; background: var(--kn-color-dark-bg); border-radius: var(--kn-radius); padding: 20px; height: 100%; }
.kn-tabs-head{
	display: flex;
	gap: 4px;
	margin-bottom: 16px;
	background: rgba(255,255,255,.08);
	border-radius: 999px;
	padding: 4px;
}
.kn-tabs-head button{
	position: relative;
	flex: 1;
	border: 0;
	background: transparent;
	border-radius: 999px;
	padding: 8px 14px;
	font-family: inherit;
	font-size: var(--kn-fs-sm);
	font-weight: 700;
	color: rgba(255,255,255,.6);
	cursor: pointer;
	transition: color var(--kn-transition), background var(--kn-transition);
}
.kn-tabs-head button:hover{ color: #fff; }
.kn-tabs-head button[aria-selected="true"]{ color: #fff; background: var(--kn-color-accent); box-shadow: 0 2px 8px rgba(0,0,0,.25); }
.kn-tab-panel{ display: none; }
.kn-tab-panel.is-active{ display: flex; flex-direction: column; gap: 14px; }
.kn-tab-panel .kn-simple-item + .kn-simple-item{ border-top: 1px solid rgba(255,255,255,.12); margin-top: 0; padding-top: 14px; }

.kn-tabs .kn-simple-item-thumb{ background: rgba(255,255,255,.08); }
.kn-tabs .kn-simple-item-body h4 a{ color: var(--kn-color-dark-text); }
.kn-tabs .kn-simple-item-body h4 a:hover{ color: #fff; }
.kn-tabs .kn-kicker{color: #ffffff82;}
.kn-tabs .kn-meta{ color: rgba(255,255,255,.5); }
.kn-tabs .kn-meta svg{ opacity: .6; }

.kn-simple-item{display: flex;gap: 12px;align-items: center;}
.kn-simple-item-thumb{width: 100px;height: 100px;border-radius: var(--kn-radius-sm);overflow: hidden;flex-shrink: 0;background: var(--kn-color-border);}
.kn-simple-item-thumb img{ width: 100%; height: 100%; object-fit: cover; transition: transform 300ms ease; }
.kn-simple-item:hover .kn-simple-item-thumb img{ transform: scale(1.06); }
.kn-simple-item-body{ min-width: 0; }
.kn-simple-item-body h4{ display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.kn-simple-item-body h4 a:hover{ color: var(--kn-color-primary); }
.kn-simple-item-body h4{ font-size: var(--kn-fs-sm); margin: 0 0 4px; font-weight: 600; }

.kn-simple-item--ranked{ align-items: center; }
.kn-simple-item-rank{ font-size: var(--kn-fs-xl); font-weight: 800; font-style: italic; color: var(--kn-color-border); width: 26px; flex-shrink: 0; line-height: 1; }

/* Kicker: short label shown above a title when the post has a subtitle field set. */
.kn-kicker{display: block;font-size: var(--kn-fs-xs);font-weight: 300;color: #000000;margin-bottom: 4px;}

/* ---------- News list (section 3) ---------- */
.kn-news-list-item{ display: flex; gap: 20px; padding: 16px; border: 1px solid var(--kn-color-border); border-radius: var(--kn-radius); transition: box-shadow var(--kn-transition), border-color var(--kn-transition); }
.kn-news-list-item + .kn-news-list-item{ margin-top: 16px; }
.kn-news-list-item:hover{ box-shadow: var(--kn-shadow-md); }
.kn-news-list-item .kn-card-media{ width: 260px; flex-shrink: 0; }
.kn-card-date{
	position: absolute;
	top: 10px;
	inset-inline-end: 10px;
	background: rgba(1,15,34,.6);
	backdrop-filter: blur(2px);
	color: #fff;
	font-size: var(--kn-fs-xs);
	font-weight: 600;
	padding: 4px 10px;
	border-radius: 999px;
}
.kn-card-cat{ position: absolute; bottom: 10px; inset-inline-start: 10px; background: var(--kn-color-accent); color: #fff; margin: 0; }
.kn-overline{ font-size: var(--kn-fs-xs); font-weight: 700; color: var(--kn-color-accent); }
.kn-news-list-item h3{font-size: 16px;margin-block: 8px;}
.kn-news-list-item p{color: var(--kn-color-muted);margin: 0 0 10px;font-size: 14px;}

/* ---------- Sidebar / most viewed ---------- */
.kn-sidebar-box{ background: var(--kn-color-surface); border-radius: var(--kn-radius); padding: 20px; }
.kn-sidebar-box .kn-simple-item + .kn-simple-item{ border-top: 1px solid var(--kn-color-border); margin-top: 14px; padding-top: 14px; }
.kn-sidebar-box--sticky{ position: sticky; top: 96px; }
body.admin-bar .kn-sidebar-box--sticky{ top: 128px; }

.kn-sidebar-box--accent{ background: var(--kn-color-accent); }
.kn-sidebar-box--accent .kn-section-title{ color: #fff; }
.kn-sidebar-box--accent .kn-title-icon--accent{ background: rgba(255,255,255,.2); color: #fff; }
.kn-sidebar-box--accent .kn-simple-item + .kn-simple-item{ border-top-color: rgba(255,255,255,.25); }
.kn-sidebar-box--accent .kn-simple-item-rank{ color: rgba(255,255,255,.45); }
.kn-sidebar-box--accent .kn-simple-item-thumb{ background: rgba(255,255,255,.2); }
.kn-sidebar-box--accent .kn-kicker{color: rgb(255 255 255 / 65%);}
.kn-sidebar-box--accent .kn-simple-item-body h4 a{ color: #fff; }
.kn-sidebar-box--accent .kn-simple-item-body h4 a:hover{ color: var(--kn-color-dark-bg); }
.kn-sidebar-box--accent .kn-meta{ color: rgba(255,255,255,.75); }
.kn-sidebar-box--accent .kn-meta svg{ opacity: .85; }

/* ---------- Ad slot (Theme Settings → homepage) ---------- */
.kn-ad-slot{ margin-top: 20px; aspect-ratio: 1 / 1; border-radius: var(--kn-radius-sm); overflow: hidden; }
.kn-ad-slot a{ display: block; width: 100%; height: 100%; }
.kn-ad-slot img{width: 100%;height: auto;/* object-fit: cover; */}
.kn-ad-slot-placeholder{
	display: flex; align-items: center; justify-content: center;
	width: 100%; height: 100%;
	border: 1px dashed var(--kn-color-border);
	border-radius: var(--kn-radius-sm);
	color: var(--kn-color-muted);
	font-size: var(--kn-fs-xs);
	text-align: center;
	background: var(--kn-color-bg);
}

.kn-ads-row{ display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--kn-gap); }
.kn-ad-slot--row{ margin-top: 0; aspect-ratio: 16 / 6; }
@media (max-width: 782px){
	.kn-ads-row{ grid-template-columns: 1fr; }
	.kn-ad-slot--row{ aspect-ratio: 16 / 9; }
}

/* ---------- Photo reports (section 4, dark) ---------- */
.kn-photo-reports{ background: var(--kn-color-dark-bg); color: var(--kn-color-dark-text); padding-block: 40px; border-radius: var(--kn-radius); }
.kn-photo-reports .kn-section-title{ color: #fff; }
.kn-photo-reports .kn-section-title::before{ background: var(--kn-color-primary); }
.kn-pr-grid{ display: grid; grid-template-columns: 1.6fr 1fr; gap: var(--kn-gap); }
.kn-pr-main .swiper-slide{ position: relative; aspect-ratio: 16/9; border-radius: var(--kn-radius); overflow: hidden; }
.kn-pr-main img{ width: 100%; height: 100%; object-fit: cover; }
.kn-pr-side{ display: grid; grid-template-rows: repeat(4, 1fr); gap: 12px; }
.kn-pr-side-item{ position: relative; border-radius: var(--kn-radius-sm); overflow: hidden; display: flex; align-items: center; gap: 12px; background: rgba(255,255,255,.04); padding: 8px; }
.kn-pr-side-item img{ width: 72px; height: 56px; object-fit: cover; border-radius: 6px; flex-shrink: 0; }
.kn-pr-side-item h4{ font-size: var(--kn-fs-sm); margin: 0; color: #fff; font-weight: 600; }

/* ---------- Media section (عکس / ویدیو): single-category, black bg, bento grid ---------- */
.kn-media-section{ background: #0d0d0f; color: var(--kn-color-dark-text); padding: 28px; border-radius: var(--kn-radius); }
.kn-media-section .kn-section-title{ color: #fff; margin-bottom: 18px; }
.kn-media-section .kn-title-icon--accent{ background: rgba(255,115,29,.18); }

/* Bento grid: latest post large (2x2), next 3 posts smaller — promotes the newest item. */
.kn-bento-grid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, minmax(140px, auto));
	grid-template-areas:
		"big big s1 s2"
		"big big s3 s3";
	gap: 20px;
}
.kn-bento-big{ grid-area: big; }
.kn-bento-s1{ grid-area: s1; }
.kn-bento-s2{ grid-area: s2; }
.kn-bento-s3{ grid-area: s3; }

.kn-media-card{ position: relative; display: block; height: 100%; border-radius: var(--kn-radius); overflow: hidden; background: #1a1a1d; }
.kn-media-card img{ width: 100%; height: 100%; object-fit: cover; transition: transform 450ms ease; }
.kn-media-card:hover img{ transform: scale(1.06); }
.kn-bento-big .kn-media-title{ font-size: var(--kn-fs-lg); -webkit-line-clamp: 3; line-clamp: 3; }
.kn-bento-big .kn-media-play{ width: 68px; height: 68px; }
.kn-bento-big .kn-media-play svg{ width: 26px; height: 26px; }
.kn-media-play{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: rgba(1,15,34,.55);
	backdrop-filter: blur(2px);
	color: #fff;
	transition: background var(--kn-transition), transform var(--kn-transition);
}
.kn-media-play svg{ width: 20px; height: 20px; margin-inline-start: 3px; }
.kn-media-card:hover .kn-media-play{ background: var(--kn-color-accent); transform: translate(-50%, -50%) scale(1.08); }
.kn-media-overlay{
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 16px 14px 14px;
	background: linear-gradient(0deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.5) 55%, rgba(0,0,0,0) 100%);
}
.kn-media-overlay .kn-cat{ margin-block: 0 8px; }
.kn-media-overlay .kn-kicker{ color: var(--kn-color-accent); }
.kn-media-title{ display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: var(--kn-fs-sm); font-weight: 700; line-height: 1.5; color: #fff; margin-bottom: 6px; transition: color var(--kn-transition); }
.kn-media-overlay .kn-meta{ color: rgba(255,255,255,.65); }
.kn-media-card:hover .kn-media-title{ color: var(--kn-color-accent); }

/* ---------- Section 5: three columns ---------- */
.kn-col{display: flex;flex-direction: column;height: 100%;border: 1px solid var(--kn-color-border);border-radius: var(--kn-radius);padding: 20px;}
.kn-col-head-item .kn-card-media{ display: block; }
.kn-col-head-overlay{
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	\: block;
	padding: 16px 14px 14px;
	background: linear-gradient(0deg, rgba(1, 15, 34, .92) 0%, rgb(1 15 34 / 68%) 55%, rgba(1, 15, 34, 0) 100%);
	height: 62%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.kn-col-head-overlay .kn-kicker{color: var(--kn-color-accent);font-weight: 500;}
.kn-col-head-title{ display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: var(--kn-fs-md); font-weight: 800; line-height: 1.4; color: #fff; }

.kn-col-list{display: flex;flex-direction: column;gap: 12px;margin-top: 14px;margin-bottom: 22px;}
.kn-col-list .kn-simple-item{/* padding: 12px; *//* border: 1px solid var(--kn-color-border); *//* border-radius: var(--kn-radius-sm); */transition: box-shadow var(--kn-transition);}
.kn-col-list .kn-simple-item:hover{ box-shadow: var(--kn-shadow-sm); }

.kn-btn-outline{ background: transparent; border-color: var(--kn-color-primary); color: var(--kn-color-primary); }
.kn-btn-outline:hover{ background: var(--kn-color-primary); border-color: var(--kn-color-primary); color: #fff; }
.kn-col-more{display: flex;justify-content: center;width: 100%;text-align: center;margin-top: auto;background: var(--kn-color-surface);border-color: transparent;color: #777777;}
.kn-col-more:hover{ background: var(--kn-color-primary); color: #fff; }

/* ---------- Footer ---------- */
.kn-footer{/* background: #373737; */margin-top: 60px;padding-block: 40px 20px;border-top: 1px solid var(--kn-color-border);}
.kn-footer-grid{ display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: var(--kn-gap); margin-bottom: 24px; }
.kn-footer-logo img{display: block;width: auto;height: auto;max-width: 200px;max-height: 53px;object-fit: contain;margin-bottom: 12px;}
.kn-footer-desc{ color: var(--kn-color-muted); font-size: var(--kn-fs-sm); }
.kn-footer h4{ font-size: var(--kn-fs-sm); margin-bottom: 14px; }
.kn-footer-menu li{ margin-bottom: 8px; }
.kn-footer-menu a{ color: var(--kn-color-muted); font-size: var(--kn-fs-sm); transition: color var(--kn-transition); }
.kn-footer-menu a:hover{ color: var(--kn-color-primary); }
.kn-footer-social{ display: flex; gap: 12px; margin-top: 14px; }
.kn-footer-social a{ width: 34px; height: 34px; border-radius: 50%; background: var(--kn-color-bg); border: 1px solid var(--kn-color-border); display: flex; align-items: center; justify-content: center; transition: background var(--kn-transition), color var(--kn-transition); }
.kn-footer-social svg{ width: 16px; height: 16px; }
.kn-footer-social a:hover{ background: var(--kn-color-primary); color: #fff; border-color: var(--kn-color-primary); }
.kn-footer-bottom{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 20px; font-size: var(--kn-fs-xs); color: var(--kn-color-muted); padding-top: 16px; }
.kn-footer-credit{ margin-inline-start: auto; }
@media (max-width: 600px){
	.kn-footer-bottom{ flex-direction: column; text-align: center; }
	.kn-footer-credit{ margin-inline-start: 0; }
}
.kn-footer-credit a{ color: var(--kn-color-muted); text-decoration: none; }
.kn-footer-credit a:hover{ color: var(--kn-color-primary); text-decoration: none; }

.kn-footer-columns{ display: grid; grid-template-columns: 2fr 1fr 1fr; gap: var(--kn-gap); padding-top: 24px; margin-bottom: 24px; border-top: 1px solid var(--kn-color-border); }
.kn-footer-column-1{ grid-column: 1; }
.kn-footer-column-2{ grid-column: 2; }
.kn-footer-column-3{ grid-column: 3; }
.kn-footer-column h4{ font-size: var(--kn-fs-sm); margin-bottom: 14px; }
.kn-footer-column-content{ color: var(--kn-color-muted); font-size: var(--kn-fs-sm); line-height: 1.9; }
.kn-footer-column-content p{ margin: 0 0 10px; }
.kn-footer-column-content p:last-child{ margin-bottom: 0; }
.kn-footer-column-content img{ max-width: 100%; height: auto; border-radius: var(--kn-radius); margin-top: 10px; }
@media (max-width: 782px){
	.kn-footer-columns{ grid-template-columns: 1fr; }
	.kn-footer-column-1, .kn-footer-column-2, .kn-footer-column-3{ grid-column: 1; }
}

/* ---------- Single post ---------- */
.kn-breadcrumb{ font-size: var(--kn-fs-xs); color: var(--kn-color-muted); margin-bottom: 14px; }
.kn-breadcrumb a{ color: var(--kn-color-muted); }
.kn-breadcrumb a:hover{ color: var(--kn-color-primary); }
.kn-article-header{ max-width: 800px; margin-inline: auto; text-align: center; margin-bottom: 24px; }
.kn-article-header .kn-cat{ margin-block: 0 10px; }
.kn-article-top-title{ font-size: var(--kn-fs-sm); font-weight: 700; color: var(--kn-color-primary); margin: 8px 0 4px; }
.kn-article-title{ font-size: var(--kn-fs-2xl); }
.kn-article-meta{ display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; color: var(--kn-color-muted); font-size: var(--kn-fs-xs); }
.kn-article-meta span{ display: inline-flex; align-items: center; gap: 4px; }
.kn-article-meta svg{ width: 14px; height: 14px; flex-shrink: 0; opacity: .7; }

/* Cover hero: featured image as a contained banner, in the same visual language as the homepage hero slider. */
.kn-article-cover{ position: relative; width: 100%; overflow: hidden; margin-bottom: 32px; border-radius: var(--kn-radius); background: var(--kn-color-surface); }
.kn-article-cover img{ display: block; width: 100%; height: auto; }
.kn-article-cover-overlay{
	position: absolute;
	inset: 0;
	display: flex;
	align-items: flex-start;
	background: linear-gradient(0deg, rgba(1,15,34,.92) 0%, rgba(1,15,34,.55) 45%, rgba(1,15,34,0) 85%);
	padding: 0 28px 28px;
	flex-direction: column;
	justify-content: flex-end;
}
.kn-article-cover .kn-article-header{ max-width: 800px; margin-inline: 0; margin-bottom: 0; text-align: right; }
.kn-article-cover .kn-article-top-title{ color: var(--kn-color-accent); }
.kn-article-cover .kn-article-title{ color: #fff; }
.kn-article-cover .kn-article-meta{ justify-content: flex-start; color: rgba(255,255,255,.75); }

.kn-article-content{ max-width: 760px; margin-inline: auto; font-size: 1.0625rem; line-height: 2; }
.kn-article-body{ border: 1px solid var(--kn-color-border); border-radius: var(--kn-radius); padding: 24px; }
.kn-article-content p{ margin: 0 0 1.4em; }
.kn-article-lead{ font-size: 1.1875rem; font-weight: 600; line-height: 1.9; color: var(--kn-color-text); padding-bottom: 1.2em; margin-bottom: 1.4em; border-bottom: 1px solid var(--kn-color-border); }
.kn-article-content img{ border-radius: var(--kn-radius); margin-block: 1.4em; }
.kn-article-content h2, .kn-article-content h3{ margin-top: 1.6em; }
.kn-article-gallery{ max-width: 760px; margin-inline: auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-block: 24px; }
.kn-article-gallery .kn-gallery-item{ display: block; border-radius: var(--kn-radius-sm); overflow: hidden; }
.kn-article-gallery img{ display: block; width: 100%; height: 100%; aspect-ratio: 1/1; object-fit: cover; }
.kn-tags{ max-width: 760px; margin-inline: auto; display: flex; flex-wrap: wrap; gap: 8px; margin-block: 24px; }
.kn-tags a{ font-size: var(--kn-fs-xs); background: var(--kn-color-surface); border-radius: 999px; padding: 6px 14px; }
.kn-share{ max-width: 760px; margin-inline: auto; display: flex; gap: 10px; margin-block: 24px; }
.kn-share a{ width: 38px; height: 38px; border-radius: 50%; background: var(--kn-color-surface); display: flex; align-items: center; justify-content: center; transition: background var(--kn-transition), color var(--kn-transition); }
.kn-share svg{ width: 17px; height: 17px; }
.kn-share a:hover{ background: var(--kn-color-primary); color: #fff; }

/* ---------- Shortlink copy box ---------- */
.kn-shortlink{ max-width: 760px; margin-inline: auto; margin-block: 24px; display: flex; align-items: center; gap: 10px; background: var(--kn-color-surface); border-radius: 999px; padding: 6px 6px 6px 18px; }
.kn-shortlink-label{ font-size: var(--kn-fs-xs); font-weight: 700; color: var(--kn-color-muted); flex-shrink: 0; }
.kn-shortlink-input{ flex: 1; min-width: 0; border: 0; background: transparent; font-family: inherit; font-size: var(--kn-fs-xs); color: var(--kn-color-text); outline: 0; text-overflow: ellipsis; }
.kn-shortlink-copy{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
	border: 0;
	border-radius: 999px;
	padding: 9px 16px;
	background: var(--kn-color-primary);
	color: #fff;
	font-family: inherit;
	font-size: var(--kn-fs-xs);
	font-weight: 700;
	cursor: pointer;
	transition: background var(--kn-transition);
}
.kn-shortlink-copy:hover{ background: var(--kn-color-primary-dark); }
.kn-shortlink-copy.is-copied{ background: var(--kn-color-accent); }
.kn-shortlink-copy-icon{ display: flex; width: 15px; height: 15px; }
.kn-shortlink-copy-icon svg{ width: 100%; height: 100%; }
.kn-shortlink-copy-icon--done{ display: none; }
.kn-shortlink-copy.is-copied .kn-shortlink-copy-icon--default{ display: none; }
.kn-shortlink-copy.is-copied .kn-shortlink-copy-icon--done{ display: flex; }

.kn-post-nav{ max-width: 760px; margin-inline: auto; display: grid; grid-template-columns: 1fr 1fr; gap: var(--kn-gap); margin-block: 32px; }
.kn-post-nav a{ display: block; background: var(--kn-color-surface); border-radius: var(--kn-radius); padding: 16px; }
.kn-post-nav span{ font-size: var(--kn-fs-xs); color: var(--kn-color-muted); }
.kn-post-nav strong{ display: block; margin-top: 6px; font-size: var(--kn-fs-sm); }

.kn-article-main{ min-width: 0; }
.kn-article-main .kn-article-header,
.kn-article-main .kn-article-content,
.kn-article-main .kn-article-gallery,
.kn-article-main .kn-tags,
.kn-article-main .kn-share,
.kn-article-main .kn-shortlink,
.kn-article-main .kn-post-nav{ max-width: none; margin-inline: 0; }
.kn-related{
	max-width: var(--kn-max-width);
	margin-inline: auto;
	padding: 24px;
	border: 1px solid var(--kn-color-border);
	border-radius: var(--kn-radius);
	/* background: linear-gradient(160deg, var(--kn-color-surface) 0%, var(--kn-color-bg) 100%); */
}
.kn-related-grid{ gap: 20px; }
.kn-related-card{display: flex;gap: 16px;padding: 12px;align-items: flex-start;}
.kn-related-card .kn-card-media{width: 100px;aspect-ratio: 1/1;flex-shrink: 0;margin-bottom: 0;}
.kn-related-card-body{ display: flex; flex-direction: column; justify-content: space-between; min-width: 0; flex: 1; padding: 2px 0; }
.kn-related-card-title{font-size: var(--kn-fs-sm);font-weight: 700;margin: 0;line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.kn-related-card-title a:hover{ color: var(--kn-color-primary); }
.kn-related-card-meta{ display: flex; align-items: center; gap: 10px; margin-top: 10px; }
.kn-related-card-meta .kn-cat{ margin-block: 0; font-size: 11px; padding: 3px 8px; }
.kn-related-card:hover .kn-card-media img{ transform: scale(1.04); }

/* ---------- Comments ---------- */
.kn-comments{ max-width: 760px; margin-inline: auto; margin-block: 40px; }
.comment-list{ margin: 0 0 24px; }
.comment-list .children{ margin: 0; padding-inline-start: 32px; }
.kn-comment + .kn-comment,
.kn-comment .children .kn-comment{ margin-top: 20px; }
.kn-comment-inner{ display: flex; gap: 14px; padding: 16px; border: 1px solid var(--kn-color-border); border-radius: var(--kn-radius); }
.kn-comment-avatar{ flex-shrink: 0; }
.kn-comment-avatar img{ width: 48px; height: 48px; border-radius: 50%; display: block; }
.kn-comment-body{ min-width: 0; flex: 1; }
.kn-comment-meta{ display: flex; align-items: baseline; gap: 10px; margin-bottom: 6px; flex-wrap: wrap; }
.kn-comment-author{ font-weight: 700; font-size: var(--kn-fs-sm); }
.kn-comment-meta time{ font-size: var(--kn-fs-xs); color: var(--kn-color-muted); }
.kn-comment-content{ font-size: var(--kn-fs-sm); line-height: 1.9; color: var(--kn-color-text); }
.kn-comment-content p{ margin: 0 0 .8em; }
.kn-comment-content p:last-child{ margin-bottom: 0; }
.kn-comment-pending{ font-size: var(--kn-fs-xs); color: var(--kn-color-accent); font-weight: 600; margin: 0 0 8px; }
.kn-comment-reply{ margin-top: 10px; }
.kn-comment-reply a{ font-size: var(--kn-fs-xs); font-weight: 700; color: var(--kn-color-primary); }
.kn-comment-reply a:hover{ text-decoration: underline; text-underline-offset: 2px; }

#respond{ margin-top: 24px; }
#respond .comment-reply-title{ font-size: var(--kn-fs-md); font-weight: 800; margin-bottom: 16px; }
#respond .comment-notes, #respond .logged-in-as{ font-size: var(--kn-fs-xs); color: var(--kn-color-muted); margin-bottom: 16px; }
.comment-form p{ margin: 0 0 14px; }
.comment-form label{ display: block; font-size: var(--kn-fs-xs); font-weight: 600; margin-bottom: 6px; }
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea{
	width: 100%;
	border: 1px solid var(--kn-color-border);
	border-radius: var(--kn-radius-sm);
	padding: 10px 14px;
	font-family: inherit;
	font-size: var(--kn-fs-sm);
	color: var(--kn-color-text);
	background: var(--kn-color-bg);
	transition: border-color var(--kn-transition);
}
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus{ outline: 0; border-color: var(--kn-color-primary); }
.comment-form textarea{ min-height: 140px; resize: vertical; }
.comment-form-cookies-consent{ display: flex; align-items: center; gap: 8px; }
.comment-form .form-submit{ margin: 0; }
.comment-form #submit{
	display: inline-flex;
	align-items: center;
	border: 0;
	border-radius: 999px;
	padding: 10px 24px;
	background: var(--kn-color-primary);
	color: #fff;
	font-family: inherit;
	font-size: var(--kn-fs-sm);
	font-weight: 700;
	cursor: pointer;
	transition: background var(--kn-transition);
}
.comment-form #submit:hover{ background: var(--kn-color-primary-dark); }

/* ---------- Utility / no results ---------- */
.kn-empty{ text-align: center; padding: 60px 20px; color: var(--kn-color-muted); }
.kn-pagination{ display: flex; justify-content: center; gap: 8px; margin-block: 32px; }
.kn-pagination a, .kn-pagination span{ display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; border-radius: var(--kn-radius-sm); background: var(--kn-color-surface); font-size: var(--kn-fs-sm); }
.kn-pagination .current{ background: var(--kn-color-primary); color: #fff; }

.pagination .nav-links{ display: flex; justify-content: center; gap: 8px; margin-block: 32px; }
.pagination .page-numbers{ display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; border-radius: var(--kn-radius-sm); background: var(--kn-color-surface); font-size: var(--kn-fs-sm); }
.pagination .page-numbers.current{ background: var(--kn-color-primary); color: #fff; }

/* ---------- Responsive ---------- */
@media (max-width: 1200px){
	.kn-related-grid{ grid-template-columns: 1fr; }
}

@media (max-width: 960px){
	.kn-grid-3{ grid-template-columns: 1fr; }
	.kn-pr-grid{ grid-template-columns: 1fr; }
	.kn-footer-grid{ grid-template-columns: 1fr 1fr; }
	.kn-bento-grid{
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: minmax(220px, auto) repeat(2, minmax(120px, auto));
		grid-template-areas:
			"big big"
			"s1 s2"
			"s3 s3";
	}
}

/* ---------- Mobile nav drawer ---------- */
.kn-nav-backdrop{
	position: fixed;
	inset: 0;
	background: rgba(1,15,34,.55);
	opacity: 0;
	visibility: hidden;
	transition: opacity var(--kn-transition);
	z-index: 199;
}
.kn-nav-backdrop.is-open{ opacity: 1; visibility: visible; }
.kn-nav-drawer-head{ display: none; }

@media (max-width: 782px){
	.kn-header-date{ display: none; }
	.kn-menu-toggle{ display: inline-flex; }

	

	.kn-header .kn-container{display: flex;grid-template-columns: 40px 1fr 40px;align-items: stretch;gap: 8px;justify-content: center;flex-direction: column;}
	.kn-logo img{grid-column: 2;justify-self: center;width: 90px;height: 38px;}
	.kn-menu-toggle{grid-column: 1;justify-self: start;position: absolute;right: 17px;}
	.kn-search-toggle{grid-column: 3;justify-self: end;margin-inline-start: 0;position: absolute;left: 9px;}

	.kn-nav{
		position: fixed;
		top: 0;
		right: 0;
		height: 100%;
		width: min(320px, 85vw);
		background: #fff;
		z-index: 200;
		overflow-y: auto;
		box-shadow: 4px 0 24px rgba(0,0,0,.15);
		transform: translateX(112%);
		transition: transform 280ms ease;
	}
	.kn-nav.is-open{ transform: translateX(0); }
	.kn-nav-drawer-head{display: flex;align-items: center;justify-content: space-between;padding: 16px 20px;border-bottom: 1px solid var(--kn-color-border);background: #004293;}
	.kn-nav-drawer-head .kn-logo{ color: var(--kn-color-text); }
	.kn-nav-close{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border: 0;border-radius: 50%;background: #f7f7f800;color: #ffffff;font-size: 1.25rem;line-height: 1;cursor: pointer;flex-shrink: 0;}
	.kn-nav .kn-container{padding: 8px 12px 24px;max-width: none;width: 100%;}
	.kn-nav-menu{ flex-direction: column; align-items: stretch; gap: 0; padding-block: 0; }
	.kn-nav-menu > li > a{
		display: flex;
		align-items: center;
		border-radius: var(--kn-radius-sm);
		padding: 14px 12px;
		background: transparent;
		color: var(--kn-color-text);
		border-bottom: 1px solid var(--kn-color-border);
	}
	.kn-nav-menu > li:last-child > a{ border-bottom: 0; }
	.kn-nav-menu > li > a:hover, .kn-nav-menu > li.current-menu-item > a{ background: var(--kn-color-surface); color: var(--kn-color-primary); }
	.kn-nav-menu ul{ position: static; box-shadow: none; opacity: 1; visibility: visible; transform: none; display: none; border: 0; background: transparent; padding: 0 0 0 16px; }
	.kn-nav-menu li.kn-submenu-open > ul{ display: block; }
	.kn-nav-menu ul li a{ padding: 12px; }

	.kn-grid-hero, .kn-layout-main-sidebar{ grid-template-columns: 1fr; }
	.kn-grid-2{ grid-template-columns: 1fr; }
	.kn-news-list-item{ flex-direction: column; }
	.kn-news-list-item .kn-card-media{ width: 100%; }
	.kn-footer-grid{ grid-template-columns: 1fr; }
	.kn-post-nav{ grid-template-columns: 1fr; }
	.kn-article-gallery{ grid-template-columns: repeat(2, 1fr); }
	.kn-bento-grid{
		grid-template-columns: 1fr;
		grid-template-rows: none;
		grid-template-areas: "big" "s1" "s2" "s3";
	}
	.kn-bento-grid .kn-media-card{ aspect-ratio: 16/10; height: auto; }

	/* Search modal: full-screen on small viewports for a real mobile search experience. */
	.kn-search-modal{ padding-top: 0; }
	.kn-search-modal-panel{ max-width: none; max-height: none; width: 100%; height: 100%; margin-inline: 0; border-radius: 0; }
	.kn-search-modal-form{ padding: 14px 16px; }
	.kn-search-modal-form input[type="search"]{ font-size: var(--kn-fs-md); }

	/* Compact, mobile-first typography and spacing */
	.kn-section{ margin-block: 28px; }
	.kn-container{ padding-inline: 16px; }
	.kn-section-title{ font-size: var(--kn-fs-md); margin-bottom: 14px; }
	.kn-slide-content{ padding: 16px 18px 14px; }
	.kn-slide-content h3{ font-size: var(--kn-fs-md); line-height: 1.4; }
	.kn-slide-content p{ display: none; }
	.kn-article-title{ font-size: var(--kn-fs-xl); }
	.kn-article-content{ font-size: 1rem; line-height: 1.85; }
	.kn-news-list-item h3{ font-size: var(--kn-fs-md); }
	.kn-tabs{ padding: 14px; }
}

@media (max-width: 480px){
	.kn-article-title{ font-size: var(--kn-fs-lg); }
	.kn-slide-content h3{ font-size: var(--kn-fs-sm); }
	.kn-hero-main{ aspect-ratio: 4/3; }
}

.kn-slide-content .kn-kicker {
    color: #fff;
}