/**
 * final-fixes.css — KoohRun Pro 33.5.0 (final)
 *
 * آخرین CSS قالب (priority 70). صرفاً overrideهایی که باید
 * در انتهای cascade اعمال شوند:
 *   ۱. تایپوگرافی سبک با clamp() سازگار با موبایل
 *   ۲. کارت‌های تیره‌تر از بدنهٔ سایت
 *   ۳. فاصلهٔ تصویر شاخص پست تکی (RTL-safe)
 *   ۴. رفع فلش انیمیشن reveal
 *   ۵. تثبیت layout پست تکی روی ستون چپ بصری
 *   ۶. نوار دو مطلب تازه
 *
 * @package koohrun-pro
 * @version 33.5.0
 */

/* ============================================================
   1. تایپوگرافی — سازگار با موبایل
   ============================================================ */

/* --- Front page --- */
.front-page .hero__title { font-size: clamp(1.44rem, 1.9vw, 1.76rem); }
.front-page .hero__excerpt { font-size: clamp(.95rem, 1.2vw, 1.20rem); line-height: 1.98; }
.front-page .article__title { font-size: clamp(.98rem, 1.18vw, 1.16rem); }
.front-page .article__excerpt { font-size: clamp(.80rem, 1.0vw, .92rem); line-height: 1.75; }
.front-page .newspaper-item__title { font-size: clamp(.90rem, 1.08vw, 1.06rem); }
.front-page .newspaper-item__excerpt { font-size: clamp(.76rem, .92vw, .84rem); }
.front-page .booklet__title { font-size: clamp(1.10rem, 1.4vw, 1.32rem); }
.front-page .booklet__excerpt { font-size: clamp(.86rem, 1.1vw, 1.02rem); }
.front-page .section-head h2,
.front-page .section-head .section-title { font-size: clamp(1.10rem, 1.5vw, 1.44rem); }
.front-page .latest-strip__title { font-size: clamp(.92rem, 1.02vw, 1.02rem); }

@media (max-width: 680px) {
	.front-page .hero__title { font-size: 1.20rem; }
	.front-page .hero__excerpt { font-size: 1.00rem; }
	.front-page .article__title { font-size: 1.04rem; }
	.front-page .article__excerpt { font-size: .88rem; }
	.front-page .newspaper-item__title { font-size: .94rem; }
	.front-page .newspaper-item__excerpt { font-size: .78rem; }
	.front-page .booklet__title { font-size: 1.08rem; }
	.front-page .booklet__excerpt { font-size: .84rem; }
	.front-page .section-head h2,
	.front-page .section-head .section-title { font-size: 1.20rem; }
	.front-page .latest-strip__title { font-size: .92rem; }
}

@media (max-width: 480px) {
	.front-page .hero__title { font-size: 1.06rem; }
	.front-page .hero__excerpt { font-size: .92rem; }
	.front-page .booklet__title { font-size: 1.00rem; }
	.front-page .section-head h2,
	.front-page .section-head .section-title { font-size: 1.10rem; }
}

/* --- Single post --- */
.single-page .post-title,
.single-page .entry-title { font-size: clamp(1.72rem, 2.8vw, 2.42rem); }
.single-page .single-post-header .post-title { font-size: clamp(1.76rem, 3vw, 2.62rem); }
body.single-post .single-page .post-content { font-size: 1.14rem; }
body.single-post .single-page .post-content p { font-size: clamp(1.02rem, 1.05vw, 1.20rem); line-height: 2.05; }
body.single-post .single-page .post-content > p:first-of-type { font-size: clamp(1.10rem, 1.15vw, 1.30rem); }
.single-page .latest-item__title { font-size: .92rem; }
.single-page .latest-item__excerpt { font-size: .78rem; }

@media (max-width: 600px) {
	body.single-post .single-page .post-content,
	body.single-post .single-page .post-content p,
	body.single-post .single-page .post-content > p:first-of-type { font-size: 1rem; }
	.single-page .single-post-header .post-title { font-size: clamp(1.35rem, 7vw, 1.75rem); }
}
@media (max-width: 380px) {
	body.single-post .single-page .post-content,
	body.single-post .single-page .post-content p,
	body.single-post .single-page .post-content > p:first-of-type { font-size: .96rem; }
	.single-page .single-post-header .post-title { font-size: 1.3rem; }
}

/* --- Archive / search --- */
.archive-page .post-card .entry-title,
.search-page .post-card .entry-title { font-size: clamp(.98rem, 1.2vw, 1.14rem); }
.archive-page .entry-summary,
.search-page .entry-summary { font-size: .86rem; }

/* --- Static page --- */
.page-content .entry-title { font-size: clamp(1.60rem, 2.9vw, 2.65rem); }
.page-content .entry-content { font-size: clamp(.98rem, 1.05vw, 1.14rem); }

/* ============================================================
   2. کارت‌های تیره‌تر از بدنهٔ سایت (#0c0c0c)
   ============================================================ */

/* 2a. کارت محتوای پست تکی */
body.single-post .single-page .post-content {
	background: #070707 !important;
	background-image: linear-gradient(180deg, #060609 0%, #060606 100%) !important;
	border-color: rgba(212, 175, 106, .16) !important;
	box-shadow: 0 20px 55px rgba(0, 0, 0, .55) !important;
}

.single-page .single-post-header {
	background:
		radial-gradient(circle at 12% 0%, rgba(212,175,106,.06), transparent 34%),
		linear-gradient(145deg, #080808 0%, #070707 100%) !important;
	border-color: rgba(212,175,106,.14) !important;
	box-shadow: 0 18px 48px rgba(0, 0, 0, .5) !important;
}

.single-page .post-content blockquote,
.single-page .entry-content blockquote {
	background: #050505 !important;
	border-color: rgba(212, 175, 106, .14) !important;
}
.single-page .post-content pre,
.single-page .post-content th { background: #050505 !important; }

/* 2b. کارت آخرین مطالب */
body.single-post .single-page .latest-card {
	background: #060606 !important;
	background-image: none !important;
	border-color: rgba(212, 175, 106, .18) !important;
}

/* 2c. کارت مقالات صفحه اصلی */
.front-page .article,
.front-page #sec-articles .article {
	background: #060606 !important;
	border-color: rgba(212, 175, 106, .12) !important;
	transition: background .3s var(--ease), border-color .3s var(--ease);
}
.front-page .article:hover,
.front-page #sec-articles .article:hover {
	background: #090909 !important;
	border-color: rgba(212, 175, 106, .22) !important;
}

/* 2d. کارت نشریات */
.front-page .newspaper-item,
.front-page #sec-newspapers .newspaper-item {
	background: #070707 !important;
	border-color: rgba(212, 175, 106, .12) !important;
}
.front-page .newspaper-item:hover,
.front-page #sec-newspapers .newspaper-item:hover {
	background: #080808 !important;
	border-color: rgba(212, 175, 106, .22) !important;
}
.front-page #sec-newspapers .newspaper-list {
	background: #050505 !important;
	border-color: rgba(212, 175, 106, .10) !important;
}

/* 2e. کارت جزوه‌ها */
.front-page .booklet {
	background: #060606 !important;
	border-color: rgba(212, 175, 106, .12) !important;
}
.front-page .booklet:hover { border-color: rgba(212, 175, 106, .24) !important; }

/* 2f. hero body */
.front-page .hero__body {
	background: #070707 !important;
	border-color: rgba(212, 175, 106, .16) !important;
}
.front-page .latest-strip__item {
	background: #060606 !important;
	border-color: rgba(212, 175, 106, .10) !important;
}

/* ============================================================
   3. فاصلهٔ تصویر شاخص پست تکی (RTL-safe)
   ============================================================ */

body.single-post .single-page .post-content > .post-feature-inline {
	float: right !important;
	display: block !important;
	width: min(30%, 300px) !important;
	max-width: 300px !important;
	margin-block-start: .35rem !important;
	margin-block-end: 1.15rem !important;
	margin-inline-end: 1.5rem !important;
	margin-inline-start: 0 !important;
	padding: 0;
	border: 0;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .35);
	background: transparent;
	clear: none !important;
}

body.single-post .single-page .post-content > .post-feature-inline img,
body.single-post .single-page .post-content > .post-feature-inline img.single-thumbnail {
	display: block !important;
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: 360px !important;
	margin: 0 !important;
	object-fit: contain !important;
	object-position: top center !important;
	border-radius: inherit;
	background: transparent;
}

body.single-post .single-page .post-content > .post-feature-inline + p,
body.single-post .single-page .post-content > .post-feature-inline + h2,
body.single-post .single-page .post-content > .post-feature-inline + h3,
body.single-post .single-page .post-content > .post-feature-inline + h4 {
	margin-block-start: 0 !important;
}

body.single-post .single-page .post-content::after {
	content: "";
	display: table;
	clear: both;
}

@media (max-width: 900px) {
	body.single-post .single-page .post-content > .post-feature-inline {
		width: 40% !important;
		max-width: 240px !important;
		margin-inline-end: 1.05rem !important;
	}
}
@media (max-width: 600px) {
	body.single-post .single-page .post-content > .post-feature-inline {
		width: 44% !important;
		max-width: 180px !important;
		margin-inline-end: .85rem !important;
		margin-block-end: .85rem !important;
		border-radius: 8px;
	}
}
@media (max-width: 380px) {
	body.single-post .single-page .post-content > .post-feature-inline {
		float: none !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 0 1rem 0 !important;
	}
}

/* ============================================================
   4. رفع فلش انیمیشن reveal
   ============================================================ */

/* Reveal: never hide content (broken IO left pages blank) */
.front-page .grid-2,
.front-page .hero,
.front-page .booklets-section,
.front-page .reveal {
	opacity: 1 !important;
	transform: none !important;
	visibility: visible !important;
}

/* ============================================================
   5. تثبیت layout پست تکی — سایدبار ستون چپ بصری
   ============================================================ */

@media (min-width: 901px) {
	body.single-post .single-page .single-layout {
		grid-template-columns: minmax(0, 1fr) 200px !important;
		gap: 1.5rem !important;
		align-items: start;
	}
	body.single-post .single-page .single-main {
		grid-column: 1 !important;
		min-width: 0;
	}
	body.single-post .single-page .sidebar {
		grid-column: 2 !important;
		width: 200px !important;
		max-width: 200px !important;
	}
}
@media (max-width: 900px) {
	body.single-post .single-page .single-layout {
		display: flex !important;
		flex-direction: column !important;
		gap: 1rem !important;
	}
	body.single-post .single-page .single-main { order: 1 !important; }
	body.single-post .single-page .sidebar    { order: 2 !important; }
}

/* ============================================================
   6. نوار دو مطلب تازه
   ============================================================ */

.front-page .latest-strip__item {
	padding: 0;
	border: 1px solid var(--border);
	border-radius: 8px;
	display: block;
	overflow: hidden;
}
.front-page .latest-strip__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .8rem;
	min-width: 0;
	padding: .55rem .8rem;
	color: inherit;
	text-decoration: none;
}
.front-page .latest-strip__link:hover { color: var(--gold); }
.front-page .latest-strip__link:hover .latest-strip__title { color: var(--gold); }
.front-page .latest-strip__link:hover .latest-strip__cta {
	background: var(--gold);
	border-color: var(--gold);
	color: #080808;
}

/* ============================================================
   32.2.1 — Header brand + single sidebar title-only
   ============================================================ */

/* Always show site title with B Zar; logo is optional icon */
#kr-strip .brand {
	display: inline-flex !important;
	align-items: center;
	gap: 0.65rem;
	min-width: 0;
	text-decoration: none !important;
}
#kr-strip .brand__logo {
	width: 42px !important;
	height: 42px !important;
	object-fit: contain;
	flex-shrink: 0;
	border-radius: 6px;
}
#kr-strip .brand__text,
#kr-strip .brand .site-title {
	display: inline-block !important;
	font-family: "B Zar", BZar, Tahoma, sans-serif !important;
	font-weight: 700 !important;
	font-size: clamp(1.35rem, 2.4vw, 1.85rem) !important;
	line-height: 1.25 !important;
	color: var(--gold, #d4af6a) !important;
	letter-spacing: -0.01em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: min(42vw, 16rem);
	-webkit-text-fill-color: var(--gold, #d4af6a) !important;
	background: none !important;
	animation: none !important;
}
#kr-strip .brand:has(.brand__logo) .brand__text {
	display: inline-block !important;
}

/* Single: narrow sidebar, title-only list — do not steal content width */
@media (min-width: 901px) {
	body.single-post .single-page .single-layout {
		grid-template-columns: minmax(0, 1fr) 220px !important;
		gap: 1.25rem !important;
		align-items: start;
	}
	body.single-post .single-page .sidebar,
	body.single-post .single-page .sidebar--latest {
		width: 220px !important;
		max-width: 220px !important;
		min-width: 0 !important;
	}
	body.single-post .single-page .single-main {
		min-width: 0;
		max-width: 100%;
	}
}

body.single-post .single-page .latest-card {
	padding: 0.75rem 0.7rem !important;
}

body.single-post .single-page .latest-card__title {
	font-size: 0.88rem !important;
	margin: 0 0 0.65rem !important;
	padding-bottom: 0.45rem;
	border-bottom: 1px solid var(--border, rgba(255,255,255,.08));
}

body.single-post .single-page .latest-card__count {
	display: none !important;
}

body.single-post .single-page .latest-item,
body.single-post .single-page .latest-item--title-only {
	display: block !important;
	grid-template-columns: none !important;
	gap: 0 !important;
	padding: 0.45rem 0.2rem !important;
	margin: 0 !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(255,255,255,.06) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	transform: none !important;
	align-items: stretch !important;
}

body.single-post .single-page .latest-item:last-child {
	border-bottom: 0 !important;
}

body.single-post .single-page .latest-item__thumb,
body.single-post .single-page .latest-item__excerpt,
body.single-post .single-page .latest-item__date,
body.single-post .single-page .latest-item .ph {
	display: none !important;
}

body.single-post .single-page .latest-item__body {
	display: block !important;
	min-width: 0 !important;
}

body.single-post .single-page .latest-item__title {
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 0.84rem !important;
	line-height: 1.55 !important;
	font-weight: 400 !important;
	color: var(--t1, #ece9e3) !important;
	margin: 0 !important;
	padding: 0 !important;
	white-space: normal !important;
	text-overflow: unset !important;
}

body.single-post .single-page .latest-item:hover .latest-item__title,
body.single-post .single-page .latest-item:focus-visible .latest-item__title {
	color: var(--gold, #d4af6a) !important;
}

@media (max-width: 900px) {
	body.single-post .single-page .sidebar--latest,
	body.single-post .single-page .sidebar {
		width: 100% !important;
		max-width: 100% !important;
	}
	body.single-post .single-page .latest-item__title {
		-webkit-line-clamp: 1;
	}
}

/* Header: reduce meta clutter on small screens so title stays readable */
@media (max-width: 720px) {
	#kr-strip .info-line { display: none !important; }
	#kr-strip .brand__text,
	#kr-strip .brand .site-title {
		max-width: min(70vw, 14rem);
		font-size: 1.25rem !important;
	}
}

/* Cards darker than page, pure graphite — no navy */
body { background: #0c0c0c !important; }
.single-page .latest-card,
.front-page .article,
.front-page .newspaper-item,
.front-page .booklet,
.front-page .hero__body,
.front-page .latest-strip__item,
.site-header#kr-strip {
	background: #060606 !important;
	background-image: none !important;
}
.front-page .article:hover,
.front-page .newspaper-item:hover {
	background: #090909 !important;
}


/* === 33.5.0 critical === */
/* Always show homepage content */
.front-page,
.front-page * {
	visibility: visible;
}
.front-page .hero,
.front-page .grid-2,
.front-page .booklets-section,
.front-page .reveal,
.front-page .latest-strip {
	opacity: 1 !important;
	transform: none !important;
	display: block;
}
.front-page .grid-2 {
	display: grid !important;
}
.front-page .latest-strip {
	display: grid !important;
}

/* Full width usage */
.main-content {
	max-width: 1600px !important;
	margin-inline: auto;
	padding-inline: clamp(1rem, 2.5vw, 2rem) !important;
}
.single-page {
	max-width: 100% !important;
	width: 100% !important;
}

/* Single: wide article, narrow latest column */
@media (min-width: 901px) {
	body.single-post .single-page .single-layout {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) 200px !important;
		gap: 1.75rem !important;
		width: 100%;
	}
	body.single-post .single-page .single-main {
		background: #050505 !important;
		border: 1px solid rgba(255,255,255,.07);
		border-radius: 10px;
		padding: 1.5rem 1.75rem 2rem;
		min-width: 0;
	}
	body.single-post .single-page .sidebar,
	body.single-post .single-page .sidebar--latest {
		width: 200px !important;
		max-width: 200px !important;
	}
	body.single-post .single-page .latest-card {
		background: #050505 !important;
		background-image: none !important;
		border: 1px solid rgba(255,255,255,.07);
		border-radius: 10px;
	}
}

/* Post content text readable on dark card */
body.single-post .single-page .post-content,
body.single-post .single-page .entry-content {
	color: #ece9e3 !important;
}
body.single-post .single-page .post-title {
	color: var(--gold, #d4af6a) !important;
}

/* === 33.5.0 — titles gold everywhere === */
.hero__title,
.hero__title a,
.article__title,
.article__title a,
.newspaper-item__title,
.newspaper-item__title a,
.booklet__title,
.booklet__title a,
.latest-strip__title,
.latest-strip__title a,
.latest-item__title,
.latest-item__title a,
.post-title,
.post-title a,
.entry-title,
.entry-title a,
.card__title,
.card__title a,
.single-page .post-title,
.page-content .entry-title,
.search-page .entry-title,
.archive .entry-title,
.index .entry-title,
.section-head h2,
.section-head .section-title {
	color: var(--gold, #d4af6a) !important;
}
.hero__title a:hover,
.article__title a:hover,
.newspaper-item__title a:hover,
.booklet__title a:hover,
.latest-strip__title a:hover,
.latest-item:hover .latest-item__title,
.post-title a:hover,
.entry-title a:hover,
.card__title a:hover {
	color: var(--gold-hi, #e8c98a) !important;
}

/* Safety: never hide page content */
.front-page .hero,
.front-page .grid-2,
.front-page .booklets-section,
.front-page .reveal,
.front-page .latest-strip,
.front-page-empty {
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
}

/* from former koohrun.css */
.card--empty {
	background: #050505;
	border: 1px solid rgba(212,175,106,.14);
	border-radius: 8px;
	padding: 2.5rem 2rem;
	text-align: center;
	color: #a5a19a;
}

/* === 33.5.0 — single width, title one line, mobile === */

/* Use nearly full viewport width on single posts */
body.single-post .main-content {
	max-width: 100% !important;
	width: 100% !important;
	padding-inline: 0.75rem !important;
	padding-block: 0 2rem !important;
	box-sizing: border-box;
}
body.single-post .single-page {
	max-width: 100% !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

@media (min-width: 901px) {
	body.single-post .main-content {
		padding-inline: 1rem !important;
	}
	body.single-post .single-page .single-layout {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) 180px !important;
		gap: 1rem !important;
		width: 100% !important;
	}
	body.single-post .single-page .single-main {
		padding: 1rem 1.15rem 1.5rem !important;
		border-radius: 8px;
		min-width: 0;
	}
	body.single-post .single-page .sidebar,
	body.single-post .single-page .sidebar--latest {
		width: 180px !important;
		max-width: 180px !important;
	}
}

/* Title: one line on desktop */
body.single-post .single-page .post-title,
body.single-post .single-page .single-post-header .post-title {
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	line-height: 1.35 !important;
	font-size: clamp(1.25rem, 1.8vw, 1.85rem) !important;
	margin-bottom: 0.75rem !important;
	max-width: 100%;
}

body.single-post .single-page .single-post-header {
	padding: 0.5rem 0 0.75rem !important;
	margin-bottom: 0.5rem !important;
}

body.single-post .single-page .post-content,
body.single-post .single-page .entry-content {
	padding: 0 !important;
	max-width: 100% !important;
}

/* Mobile single */
@media (max-width: 900px) {
	body.single-post .main-content {
		padding-inline: 0.6rem !important;
		padding-bottom: 1.5rem !important;
	}
	body.single-post .single-page .single-layout {
		display: flex !important;
		flex-direction: column !important;
		gap: 1rem !important;
	}
	body.single-post .single-page .single-main {
		order: 1 !important;
		padding: 0.85rem 0.9rem 1.25rem !important;
		border-radius: 8px;
		width: 100%;
		box-sizing: border-box;
	}
	body.single-post .single-page .sidebar,
	body.single-post .single-page .sidebar--latest {
		order: 2 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	body.single-post .single-page .post-title,
	body.single-post .single-page .single-post-header .post-title {
		white-space: normal !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden !important;
		font-size: 1.15rem !important;
		line-height: 1.45 !important;
	}
	body.single-post .single-page .post-content,
	body.single-post .single-page .post-content p {
		font-size: 0.98rem !important;
		line-height: 1.85 !important;
	}
	body.single-post .single-page .latest-item__title {
		font-size: 0.88rem !important;
	}
	/* Featured image full width on mobile */
	body.single-post .single-page .post-content > .post-feature-inline {
		float: none !important;
		max-width: 100% !important;
		width: 100% !important;
		margin: 0 0 1rem !important;
	}
}

@media (max-width: 480px) {
	body.single-post .main-content {
		padding-inline: 0.45rem !important;
	}
	body.single-post .single-page .single-main {
		padding: 0.7rem 0.65rem 1rem !important;
	}
	body.single-post .single-page .post-title {
		font-size: 1.05rem !important;
	}
	#kr-strip .header__inner {
		padding-inline: 0.5rem !important;
	}
	#kr-strip .brand__text,
	#kr-strip .brand .site-title {
		font-size: 1.05rem !important;
		max-width: 55vw !important;
	}
}

/* Front page mobile spacing */
@media (max-width: 900px) {
	.main-content {
		padding-inline: 0.65rem !important;
	}
	.front-page .hero__title {
		font-size: 1.15rem !important;
	}
	.front-page .article__title {
		font-size: 0.98rem !important;
	}
}

/* === 33.5.0 — fill full column (no empty left gap) === */
body.single-post .single-page .single-main {
	max-width: 100% !important;
	width: 100% !important;
	justify-self: stretch !important;
	margin: 0 !important;
}
body.single-post .single-page .single-layout {
	width: 100% !important;
}
body.single-post .single-page .post-content,
body.single-post .single-page .entry-content,
body.single-post .single-page .post-content p,
body.single-post .single-page .entry-content p {
	max-width: 100% !important;
	width: 100% !important;
}
body.single-post .single-page .single-post-header,
body.single-post .single-page .post-title {
	max-width: 100% !important;
}

/* === 33.5.0 — mobile final pass === */
html, body {
	overflow-x: hidden;
	max-width: 100vw;
}
img, video, iframe, table, pre {
	max-width: 100%;
	height: auto;
}
.main-content,
.single-page,
.front-page {
	overflow-x: hidden;
	box-sizing: border-box;
}

@media (max-width: 900px) {
	/* Header compact */
	#kr-strip .header__inner {
		display: flex !important;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: 0.5rem 0.75rem;
		padding: 0.65rem 0.6rem !important;
	}
	#kr-strip .typewriter { display: none !important; }
	#kr-strip .info-line { display: none !important; }
	#kr-strip .meta {
		width: 100%;
		align-items: flex-start !important;
	}
	#kr-strip .meta__date {
		font-size: 0.75rem !important;
	}
	#kr-strip .brand {
		flex: 1 1 auto;
		min-width: 0;
	}
	#kr-strip .brand__logo {
		width: 36px !important;
		height: 36px !important;
	}
	#kr-strip .brand__text,
	#kr-strip .brand .site-title {
		font-size: 1.1rem !important;
		max-width: calc(100vw - 5rem) !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* Nav wraps / scroll */
	.primary-nav {
		width: 100%;
		order: 5;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.primary-nav__list {
		display: flex !important;
		flex-wrap: nowrap;
		gap: 0.35rem;
		padding: 0.25rem 0;
		margin: 0;
		list-style: none;
	}
	.primary-nav__list > li {
		flex: 0 0 auto;
	}
	.primary-nav__list a {
		display: block;
		padding: 0.4rem 0.65rem;
		font-size: 0.85rem;
		white-space: nowrap;
		border-radius: 6px;
		background: rgba(255,255,255,.04);
	}
	.primary-nav__list .sub-menu {
		position: static !important;
		display: none !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		box-shadow: none !important;
		border: 0 !important;
		background: transparent !important;
		padding: 0 !important;
	}

	/* Front page */
	.main-content {
		padding-inline: 0.55rem !important;
		padding-bottom: 1.5rem !important;
	}
	.front-page .hero .hero__article:not(.hero--no-media),
	.front-page .grid-2 {
		display: flex !important;
		flex-direction: column !important;
		gap: 1rem !important;
	}
	.front-page .hero__media {
		width: 100% !important;
		height: auto !important;
		min-height: 180px !important;
		max-height: 220px;
	}
	.front-page .hero__media img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.front-page .hero__body {
		padding: 0.9rem !important;
	}
	.front-page .hero__title {
		font-size: 1.12rem !important;
		line-height: 1.45 !important;
	}
	.front-page .hero__excerpt {
		font-size: 0.92rem !important;
		-webkit-line-clamp: 4;
	}
	.front-page .article,
	.front-page .newspaper-item {
		grid-template-columns: 72px minmax(0, 1fr) !important;
		gap: 0.65rem !important;
		padding: 0.6rem !important;
		min-height: 0 !important;
	}
	.front-page .article__thumb,
	.front-page .newspaper-item__thumb {
		width: 72px !important;
		height: 72px !important;
	}
	.front-page .article__title,
	.front-page .newspaper-item__title {
		font-size: 0.95rem !important;
		line-height: 1.4 !important;
	}
	.front-page .article__excerpt,
	.front-page .newspaper-item__excerpt {
		font-size: 0.8rem !important;
		-webkit-line-clamp: 2;
	}
	.front-page .booklets-grid {
		grid-template-columns: 1fr !important;
		gap: 0.75rem !important;
	}
	.front-page .latest-strip {
		grid-template-columns: 1fr !important;
		gap: 0.5rem !important;
	}
	.front-page .section-head h2 {
		font-size: 1.05rem !important;
	}

	/* Single post mobile */
	body.single-post .main-content {
		padding-inline: 0.5rem !important;
	}
	body.single-post .single-page .single-layout {
		display: flex !important;
		flex-direction: column !important;
		gap: 0.85rem !important;
		width: 100% !important;
	}
	body.single-post .single-page .single-main {
		order: 1 !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 0.75rem 0.7rem 1.1rem !important;
		box-sizing: border-box;
	}
	body.single-post .single-page .sidebar,
	body.single-post .single-page .sidebar--latest {
		order: 2 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	body.single-post .single-page .post-title {
		white-space: normal !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden !important;
		font-size: 1.12rem !important;
		line-height: 1.4 !important;
	}
	body.single-post .single-page .post-content,
	body.single-post .single-page .post-content p {
		font-size: 0.96rem !important;
		line-height: 1.85 !important;
		max-width: 100% !important;
	}
	body.single-post .single-page .post-content > .post-feature-inline {
		float: none !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 0 0.85rem !important;
	}
	body.single-post .single-page .latest-item__title {
		font-size: 0.86rem !important;
		-webkit-line-clamp: 2;
	}

	/* Footer */
	.site-footer__inner {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 0.5rem !important;
		padding-inline: 0.5rem;
	}
}

@media (max-width: 480px) {
	#kr-strip .brand__text,
	#kr-strip .brand .site-title {
		font-size: 1rem !important;
	}
	body.single-post .single-page .post-title {
		font-size: 1.05rem !important;
	}
	.front-page .article,
	.front-page .newspaper-item {
		grid-template-columns: 1fr !important;
	}
	.front-page .article__thumb,
	.front-page .newspaper-item__thumb {
		width: 100% !important;
		height: 140px !important;
	}
	.front-page .article__thumb img,
	.front-page .newspaper-item__thumb img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}