/* Shaghaf 3.0 final polish bundle: footer, identity, refinements, and global finish. */
/* منصة مهنة — تذييل فاتح، احترافي، ومضغوط بلمسة Apple هادئة. */

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

.career-footer {
	--career-footer-accent: #f15a24;
	--career-footer-bg: #f4f7fa;
	--career-footer-panel: rgba(255, 255, 255, 0.9);
	--career-footer-text: #101317;
	--career-footer-muted: #666f7b;
	--career-footer-line: rgba(19, 32, 48, 0.1);
	direction: rtl;
	position: relative;
	clear: both;
	width: 100%;
	max-width: none;
	margin: 0;
	color: var(--career-footer-text);
	background:
		linear-gradient(180deg, #fff 0, #f8fafc 20%, var(--career-footer-bg) 100%);
	border-top: 1px solid rgba(15, 23, 42, 0.06);
	font-family: "thmanyahserifdisplay", Tahoma, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	isolation: isolate;
}

.career-footer__wrap {
	width: min(1180px, calc(100% - 40px));
	margin: 26px auto 18px;
	padding: 22px 24px 14px;
	background: var(--career-footer-panel);
	border: 1px solid rgba(255, 255, 255, 0.92);
	border-radius: 28px;
	box-shadow:
		0 24px 65px rgba(31, 50, 73, 0.1),
		inset 0 0 0 1px rgba(15, 23, 42, 0.045);
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

.career-footer a {
	color: inherit;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}

.career-footer p,
.career-footer h2,
.career-footer ul {
	margin: 0;
}

.career-footer__sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	margin: -1px !important;
	padding: 0 !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.career-footer__intro {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 22px;
	padding: 0 0 18px;
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--career-footer-line);
	border-radius: 0;
}

.career-footer__identity {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 12px;
}

.career-footer__mark {
	display: grid;
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
	place-items: center;
	overflow: hidden;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 50%;
	box-shadow: 0 9px 24px rgba(15, 23, 42, 0.11);
}

.career-footer__logo {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
}

.career-footer__name {
	color: #101317;
	font-size: clamp(21px, 1.65vw, 25px);
	font-weight: 950;
	line-height: 1.05;
}

.career-footer__copy {
	margin-top: 4px !important;
	color: var(--career-footer-muted);
	font-size: 12.5px;
	font-weight: 650;
	line-height: 1.45;
}

.career-footer__social {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	padding: 0;
	list-style: none;
}

.career-footer__social-link {
	-webkit-appearance: none;
	appearance: none;
	display: grid;
	width: 40px;
	height: 40px;
	min-width: 40px;
	min-height: 40px;
	place-items: center;
	padding: 0;
	color: #fff !important;
	background: #111;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 13px;
	box-shadow: 0 6px 16px rgba(15, 23, 42, 0.1);
	line-height: 0;
	touch-action: manipulation;
	transform: translate3d(0, 0, 0);
	transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 220ms ease;
}

.career-footer__social-link--snapchat {
	color: #050505 !important;
	background: #fffc00;
	border-color: #e8e500;
}

.career-footer__social-link--tiktok,
.career-footer__social-link--x,
.career-footer__social-link--twitter {
	background: #050505;
}

.career-footer__social-link--instagram {
	background: radial-gradient(circle at 32% 105%, #feda75 0 20%, #fa7e1e 36%, #d62976 58%, #962fbf 78%, #4f5bd5 100%);
	border-color: transparent;
}

.career-footer__social-icon {
	display: block;
	width: 20px;
	height: 20px;
	fill: currentColor;
	stroke: none;
	pointer-events: none;
}

.career-footer__social-icon--snapchat,
.career-footer__social-icon--tiktok {
	width: 21px;
	height: 21px;
}

.career-footer__social-icon--snapchat { fill: #050505; }
.career-footer__tiktok-cyan { fill: #25f4ee; }
.career-footer__tiktok-red { fill: #fe2c55; }
.career-footer__tiktok-main { fill: #fff; }

.career-footer__links {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(28px, 6vw, 86px);
	padding: 18px 2px 13px;
}

.career-footer__group-title {
	position: relative;
	margin-bottom: 9px !important;
	padding-inline-start: 14px;
	color: #101317;
	font-size: 14.5px;
	font-weight: 950;
	line-height: 1.2;
}

.career-footer__group-title::before {
	position: absolute;
	top: 50%;
	inset-inline-start: 0;
	width: 7px;
	height: 7px;
	background: var(--career-footer-accent);
	border-radius: 50%;
	content: "";
	transform: translateY(-50%);
}

.career-footer__list,
.career-footer__legal-list {
	padding: 0;
	list-style: none;
}

.career-footer__list {
	display: flex;
	flex-wrap: wrap;
	gap: 2px 19px;
}

.career-footer__list a {
	display: inline-flex;
	min-height: 31px;
	align-items: center;
	color: #535d69;
	font-size: 12.5px;
	font-weight: 750;
	line-height: 1.35;
}

.career-footer__legal {
	padding: 10px 2px;
	border-top: 1px solid var(--career-footer-line);
}

.career-footer__legal-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px 20px;
}

.career-footer__legal a {
	display: inline-flex;
	min-height: 28px;
	align-items: center;
	color: #69727e;
	font-size: 11.5px;
	font-weight: 700;
	line-height: 1.35;
}

.career-footer__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 11px 2px 0;
}

.career-footer__fineprint {
	color: #727b86;
	font-size: 11.5px;
	font-weight: 650;
	line-height: 1.55;
}

.career-footer__fineprint a {
	margin-inline-start: 4px;
	color: #101317;
	font-weight: 900;
}

.career-footer__toplink {
	display: inline-flex;
	min-height: 36px;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
	padding: 0 12px;
	color: #101317 !important;
	background: rgba(255, 255, 255, 0.82);
	border: 1px solid var(--career-footer-line);
	border-radius: 999px;
	box-shadow: 0 5px 14px rgba(15, 23, 42, 0.06);
	font-size: 11.5px;
	font-weight: 900;
}

.career-footer__toplink span {
	color: var(--career-footer-accent);
	font-size: 15px;
	line-height: 1;
}

.career-footer a:focus-visible {
	outline: 3px solid rgba(241, 90, 36, 0.3);
	outline-offset: 2px;
	border-radius: 10px;
}

@media (hover: hover) and (pointer: fine) {
	.career-footer__social-link:hover {
		transform: translate3d(0, -3px, 0) scale(1.03);
		box-shadow: 0 11px 24px rgba(15, 23, 42, 0.14);
	}

	.career-footer__list a:hover,
	.career-footer__legal a:hover,
	.career-footer__fineprint a:hover {
		color: #101317;
		text-decoration: underline;
		text-decoration-color: var(--career-footer-accent);
		text-underline-offset: 4px;
	}
}

@media (max-width: 760px) {
	.career-footer__wrap {
		width: min(100% - 28px, 1180px);
		margin-block: 20px 14px;
		padding: 19px 18px 13px;
		border-radius: 24px;
	}

	.career-footer__intro {
		align-items: flex-start;
		flex-direction: column;
		gap: 14px;
	}

	.career-footer__social {
		justify-content: flex-start;
	}

	.career-footer__links {
		gap: 24px;
	}
}

@media (max-width: 520px) {
	.career-footer__wrap {
		width: min(100% - 20px, 1180px);
		padding: 17px 15px 12px;
		border-radius: 22px;
	}

	.career-footer__mark {
		width: 44px;
		height: 44px;
		flex-basis: 44px;
	}

	.career-footer__name { font-size: 22px; }
	.career-footer__copy { font-size: 12px; }

	.career-footer__links {
		grid-template-columns: 1fr;
		gap: 15px;
		padding-block: 15px 11px;
	}

	.career-footer__list {
		gap-inline: 15px;
	}

	.career-footer__bottom {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.career-footer__social-link { transform: none !important; }
}


/* 3.6.2 — final neutral footer polish. */
.career-footer {
	--career-footer-bg: #f7f7f5;
	--career-footer-panel: rgba(255, 255, 255, 0.78);
	--career-footer-muted: #6e6e73;
	--career-footer-line: rgba(0, 0, 0, 0.085);
	background: linear-gradient(180deg, #fff 0, #fbfbfa 28%, var(--career-footer-bg) 100%);
	border-top-color: rgba(0, 0, 0, 0.055);
}
.career-footer__wrap {
	border-color: rgba(0, 0, 0, 0.075);
	box-shadow: 0 18px 52px rgba(0, 0, 0, 0.065), inset 0 1px 0 rgba(255, 255, 255, 0.96);
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}
.career-footer__mark { border-color: rgba(0, 0, 0, 0.08); box-shadow: 0 8px 22px rgba(0, 0, 0, 0.09); }
.career-footer__social-link { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.09); transition: transform 220ms cubic-bezier(0.22,1,0.36,1), box-shadow 220ms ease, filter 180ms ease; }
.career-footer__social-link:hover,.career-footer__social-link:focus-visible { filter: saturate(1.04) brightness(1.02); transform: translate3d(0,-2px,0) scale(1.025); box-shadow: 0 9px 22px rgba(0,0,0,.13); }
.career-footer__social-link:active { transform: translate3d(0,0,0) scale(.97); }
.career-footer__toplink { border: 1px solid rgba(0,0,0,.07); background: rgba(255,255,255,.72); box-shadow: 0 4px 14px rgba(0,0,0,.045); }



/* 3.6.2 — compact final finish and mobile-only translucent material. */
@media (min-width: 761px) {
	.career-footer__wrap {
		background: #fff;
		border-color: rgba(0, 0, 0, 0.07);
		box-shadow: 0 14px 38px rgba(0, 0, 0, 0.055), inset 0 1px 0 #fff;
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
	}
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	@media (max-width: 760px) and (hover: none) and (pointer: coarse) {
		.career-footer__wrap {
			background: rgba(255, 255, 255, 0.72);
			border-color: rgba(255, 255, 255, 0.84);
			-webkit-backdrop-filter: blur(14px) saturate(145%);
			backdrop-filter: blur(14px) saturate(145%);
		}
	}
}

.career-footer__wrap {
	transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

.career-footer__list a,
.career-footer__legal a {
	text-decoration-thickness: 1px;
}

@media (hover: none) and (pointer: coarse) {
	.career-footer__social-link:hover,
	.career-footer__social-link:focus-visible,
	.career-footer__toplink:hover,
	.career-footer__toplink:focus-visible {
		transform: none;
	}
}

/* === mahana-skin.css === */
/*
 * Shaghaf × Mahana identity layer.
 * Loaded after the theme and Tools Studio so the whole platform shares one system.
 */
:root {
  color-scheme: only light;
  --mahana-brand: #f15a24;
  --mahana-brand-dark: #ca430f;
  --mahana-brand-soft: rgba(241,90,36,.10);
  --mahana-ink: #111111;
  --mahana-muted: #626262;
  --mahana-line: #dedede;
  --mahana-surface: #f6f4ee;
  --mahana-panel: #fffdf8;
  --mahana-white: #ffffff;
  --mahana-radius: 14px;
  --mahana-reading-width: 760px;
  --mahana-page-width: 1180px;
  --mahana-shadow: 0 12px 32px rgba(17,17,17,.07);

  --shaghaf-red: var(--mahana-brand);
  --shaghaf-ink: var(--mahana-ink);
  --shaghaf-muted: var(--mahana-muted);
  --shaghaf-line: rgba(17,17,17,.11);
  --sj-primary: var(--mahana-brand);
  --sj-primary-dark: var(--mahana-brand-dark);
  --sj-primary-soft: var(--mahana-brand-soft);
  --sj-red: var(--mahana-brand);
  --sj-red-dark: var(--mahana-brand-dark);
  --sj-red-soft: var(--mahana-brand-soft);
  --sj-navy: var(--mahana-ink);
  --sj-navy-dark: #000;
  --sj-black: var(--mahana-ink);
  --sj-text: var(--mahana-ink);
  --sj-muted: var(--mahana-muted);
  --sj-soft: #777;
  --sj-surface: var(--mahana-panel);
  --sj-bg: #fff;
  --sj-line: rgba(17,17,17,.10);
  --sj-line-strong: rgba(17,17,17,.16);
  --sj-shadow: var(--mahana-shadow);
  --sj-radius: 16px;
  --sj-radius-sm: 12px;
  --sj-radius-md: 16px;
  --sj-radius-lg: 20px;
  --sj-radius-xl: 24px;
}

html,
html:focus-within { scroll-behavior: auto !important; scrollbar-gutter: stable; }
body,
body button,
body input,
body select,
body textarea { font-family: var(--shaghaf-body-font, "thmanyahserifdisplay", Tahoma, Arial, sans-serif); }
body {
  color: var(--mahana-ink);
  background: #fff;
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
body :focus-visible { outline: 3px solid rgba(241,90,36,.42); outline-offset: 3px; }
body :where(a,button,input,select,textarea,summary) { touch-action: manipulation; -webkit-tap-highlight-color: rgba(241,90,36,.14); }
body :where(button,input,select,textarea) { accent-color: var(--mahana-brand); }
body :where(h1,h2,h3) { color: var(--mahana-ink); text-wrap: balance; }
body :where(p,li) { overflow-wrap: break-word; }
::selection { color: #fff; background: var(--mahana-brand); }

.site-content { min-height: 62vh; }
.site-content > .shaghaf-container {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}
.shaghaf-container { box-sizing: border-box; }

/* Mahana homepage compatibility inside the standalone theme wrapper. */
body.home #content > .shaghaf-container,
body.page-template-front-page #content > .shaghaf-container,
body.page-template-front-page-php #content > .shaghaf-container { display: block; width: 100%; max-width: none; padding: 0; }
.mahana-home .mahana-icon { display: block; width: 1em; height: 1em; max-width: none; max-height: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mahana-home__image-fallback { background: var(--mahana-surface); color: var(--mahana-brand-dark); }

/* Footer additions used by the standalone adaptation. */
.career-footer__logo-fallback { display: grid; place-items: center; width: 100%; height: 100%; color: #fff; background: #000; font-size: 24px; font-weight: 950; }
.career-footer__primary-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  color: #fff !important;
  background: var(--mahana-brand);
  border: 1px solid var(--mahana-brand);
  border-radius: 999px;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none !important;
}
.career-footer__primary-link:hover,
.career-footer__primary-link:focus-visible { background: var(--mahana-brand-dark); border-color: var(--mahana-brand-dark); }

/* Shared page rhythm and editorial surfaces. */
:where(.sj-page,.sj-main,.sj-shell,.sj-wrap,.sja-wrap,.sjn-wrap,.sjs-wrap,.sjct-wrap,.sj404-wrap) { direction: rtl; }
:where(.sj-wrap,.sja-wrap,.sjn-wrap,.sjs-wrap,.sjct-wrap,.sj404-wrap) { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
:where(.sj-page,.sj-main,.sj-shell,.sja-main,.sjn-main,.sjs-main,.sjct-main) { color: var(--mahana-ink); background: #fff; }

:where(
  .sj-card,.sj-panel,.sj-form-card,.sj-output-card,.sj-result-panel,.sj-preview-panel,
  .sj-info-card,.sj-question-card,.sj-score-card,.sj-link-card,.sj-tool-card,.sj-guide-card,
  .sj-article-card,.sj-mini-card,.sj-feature,.sj-feature-panel,.sj-builder-panel,
  .sja-card,.sja-panel,.sja-story-card,.sja-tool-card,.sja-link-card,
  .sjn-article-card,.sjs-panel,.sjct-workspace,.sjct-result,.sj404-card
) {
  background: var(--mahana-panel) !important;
  border-color: var(--mahana-line) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

:where(.sj-hero,.sj-hero-card,.sj-hero-simple,.sja-hero-shell,.sjn-cover,.sjs-hero,.sjct-hero,.sj404-hero) {
  background: #fff !important;
  border-color: var(--mahana-line) !important;
  box-shadow: none !important;
}
:where(.sj-hero h1,.sj-hero-card h1,.sj-hero-simple h1,.sja-title,.sjn-title,.sjs-hero h1,.sjct-hero h1,.sj404-title) { color: var(--mahana-ink) !important; font-weight: 950 !important; letter-spacing: -.025em !important; }
:where(.sj-kicker,.sja-kicker,.sjs-kicker,.sjct-eyebrow,.sj-legal-eyebrow,.sj-badge,.sjn-badge,.sjs-tag,.sj-tag,.sj-chip) { color: var(--mahana-brand-dark) !important; }

/* Buttons: black primary, orange action, restrained pills. */
:where(
  .sj-btn-primary,.sj-submit,.sj-action-primary,.sj-tool-btn,.sj-tool-action,
  .sjct-primary-button,.sjs-btn.is-primary,.sja-btn.is-primary,.sj404-btn.is-primary
) {
  color: #fff !important;
  background: #000 !important;
  border-color: #000 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}
:where(
  .sj-btn-primary,.sj-submit,.sj-action-primary,.sj-tool-btn,.sj-tool-action,
  .sjct-primary-button,.sjs-btn.is-primary,.sja-btn.is-primary,.sj404-btn.is-primary
):hover { background: var(--mahana-brand-dark) !important; border-color: var(--mahana-brand-dark) !important; }
:where(.sj-btn-secondary,.sj-btn-soft,.sj-reset,.sjct-text-button,.sj-action,.sja-btn,.sjn-share,.sjs-btn,.sj404-btn) { border-radius: 999px !important; }

/* Inputs and search controls. */
:where(
  .sj-form input,.sj-form select,.sj-form textarea,.sj-field input,.sj-field select,.sj-field textarea,
  .sj-filter input,.sj-filter select,.sj-search-field input,.sjs-search input,.sjct-form input,
  .sjct-form select,.sjct-form textarea,.sj-legal input,.sj-legal textarea
) {
  color: var(--mahana-ink) !important;
  background: #fff !important;
  border: 1px solid #cfcfcf !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
:where(
  .sj-form input,.sj-form select,.sj-form textarea,.sj-field input,.sj-field select,.sj-field textarea,
  .sj-filter input,.sj-filter select,.sj-search-field input,.sjs-search input,.sjct-form input,
  .sjct-form select,.sjct-form textarea
):focus { border-color: var(--mahana-brand) !important; box-shadow: 0 0 0 3px var(--mahana-brand-soft) !important; }

/* Tools directory and native tool templates. */
.sj-tools-content,
.sj-career-tool,
.sjct-main { --sj-primary: var(--mahana-brand); --sj-primary-dark: var(--mahana-brand-dark); --sj-primary-soft: var(--mahana-brand-soft); --sj-navy: #111; --sj-bg: #fff; --sj-surface: var(--mahana-panel); --sj-line: var(--mahana-line); }
.sj-tools-grid { gap: 12px !important; }
.sj-tool-card { overflow: hidden; }
.sj-tool-card::before { background: var(--mahana-brand) !important; }
.sj-tool-icon,
.sj-info-icon,
.sja-tool-icon,
.sjct-hero-icon { color: var(--mahana-brand-dark) !important; background: var(--mahana-brand-soft) !important; border-color: rgba(241,90,36,.22) !important; }
.sj-tool-category { color: var(--mahana-brand-dark) !important; }
.sj-tools-cta { color: #fff !important; background: #080808 !important; border-radius: 18px !important; }
.sj-tools-cta :where(h2,p) { color: inherit !important; }

/* Articles, archives, search and legal pages. */
:where(.sj-filter,.sj-search-shell,.sjs-search,.sj-legal-toc,.sjn-sidebar,.sja-sidebar) { background: var(--mahana-surface) !important; border-color: var(--mahana-line) !important; box-shadow: none !important; }
:where(.sj-read-link,.sj-more,.sjct-back,.sjn-breadcrumb a,.sja-breadcrumbs a,.sj-legal-toc a) { color: var(--mahana-brand-dark) !important; }
:where(.sj-pagination .current,.sjs-pagination .current,.nav-links .current) { color: #fff !important; background: var(--mahana-brand) !important; border-color: var(--mahana-brand) !important; }
.sjn-progress { background: var(--mahana-brand) !important; }
.sj-article-body a,
.sjn-content a,
.sja-article a,
.sj-legal-content a { color: var(--mahana-brand-dark); text-decoration-thickness: 1px; text-underline-offset: 4px; }

/* Generic legal pages should read like Mahana's paper surfaces. */
.sj-legal { background: #fff !important; }
.sj-legal-hero { color: var(--mahana-ink) !important; background: var(--mahana-surface) !important; border: 1px solid var(--mahana-line) !important; border-radius: 18px !important; box-shadow: none !important; }
.sj-legal-section { border-color: var(--mahana-line) !important; }
.sj-legal-button { border-radius: 999px !important; }

/* Shaghaf Tools Studio — same palette, panels, radii and hierarchy as Mahana. */
.sjts-studio {
  --sjts-bg: var(--mahana-surface) !important;
  --sjts-surface: #fff !important;
  --sjts-surface-2: var(--mahana-panel) !important;
  --sjts-surface-3: #efede6 !important;
  --sjts-ink: var(--mahana-ink) !important;
  --sjts-muted: var(--mahana-muted) !important;
  --sjts-soft: #7a7a7a !important;
  --sjts-line: var(--mahana-line) !important;
  --sjts-line-strong: #cfcfcf !important;
  --sjts-success: var(--mahana-brand) !important;
  --sjts-warning: var(--mahana-brand) !important;
  --sjts-danger: #111 !important;
  --sjts-accent: var(--mahana-brand) !important;
  --sjts-accent-contrast: #fff !important;
  --sjts-radius-xl: 20px !important;
  --sjts-radius-lg: 16px !important;
  --sjts-radius-md: 12px !important;
  --sjts-shadow-sm: none !important;
  --sjts-shadow-md: none !important;
  width: min(1360px, calc(100% - 40px)) !important;
  color: var(--mahana-ink) !important;
}
.sjts-welcome {
  min-height: 340px !important;
  background: #fff !important;
  border: 1px solid var(--mahana-line) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}
.sjts-welcome::after { display: none !important; }
.sjts-greeting { color: var(--mahana-ink) !important; font-size: clamp(38px,5vw,68px) !important; letter-spacing: -.025em !important; }
.sjts-greeting-name { color: var(--mahana-brand-dark) !important; border-color: var(--mahana-brand) !important; }
.sjts-welcome-primary { color: #fff !important; background: #080808 !important; border-color: #080808 !important; box-shadow: none !important; }
.sjts-welcome-secondary,
.sjts-profile-chip,
.sjts-live { background: var(--mahana-panel) !important; border-color: var(--mahana-line) !important; }
.sjts-profile-avatar,
.sjts-welcome-symbol,
.sjts-tool-symbol { background: var(--mahana-brand) !important; color: #fff !important; }
:where(.sjts-panel,.sjts-rail-card,.sjts-workspace-panel,.sjts-tool-stage,.sjts-status-strip,.sjts-record,.sjts-dialog,.sjts-empty) {
  background: var(--mahana-panel) !important;
  border-color: var(--mahana-line) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
:where(.sjts-actions button,.sjts-stage-tools button,.sjts-dialog-actions button,.sjts-command,.sjts-tabs button,.sjts-presets button) { border-radius: 999px !important; }
:where(.sjts-actions .is-primary,.sjts-dialog-actions .is-primary,.sjts-command.is-primary) { color: #fff !important; background: #080808 !important; border-color: #080808 !important; }
.sjts-score-ring,
.sjts-progress > span,
.sjts-storage-meter > span { color: var(--mahana-brand) !important; }

@media (max-width: 900px) {
  :where(.sj-wrap,.sja-wrap,.sjn-wrap,.sjs-wrap,.sjct-wrap,.sj404-wrap),
  .sjts-studio { width: min(100% - 24px, 1180px) !important; }
  .sjts-welcome { grid-template-columns: 1fr !important; padding: 24px !important; }
}

@media (max-width: 640px) {
  :where(.sj-wrap,.sja-wrap,.sjn-wrap,.sjs-wrap,.sjct-wrap,.sj404-wrap),
  .sjts-studio { width: min(100% - 18px, 1180px) !important; }
  :where(.sj-card,.sj-panel,.sj-form-card,.sj-output-card,.sj-result-panel,.sj-preview-panel,.sja-card,.sja-panel,.sjn-article-card,.sjs-panel,.sjct-workspace,.sjct-result) { border-radius: 13px !important; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* === refinements.css === */
/* Final visual refinements loaded after the Mahana identity layer. */

/* Keep the global header crisp and prevent theme/plugin styles from stretching it. */
.sj-global-header .sj-global-header-in { max-width: none; }
.sj-global-header .sj-global-nav { margin: 0; }
.sj-global-header :where(.sj-global-nav-link,.sj-global-cta,.sj-global-search-toggle,.sj-global-menu-toggle) { text-decoration: none !important; }

/* Article page: quieter hierarchy, better reading width, and less card clutter. */
body.sj-news-single-clean-white #sjNewsSingleClean {
  --sj-wrap: min(1240px, calc(100% - clamp(24px,4vw,56px)));
  --sj-reading: 790px;
}

#sjNewsSingleClean .sjn-progress { top: var(--wp-admin--admin-bar--height,0px); height: 2px; }
#sjNewsSingleClean .sjn-hero {
  padding: clamp(28px,4vw,48px) 0 24px !important;
  background: #fff !important;
  border-bottom: 1px solid rgba(17,17,17,.07) !important;
}
#sjNewsSingleClean .sjn-hero .sjn-wrap { display: grid; justify-items: start; }
#sjNewsSingleClean .sjn-breadcrumb { margin-bottom: 14px; font-size: 12px; }
#sjNewsSingleClean .sjn-badges { margin-bottom: 14px; gap: 7px; }
#sjNewsSingleClean .sjn-badge {
  min-height: 31px;
  padding-inline: 11px;
  color: #58585d !important;
  background: #f6f6f8 !important;
  border-color: #e8e8eb !important;
  font-size: 12px;
}
#sjNewsSingleClean .sjn-badge:first-child {
  color: var(--mahana-brand-dark) !important;
  background: var(--mahana-brand-soft) !important;
  border-color: rgba(241,90,36,.18) !important;
}
#sjNewsSingleClean .sjn-title {
  max-width: 920px;
  font-size: clamp(2.05rem,4.15vw,4.25rem);
  line-height: 1.18;
  letter-spacing: -.03em;
}
#sjNewsSingleClean .sjn-lead {
  max-width: 790px;
  margin-top: 15px;
  color: #626267;
  font-size: clamp(1rem,1.25vw,1.16rem);
  font-weight: 750;
  line-height: 1.9;
}

#sjNewsSingleClean .sjn-main { padding: clamp(22px,3vw,36px) 0 clamp(56px,7vw,88px); }
#sjNewsSingleClean .sjn-layout {
  grid-template-columns: minmax(0,1fr) minmax(260px,300px);
  gap: clamp(22px,3vw,38px);
}
#sjNewsSingleClean .sjn-cover {
  margin-bottom: 16px;
  overflow: hidden;
  background: #f5f5f7 !important;
  border: 1px solid #e3e3e6 !important;
  border-radius: 24px !important;
  box-shadow: 0 14px 34px rgba(17,17,17,.07) !important;
}
#sjNewsSingleClean .sjn-cover img { aspect-ratio: 16 / 9; object-fit: cover; object-position: center; }
#sjNewsSingleClean .sjn-cover-fallback { min-height: clamp(250px,35vw,500px); background: linear-gradient(135deg,#fff8f3,#f4f4f6); }

#sjNewsSingleClean .sjn-article-card {
  overflow: visible;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#sjNewsSingleClean .sjn-toolbar {
  max-width: var(--sj-reading);
  margin: 0 auto 4px;
  padding: 11px 13px;
  background: #f7f7f8;
  border: 1px solid #e7e7ea;
  border-radius: 14px;
}
#sjNewsSingleClean .sjn-read-meta span {
  min-height: 30px;
  padding-inline: 9px;
  background: transparent;
  border-color: transparent;
  color: #66666b;
  font-size: 12px;
}
#sjNewsSingleClean .sjn-copy {
  min-height: 36px;
  padding-inline: 13px;
  background: #111;
  border-radius: 11px;
  box-shadow: none;
  font-size: 12px;
}
#sjNewsSingleClean .sjn-copy:hover { background: var(--mahana-brand-dark); }

#sjNewsSingleClean .sjn-content {
  width: min(100%,var(--sj-reading));
  margin-inline: auto;
  padding: clamp(28px,4vw,48px) 0 34px;
  color: #252527;
  font-size: clamp(1.03rem,.45vw + .94rem,1.14rem);
  font-weight: 650;
  line-height: 2.05;
}
#sjNewsSingleClean .sjn-content > :first-child { margin-top: 0 !important; }
#sjNewsSingleClean .sjn-content :where(p,ul,ol,blockquote,figure,table,pre,.wp-block-group,.wp-block-columns) { margin-bottom: 1.45em; }
#sjNewsSingleClean .sjn-content :where(h2,h3,h4) { scroll-margin-top: 100px; }
#sjNewsSingleClean .sjn-content h2 {
  position: relative;
  margin-top: 1.75em;
  padding-inline-start: 17px;
  font-size: clamp(1.55rem,2.3vw,2.25rem);
  letter-spacing: -.02em;
}
#sjNewsSingleClean .sjn-content h2::before {
  position: absolute;
  inset-inline-start: 0;
  top: .18em;
  width: 5px;
  height: .9em;
  border-radius: 99px;
  background: var(--mahana-brand);
  content: "";
}
#sjNewsSingleClean .sjn-content h3 { font-size: clamp(1.28rem,1.7vw,1.7rem); }
#sjNewsSingleClean .sjn-content p { text-wrap: pretty; }
#sjNewsSingleClean .sjn-content :where(img,.wp-block-image img) {
  width: auto;
  max-width: 100%;
  margin-inline: auto;
  border-radius: 18px;
}
#sjNewsSingleClean .sjn-content figure { overflow: visible; border-radius: 18px; }
#sjNewsSingleClean .sjn-content figcaption { color: #747479; line-height: 1.65; }
#sjNewsSingleClean .sjn-content blockquote {
  padding: 20px 22px;
  background: #fff8f3;
  border: 0;
  border-inline-start: 4px solid var(--mahana-brand);
  border-radius: 14px;
}
#sjNewsSingleClean .sjn-content :where(.wp-block-embed,.wp-block-video,iframe,video) { max-width: 100%; border-radius: 18px; }
#sjNewsSingleClean .sjn-content .wp-block-table { overflow-x: auto; }
#sjNewsSingleClean .sjn-content table { border-radius: 12px; }

#sjNewsSingleClean .sjn-tax,
#sjNewsSingleClean .sjn-share {
  width: min(100%,var(--sj-reading));
  margin-inline: auto;
  padding-inline: 0;
}
#sjNewsSingleClean .sjn-tax { padding-bottom: 22px; }
#sjNewsSingleClean .sjn-tax a { background: #fff8f3; border-color: rgba(241,90,36,.16); }
#sjNewsSingleClean .sjn-share {
  padding-top: 18px;
  padding-bottom: 0;
  background: #fff;
  border-top-color: #e7e7ea;
}
#sjNewsSingleClean .sjn-share-links :where(a,button) { width: 38px; height: 38px; background: #f7f7f8; border-color: #e7e7ea; }

#sjNewsSingleClean .sjn-sidebar { top: 92px; gap: 12px; }
#sjNewsSingleClean .sjn-side {
  padding: 18px;
  background: #fff !important;
  border: 1px solid #e5e5e8 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}
#sjNewsSingleClean .sjn-side.is-dark { background: #111 !important; border-color: #111 !important; }
#sjNewsSingleClean .sjn-side h2 { font-size: 1.05rem; }
#sjNewsSingleClean .sjn-side p { font-size: 13px; line-height: 1.75; }
#sjNewsSingleClean .sjn-btn { min-height: 38px; margin-top: 13px; padding-inline: 14px; border-radius: 11px !important; box-shadow: none; font-size: 12px; }
#sjNewsSingleClean .sjn-related a { grid-template-columns: 66px minmax(0,1fr); }
#sjNewsSingleClean .sjn-related-thumb { width: 66px; aspect-ratio: 4 / 3; border-radius: 11px; }
#sjNewsSingleClean .sjn-related strong { font-size: 13px; }

#sjNewsSingleClean .sjn-post-nav { max-width: calc(var(--sj-reading) + 2px); margin-inline: auto; }
#sjNewsSingleClean .sjn-post-nav a {
  min-height: 62px;
  padding: 13px 15px;
  background: #f7f7f8;
  border-color: #e7e7ea;
  border-radius: 14px;
  box-shadow: none;
}

@media (max-width: 1080px) {
  #sjNewsSingleClean .sjn-layout { grid-template-columns: 1fr; }
  #sjNewsSingleClean .sjn-sidebar { position: static; grid-template-columns: repeat(3,minmax(0,1fr)); }
  #sjNewsSingleClean .sjn-sidebar .sjn-side:last-child { grid-column: auto; }
}

@media (max-width: 760px) {
  body.sj-news-single-clean-white #sjNewsSingleClean { --sj-wrap: min(100% - 22px,1240px); }
  #sjNewsSingleClean .sjn-title { font-size: clamp(1.9rem,8.2vw,3rem); line-height: 1.3; }
  #sjNewsSingleClean .sjn-cover { border-radius: 18px !important; }
  #sjNewsSingleClean .sjn-cover img { aspect-ratio: 16 / 10; }
  #sjNewsSingleClean .sjn-toolbar { align-items: stretch; margin-inline: 0; }
  #sjNewsSingleClean .sjn-content { padding-inline: 4px; }
  #sjNewsSingleClean .sjn-tax,
  #sjNewsSingleClean .sjn-share { padding-inline: 4px; }
  #sjNewsSingleClean .sjn-sidebar { grid-template-columns: 1fr; }
  #sjNewsSingleClean .sjn-sidebar .sjn-side:last-child { grid-column: auto; }
}

@media (max-width: 430px) {
  body.sj-news-single-clean-white #sjNewsSingleClean { --sj-wrap: min(100% - 16px,1240px); }
  #sjNewsSingleClean .sjn-content { padding-inline: 2px; font-size: 1rem; }
  #sjNewsSingleClean .sjn-read-meta { gap: 2px; }
  #sjNewsSingleClean .sjn-read-meta span { padding-inline: 5px; }
}

/* === apple-final.css === */
/*
 * Shaghaf 3.0 — final Apple-inspired product system.
 * Light-only, fast, restrained, and shared by every public template.
 */
:root {
  color-scheme: only light;
  --sf-accent: #f15a24;
  --sf-accent-hover: #d94a17;
  --sf-accent-soft: #fff1e9;
  --sf-accent-faint: #fff8f4;
  --sf-ink: #1d1d1f;
  --sf-ink-2: #343438;
  --sf-muted: #6e6e73;
  --sf-muted-2: #86868b;
  --sf-bg: #f5f5f7;
  --sf-surface: #ffffff;
  --sf-surface-2: #fbfbfd;
  --sf-line: rgba(29,29,31,.10);
  --sf-line-strong: rgba(29,29,31,.17);
  --sf-success: #218739;
  --sf-danger: #c9342f;
  --sf-radius-xs: 10px;
  --sf-radius-sm: 14px;
  --sf-radius-md: 18px;
  --sf-radius-lg: 24px;
  --sf-radius-xl: 32px;
  --sf-shadow-xs: 0 1px 2px rgba(0,0,0,.025);
  --sf-shadow-sm: 0 8px 26px rgba(0,0,0,.045);
  --sf-shadow-md: 0 18px 48px rgba(0,0,0,.065);
  --sf-ease: cubic-bezier(.22,1,.36,1);
  --sf-page: 1220px;
  --sf-reading: 780px;
  --sf-header-h: 70px;
  --mahana-brand: var(--sf-accent);
  --mahana-brand-dark: var(--sf-accent-hover);
  --mahana-brand-soft: rgba(241,90,36,.10);
  --mahana-ink: var(--sf-ink);
  --mahana-muted: var(--sf-muted);
  --mahana-line: #e6e6e9;
  --mahana-surface: var(--sf-bg);
  --mahana-panel: var(--sf-surface);
  --sj-primary: var(--sf-accent);
  --sj-primary-dark: var(--sf-accent-hover);
  --sj-primary-soft: rgba(241,90,36,.10);
  --sj-red: var(--sf-accent);
  --sj-red-dark: var(--sf-accent-hover);
  --sj-red-soft: rgba(241,90,36,.10);
  --sj-navy: var(--sf-ink);
  --sj-text: var(--sf-ink);
  --sj-muted: var(--sf-muted);
  --sj-bg: var(--sf-bg);
  --sj-surface: var(--sf-surface);
  --sj-line: var(--sf-line);
  --sj-line-strong: var(--sf-line-strong);
}

html {
  background: var(--sf-bg);
  scrollbar-gutter: stable;
  -webkit-text-size-adjust: 100%;
}

body.shaghaf-theme {
  min-width: 320px;
  background: var(--sf-bg);
  color: var(--sf-ink);
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body.shaghaf-theme::before {
  position: fixed;
  z-index: -1;
  inset: 0 0 auto;
  height: 360px;
  background: linear-gradient(180deg,rgba(255,255,255,.88),rgba(245,245,247,0));
  pointer-events: none;
  content: "";
}

body.shaghaf-theme ::selection { background: rgba(241,90,36,.19); color: var(--sf-ink); }
body.shaghaf-theme :where(img,svg,video,canvas) { max-width: 100%; }
body.shaghaf-theme :where(img,video) { height: auto; }
body.shaghaf-theme :where(p,li,dd,figcaption) { text-wrap: pretty; overflow-wrap: anywhere; }
body.shaghaf-theme :where(h1,h2,h3,h4) { color: var(--sf-ink); text-wrap: balance; }
body.shaghaf-theme :where(a,button,input,select,textarea,summary):focus-visible {
  outline: 3px solid rgba(241,90,36,.28) !important;
  outline-offset: 3px;
}
body.shaghaf-theme :where(button,[role="button"],summary,a) { -webkit-tap-highlight-color: transparent; }
body.shaghaf-theme :where(button,[role="button"],summary) { touch-action: manipulation; }
body.shaghaf-theme :where(input,select,textarea) { accent-color: var(--sf-accent); }
body.shaghaf-theme .site { overflow-x: clip; }
body.shaghaf-theme .site-content { min-height: 58vh; }
body.shaghaf-theme .site-content > .shaghaf-container { width: 100%; max-width: none; padding: 0; }

/* Shared layout rhythm */
body.shaghaf-theme :where(.sj-wrap,.sja-wrap,.sjn-wrap,.sjs-wrap,.sjct-wrap,.sj404-wrap,.career-footer__wrap) {
  width: min(var(--sf-page),calc(100% - clamp(24px,4vw,56px)));
  margin-inline: auto;
}
body.shaghaf-theme :where(.sj-main,.sja-main,.sjn-main,.sjs-main,.sjct-main,.sj-page,.sj-shell) { background: transparent !important; }
body.shaghaf-theme :where(.sj-section,.sja-section,.sjn-section,.sjs-section,.mahana-home__section) { scroll-margin-top: 96px; }
body.shaghaf-theme :where(.sj-reveal,.sja-reveal) { opacity: 1 !important; transform: none !important; }
body.shaghaf-theme :where(.entry-title,.page-title,.archive-title) { margin-block: 0; }

/* Header */
body.shaghaf-theme .sj-global-header {
  position: sticky;
  top: 0;
  border: 0;
  border-bottom: 1px solid var(--sf-line);
  background: rgba(255,255,255,.92);
  box-shadow: none;
  -webkit-backdrop-filter: saturate(180%) blur(18px);
  backdrop-filter: saturate(180%) blur(18px);
  transition: background-color .2s ease,border-color .2s ease,box-shadow .2s ease;
}
body.admin-bar.shaghaf-theme .sj-global-header { top: 32px; }
body.shaghaf-theme .sj-global-header.is-scrolled {
  background: rgba(255,255,255,.97);
  border-color: rgba(29,29,31,.12);
  box-shadow: 0 8px 28px rgba(0,0,0,.055);
}
body.shaghaf-theme .sj-global-header-in {
  min-height: var(--sf-header-h);
  width: min(var(--sf-page),calc(100% - clamp(20px,3vw,44px)));
  gap: clamp(14px,2vw,28px);
}
body.shaghaf-theme .sj-global-logo { min-width: 0; gap: 10px; }
body.shaghaf-theme .sj-global-logo-mark {
  width: 42px;
  height: 42px;
  overflow: hidden;
  border: 1px solid var(--sf-line);
  border-radius: 13px;
  background: var(--sf-surface);
  box-shadow: var(--sf-shadow-xs);
}
body.shaghaf-theme .sj-global-logo-mark img { width: 100%; height: 100%; object-fit: contain; }
body.shaghaf-theme .sj-global-logo-name { color: var(--sf-ink); font-size: 15px; font-weight: 950; line-height: 1.1; }
body.shaghaf-theme .sj-global-logo-note { margin-top: 3px; color: var(--sf-muted); font-size: 10px; font-weight: 700; line-height: 1.2; }
body.shaghaf-theme .sj-global-nav {
  gap: 3px;
  padding: 4px;
  border: 1px solid rgba(29,29,31,.075);
  border-radius: 15px;
  background: rgba(245,245,247,.82);
}
body.shaghaf-theme .sj-global-nav-link {
  min-height: 38px;
  padding-inline: 14px;
  border: 0;
  border-radius: 11px;
  color: var(--sf-muted);
  font-size: 12px;
  font-weight: 850;
  transition: color .16s ease,background-color .16s ease,box-shadow .16s ease;
}
body.shaghaf-theme .sj-global-nav-link:hover { color: var(--sf-ink); background: rgba(255,255,255,.72); }
body.shaghaf-theme .sj-global-nav-link.is-active {
  color: var(--sf-ink) !important;
  background: var(--sf-surface);
  box-shadow: 0 1px 2px rgba(0,0,0,.05),0 4px 12px rgba(0,0,0,.04);
}
body.shaghaf-theme .sj-global-menu-desktop {
  margin-top: 10px;
  padding: 7px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255,255,255,.98);
  box-shadow: var(--sf-shadow-md);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
body.shaghaf-theme .sj-global-menu-desktop a { min-height: 42px; border-radius: 10px; color: var(--sf-ink-2); }
body.shaghaf-theme .sj-global-menu-desktop a:hover,
body.shaghaf-theme .sj-global-menu-desktop a.is-active { background: var(--sf-bg); color: var(--sf-accent-hover); }
body.shaghaf-theme .sj-global-search-toggle,
body.shaghaf-theme .sj-global-menu-toggle {
  min-width: 42px;
  min-height: 42px;
  border: 1px solid var(--sf-line);
  border-radius: 13px;
  background: var(--sf-surface);
  color: var(--sf-ink);
  box-shadow: none;
}
body.shaghaf-theme .sj-global-cta {
  min-height: 42px;
  padding-inline: 16px;
  border: 1px solid var(--sf-ink);
  border-radius: 13px;
  background: var(--sf-ink);
  color: #fff;
  box-shadow: none;
  transition: transform .16s ease,background-color .16s ease,border-color .16s ease;
}
body.shaghaf-theme .sj-global-cta:hover { border-color: var(--sf-accent-hover); background: var(--sf-accent-hover); transform: translateY(-1px); }
body.shaghaf-theme .sj-global-search-panel,
body.shaghaf-theme .sj-global-menu-panel {
  border-top: 1px solid var(--sf-line);
  border-bottom: 1px solid var(--sf-line);
  background: rgba(255,255,255,.98);
  box-shadow: var(--sf-shadow-sm);
}
body.shaghaf-theme .sj-global-search-box { padding-block: 14px; }
body.shaghaf-theme .sj-global-search-form {
  border: 1px solid var(--sf-line-strong);
  border-radius: 16px;
  background: var(--sf-bg);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.025);
}
body.shaghaf-theme .sj-global-search-form input { min-height: 48px; color: var(--sf-ink); }
body.shaghaf-theme .sj-global-search-form button { min-height: 40px; border-radius: 11px; background: var(--sf-ink); color: #fff; }

/* Shared controls */
body.shaghaf-theme :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
  textarea,select
) {
  min-height: 48px;
  border: 1px solid var(--sf-line-strong);
  border-radius: 13px;
  background: var(--sf-surface);
  color: var(--sf-ink);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.018);
  transition: border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
}
body.shaghaf-theme textarea { min-height: 132px; resize: vertical; line-height: 1.75; }
body.shaghaf-theme :where(input,textarea,select)::placeholder { color: #929297; opacity: 1; }
body.shaghaf-theme :where(input,textarea,select):hover { border-color: rgba(29,29,31,.24); }
body.shaghaf-theme :where(input,textarea,select):focus {
  border-color: var(--sf-accent) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 4px rgba(241,90,36,.11) !important;
}
body.shaghaf-theme :where(button,.sj-btn,.sja-btn,.sjs-btn,.sj404-btn,.sj-legal-button,.sjct-primary-button,.sjct-text-button) {
  min-height: 42px;
  border-radius: 12px;
  font-weight: 850;
}
body.shaghaf-theme :where(.sj-btn-primary,.sj-submit,.sj-action-primary,.sjct-primary-button,.sja-btn.primary,.sj404-btn.primary) {
  border-color: var(--sf-ink) !important;
  background: var(--sf-ink) !important;
  color: #fff !important;
  box-shadow: none !important;
}
body.shaghaf-theme :where(.sj-btn-primary,.sj-submit,.sj-action-primary,.sjct-primary-button,.sja-btn.primary,.sj404-btn.primary):hover {
  border-color: var(--sf-accent-hover) !important;
  background: var(--sf-accent-hover) !important;
}

/* Shared surfaces */
body.shaghaf-theme :where(
  .sj-card,.sj-panel,.sj-form-card,.sj-form-panel,.sj-output-card,.sj-output-panel,.sj-result-panel,
  .sj-score-card,.sj-info-card,.sj-question-card,.sj-link-card,.sj-mini-card,.sj-article-card,
  .sja-card,.sja-panel,.sja-story-card,.sja-tool-card,.sja-link-card,
  .sjs-panel,.sjs-result-card,.sj404-card,.sj404-panel,.sj-legal-section,.sj-legal-toc
) {
  border: 1px solid var(--sf-line) !important;
  border-radius: var(--sf-radius-md) !important;
  background: var(--sf-surface) !important;
  box-shadow: var(--sf-shadow-xs) !important;
}
body.shaghaf-theme :where(.sj-panel-head,.sj-form-head,.sj-output-head,.sj-results-head,.sj-section-head,.sja-section-head) {
  border-color: var(--sf-line) !important;
  background: var(--sf-surface-2) !important;
}

/* Homepage */
body.shaghaf-theme .mahana-home { padding-block: clamp(20px,3vw,40px) clamp(64px,8vw,104px); }
body.shaghaf-theme .mahana-home__container { width: min(var(--sf-page),calc(100% - clamp(24px,4vw,56px))); }
body.shaghaf-theme .mahana-home__section-heading { margin-bottom: clamp(16px,2vw,24px); padding-bottom: 12px; border-bottom: 1px solid var(--sf-line); }
body.shaghaf-theme .mahana-home__section-heading :where(h1,h2) { font-size: clamp(1.7rem,2.7vw,2.7rem); letter-spacing: -.035em; }
body.shaghaf-theme .mahana-home__section-more {
  min-height: 38px;
  padding-inline: 13px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  background: var(--sf-surface);
  color: var(--sf-ink);
  font-size: 12px;
  font-weight: 850;
}
body.shaghaf-theme .mahana-home__featured {
  overflow: hidden;
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-lg);
  background: var(--sf-surface);
  box-shadow: var(--sf-shadow-sm);
}
body.shaghaf-theme .mahana-home__featured-media { background: #ececef; }
body.shaghaf-theme .mahana-home__featured-media img { transition: transform .45s var(--sf-ease); }
body.shaghaf-theme .mahana-home__featured:hover .mahana-home__featured-media img { transform: scale(1.018); }
body.shaghaf-theme .mahana-home__featured-badge-shape { fill: var(--sf-accent); }
body.shaghaf-theme .mahana-home__featured-content { padding: clamp(22px,3.2vw,42px); }
body.shaghaf-theme .mahana-home__featured-title { max-width: 17ch; font-size: clamp(2rem,4vw,4.3rem); letter-spacing: -.045em; line-height: 1.1; }
body.shaghaf-theme .mahana-home__latest { gap: 12px; }
body.shaghaf-theme .mahana-home__latest-item {
  overflow: hidden;
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-md);
  background: var(--sf-surface);
  box-shadow: var(--sf-shadow-xs);
}
body.shaghaf-theme .mahana-home__latest-item:hover { border-color: var(--sf-line-strong); box-shadow: var(--sf-shadow-sm); }
body.shaghaf-theme .mahana-home__latest-media { background: #ececef; }
body.shaghaf-theme .mahana-home__latest-title { color: var(--sf-ink); line-height: 1.35; }
body.shaghaf-theme .mahana-home__section { margin-top: clamp(50px,7vw,92px); }
body.shaghaf-theme .mahana-home__tools-panel,
body.shaghaf-theme .mahana-home__tool-guide-card,
body.shaghaf-theme .mahana-home__guide-card,
body.shaghaf-theme .mahana-home__specialty-feature,
body.shaghaf-theme .mahana-home__specialty-article-card {
  border-color: var(--sf-line) !important;
  box-shadow: var(--sf-shadow-xs) !important;
}
body.shaghaf-theme .mahana-home__activity-privacy { color: var(--sf-muted); }

/* Tool cards and directory */
body.shaghaf-theme .shaghaf-tool-card {
  min-height: 174px;
  border: 0 !important;
  border-radius: 20px !important;
  background: var(--sf-accent) !important;
  box-shadow: none !important;
  isolation: isolate;
  transition: transform .2s var(--sf-ease),background-color .2s ease,box-shadow .2s ease;
}
body.shaghaf-theme .shaghaf-tool-card::after {
  position: absolute;
  z-index: -1;
  inset: auto -30px -54px auto;
  width: 130px;
  height: 130px;
  border: 22px solid rgba(255,255,255,.10);
  border-radius: 50%;
  content: "";
}
body.shaghaf-theme .shaghaf-tool-card:hover { transform: translateY(-3px); background: var(--sf-accent-hover) !important; box-shadow: 0 16px 30px rgba(217,74,23,.18) !important; }
body.shaghaf-theme .shaghaf-tool-card :where(.shaghaf-tool-card__title,.shaghaf-tool-card__category,.shaghaf-tool-card__badge) { color: #fff !important; }
body.shaghaf-theme .shaghaf-tool-card__art { color: rgba(255,255,255,.28); }
body.shaghaf-theme .shaghaf-tool-card__badge { border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.13); }
body.shaghaf-theme .sj-tools-head { padding-top: clamp(34px,5vw,64px); }
body.shaghaf-theme .sj-tools-head-row { align-items: end; }
body.shaghaf-theme .sj-title-block h1 { font-size: clamp(2.2rem,5vw,4.8rem); letter-spacing: -.045em; line-height: 1.06; }
body.shaghaf-theme .sj-search-shell,
body.shaghaf-theme .sj-tools-filters,
body.shaghaf-theme .sj-tools-summary {
  border: 1px solid var(--sf-line) !important;
  border-radius: var(--sf-radius-md) !important;
  background: var(--sf-surface) !important;
  box-shadow: var(--sf-shadow-xs) !important;
}
body.shaghaf-theme .sj-tools-filters a { border-radius: 999px; }
body.shaghaf-theme .sj-tools-filters a.is-active { border-color: var(--sf-ink); background: var(--sf-ink); color: #fff; }
body.shaghaf-theme .sj-tools-grid { gap: clamp(10px,1.5vw,18px) !important; }
body.shaghaf-theme .sj-tools-cta {
  border: 1px solid var(--sf-line) !important;
  border-radius: var(--sf-radius-lg) !important;
  background: var(--sf-ink) !important;
  box-shadow: none !important;
}

/* Editorial archive and search */
body.shaghaf-theme :where(#sjBlogClean .sj-hero-row,.sjs-hero-grid) { padding-top: clamp(34px,5vw,68px); }
body.shaghaf-theme :where(#sjBlogClean .sj-hero h1,.sjs-hero h1) { font-size: clamp(2.2rem,5vw,5rem); letter-spacing: -.045em; line-height: 1.05; }
body.shaghaf-theme :where(#sjBlogClean .sj-filter,.sjs-search,.sjs-panel) {
  border: 1px solid var(--sf-line) !important;
  border-radius: var(--sf-radius-md) !important;
  background: var(--sf-surface) !important;
  box-shadow: var(--sf-shadow-xs) !important;
}
body.shaghaf-theme #sjBlogClean .sj-feature-main,
body.shaghaf-theme #sjBlogClean .sj-mini-card,
body.shaghaf-theme #sjBlogClean .sj-article-card,
body.shaghaf-theme .sjs-result-card {
  border-color: var(--sf-line) !important;
  border-radius: var(--sf-radius-md) !important;
  background: var(--sf-surface) !important;
  box-shadow: var(--sf-shadow-xs) !important;
}
body.shaghaf-theme #sjBlogClean .sj-feature-main { overflow: hidden; border-radius: var(--sf-radius-lg) !important; }
body.shaghaf-theme #sjBlogClean .sj-feature-media img,
body.shaghaf-theme #sjBlogClean .sj-thumb img { transition: transform .4s var(--sf-ease); }
body.shaghaf-theme #sjBlogClean :where(.sj-feature-main,.sj-article-card):hover img { transform: scale(1.02); }
body.shaghaf-theme :where(.sj-details,.sjs-btn) { border-color: var(--sf-line); background: var(--sf-surface); color: var(--sf-ink); }
body.shaghaf-theme :where(.sj-pagination,.sjs-pagination,.navigation.pagination) :where(a,span) {
  min-width: 42px;
  min-height: 42px;
  border: 1px solid var(--sf-line);
  border-radius: 12px !important;
  background: var(--sf-surface);
}
body.shaghaf-theme :where(.sj-pagination,.sjs-pagination,.navigation.pagination) .current { border-color: var(--sf-ink) !important; background: var(--sf-ink) !important; color: #fff !important; }
body.shaghaf-theme .sjs-empty { border: 1px dashed var(--sf-line-strong); border-radius: var(--sf-radius-lg); background: var(--sf-surface); }

/* Article reading experience */
body.sj-news-single-clean-white #sjNewsSingleClean { --sj-wrap: min(var(--sf-page),calc(100% - clamp(24px,4vw,56px))); --sj-reading: var(--sf-reading); }
body.shaghaf-theme #sjNewsSingleClean .sjn-progress { z-index: 1002; height: 2px; background: transparent !important; }
body.shaghaf-theme #sjNewsSingleClean .sjn-progress span { display: block; height: 100%; background: var(--sf-accent); }
body.shaghaf-theme #sjNewsSingleClean .sjn-hero { padding: clamp(40px,6vw,84px) 0 28px !important; border: 0 !important; background: transparent !important; }
body.shaghaf-theme #sjNewsSingleClean .sjn-title { max-width: 980px; font-size: clamp(2.25rem,5vw,5.4rem); letter-spacing: -.05em; line-height: 1.06; }
body.shaghaf-theme #sjNewsSingleClean .sjn-lead { max-width: 800px; color: var(--sf-muted); font-size: clamp(1.03rem,1.35vw,1.22rem); line-height: 1.85; }
body.shaghaf-theme #sjNewsSingleClean .sjn-badge { border-color: var(--sf-line) !important; background: rgba(255,255,255,.75) !important; color: var(--sf-muted) !important; }
body.shaghaf-theme #sjNewsSingleClean .sjn-badge:first-child { border-color: rgba(241,90,36,.18) !important; background: var(--sf-accent-soft) !important; color: var(--sf-accent-hover) !important; }
body.shaghaf-theme #sjNewsSingleClean .sjn-cover {
  overflow: hidden;
  margin-bottom: 18px;
  border: 1px solid var(--sf-line) !important;
  border-radius: var(--sf-radius-lg) !important;
  background: #e9e9ed !important;
  box-shadow: var(--sf-shadow-sm) !important;
}
body.shaghaf-theme #sjNewsSingleClean .sjn-cover img { aspect-ratio: 16/9; object-fit: cover; }
body.shaghaf-theme #sjNewsSingleClean .sjn-article-card { border: 0 !important; background: transparent !important; box-shadow: none !important; }
body.shaghaf-theme #sjNewsSingleClean .sjn-toolbar {
  max-width: var(--sf-reading);
  margin-inline: auto;
  border: 1px solid var(--sf-line);
  border-radius: 15px;
  background: rgba(255,255,255,.82);
  box-shadow: var(--sf-shadow-xs);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
body.shaghaf-theme #sjNewsSingleClean .sjn-copy { border-radius: 11px; background: var(--sf-ink); color: #fff; }
body.shaghaf-theme #sjNewsSingleClean .sjn-content {
  width: min(100%,var(--sf-reading));
  margin-inline: auto;
  padding: clamp(34px,5vw,62px) 0;
  color: var(--sf-ink-2);
  font-size: clamp(1.03rem,.55vw + .92rem,1.15rem);
  font-weight: 600;
  line-height: 2.05;
}
body.shaghaf-theme #sjNewsSingleClean .sjn-content > :first-child { margin-top: 0; }
body.shaghaf-theme #sjNewsSingleClean .sjn-content :where(h2,h3,h4) { scroll-margin-top: 94px; }
body.shaghaf-theme #sjNewsSingleClean .sjn-content h2 { margin-top: 1.9em; font-size: clamp(1.55rem,2.5vw,2.35rem); letter-spacing: -.025em; }
body.shaghaf-theme #sjNewsSingleClean .sjn-content h3 { margin-top: 1.7em; font-size: clamp(1.3rem,1.9vw,1.75rem); }
body.shaghaf-theme #sjNewsSingleClean .sjn-content a { color: var(--sf-accent-hover); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
body.shaghaf-theme #sjNewsSingleClean .sjn-content :where(img,.wp-block-image img) { border-radius: var(--sf-radius-md); }
body.shaghaf-theme #sjNewsSingleClean .sjn-content blockquote {
  margin-inline: 0;
  padding: 20px 22px;
  border: 0;
  border-inline-start: 4px solid var(--sf-accent);
  border-radius: var(--sf-radius-sm);
  background: var(--sf-accent-faint);
}
body.shaghaf-theme #sjNewsSingleClean .sjn-content :where(pre,.wp-block-code) { overflow: auto; border: 1px solid var(--sf-line); border-radius: var(--sf-radius-sm); background: #202124; color: #f7f7f8; }
body.shaghaf-theme #sjNewsSingleClean .sjn-content .wp-block-table { overflow-x: auto; border-radius: var(--sf-radius-sm); }
body.shaghaf-theme #sjNewsSingleClean .sjn-content table { min-width: 620px; border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid var(--sf-line); border-radius: var(--sf-radius-sm); background: var(--sf-surface); }
body.shaghaf-theme #sjNewsSingleClean .sjn-content th { background: var(--sf-bg); }
body.shaghaf-theme #sjNewsSingleClean .sjn-side {
  border: 1px solid var(--sf-line) !important;
  border-radius: var(--sf-radius-md) !important;
  background: var(--sf-surface) !important;
  box-shadow: var(--sf-shadow-xs) !important;
}
body.shaghaf-theme #sjNewsSingleClean .sjn-side.is-featured { border-color: rgba(241,90,36,.20) !important; background: var(--sf-accent-faint) !important; }
body.shaghaf-theme #sjNewsSingleClean .sjn-side.is-featured h2 { color: var(--sf-ink) !important; }
body.shaghaf-theme #sjNewsSingleClean .sjn-side.is-featured p { color: var(--sf-muted) !important; }
body.shaghaf-theme #sjNewsSingleClean .sjn-side.is-featured .sjn-btn { border-color: var(--sf-ink); background: var(--sf-ink); color: #fff; }
body.shaghaf-theme #sjNewsSingleClean .sjn-post-nav a { border-color: var(--sf-line); border-radius: var(--sf-radius-sm); background: var(--sf-surface); box-shadow: var(--sf-shadow-xs); }

/* Guides */
body.shaghaf-theme :where(.sja-hero,.sja-hero-shell) { padding-top: clamp(36px,5vw,72px); background: transparent !important; }
body.shaghaf-theme .sja-hero h1 { max-width: 900px; font-size: clamp(2.2rem,5vw,5rem); letter-spacing: -.045em; line-height: 1.07; }
body.shaghaf-theme .sja-layout { gap: clamp(22px,3vw,40px); }
body.shaghaf-theme .sja-article {
  padding: clamp(24px,4vw,48px);
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-lg);
  background: var(--sf-surface);
  box-shadow: var(--sf-shadow-xs);
  color: var(--sf-ink-2);
  font-size: clamp(1rem,.45vw + .94rem,1.12rem);
  line-height: 2;
}
body.shaghaf-theme .sja-article a { color: var(--sf-accent-hover); text-decoration: underline; text-underline-offset: 4px; }
body.shaghaf-theme .sja-sidebar :where(.sja-tool-card,.sja-toc) { border: 1px solid var(--sf-line); border-radius: var(--sf-radius-md); background: var(--sf-surface); box-shadow: var(--sf-shadow-xs); }
body.shaghaf-theme .sja-toc a { border-radius: 9px; color: var(--sf-muted); }
body.shaghaf-theme .sja-toc a:hover { background: var(--sf-bg); color: var(--sf-ink); }
body.shaghaf-theme .sja-related-grid a { border: 1px solid var(--sf-line); border-radius: var(--sf-radius-md); background: var(--sf-surface); box-shadow: var(--sf-shadow-xs); }

/* Legal, about and contact */
body.shaghaf-theme .sj-legal { padding-block: clamp(28px,4vw,54px) clamp(64px,8vw,100px); background: transparent !important; }
body.shaghaf-theme .sj-legal-hero,
body.shaghaf-theme :where(.sja-hero-shell,.sj-contact-hero,.sj-about-hero) {
  border: 1px solid var(--sf-line) !important;
  border-radius: var(--sf-radius-xl) !important;
  background: linear-gradient(145deg,#fff,#fafafd) !important;
  box-shadow: var(--sf-shadow-sm) !important;
}
body.shaghaf-theme .sj-legal-header h1 { font-size: clamp(2.2rem,5vw,4.8rem); letter-spacing: -.045em; }
body.shaghaf-theme .sj-legal-layout { gap: clamp(22px,3vw,40px); }
body.shaghaf-theme .sj-legal-toc { position: sticky; top: 94px; padding: 16px; }
body.shaghaf-theme .sj-legal-toc a { min-height: 38px; border-radius: 9px; color: var(--sf-muted); }
body.shaghaf-theme .sj-legal-toc a:hover { background: var(--sf-bg); color: var(--sf-ink); }
body.shaghaf-theme .sj-legal-section { padding: clamp(20px,3vw,34px); }
body.shaghaf-theme .sj-legal-content { color: var(--sf-ink-2); line-height: 1.95; }
body.shaghaf-theme .sj-legal-content a { color: var(--sf-accent-hover); text-decoration: underline; text-underline-offset: 4px; }
body.shaghaf-theme :where(.sja-cta,.sj-cta) { border-radius: var(--sf-radius-lg) !important; background: var(--sf-ink) !important; box-shadow: none !important; }

/* Developer profile template */
body.sj-dev-profile-page #sjDeveloperProfile {
  --sj-bg: var(--sf-bg);
  --sj-surface: var(--sf-surface);
  --sj-text: var(--sf-ink);
  --sj-muted: var(--sf-muted);
  --sj-primary: var(--sf-accent);
  --sj-primary-dark: var(--sf-accent-hover);
  --sj-navy: var(--sf-ink);
  --sj-line: var(--sf-line);
  --sj-line-strong: var(--sf-line-strong);
  --sj-shadow-sm: var(--sf-shadow-xs);
  --sj-shadow: var(--sf-shadow-sm);
  background: linear-gradient(180deg,#fff 0,var(--sf-bg) 42%,var(--sf-bg) 100%) !important;
}
body.sj-dev-profile-page #sjDeveloperProfile .sj-orb { display: none; }
body.sj-dev-profile-page #sjDeveloperProfile :where(.sj-dev-card,.sj-stat,.sj-card,.sj-feature-panel) {
  border-color: var(--sf-line) !important;
  background: var(--sf-surface) !important;
  box-shadow: var(--sf-shadow-xs) !important;
}
body.sj-dev-profile-page #sjDeveloperProfile .sj-dev-screen { border-radius: 18px; background: var(--sf-ink); }
body.sj-dev-profile-page #sjDeveloperProfile .sj-code-chip { border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.08); }
body.sj-dev-profile-page #sjDeveloperProfile .sj-kicker { color: var(--sf-accent-hover); }
body.sj-dev-profile-page #sjDeveloperProfile .sj-btn-primary { border-color: var(--sf-ink) !important; background: var(--sf-ink) !important; }
body.sj-dev-profile-page #sjDeveloperProfile .sj-btn-primary:hover { border-color: var(--sf-accent-hover) !important; background: var(--sf-accent-hover) !important; }
body.sj-dev-profile-page #sjDeveloperProfile .sj-btn-secondary { border-color: var(--sf-line-strong) !important; background: var(--sf-surface) !important; color: var(--sf-ink) !important; }
body.sj-dev-profile-page #sjDeveloperProfile .sj-cta { border-radius: var(--sf-radius-lg) !important; background: var(--sf-ink) !important; box-shadow: none !important; }

/* Generic pages, fallback loop, widgets and comments */
body.shaghaf-theme .shaghaf-generic {
  width: min(920px,calc(100% - clamp(24px,4vw,56px)));
  padding: clamp(42px,7vw,96px) 0;
}
body.shaghaf-theme .shaghaf-generic > article,
body.shaghaf-theme .shaghaf-generic .shaghaf-entry {
  margin-bottom: 18px;
  padding: clamp(24px,4vw,48px);
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-lg);
  background: var(--sf-surface);
  box-shadow: var(--sf-shadow-xs);
}
body.shaghaf-theme .shaghaf-generic .entry-header { margin-bottom: 24px; padding-bottom: 18px; border-bottom: 1px solid var(--sf-line); }
body.shaghaf-theme .shaghaf-generic .entry-title { font-size: clamp(2rem,4.5vw,4rem); letter-spacing: -.04em; line-height: 1.08; }
body.shaghaf-theme .shaghaf-generic .entry-summary { color: var(--sf-muted); }
body.shaghaf-theme .shaghaf-generic .entry-content { color: var(--sf-ink-2); font-size: 1.06rem; line-height: 1.95; }
body.shaghaf-theme .widget-area { width: min(var(--sf-page),calc(100% - 32px)); margin: 28px auto; }
body.shaghaf-theme .widget { padding: 18px; border: 1px solid var(--sf-line); border-radius: var(--sf-radius-md); background: var(--sf-surface); }
body.shaghaf-theme .comments-area {
  margin-top: 28px;
  padding: clamp(22px,4vw,40px);
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-lg);
  background: var(--sf-surface);
  box-shadow: var(--sf-shadow-xs);
}
body.shaghaf-theme .comment-list { display: grid; gap: 12px; margin: 20px 0; padding: 0; list-style: none; }
body.shaghaf-theme .comment-body { padding: 16px; border: 1px solid var(--sf-line); border-radius: var(--sf-radius-sm); background: var(--sf-surface-2); }
body.shaghaf-theme .comment-meta { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
body.shaghaf-theme .comment-meta img { border-radius: 50%; }
body.shaghaf-theme .comment-content { margin-top: 12px; color: var(--sf-ink-2); }
body.shaghaf-theme .comment-form :where(input,textarea) { width: 100%; }
body.shaghaf-theme .entry-eyebrow {
  margin: 0 0 9px;
  color: var(--sf-accent-hover);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .035em;
}
body.shaghaf-theme .entry-lead,
body.shaghaf-theme .shaghaf-loop-header > p:last-child {
  max-width: 64ch;
  margin: 14px 0 0;
  color: var(--sf-muted);
  font-size: 1.02rem;
  line-height: 1.8;
}
body.shaghaf-theme .shaghaf-loop-header {
  margin-bottom: 24px;
  padding: clamp(24px,4vw,42px);
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-lg);
  background: linear-gradient(145deg,#fff,#fbfbfd);
  box-shadow: var(--sf-shadow-xs);
}
body.shaghaf-theme .shaghaf-loop-header .entry-title { font-size: clamp(2rem,4vw,3.8rem); letter-spacing: -.045em; line-height: 1.08; }
body.shaghaf-theme .shaghaf-loop-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
body.shaghaf-theme .shaghaf-generic .shaghaf-loop-card { display: flex; flex-direction: column; margin: 0; padding: 0; overflow: hidden; }
body.shaghaf-theme .shaghaf-loop-card .entry-thumbnail { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #ececef; }
body.shaghaf-theme .shaghaf-loop-card .entry-thumbnail img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s var(--sf-ease); }
body.shaghaf-theme .shaghaf-loop-card:hover .entry-thumbnail img { transform: scale(1.018); }
body.shaghaf-theme .shaghaf-loop-card .entry-header { margin: 0; padding: 20px 20px 0; border: 0; }
body.shaghaf-theme .shaghaf-loop-card .entry-title { font-size: clamp(1.25rem,2vw,1.7rem); letter-spacing: -.025em; line-height: 1.35; }
body.shaghaf-theme .shaghaf-loop-card .entry-title a { color: inherit; text-decoration: none; }
body.shaghaf-theme .shaghaf-loop-card .entry-summary { padding: 10px 20px 0; line-height: 1.75; }
body.shaghaf-theme .shaghaf-loop-card .entry-more {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  align-self: flex-start;
  min-height: 38px;
  margin: auto 20px 20px;
  padding: 8px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  background: var(--sf-surface-2);
  color: var(--sf-ink);
  font-size: 11px;
  font-weight: 850;
  text-decoration: none;
}
body.shaghaf-theme .shaghaf-loop-card .entry-more:hover { border-color: var(--sf-line-strong); background: var(--sf-ink); color: #fff; }
body.shaghaf-theme .shaghaf-empty-state {
  padding: clamp(34px,6vw,70px);
  border: 1px dashed var(--sf-line-strong);
  border-radius: var(--sf-radius-lg);
  background: var(--sf-surface);
  text-align: center;
}
body.shaghaf-theme .shaghaf-empty-state p { color: var(--sf-muted); }
body.shaghaf-theme .shaghaf-empty-state .search-form { max-width: 560px; margin: 20px auto 0; }

/* 404 */
body.shaghaf-theme #sj404 .sj404-hero { padding-block: clamp(42px,7vw,94px); background: transparent !important; }
body.shaghaf-theme #sj404 .sj404-grid { gap: clamp(20px,4vw,48px); }
body.shaghaf-theme #sj404 .sj404-code { color: var(--sf-accent); }
body.shaghaf-theme #sj404 .sj404-title { font-size: clamp(2.2rem,5vw,5rem); letter-spacing: -.045em; }
body.shaghaf-theme #sj404 .sj404-panel,
body.shaghaf-theme #sj404 .sj404-card { border: 1px solid var(--sf-line); border-radius: var(--sf-radius-lg); background: var(--sf-surface); box-shadow: var(--sf-shadow-xs); }
body.shaghaf-theme #sj404 .sj404-search { border: 1px solid var(--sf-line); border-radius: 15px; background: var(--sf-surface); }

/* Footer */
body.shaghaf-theme .career-footer {
  margin-top: clamp(56px,8vw,110px);
  border-top: 1px solid var(--sf-line);
  background: #ececef;
  color: var(--sf-ink);
}
body.shaghaf-theme .career-footer__wrap { padding-block: clamp(38px,5vw,66px) 20px; }
body.shaghaf-theme .career-footer__intro { padding-bottom: 28px; border-bottom: 1px solid rgba(29,29,31,.10); }
body.shaghaf-theme .career-footer__mark { border: 1px solid var(--sf-line); border-radius: 14px; background: var(--sf-surface); }
body.shaghaf-theme .career-footer__name { color: var(--sf-ink); }
body.shaghaf-theme .career-footer__copy,
body.shaghaf-theme .career-footer__fineprint { color: var(--sf-muted); }
body.shaghaf-theme .career-footer__primary-link { border-color: var(--sf-ink); background: var(--sf-ink); color: #fff !important; box-shadow: none; }
body.shaghaf-theme .career-footer__primary-link:hover { border-color: var(--sf-accent-hover); background: var(--sf-accent-hover); }
body.shaghaf-theme .career-footer__group-title { color: var(--sf-ink); }
body.shaghaf-theme .career-footer a { color: var(--sf-muted); }
body.shaghaf-theme .career-footer a:hover { color: var(--sf-ink); }
body.shaghaf-theme .career-footer__toplink { border: 1px solid var(--sf-line); border-radius: 999px; background: rgba(255,255,255,.6); }

/* Performance-minded below-fold rendering. */
@supports (content-visibility:auto) {
  body.shaghaf-theme :where(.mahana-home__section,.career-footer,.sja-related,.sj404-help) {
    content-visibility: auto;
    contain-intrinsic-size: 1px 620px;
  }
}

/* Hover behavior only where a precise pointing device exists. */
@media (hover:hover) and (pointer:fine) {
  body.shaghaf-theme :where(.sjs-result-card,#sjBlogClean .sj-article-card,.sja-related-grid a,.sj404-card,.shaghaf-generic > article) {
    transition: transform .2s var(--sf-ease),border-color .2s ease,box-shadow .2s ease;
  }
  body.shaghaf-theme :where(.sjs-result-card,#sjBlogClean .sj-article-card,.sja-related-grid a,.sj404-card):hover {
    transform: translateY(-2px);
    border-color: var(--sf-line-strong) !important;
    box-shadow: var(--sf-shadow-sm) !important;
  }
}

@media (max-width:1080px) {
  body.shaghaf-theme #sjNewsSingleClean .sjn-layout { grid-template-columns: 1fr; }
  body.shaghaf-theme #sjNewsSingleClean .sjn-sidebar { position: static; grid-template-columns: repeat(3,minmax(0,1fr)); }
  body.shaghaf-theme .sja-layout { grid-template-columns: 1fr; }
  body.shaghaf-theme .sja-sidebar { position: static; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width:860px) {
  body.shaghaf-theme .sj-global-header-in { min-height: 62px; }
  body.shaghaf-theme .sj-global-logo-note { display: none; }
  body.shaghaf-theme .sj-global-logo-mark { width: 40px; height: 40px; }
  body.shaghaf-theme .sj-global-menu-panel { max-height: calc(100svh - 62px); overflow-y: auto; }
  body.shaghaf-theme .mahana-home__featured-title { max-width: none; }
}

@media (max-width:782px) {
  body.admin-bar.shaghaf-theme .sj-global-header { top: 46px; }
}

@media (max-width:720px) {
  :root { --sf-header-h: 62px; --sf-radius-xl: 24px; }
  body.shaghaf-theme::before { height: 240px; }
  body.shaghaf-theme :where(.sj-wrap,.sja-wrap,.sjn-wrap,.sjs-wrap,.sjct-wrap,.sj404-wrap,.career-footer__wrap),
  body.shaghaf-theme .mahana-home__container { width: min(100% - 18px,var(--sf-page)); }
  body.shaghaf-theme .sj-global-header-in { width: calc(100% - 16px); gap: 8px; }
  body.shaghaf-theme .sj-global-logo-copy { display: none; }
  body.shaghaf-theme .sj-global-search-toggle { padding-inline: 0; }
  body.shaghaf-theme .sj-global-action-label { display: none; }
  body.shaghaf-theme .sj-global-cta { min-width: 0; min-height: 40px; padding-inline: 12px; font-size: 11px; }
  body.shaghaf-theme .sj-global-search-box { width: calc(100% - 16px); }
  body.shaghaf-theme .mahana-home { padding-top: 14px; }
  body.shaghaf-theme .mahana-home__section { margin-top: 48px; }
  body.shaghaf-theme .mahana-home__featured,
  body.shaghaf-theme #sjNewsSingleClean .sjn-cover { border-radius: 18px !important; }
  body.shaghaf-theme .mahana-home__featured-title { font-size: clamp(1.8rem,8vw,2.8rem); }
  body.shaghaf-theme .shaghaf-tool-card { min-height: 150px; border-radius: 17px !important; }
  body.shaghaf-theme #sjNewsSingleClean .sjn-hero { padding-top: 34px !important; }
  body.shaghaf-theme #sjNewsSingleClean .sjn-title { font-size: clamp(2rem,10vw,3.3rem); line-height: 1.12; }
  body.shaghaf-theme #sjNewsSingleClean .sjn-toolbar { align-items: stretch; }
  body.shaghaf-theme #sjNewsSingleClean .sjn-content { padding-inline: 3px; font-size: 1rem; }
  body.shaghaf-theme #sjNewsSingleClean .sjn-sidebar { grid-template-columns: 1fr; }
  body.shaghaf-theme .sja-sidebar { grid-template-columns: 1fr; }
  body.shaghaf-theme .sja-article { padding: 22px 18px; border-radius: 18px; }
  body.shaghaf-theme .sj-legal-toc { position: static; }
  body.shaghaf-theme .shaghaf-generic { width: calc(100% - 18px); padding-block: 28px 56px; }
  body.shaghaf-theme .shaghaf-generic > article,
  body.shaghaf-theme .comments-area { padding: 20px 16px; border-radius: 18px; }
  body.shaghaf-theme .shaghaf-loop-grid { grid-template-columns: 1fr; }
  body.shaghaf-theme .shaghaf-generic .shaghaf-loop-card { padding: 0; }
  body.shaghaf-theme .career-footer { margin-top: 56px; }
}

@media (max-width:430px) {
  body.shaghaf-theme .sj-global-cta b { display: none; }
  body.shaghaf-theme .sj-global-cta { padding-inline: 10px; }
  body.shaghaf-theme .mahana-home__section-heading :where(h1,h2) { font-size: 1.65rem; }
  body.shaghaf-theme .shaghaf-tool-card { min-height: 138px; }
}

@media (prefers-reduced-transparency:reduce) {
  body.shaghaf-theme .sj-global-header,
  body.shaghaf-theme .sj-global-menu-desktop,
  body.shaghaf-theme .sj-global-search-panel,
  body.shaghaf-theme #sjNewsSingleClean .sjn-toolbar {
    background: var(--sf-surface);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto !important; }
  body.shaghaf-theme *,body.shaghaf-theme *::before,body.shaghaf-theme *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

@media print {
  body.shaghaf-theme { background: #fff !important; }
  body.shaghaf-theme :where(.sj-global-header,.career-footer,.sjn-progress,.sjn-toolbar,.sjn-sidebar,.sjn-share,.sjn-post-nav) { display: none !important; }
  body.shaghaf-theme #sjNewsSingleClean .sjn-content { width: 100%; max-width: none; color: #000; font-size: 11pt; }
  body.shaghaf-theme #sjNewsSingleClean .sjn-cover { box-shadow: none !important; }
}