:root {
	--q-bg: #f8f5f0;
	--q-surface: #ffffff;
	--q-text: #2d2926;
	--q-muted: #6e665e;
	--q-gold: #c9a86a;
	--q-gold-dark: #a77f3e;
	--q-terra: #b86a4b;
	--q-border: #e6ded2;
	--q-radius: 18px;
	--q-shadow: 0 18px 50px rgba(45, 41, 38, .10);
}

.qisatok-container,
.qisatok-reader-shell {
	width: min(1180px, calc(100% - 32px));
	margin-inline: auto;
}

.qisatok-story,
.qisatok-archive {
	background: var(--q-bg);
	color: var(--q-text);
	min-height: 100vh;
}

.qisatok-breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding-top: 22px;
	font-size: 14px;
	color: var(--q-muted);
}

.qisatok-breadcrumbs a {
	color: var(--q-gold-dark);
	text-decoration: none;
}

.qisatok-story-hero {
	position: relative;
	overflow: hidden;
	padding: 46px 0 64px;
	isolation: isolate;
}

.qisatok-story-hero__background {
	position: absolute;
	inset: -40px;
	z-index: -3;
	background-position: center;
	background-size: cover;
	filter: blur(30px);
	transform: scale(1.12);
	opacity: .43;
}

.qisatok-story-hero__overlay {
	position: absolute;
	inset: 0;
	z-index: -2;
	background:
		linear-gradient(105deg, rgba(248,245,240,.99) 10%, rgba(248,245,240,.90) 55%, rgba(201,168,106,.28)),
		linear-gradient(to bottom, transparent 70%, var(--q-bg));
}

.qisatok-story-hero__content {
	display: grid;
	grid-template-columns: minmax(220px, 300px) 1fr;
	gap: 54px;
	align-items: center;
}

.qisatok-story-cover {
	display: grid;
	place-items: center;
	aspect-ratio: 2 / 3;
	padding: 10px;
	border-radius: var(--q-radius);
	background:
		linear-gradient(145deg, rgba(255,255,255,.92), rgba(239,231,218,.88));
	box-shadow: var(--q-shadow);
}

.qisatok-story-cover__image,
.qisatok-story-cover__placeholder {
	width: 100%;
	height: 100%;
	aspect-ratio: 2 / 3;
	object-fit: contain;
	object-position: center;
	border-radius: calc(var(--q-radius) - 6px);
}

.qisatok-story-cover__placeholder,
.qisatok-story-card__placeholder {
	display: grid;
	place-items: center;
	background: #efe7da;
	font-weight: 700;
}

.qisatok-story-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 18px;
}

.qisatok-badge {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 6px 13px;
	border-radius: 999px;
	background: var(--q-gold);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}

.qisatok-badge--light {
	background: rgba(255,255,255,.72);
	color: var(--q-text);
	border: 1px solid rgba(201,168,106,.45);
}

.qisatok-status--completed { background: #5f8a60 !important; color: #fff !important; }
.qisatok-status--ongoing { background: var(--q-gold) !important; color: #fff !important; }
.qisatok-status--hiatus { background: #8c7d70 !important; color: #fff !important; }

.qisatok-story-title,
.qisatok-section-heading h2,
.qisatok-reader-title,
.qisatok-archive-hero h1,
.qisatok-author-card h2,
.qisatok-comments-section h2 {
	font-family: Cairo, sans-serif;
	color: var(--q-text);
}

.qisatok-story-title {
	font-size: clamp(38px, 5vw, 58px);
	line-height: 1.2;
	margin: 0 0 10px;
}

.qisatok-story-tagline {
	margin: 0 0 14px;
	font-size: 19px;
	line-height: 1.75;
	color: var(--q-terra);
	font-weight: 700;
	max-width: 760px;
}

.qisatok-story-author {
	display: flex;
	gap: 8px;
	align-items: center;
	color: var(--q-muted);
	margin-bottom: 16px;
}

.qisatok-story-author a {
	color: var(--q-gold-dark);
	font-weight: 700;
	text-decoration: none;
}

.qisatok-story-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 22px;
	color: var(--q-muted);
	margin-bottom: 20px;
}

.qisatok-story-meta span {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.qisatok-story-intro-wrap {
	position: relative;
	max-width: 800px;
	margin-bottom: 26px;
}

.qisatok-story-intro {
	font-family: Tajawal, sans-serif;
	font-size: 18px;
	line-height: 1.95;
	margin: 0;
}

.qisatok-story-intro-wrap[data-collapsed="true"] .qisatok-story-intro {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.qisatok-text-button {
	padding: 8px 0;
	background: transparent;
	border: 0;
	color: var(--q-gold-dark);
	font-weight: 700;
	cursor: pointer;
}

.qisatok-story-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.qisatok-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 12px 22px;
	border-radius: 14px;
	border: 1px solid transparent;
	font-family: Tajawal, sans-serif;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
	transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease;
}

.qisatok-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(45,41,38,.12);
}

.qisatok-button--primary {
	background: var(--q-gold);
	color: #fff;
}

.qisatok-button--secondary {
	background: rgba(255,255,255,.78);
	color: var(--q-text);
	border-color: var(--q-border);
}

.qisatok-button--secondary.is-active {
	background: #efe4cf;
	border-color: var(--q-gold);
	color: var(--q-gold-dark);
}

.qisatok-button--disabled {
	background: #e9e2d8;
	color: #8a8178;
	cursor: not-allowed;
}

.qisatok-button--round {
	width: 48px;
	padding: 0;
	border-radius: 50%;
	background: var(--q-surface);
	color: var(--q-text);
	border-color: var(--q-border);
}

.qisatok-button.is-loading {
	opacity: .58;
	pointer-events: none;
}

.qisatok-rating-panel {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 18px;
	color: var(--q-muted);
}

.qisatok-stars {
	display: flex;
	direction: ltr;
}

.qisatok-stars button {
	padding: 2px;
	border: 0;
	background: transparent;
	color: #c8bca9;
	font-size: 25px;
	cursor: pointer;
}

.qisatok-stars button:hover,
.qisatok-stars button.is-selected {
	color: var(--q-gold);
}

.qisatok-story-body {
	display: grid;
	gap: 34px;
	padding: 44px 0 80px;
}

.qisatok-panel,
.qisatok-author-card,
.qisatok-comments-section,
.qisatok-reader-comments {
	background: var(--q-surface);
	border: 1px solid var(--q-border);
	border-radius: var(--q-radius);
	padding: 28px;
	box-shadow: 0 10px 30px rgba(45,41,38,.06);
}

.qisatok-section-heading {
	display: flex;
	justify-content: space-between;
	align-items: end;
	gap: 20px;
	margin-bottom: 22px;
}

.qisatok-section-heading h2 {
	margin: 0 0 6px;
	font-size: 28px;
}

.qisatok-section-heading p {
	margin: 0;
	color: var(--q-muted);
}

.qisatok-chapter-controls {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.qisatok-chapter-search,
.qisatok-sort-chapters,
.qisatok-reader-toolbar select {
	min-height: 44px;
	border: 1px solid var(--q-border);
	border-radius: 12px;
	background: #fff;
	padding: 8px 12px;
	color: var(--q-text);
}

.qisatok-chapter-search { min-width: 220px; }
.qisatok-sort-chapters { cursor: pointer; font-weight: 700; }

.qisatok-chapter-list {
	display: grid;
	gap: 10px;
}

.qisatok-chapter-item {
	display: grid;
	grid-template-columns: 48px 1fr auto;
	gap: 14px;
	align-items: center;
	padding: 14px 16px;
	border: 1px solid var(--q-border);
	border-radius: 14px;
	text-decoration: none;
	color: var(--q-text);
	background: #fff;
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.qisatok-chapter-item:hover {
	transform: translateY(-2px);
	border-color: rgba(201,168,106,.8);
	box-shadow: 0 8px 20px rgba(45,41,38,.07);
}

.qisatok-chapter-item__number {
	width: 36px;
	height: 36px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: #f1eadf;
	color: var(--q-gold-dark);
	font-weight: 800;
}

.qisatok-chapter-item__title { font-weight: 700; }
.qisatok-chapter-item__date { color: var(--q-muted); font-size: 14px; }

.qisatok-empty-state,
.qisatok-chapter-no-results {
	text-align: center;
	padding: 36px 16px;
	color: var(--q-muted);
	background: #fbf9f6;
	border-radius: 14px;
}

.qisatok-story-tags h2 {
	font-family: Cairo, sans-serif;
	font-size: 22px;
	margin: 0 0 14px;
}

.qisatok-story-tags > div {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.qisatok-story-tags a {
	padding: 8px 13px;
	background: #efe7da;
	border-radius: 999px;
	color: var(--q-text);
	text-decoration: none;
}

.qisatok-author-card {
	display: grid;
	grid-template-columns: 74px 1fr auto;
	gap: 20px;
	align-items: center;
}

.qisatok-author-card__avatar {
	width: 74px;
	height: 74px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--q-gold), var(--q-terra));
	color: #fff;
	font-size: 30px;
	font-weight: 800;
}

.qisatok-author-card__content > span {
	color: var(--q-muted);
	font-size: 14px;
}

.qisatok-author-card h2 {
	margin: 4px 0 8px;
	font-size: 24px;
}

.qisatok-author-card h2 a {
	color: var(--q-text);
	text-decoration: none;
}

.qisatok-author-card p {
	margin: 0 0 10px;
	color: var(--q-muted);
}

.qisatok-author-card__actions {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

/* Story cards and archives */
.qisatok-story-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}

.qisatok-story-card {
	min-width: 0;
	background: var(--q-surface);
	border: 1px solid var(--q-border);
	border-radius: var(--q-radius);
	overflow: hidden;
	box-shadow: 0 8px 24px rgba(45,41,38,.06);
	transition: transform .22s ease, box-shadow .22s ease;
}

.qisatok-story-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 18px 36px rgba(45,41,38,.11);
}

.qisatok-story-card__cover {
	position: relative;
	display: block;
	aspect-ratio: 2 / 3;
	overflow: hidden;
	background:
		radial-gradient(circle at top, rgba(201,168,106,.18), transparent 55%),
		#efe7da;
}

.qisatok-story-card__cover {
	padding: 8px;
}

.qisatok-story-card__cover img,
.qisatok-story-card__placeholder {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	border-radius: 12px;
	background: #f3ede4;
}

.qisatok-story-card__status {
	position: absolute;
	top: 12px;
	right: 12px;
	padding: 6px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 800;
	box-shadow: 0 5px 15px rgba(0,0,0,.12);
}

.qisatok-story-card__body {
	padding: 16px;
}

.qisatok-story-card h3 {
	font-family: Cairo, sans-serif;
	font-size: 20px;
	line-height: 1.45;
	margin: 0 0 8px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.qisatok-story-card h3 a,
.qisatok-story-card__author {
	color: var(--q-text);
	text-decoration: none;
}

.qisatok-story-card__author {
	display: block;
	color: var(--q-muted);
	font-size: 14px;
	margin-bottom: 12px;
}

.qisatok-story-card__stats {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
	color: var(--q-muted);
	font-size: 13px;
	margin-bottom: 12px;
}

.qisatok-story-card__category {
	display: inline-flex;
	padding: 6px 10px;
	border-radius: 999px;
	background: #f2ebdf;
	color: var(--q-gold-dark);
	text-decoration: none;
	font-size: 13px;
}

.qisatok-archive-hero {
	padding: 72px 0 54px;
	text-align: center;
	background:
		radial-gradient(circle at top right, rgba(201,168,106,.22), transparent 40%),
		linear-gradient(180deg, #fff, var(--q-bg));
}

.qisatok-archive-hero span { color: var(--q-gold-dark); font-weight: 700; }
.qisatok-archive-hero h1 { font-size: clamp(36px, 6vw, 56px); margin: 8px 0 10px; }
.qisatok-archive-hero p { margin: 0; color: var(--q-muted); font-size: 18px; }

.qisatok-archive-body { padding: 52px 0 80px; }

.qisatok-pagination { margin-top: 38px; }
.qisatok-pagination .nav-links,
.qisatok-pagination ul {
	display: flex;
	justify-content: center;
	gap: 8px;
	list-style: none;
	padding: 0;
}

.qisatok-pagination a,
.qisatok-pagination span {
	display: grid;
	place-items: center;
	min-width: 42px;
	height: 42px;
	padding: 0 10px;
	border-radius: 12px;
	background: #fff;
	border: 1px solid var(--q-border);
	color: var(--q-text);
	text-decoration: none;
}

.qisatok-pagination .current {
	background: var(--q-gold);
	color: #fff;
	border-color: var(--q-gold);
}

/* Reader */
body.qisatok-reading-mode { margin: 0; }
.qisatok-reading-mode #wpadminbar { position: fixed; }

.qisatok-reader {
	--reader-bg: #f8f5f0;
	--reader-surface: #fff;
	--reader-text: #2d2926;
	--reader-muted: #6e665e;
	background: var(--reader-bg);
	color: var(--reader-text);
	min-height: 100vh;
	padding-bottom: 72px;
	transition: background-color .2s ease, color .2s ease;
}

.qisatok-reader[data-theme="sepia"] {
	--reader-bg: #efe5d2;
	--reader-surface: #f8efdf;
	--reader-text: #3a3027;
	--reader-muted: #746554;
}

.qisatok-reader[data-theme="dark"] {
	--reader-bg: #1e1a17;
	--reader-surface: #2a2521;
	--reader-text: #eee7dc;
	--reader-muted: #b9afa5;
	--q-border: #443b34;
}

.qisatok-reading-progress {
	position: fixed;
	inset: 0 0 auto 0;
	height: 3px;
	z-index: 10001;
	background: rgba(201,168,106,.12);
}

.qisatok-reading-progress span {
	display: block;
	width: 0;
	height: 100%;
	background: var(--q-gold);
}

.qisatok-reader-topbar {
	position: sticky;
	top: 0;
	z-index: 1000;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	padding: 14px max(18px, calc((100vw - 1180px) / 2));
	background: color-mix(in srgb, var(--reader-bg) 88%, transparent);
	backdrop-filter: blur(14px);
	border-bottom: 1px solid color-mix(in srgb, var(--reader-text) 10%, transparent);
}

.qisatok-reader-topbar a,
.qisatok-reader-settings-toggle {
	color: var(--reader-text);
	text-decoration: none;
	font-weight: 700;
}

.qisatok-reader-settings-toggle {
	border: 1px solid color-mix(in srgb, var(--reader-text) 15%, transparent);
	background: var(--reader-surface);
	border-radius: 12px;
	padding: 9px 13px;
	cursor: pointer;
}

.qisatok-reader-shell { max-width: 760px; }
.qisatok-reader[data-width="narrow"] .qisatok-reader-shell { max-width: 640px; }
.qisatok-reader[data-width="wide"] .qisatok-reader-shell { max-width: 900px; }

.qisatok-reader-header {
	padding: 58px 0 32px;
	text-align: center;
}

.qisatok-reader-story {
	display: block;
	color: var(--q-gold-dark);
	text-decoration: none;
	font-weight: 700;
	margin-bottom: 10px;
}

.qisatok-reader-kicker {
	color: var(--reader-muted);
	font-size: 15px;
	margin-bottom: 12px;
}

.qisatok-reader-title {
	color: var(--reader-text);
	font-size: clamp(30px, 5vw, 46px);
	line-height: 1.35;
	margin: 0;
}

.qisatok-reader-content {
	background: var(--reader-surface);
	border: 1px solid color-mix(in srgb, var(--reader-text) 12%, transparent);
	border-radius: var(--q-radius);
	padding: clamp(24px, 5vw, 54px);
	box-shadow: 0 14px 40px rgba(45,41,38,.06);
	font-size: 22px;
	line-height: 2.05;
	color: var(--reader-text);
}

.qisatok-reader[data-font="amiri"] .qisatok-reader-content { font-family: Amiri, serif; }
.qisatok-reader[data-font="tajawal"] .qisatok-reader-content { font-family: Tajawal, sans-serif; }
.qisatok-reader[data-font="cairo"] .qisatok-reader-content { font-family: Cairo, sans-serif; }

.qisatok-reader[data-line-height="normal"] .qisatok-reader-content { line-height: 1.75; }
.qisatok-reader[data-line-height="comfortable"] .qisatok-reader-content { line-height: 2.05; }
.qisatok-reader[data-line-height="wide"] .qisatok-reader-content { line-height: 2.35; }

.qisatok-reader-content p { margin: 0 0 1.25em; }
.qisatok-reader-content img { max-width: 100%; height: auto; border-radius: 14px; }

.qisatok-reader-toolbar {
	position: fixed;
	z-index: 10002;
	top: 0;
	left: 0;
	width: min(390px, 92vw);
	height: 100dvh;
	padding: 28px;
	background: var(--reader-surface);
	color: var(--reader-text);
	box-shadow: 20px 0 60px rgba(0,0,0,.18);
	transform: translateX(-105%);
	transition: transform .25s ease;
	overflow-y: auto;
}

.qisatok-reader-toolbar.is-open { transform: translateX(0); }
.qisatok-reader-toolbar h2 { font-family: Cairo, sans-serif; margin: 0 0 24px; }

.qisatok-reader-setting {
	display: grid;
	gap: 10px;
	padding: 18px 0;
	border-bottom: 1px solid color-mix(in srgb, var(--reader-text) 12%, transparent);
}

.qisatok-reader-setting > span { font-weight: 700; }
.qisatok-segmented,
.qisatok-inline-actions { display: flex; gap: 8px; }

.qisatok-segmented button,
.qisatok-inline-actions button {
	flex: 1;
	min-height: 42px;
	border-radius: 10px;
	border: 1px solid color-mix(in srgb, var(--reader-text) 15%, transparent);
	background: var(--reader-bg);
	color: var(--reader-text);
	cursor: pointer;
}

.qisatok-segmented button.is-active {
	background: var(--q-gold);
	color: #fff;
	border-color: var(--q-gold);
}

.qisatok-reader-toolbar select { width: 100%; }
.qisatok-reader-toolbar__close { width: 100%; margin-top: 18px; min-height: 44px; border: 0; border-radius: 12px; cursor: pointer; }

.qisatok-author-note {
	margin-top: 28px;
	padding: 24px;
	border-radius: var(--q-radius);
	background: color-mix(in srgb, var(--q-gold) 12%, var(--reader-surface));
	border: 1px solid color-mix(in srgb, var(--q-gold) 35%, transparent);
}

.qisatok-author-note h2 { font-family: Cairo, sans-serif; margin-top: 0; }

.qisatok-reader-footer {
	padding-top: 40px;
	text-align: center;
}

.qisatok-end-message {
	font-family: Cairo, sans-serif;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 12px;
}

.qisatok-last-chapter-message { color: var(--reader-muted); margin-bottom: 22px; }

.qisatok-reader-nav {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 14px;
	align-items: center;
}

.qisatok-return-story {
	display: inline-block;
	margin-top: 22px;
	color: var(--q-gold-dark);
	font-weight: 700;
	text-decoration: none;
}

.qisatok-reader-comments { margin-top: 42px; color: var(--reader-text); }

/* Comments */
.qisatok-comments-section .comment-list,
.qisatok-reader-comments .comment-list {
	list-style: none;
	padding: 0;
	margin: 24px 0;
}

.qisatok-comments-section .comment,
.qisatok-reader-comments .comment {
	padding: 16px 0;
	border-bottom: 1px solid var(--q-border);
}

.qisatok-comments-section textarea,
.qisatok-reader-comments textarea,
.qisatok-comments-section input,
.qisatok-reader-comments input {
	width: 100%;
	border: 1px solid var(--q-border);
	border-radius: 12px;
	padding: 12px;
}

.qisatok-comments-section .submit,
.qisatok-reader-comments .submit {
	border: 0;
	border-radius: 12px;
	background: var(--q-gold);
	color: #fff;
	padding: 12px 22px;
	cursor: pointer;
}

.qisatok-toast {
	position: fixed;
	z-index: 11000;
	left: 50%;
	bottom: 24px;
	transform: translate(-50%, 30px);
	padding: 12px 18px;
	border-radius: 999px;
	background: #2d2926;
	color: #fff;
	opacity: 0;
	pointer-events: none;
	transition: .2s ease;
}

.qisatok-toast.is-visible {
	opacity: 1;
	transform: translate(-50%, 0);
}

@media (max-width: 1024px) {
	.qisatok-story-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
	.qisatok-story-hero { padding: 30px 0 44px; }

	.qisatok-story-hero__content {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.qisatok-story-cover {
		width: min(210px, 62vw);
		margin-inline: auto;
	}

	.qisatok-story-info { text-align: center; }

	.qisatok-story-badges,
	.qisatok-story-meta,
	.qisatok-story-actions,
	.qisatok-story-author,
	.qisatok-rating-panel {
		justify-content: center;
	}

	.qisatok-story-actions .qisatok-start-reading {
		flex-basis: 100%;
	}

	.qisatok-story-actions .qisatok-button {
		flex: 1 1 44%;
		padding-inline: 12px;
	}

	.qisatok-section-heading {
		align-items: stretch;
		flex-direction: column;
	}

	.qisatok-chapter-controls {
		display: grid;
		grid-template-columns: 1fr;
	}

	.qisatok-chapter-search { min-width: 0; width: 100%; }

	.qisatok-panel { padding: 20px 16px; }

	.qisatok-chapter-item {
		grid-template-columns: 42px 1fr;
	}

	.qisatok-chapter-item__date { grid-column: 2; }

	.qisatok-author-card {
		grid-template-columns: 62px 1fr;
	}

	.qisatok-author-card__avatar {
		width: 62px;
		height: 62px;
	}

	.qisatok-author-card__actions {
		grid-column: 1 / -1;
	}

	.qisatok-author-card__actions .qisatok-button { flex: 1; }

	.qisatok-story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }

	.qisatok-story-card__body { padding: 12px; }
	.qisatok-story-card h3 { font-size: 16px; }
	.qisatok-story-card__stats { gap: 5px 8px; font-size: 12px; }

	.qisatok-reader-topbar {
		padding-inline: 16px;
	}

	.qisatok-reader-header { padding: 42px 0 24px; }

	.qisatok-reader-content {
		line-height: 1.95;
		padding: 24px 18px;
		border-radius: 14px;
	}

	.qisatok-reader-nav {
		grid-template-columns: 1fr 48px 1fr;
	}

	.qisatok-reader-nav .qisatok-button {
		padding-inline: 8px;
		font-size: 14px;
	}

	.qisatok-comments-section,
	.qisatok-reader-comments {
		padding: 20px 16px;
	}
}

@media (max-width: 420px) {
	.qisatok-story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.qisatok-story-card__stats span:nth-child(3) { display: none; }
}
.qisatok-badge--soft{background:#f4ead8;color:#6d4b1f;border:1px solid #ead8b9}.qisatok-home{background:#fbf8f3;color:#2d2722}.qisatok-home-hero{max-width:1380px;margin:auto;padding:70px 24px;display:grid;grid-template-columns:1fr 1.08fr;gap:42px;align-items:center}.qisatok-home-hero__text h1{font-size:clamp(40px,5vw,76px);line-height:1.15;margin:0 0 24px;color:#a96321;font-weight:800}.qisatok-home-hero__text p{font-size:20px;line-height:1.9;margin-bottom:28px}.qisatok-home-hero__text>div{display:flex;gap:16px;flex-wrap:wrap}.qisatok-home-hero__image{overflow:hidden;border-radius:34px 34px 34px 120px;box-shadow:0 24px 60px rgba(77,47,21,.18)}.qisatok-home-hero__image img{width:100%;height:560px;object-fit:cover;display:block;animation:qisatokFloat 7s ease-in-out infinite}.qisatok-home-inner{max-width:1320px;margin:auto;padding:10px 24px 80px}.qisatok-home-section{padding:48px 0}.qisatok-home-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.qisatok-home-heading h2{font-size:34px;margin:0 0 6px}.qisatok-home-heading p{margin:0;color:#766b62}.qisatok-home-scroll{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.qisatok-quote-banner{margin:42px 0;padding:44px;border-radius:28px;background:linear-gradient(135deg,#2c1e16,#b37635);color:#fff;text-align:center;position:relative;overflow:hidden}.qisatok-quote-banner:before{content:'✦';position:absolute;font-size:140px;opacity:.08;left:30px;top:-35px}.qisatok-quote-banner p{font-size:clamp(23px,3vw,38px);line-height:1.8;margin:0}.qisatok-term-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.qisatok-term-card,.qisatok-author-tile{background:#fff;border:1px solid #eadfce;border-radius:22px;padding:22px;text-align:center;text-decoration:none;color:inherit;box-shadow:0 10px 30px rgba(58,38,22,.06);transition:.25s}.qisatok-term-card:hover,.qisatok-author-tile:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(58,38,22,.12)}.qisatok-term-card__icon{display:block;font-size:34px;color:#b87936;margin-bottom:10px}.qisatok-term-card strong{display:block;font-size:18px}.qisatok-term-card small{color:#88796b}.qisatok-author-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.qisatok-author-tile__avatar{width:72px;height:72px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#d1a25f,#b96a32);color:#fff;font-size:30px}.qisatok-author-tile strong{font-size:20px}.qisatok-author-tile p{color:#7b7068;min-height:44px}.qisatok-author-tile div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:12px;color:#8f6b45}@keyframes qisatokFloat{0%,100%{transform:scale(1.01) translateY(0)}50%{transform:scale(1.035) translateY(-7px)}}@media(max-width:1000px){.qisatok-home-scroll{grid-template-columns:repeat(3,1fr)}.qisatok-term-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.qisatok-home-hero{grid-template-columns:1fr;padding:28px 18px 44px}.qisatok-home-hero__image{order:-1;border-radius:28px}.qisatok-home-hero__image img{height:330px}.qisatok-home-hero__text{text-align:center}.qisatok-home-hero__text>div{justify-content:center}.qisatok-home-hero__text h1{font-size:39px}.qisatok-home-hero__text p{font-size:17px}.qisatok-home-inner{padding:0 16px 55px}.qisatok-home-scroll{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;padding-bottom:12px}.qisatok-home-scroll .qisatok-story-card{min-width:210px;scroll-snap-align:start}.qisatok-term-grid{grid-template-columns:repeat(2,1fr)}.qisatok-author-grid{grid-template-columns:1fr 1fr}.qisatok-home-heading h2{font-size:27px}.qisatok-home-heading a{font-size:13px}.qisatok-quote-banner{padding:30px 20px}.qisatok-author-tile{padding:16px 10px}}

/* v0.3.1 corrections */
.qisatok-story-cover {
	aspect-ratio: auto;
	padding: 0;
	background: transparent;
	box-shadow: none;
	border-radius: 14px;
	overflow: hidden;
}
.qisatok-story-cover__image {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: auto;
	object-fit: contain;
	border-radius: 14px;
	box-shadow: 0 18px 45px rgba(45,41,38,.16);
}
.qisatok-author-card__stats,
.qisatok-author-tile > div {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.qisatok-author-card__stats span,
.qisatok-author-tile > div span {
	display: inline-flex;
	padding: 7px 11px;
	border: 1px solid var(--q-border);
	border-radius: 999px;
	background: #fbf8f3;
}
.qisatok-directory-hero {
	padding: 72px 0 44px;
	text-align: center;
	background: radial-gradient(circle at 75% 15%, rgba(201,168,106,.20), transparent 35%), var(--q-bg);
}
.qisatok-directory-hero h1 { margin:0 0 12px; font:700 clamp(34px,5vw,54px)/1.25 Cairo,sans-serif; }
.qisatok-directory-hero p { margin:0 auto; max-width:760px; color:var(--q-muted); font-size:18px; line-height:1.9; }
.qisatok-directory-body { padding: 38px 0 84px; }
.qisatok-author-profile { padding: 58px 0; background: radial-gradient(circle at 80% 10%, rgba(201,168,106,.24), transparent 42%), var(--q-bg); }
.qisatok-author-profile__inner { display:grid; grid-template-columns:130px 1fr; gap:28px; align-items:center; }
.qisatok-author-profile__avatar { width:120px; height:120px; border-radius:50%; display:grid; place-items:center; font:700 52px Cairo,sans-serif; color:#fff; background:linear-gradient(145deg,var(--q-gold),var(--q-terra)); }
.qisatok-author-profile__eyebrow { color:var(--q-gold-dark); font-weight:700; }
.qisatok-author-profile h1 { margin:4px 0 8px; font:700 clamp(36px,5vw,56px)/1.2 Cairo,sans-serif; }
.qisatok-author-profile p { max-width:760px; color:var(--q-muted); font-size:17px; line-height:1.9; }
.qisatok-author-profile__stats { display:flex; gap:12px; flex-wrap:wrap; margin:18px 0; }
.qisatok-author-profile__stats div { min-width:100px; padding:12px 18px; border:1px solid var(--q-border); border-radius:16px; background:rgba(255,255,255,.78); text-align:center; }
.qisatok-author-profile__stats strong,.qisatok-author-profile__stats span { display:block; }
.qisatok-author-profile__stats strong { font-size:22px; }
.qisatok-author-profile__stats span { color:var(--q-muted); font-size:14px; }
.qisatok-resume-marker { position:fixed; right:18px; bottom:18px; z-index:999; padding:10px 14px; border-radius:999px; color:#fff; background:var(--q-gold-dark); box-shadow:var(--q-shadow); font-weight:700; }
.qisatok-chapter-item__resume { grid-column:2/4; color:var(--q-gold-dark); font-size:13px; font-weight:700; }
@media (max-width: 720px) {
	.qisatok-author-profile__inner { grid-template-columns:1fr; text-align:center; }
	.qisatok-author-profile__avatar { margin-inline:auto; }
	.qisatok-author-profile p { margin-inline:auto; }
	.qisatok-author-profile__stats { justify-content:center; }
	.qisatok-story-hero__content { grid-template-columns:1fr; }
	.qisatok-story-cover { width:min(82vw,360px); margin-inline:auto; }
}

/* v0.3.4 refinements */
.qisatok-home-hero__text h1{font-family:"Cairo","Tajawal",sans-serif!important;letter-spacing:0!important;font-weight:800!important;font-style:normal!important}
.qisatok-quote-banner p{font-family:"Amiri","Noto Naskh Arabic",serif;font-weight:700}
.qisatok-story-card__chips{display:flex;gap:6px;flex-wrap:wrap;padding:0 14px 14px}.qisatok-story-card__chips span{font-size:11px;padding:5px 9px;border-radius:999px;background:#f7efe2;color:#805a2f;border:1px solid #ead8bb}
.qisatok-archive-hero h1{font-size:clamp(38px,5vw,66px);margin:0 0 10px}
.qisatok-smart-search[hidden]{display:none}.qisatok-smart-search{position:fixed;inset:0;background:rgba(20,15,12,.72);z-index:999999;padding:8vh 20px}.qisatok-smart-search__panel{max-width:760px;margin:auto;background:#fff;border-radius:24px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.qisatok-smart-search__close{position:fixed;top:24px;left:28px;border:0;background:#fff;width:46px;height:46px;border-radius:50%;font-size:28px}.qisatok-smart-search__input{width:100%;padding:16px 18px;border:1px solid #dbcbb7;border-radius:14px;font-size:18px}.qisatok-smart-search__results{margin-top:12px;display:grid;gap:8px}.qisatok-search-result{display:flex;gap:12px;align-items:center;padding:10px;border-radius:12px;text-decoration:none;color:inherit;background:#faf7f2}.qisatok-search-result img{width:48px;height:58px;object-fit:cover;border-radius:7px}.qisatok-search-result small{display:block;color:#9a7650}