/* وظائف السعودية اليوم — consolidated homepage CSS 3.3.9. Generated from the source files listed below to shorten the render-blocking chain. */

/* Source: assets/css/fonts.css */

@font-face {
    font-family: "thmanyahserifdisplay";
    src: url("../../fonts/thmanyahserifdisplay-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "thmanyahserifdisplay";
    src: url("../../fonts/thmanyahserifdisplay-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "thmanyahserifdisplay";
    src: url("../../fonts/thmanyahserifdisplay-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "thmanyahserifdisplay";
    src: url("../../fonts/thmanyahserifdisplay-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "ThmanyahSans";
    src: url("../../fonts/thmanyahsans-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/*
 * Compatibility aliases used by older page modules.
 * They point to the same WOFF2 files, so the browser does not download
 * duplicate font resources.
 */
@font-face {
    font-family: "Thmanyah Serif Display";
    src: url("../../fonts/thmanyahserifdisplay-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Thmanyah Serif Display";
    src: url("../../fonts/thmanyahserifdisplay-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Thmanyah Serif Display";
    src: url("../../fonts/thmanyahserifdisplay-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Thmanyah Serif Display";
    src: url("../../fonts/thmanyahserifdisplay-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Thmanyah Sans";
    src: url("../../fonts/thmanyahsans-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


:root {
    --shaghaf-body-font: "thmanyahserifdisplay", "Thmanyah Serif Display", Tahoma, Arial, sans-serif;
    --shaghaf-display-font: "thmanyahserifdisplay", "Thmanyah Serif Display", Tahoma, Arial, sans-serif;
    --shaghaf-font: var(--shaghaf-body-font);
    --shaghaf-heading-font: var(--shaghaf-display-font);
    --sj-font: var(--shaghaf-body-font);
    --sj-heading-font: var(--shaghaf-display-font);
}

/* Source: assets/css/base.css */

:root {
    --shaghaf-content-width: 1280px;
    --shaghaf-red: #f15a24;
    --shaghaf-ink: #111111;
    --shaghaf-muted: #676b73;
    --shaghaf-line: rgba(17, 17, 17, 0.09);
    --shaghaf-font: var(--shaghaf-body-font, "thmanyahserifdisplay", "Thmanyah Serif Display", Tahoma, Arial, sans-serif);
}

html {
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

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

body {
    margin: 0;
    background: #ffffff;
    color: var(--shaghaf-ink);
    font-family: var(--shaghaf-font);
    line-height: 1.7;
}

.shaghaf-icon-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	vertical-align: -0.12em;
}

.shaghaf-icon {
	display: block;
	width: 1em;
	height: 1em;
	flex: 0 0 auto;
}

.shaghaf-hp {
    position: absolute !important;
    inset: auto auto auto -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

img,
svg,
video {
    max-width: 100%;
    height: auto;
}

button,
input,
select,
textarea {
    font: inherit;
}

a {
    color: inherit;
}

.site {
    min-height: 100vh;
    overflow-x: clip;
}

.site-content {
    min-height: 45vh;
}

.shaghaf-container {
    width: 100%;
    margin-inline: auto;
}

.screen-reader-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.screen-reader-text:focus {
    position: fixed !important;
    z-index: 100000;
    top: 10px;
    right: 10px;
    width: auto;
    height: auto;
    clip: auto;
    padding: 12px 18px;
    background: #ffffff;
    color: #111111;
    border-radius: 10px;
    box-shadow: 0 8px 28px rgba(17, 17, 17, 0.16);
}

.shaghaf-generic {
    width: min(var(--shaghaf-content-width), calc(100% - 32px));
    margin-inline: auto;
    padding: clamp(32px, 6vw, 80px) 0;
}

.shaghaf-generic article {
    margin-bottom: 24px;
}

.navigation.pagination .nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}

.navigation.pagination .page-numbers {
    display: inline-grid;
    min-width: 42px;
    min-height: 42px;
    place-items: center;
    border: 1px solid var(--shaghaf-line);
    border-radius: 999px;
    text-decoration: none;
}

.navigation.pagination .current {
    background: var(--shaghaf-red);
    color: #ffffff;
    border-color: var(--shaghaf-red);
}



/* Final identity pass shared by every template. */
body.shaghaf-theme {
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body.shaghaf-theme :where(main, [role="main"], .site-main, .entry-content) h1,
body.shaghaf-theme :where(.page-title, .entry-title, .archive-title) {
    font-family: var(--shaghaf-display-font, "thmanyahserifdisplay", "Thmanyah Serif Display", Tahoma, Arial, sans-serif) !important;
    font-weight: 900 !important;
    font-feature-settings: "salt" 1, "calt" 1, "liga" 1, "kern" 1;
    letter-spacing: -0.025em;
    line-height: 1.12;
    text-wrap: balance;
}

body.shaghaf-theme :where(main, [role="main"], .site-main, .entry-content) :is(h2, h3, h4) {
    scroll-margin-top: 96px;
}

body.shaghaf-theme :where(a, button, input, select, textarea, summary):focus-visible {
    outline: 3px solid rgba(244, 63, 54, 0.22);
    outline-offset: 3px;
}

body.shaghaf-theme :where(button, [role="button"], summary) {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

body.shaghaf-theme input[type="search"] {
    -webkit-appearance: none;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Mobile search expansion shared by directory and editorial pages.
 * The exact widths are measured by header.js so opening and closing use the
 * same smooth, interruptible motion as the filter disclosure panels. */
@media (max-width: 720px) {
    [data-shaghaf-search-row] {
        --sj-search-row-gap: 10px;
        display: grid !important;
        grid-template-columns: minmax(86px, .42fr) minmax(0, 1.58fr) !important;
        align-items: center !important;
        column-gap: var(--sj-search-row-gap) !important;
    }

    [data-shaghaf-search-row] > [data-shaghaf-page-title] {
        min-width: 0 !important;
        overflow: hidden;
        opacity: 1;
        transform: translateX(0);
        pointer-events: auto;
    }

    [data-shaghaf-search-row] > [data-shaghaf-expand-search] {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    [data-shaghaf-search-row].is-search-active {
        grid-template-columns: 0 minmax(0, 1fr) !important;
        column-gap: 0 !important;
    }

    [data-shaghaf-search-row].is-search-active > [data-shaghaf-page-title] {
        opacity: 0;
        transform: translateX(10px);
        pointer-events: none;
    }

    [data-shaghaf-search-row].is-search-animating {
        transition: grid-template-columns .46s cubic-bezier(.22, 1, .36, 1),
                    column-gap .46s cubic-bezier(.22, 1, .36, 1) !important;
        will-change: grid-template-columns, column-gap;
    }

    [data-shaghaf-search-row].is-search-animating > [data-shaghaf-page-title] {
        transition: opacity .28s ease, transform .46s cubic-bezier(.22, 1, .36, 1) !important;
        will-change: opacity, transform;
    }

    [data-shaghaf-search-row].is-search-measuring,
    [data-shaghaf-search-row].is-search-measuring > [data-shaghaf-page-title] {
        transition: none !important;
    }
}

@media (max-width: 430px) {
    [data-shaghaf-search-row] {
        --sj-search-row-gap: 8px;
        grid-template-columns: minmax(72px, .36fr) minmax(0, 1.64fr) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-shaghaf-search-row],
    [data-shaghaf-search-row] > [data-shaghaf-page-title] {
        transition: none !important;
        will-change: auto !important;
    }
}

@media (max-width: 720px) {
    [data-shaghaf-expand-search] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: stretch !important;
        width: 100% !important;
        border-radius: 999px !important;
    }

    [data-shaghaf-expand-search] button,
    [data-shaghaf-expand-search] [type="submit"] {
        width: auto !important;
        min-width: 86px;
        border-radius: 999px !important;
        white-space: nowrap;
    }
}

@media (max-width: 720px) {
    [data-shaghaf-page-title] :is(.sj-kicker,.sjs-kicker,p) {
        display: none !important;
    }

    [data-shaghaf-page-title] h1 {
        overflow: hidden !important;
        font-size: 1.12rem !important;
        line-height: 1.25 !important;
        text-overflow: ellipsis;
        white-space: nowrap !important;
    }
}


/* Shared collapsible filters: jobs, cities and specialties. */
.sj-disclosure {
    border: 1px solid rgba(17,17,17,.09);
    border-radius: 24px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 10px 28px rgba(17,17,17,.035);
}
.sj-disclosure-toggle {
    width: 100%;
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 16px;
    border: 0;
    background: #fff;
    color: #111;
    cursor: pointer;
    text-align: right;
    -webkit-tap-highlight-color: transparent;
}
@media (hover:hover) {
    .sj-disclosure-toggle:hover { background: #fafafa; }
}
.sj-disclosure-toggle:active { background: #f6f4ee; }
.sj-disclosure-heading { display: grid; gap: 2px; min-width: 0; }
.sj-disclosure-heading strong {
    font-size: .94rem;
    font-weight: 900;
    line-height: 1.25;
}
.sj-disclosure-heading span {
    color: #777b83;
    font-size: .72rem;
    font-weight: 750;
    line-height: 1.35;
}
.sj-disclosure-icon {
    position: relative;
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(17,17,17,.06);
    border-radius: 999px;
    background: #f6f6f7;
    transition: background-color .2s ease, transform .38s cubic-bezier(.22,1,.36,1);
}
.sj-disclosure-icon::before,
.sj-disclosure-icon::after {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    width: 12px;
    height: 2px;
    border-radius: 999px;
    background: #111111;
    transform: translate(-50%,-50%);
    transition: transform .38s cubic-bezier(.22,1,.36,1), opacity .2s ease;
}
.sj-disclosure-icon::after { transform: translate(-50%,-50%) rotate(90deg); }
.sj-disclosure.is-open .sj-disclosure-icon {
    background: rgba(244,63,54,.07);
    transform: rotate(180deg);
}
.sj-disclosure.is-open .sj-disclosure-icon::after {
    opacity: 0;
    transform: translate(-50%,-50%) rotate(0);
}
.sj-disclosure-content { min-width: 0; }
[data-disclosure-ready] .sj-disclosure-content {
    height: 0;
    overflow: hidden;
    transition: height .4s cubic-bezier(.22,1,.36,1);
}
[data-disclosure-ready].is-animating .sj-disclosure-content { will-change: height; }
.sj-disclosure-inner {
    padding: 0 16px 16px;
    border-top: 1px solid rgba(17,17,17,.065);
}
[data-disclosure-ready] .sj-disclosure-inner {
    transition: opacity .22s ease, transform .38s cubic-bezier(.22,1,.36,1);
}
[data-disclosure-ready]:not(.is-open) .sj-disclosure-inner {
    opacity: 0;
    transform: translateY(-6px);
}
[data-disclosure-ready].is-open .sj-disclosure-inner {
    opacity: 1;
    transform: translateY(0);
}
.sj-disclosure-inner > :first-child { margin-top: 14px; }
.sj-disclosure-form { display: grid; gap: 12px; }
.sj-disclosure-actions { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
.sj-disclosure-actions > * { min-width: 0; }

@media (max-width: 900px) {
    .sj-disclosure { border-radius: 20px; box-shadow: none; }
    .sj-disclosure-toggle { min-height: 60px; padding-inline: 14px; }
    .sj-disclosure-inner { padding-inline: 14px; }
}
@media (max-width: 520px) {
    .sj-disclosure-actions { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    [data-disclosure-ready] .sj-disclosure-content,
    [data-disclosure-ready] .sj-disclosure-inner,
    .sj-disclosure-icon,
    .sj-disclosure-icon::before,
    .sj-disclosure-icon::after {
        transition-duration: .01ms !important;
    }
}

/* Source: assets/css/home-custom.css */

/*
 * Mahana homepage — compact Apple-inspired layout.
 * Clear hierarchy, restrained depth, responsive RTL, and lightweight rendering.
 */

body.home,
body.page-template-front-page,
body.page-template-front-page-php {
	background: #fff;
}

body.home #content > .ast-container,
body.page-template-front-page #content > .ast-container,
body.page-template-front-page-php #content > .ast-container {
	display: block;
	width: 100%;
	max-width: none;
	margin: 0;
	padding-inline: 0;
}

.mahana-home-main {
	width: 100%;
	min-width: 0;
}

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

.mahana-home {
	--mh-orange: #f96925;
	--mh-orange-dark: #e95617;
	--mh-orange-soft: rgba(249, 105, 37, 0.09);
	--mh-black: #090909;
	--mh-text: #18181a;
	--mh-muted: #6e6e73;
	--mh-line: #e9e9ec;
	--mh-line-strong: #d9d9de;
	--mh-surface: #f5f5f7;
	--mh-radius-xl: 26px;
	--mh-radius-lg: 20px;
	--mh-radius-md: 16px;
	--mh-shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.035), 0 14px 34px rgba(0, 0, 0, 0.07);
	--mh-font: "thmanyahserifdisplay", Tahoma, Arial, sans-serif;

	direction: rtl;
	width: 100%;
	margin: 0;
	padding: 0 0 48px;
	color: var(--mh-text);
	background: #fff;
	font-family: var(--mh-font);
	font-feature-settings: "salt" 1, "calt" 1, "liga" 1, "kern" 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

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

.mahana-home button {
	font: inherit;
}

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

.mahana-home h1,
.mahana-home h2,
.mahana-home h3,
.mahana-home p {
	margin: 0;
}

.mahana-home img {
	display: block;
	max-width: 100%;
}

.mahana-home .mahana-icon {
	display: block;
	width: 1em;
	height: 1em;
	max-width: none;
	max-height: none;
	flex: 0 0 auto;
	overflow: visible;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	pointer-events: none;
}

.mahana-home .mahana-icon > * {
	vector-effect: non-scaling-stroke;
}

.mahana-home__container {
	width: min(1360px, calc(100% - 48px));
	margin-inline: auto;
}

/* Section headings */
.mahana-home__section-heading {
	display: flex;
	min-height: 42px;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 15px;
	padding: 0;
	color: var(--mh-black);
}

.mahana-home__section-heading h1,
.mahana-home__section-heading h2 {
	min-width: 0;
	color: var(--mh-black);
	font-size: clamp(27px, 2vw, 34px);
	font-weight: 950;
	line-height: 1.15;
	letter-spacing: -0.025em;
	white-space: nowrap;
}

.mahana-home__section-heading--page h1 {
	font-size: clamp(34px, 3vw, 46px);
}

.mahana-home__section-more {
	display: inline-flex;
	min-height: 36px;
	align-items: center;
	flex: 0 0 auto;
	padding: 6px 2px;
	color: var(--mh-orange-dark) !important;
	font-size: 15px;
	font-weight: 900;
	line-height: 1;
	text-decoration: underline !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 5px;
	white-space: nowrap;
}

/* Shared section rhythm: one restrained spacing system instead of stacked gaps. */
.mahana-home__section {
	position: relative;
	padding: 22px 0 24px;
	background: #fff;
	border-top: 1px solid var(--mh-line);
	scroll-margin-top: 24px;
}

/* Latest articles */
.mahana-home__news {
	display: grid;
	grid-template-columns: minmax(0, 1.72fr) minmax(360px, 1fr);
	grid-template-areas:
		"head head"
		"featured latest";
	column-gap: clamp(20px, 2.2vw, 32px);
	row-gap: 16px;
	align-items: start;
	padding-top: 22px;
	padding-bottom: 24px;
}

.mahana-home__news > .mahana-home__section-heading {
	grid-area: head;
	margin-bottom: 0;
}

.mahana-home__featured {
	position: relative;
	grid-area: featured;
	min-width: 0;
}

.mahana-home__featured-link {
	display: grid;
	gap: 13px;
	min-width: 0;
}

.mahana-home__featured-media,
.mahana-home__latest-media {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	background: var(--mh-surface);
	isolation: isolate;
}

.mahana-home__featured-media {
	aspect-ratio: 16 / 9;
	border: 1px solid rgba(0, 0, 0, 0.07);
	border-radius: var(--mh-radius-xl);
	box-shadow: var(--mh-shadow-soft);
}

.mahana-home__featured-media::before {
	position: absolute;
	inset: 0;
	z-index: 2;
	border: 1px solid rgba(255, 255, 255, 0.42);
	border-radius: inherit;
	content: "";
	pointer-events: none;
}

.mahana-home__featured-media img,
.mahana-home__latest-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.mahana-home__featured-badge {
	position: absolute;
	top: 14px;
	inset-inline-end: 14px;
	z-index: 5;
	display: grid;
	width: 56px;
	height: 56px;
	place-items: center;
	color: #fff;
	isolation: isolate;
	pointer-events: none;
}

.mahana-home__featured-badge-shape {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	color: var(--mh-orange);
	filter: drop-shadow(0 6px 9px rgba(0, 0, 0, 0.15));
	transform: rotate(-8deg);
}

.mahana-home__featured-badge-shape polygon {
	fill: currentColor;
	stroke: none;
}

.mahana-home__featured-badge-label {
	position: relative;
	z-index: 1;
	color: #fff;
	font-size: 12px;
	font-weight: 950;
	line-height: 1;
	white-space: nowrap;
}

.mahana-home__featured-content {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 7px 12px;
	min-width: 0;
	padding: 12px 2px 4px 40px;
}

.mahana-home__featured-content::before {
	position: absolute;
	top: 14px;
	inset-inline-start: 0;
	width: 3px;
	height: 50px;
	background: var(--mh-orange);
	border-radius: 999px;
	content: "";
}

.mahana-home__featured-meta {
	display: flex;
	grid-column: 1;
	align-items: center;
	gap: 7px;
}

.mahana-home__featured-meta > span,
.mahana-home__latest-meta span {
	display: inline-flex;
	align-items: center;
	color: var(--mh-orange-dark);
	background: var(--mh-orange-soft);
	border-radius: 999px;
	font-weight: 900;
	line-height: 1;
}

.mahana-home__featured-meta > span {
	min-height: 24px;
	padding: 5px 9px;
	font-size: 10px;
}

.mahana-home__featured-content time {
	grid-column: 3;
	align-self: center;
	color: var(--mh-muted);
	font-size: 11px;
	font-weight: 750;
	line-height: 1;
	white-space: nowrap;
}

.mahana-home__featured-title {
	display: block;
	grid-column: 1 / -1;
	color: var(--mh-black);
	font-size: clamp(31px, 3vw, 48px);
	font-weight: 950;
	line-height: 1.13;
	letter-spacing: -0.03em;
	text-wrap: balance;
	overflow-wrap: anywhere;
}

.mahana-home__featured-content > span:last-child {
	display: -webkit-box;
	grid-column: 1 / -1;
	max-width: 62ch;
	overflow: hidden;
	color: var(--mh-muted);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.68;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.mahana-home__featured--empty > a {
	display: grid;
	min-height: 320px;
	overflow: hidden;
	grid-template-rows: minmax(240px, 1fr) auto;
	background: var(--mh-surface);
	border: 1px solid var(--mh-line);
	border-radius: var(--mh-radius-xl);
}

.mahana-home__featured--empty .mahana-home__featured-content {
	display: block;
	width: 100%;
	padding: 16px;
}

.mahana-home__featured--empty .mahana-home__featured-content::before {
	display: none;
}

.mahana-home__featured--empty .mahana-home__featured-content strong {
	font-size: 24px;
	font-weight: 950;
}

.mahana-home__image-fallback {
	display: grid;
	width: 100%;
	height: 100%;
	place-items: center;
	color: #fff;
	background: var(--mh-orange);
	font-size: clamp(28px, 7vw, 80px);
	font-weight: 950;
}

.mahana-home__latest {
	display: grid;
	grid-area: latest;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	min-width: 0;
	align-content: start;
}

.mahana-home__latest-item {
	position: relative;
	min-width: 0;
	overflow: hidden;
	padding-bottom: 10px;
	background: #fff;
	border: 1px solid var(--mh-line);
	border-radius: var(--mh-radius-md);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.025);
}

.mahana-home__latest-link {
	display: block;
	min-width: 0;
}

.mahana-home__latest-media {
	aspect-ratio: 16 / 9;
	border-bottom: 1px solid var(--mh-line);
	border-radius: 15px 15px 0 0;
}

.mahana-home__latest-content {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 5px;
	padding: 11px 12px 27px;
}

.mahana-home__latest-meta {
	display: flex;
	align-items: center;
	gap: 6px;
}

.mahana-home__latest-meta span {
	min-height: 21px;
	padding: 4px 7px;
	font-size: 9px;
}

.mahana-home__latest-content time {
	color: var(--mh-muted);
	font-size: 9.5px;
	font-weight: 750;
	line-height: 1;
}

.mahana-home__latest-title {
	display: -webkit-box;
	overflow: hidden;
	color: var(--mh-black);
	font-size: clamp(16px, 1.2vw, 20px);
	font-weight: 950;
	line-height: 1.32;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow-wrap: anywhere;
}

.mahana-home__latest-content > span:last-child {
	display: -webkit-box;
	overflow: hidden;
	color: var(--mh-muted);
	font-size: 11px;
	font-weight: 600;
	line-height: 1.5;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.mahana-home button.mahana-home__share {
	-webkit-appearance: none;
	appearance: none;
	position: absolute;
	z-index: 6;
	display: inline-grid;
	width: 38px;
	height: 38px;
	min-width: 38px;
	min-height: 38px;
	place-items: center;
	margin: 0;
	padding: 0;
	color: var(--mh-black);
	background: transparent;
	border: 0;
	border-radius: 50%;
	box-shadow: none;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	touch-action: manipulation;
}

.mahana-home button.mahana-home__share::before,
.mahana-home button.mahana-home__share::after {
	display: none;
	content: none;
}

.mahana-home__share--featured {
	bottom: 2px;
	left: 0;
}

.mahana-home__share--latest {
	bottom: 1px;
	left: 5px;
}

.mahana-home__share .mahana-icon {
	width: 18px;
	height: 18px;
	stroke-width: 1.9;
}

.mahana-home__share[data-copied="true"] {
	color: var(--mh-orange);
	background: var(--mh-orange-soft);
}

.mahana-home__latest-empty {
	display: flex;
	min-height: 190px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: 1px solid var(--mh-line);
	border-radius: var(--mh-radius-md);
	font-size: 14px;
	font-weight: 900;
}

/* Tools */
.mahana-home__tools-layout {
	display: grid;
	grid-template-columns: minmax(420px, 1.02fr) minmax(0, 0.98fr);
	gap: clamp(24px, 3vw, 42px);
	align-items: stretch;
	direction: ltr;
}

.mahana-home__tools-panel,
.mahana-home__tool-guides {
	min-width: 0;
	direction: rtl;
}

.mahana-home__tools-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.mahana-home__tools-grid > li {
	min-width: 0;
}

.mahana-home__tool-card {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 1;
	overflow: hidden;
	color: #fff;
	background: var(--mh-orange);
	border: 1px solid rgba(111, 30, 4, 0.14);
	border-radius: var(--mh-radius-lg);
	box-shadow: 0 8px 22px rgba(181, 57, 13, 0.11);
	isolation: isolate;
}

.mahana-home__tool-card::before {
	position: absolute;
	top: -55%;
	inset-inline-start: -45%;
	z-index: 0;
	width: 120%;
	height: 120%;
	content: "";
	background: radial-gradient(circle, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 67%);
	pointer-events: none;
}

.mahana-home__tool-card::after {
	position: absolute;
	inset: 7px;
	z-index: 0;
	content: "";
	border: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: calc(var(--mh-radius-lg) - 7px);
	pointer-events: none;
}

.mahana-home__tool-art {
	position: absolute;
	top: 39%;
	left: 50%;
	z-index: 1;
	display: grid;
	width: 74%;
	height: 74%;
	place-items: center;
	color: #fff;
	opacity: 0.14;
	line-height: 0;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.mahana-home__tool-art .mahana-icon {
	width: 100%;
	height: 100%;
	stroke-width: 1.12;
}

.mahana-home__tool-try {
	position: absolute;
	top: 9px;
	inset-inline-end: 9px;
	z-index: 5;
	display: grid;
	width: clamp(42px, 4vw, 52px);
	height: clamp(42px, 4vw, 52px);
	place-items: center;
	color: #111;
	isolation: isolate;
	transform: rotate(-10deg);
}

.mahana-home__tool-try-star {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	filter: drop-shadow(0 5px 8px rgba(103, 25, 1, 0.15));
}

.mahana-home__tool-try-star polygon {
	fill: #fff;
	stroke: rgba(0, 0, 0, 0.06);
	stroke-width: 1;
}

.mahana-home__tool-try-label {
	position: relative;
	z-index: 1;
	color: #111;
	font-size: clamp(10px, 0.9vw, 12px);
	font-weight: 950;
	line-height: 1;
}

.mahana-home__tool-title {
	position: absolute;
	top: 64%;
	inset-inline: 8px;
	z-index: 4;
	display: flex;
	min-height: 70px;
	align-items: center;
	justify-content: center;
	padding: 0 4px;
	color: #fff;
	font-size: clamp(21px, 1.85vw, 30px);
	font-weight: 950;
	line-height: 1.08;
	letter-spacing: -0.025em;
	text-align: center;
	text-wrap: balance;
	overflow-wrap: anywhere;
	text-shadow: 0 1px 0 rgba(100, 24, 1, 0.15);
	transform: translateY(-50%);
}

.mahana-home__tool-guides {
	display: grid;
	grid-template-rows: repeat(2, minmax(0, 1fr));
	align-self: stretch;
	border-block: 1px solid var(--mh-line);
}

.mahana-home__tool-guide-card {
	min-width: 0;
	border-bottom: 1px solid var(--mh-line);
}

.mahana-home__tool-guide-card:last-child {
	border-bottom: 0;
}

.mahana-home__tool-guide-link {
	display: flex;
	min-height: 100%;
	align-items: center;
	gap: clamp(13px, 1.5vw, 20px);
	padding: 11px 0;
	color: var(--mh-text);
	direction: rtl;
}

.mahana-home__tool-guide-media {
	display: block;
	width: clamp(108px, 9vw, 138px);
	flex: 0 0 clamp(108px, 9vw, 138px);
	aspect-ratio: 1;
	overflow: hidden;
	background: var(--mh-surface);
	border: 1px solid var(--mh-line);
	border-radius: var(--mh-radius-md);
}

.mahana-home__tool-guide-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mahana-home__tool-guide-fallback {
	display: grid;
	width: 100%;
	height: 100%;
	place-items: center;
	color: rgba(255, 255, 255, 0.94);
	background: var(--mh-orange);
}

.mahana-home__tool-guide-fallback .mahana-icon {
	width: 42%;
	height: 42%;
	stroke-width: 1.35;
}

.mahana-home__tool-guide-body {
	display: flex;
	min-width: 0;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
	text-align: right;
}

.mahana-home__tool-guide-kicker {
	color: var(--mh-orange-dark);
	font-size: 11px;
	font-weight: 900;
	line-height: 1.3;
}

.mahana-home__tool-guide-body h3 {
	display: -webkit-box;
	overflow: hidden;
	color: var(--mh-black);
	font-size: clamp(19px, 1.65vw, 26px);
	font-weight: 950;
	line-height: 1.32;
	letter-spacing: -0.02em;
	text-wrap: balance;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.mahana-home__tool-guide-body p {
	display: -webkit-box;
	overflow: hidden;
	color: var(--mh-muted);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.62;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.mahana-home__tool-guide-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 11px;
	margin-top: 1px;
	color: var(--mh-muted);
	font-size: 10.5px;
	line-height: 1.35;
}

.mahana-home__tool-guide-meta strong {
	color: var(--mh-black);
	font-weight: 900;
}

/* Guides */
.mahana-home__guides-grid {
	display: grid;
	width: min(100%, 920px);
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	align-items: start;
	margin-inline: auto;
}

.mahana-home__guides-grid > li {
	min-width: 0;
}

.mahana-home__guide-card {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 4 / 5;
	overflow: hidden;
	color: #fff;
	background: #111;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: var(--mh-radius-lg);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	isolation: isolate;
}

.mahana-home__guide-media,
.mahana-home__guide-shade {
	position: absolute;
	inset: 0;
	display: block;
}

.mahana-home__guide-media {
	z-index: 0;
	background: #171717;
}

.mahana-home__guide-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.mahana-home__guide-shade {
	z-index: 1;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.02) 30%, rgba(0, 0, 0, 0.18) 57%, rgba(0, 0, 0, 0.88) 100%);
	pointer-events: none;
}

.mahana-home__guide-fallback {
	display: grid;
	width: 100%;
	height: 100%;
	place-items: center;
	color: rgba(255, 255, 255, 0.9);
	background: var(--mh-orange);
}

.mahana-home__guide-fallback .mahana-icon {
	width: 34%;
	height: 34%;
	stroke-width: 1.15;
	opacity: 0.82;
}

.mahana-home__guide-content {
	position: absolute;
	inset-inline: 14px;
	bottom: 14px;
	z-index: 2;
	display: grid;
	gap: 7px;
}

.mahana-home__guide-kicker {
	display: inline-flex;
	width: fit-content;
	min-height: 23px;
	align-items: center;
	padding: 5px 8px;
	color: #fff;
	background: var(--mh-orange);
	border-radius: 999px;
	font-size: 9px;
	font-weight: 900;
	line-height: 1;
}

.mahana-home__guide-title {
	display: -webkit-box;
	overflow: hidden;
	color: #fff;
	font-size: clamp(17px, 1.4vw, 22px);
	font-weight: 950;
	line-height: 1.25;
	letter-spacing: -0.02em;
	text-shadow: 0 2px 13px rgba(0, 0, 0, 0.36);
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

/* Specialties */
.mahana-home__specialty-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.18fr) minmax(360px, 0.82fr);
	gap: clamp(24px, 3vw, 42px);
	align-items: stretch;
	direction: rtl;
}

.mahana-home__specialty-feature,
.mahana-home__specialty-articles {
	min-width: 0;
	direction: rtl;
}

.mahana-home__specialty-feature-link {
	display: grid;
	width: 100%;
	height: 100%;
	grid-template-rows: auto 1fr;
	color: var(--mh-text);
}

.mahana-home__specialty-feature-media {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: var(--mh-orange);
	border: 1px solid rgba(112, 28, 3, 0.12);
	border-radius: var(--mh-radius-xl);
	box-shadow: var(--mh-shadow-soft);
	isolation: isolate;
}

.mahana-home__specialty-feature-media::after {
	position: absolute;
	inset: 7px;
	z-index: 2;
	content: "";
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: calc(var(--mh-radius-xl) - 7px);
	pointer-events: none;
}

.mahana-home__specialty-feature-media > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mahana-home__specialty-feature-fallback {
	display: grid;
	width: 100%;
	height: 100%;
	place-items: center;
	color: rgba(255, 255, 255, 0.35);
	background: var(--mh-orange);
}

.mahana-home__specialty-feature-fallback .mahana-icon {
	width: 28%;
	height: 28%;
	stroke-width: 1.15;
}

.mahana-home__specialty-feature-badge {
	position: absolute;
	top: 13px;
	inset-inline-end: 13px;
	z-index: 4;
	display: grid;
	width: 56px;
	height: 56px;
	place-items: center;
	color: var(--mh-black);
	transform: rotate(-10deg);
}

.mahana-home__specialty-feature-star {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	filter: drop-shadow(0 5px 9px rgba(95, 25, 2, 0.16));
}

.mahana-home__specialty-feature-star polygon {
	fill: #fff;
	stroke: rgba(0, 0, 0, 0.06);
	stroke-width: 1;
}

.mahana-home__specialty-feature-badge > span {
	position: relative;
	z-index: 1;
	font-size: 10.5px;
	font-weight: 950;
	line-height: 1;
}

.mahana-home__specialty-feature-content {
	display: grid;
	align-content: start;
	gap: 7px;
	padding: 13px 2px 0;
	text-align: right;
}

.mahana-home__specialty-feature-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px 11px;
	color: var(--mh-muted);
	font-size: 10.5px;
	font-weight: 800;
	line-height: 1.3;
}

.mahana-home__specialty-feature-meta > span:first-child {
	color: var(--mh-orange-dark);
	font-weight: 950;
}

.mahana-home__specialty-feature-content h3 {
	color: var(--mh-black);
	font-size: clamp(31px, 3vw, 47px);
	font-weight: 950;
	line-height: 1.08;
	letter-spacing: -0.035em;
	text-wrap: balance;
}

.mahana-home__specialty-feature-content p {
	display: -webkit-box;
	max-width: 760px;
	overflow: hidden;
	color: var(--mh-muted);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.7;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.mahana-home__specialty-articles {
	display: grid;
	grid-template-rows: repeat(3, minmax(0, 1fr));
	align-self: stretch;
	border-block: 1px solid var(--mh-line);
}

.mahana-home__specialty-articles .mahana-home__tool-guide-link {
	gap: 14px;
	padding-block: 8px;
}

.mahana-home__specialty-articles .mahana-home__tool-guide-media {
	width: clamp(98px, 8vw, 124px);
	flex-basis: clamp(98px, 8vw, 124px);
	border-radius: 14px;
}

.mahana-home__specialty-articles .mahana-home__tool-guide-body h3 {
	font-size: clamp(18px, 1.5vw, 23px);
}

.mahana-home__specialty-articles--empty {
	min-height: 220px;
	place-items: center;
	padding: 24px;
	color: var(--mh-muted);
	background: var(--mh-surface);
	border: 1px solid var(--mh-line);
	border-radius: var(--mh-radius-md);
	font-size: 15px;
	font-weight: 800;
	text-align: center;
}

.mahana-home__specialty-empty {
	display: grid;
	min-height: 160px;
	place-items: center;
	color: var(--mh-black);
	background: var(--mh-surface);
	border: 1px solid var(--mh-line);
	border-radius: var(--mh-radius-md);
	font-size: 18px;
	font-weight: 900;
}

/* Lightweight off-screen rendering for the long homepage. */
@supports (content-visibility: auto) {
	.mahana-home__section {
		content-visibility: auto;
		contain-intrinsic-size: auto 560px;
	}

	.mahana-home__section--guides {
		contain-intrinsic-size: auto 520px;
	}

	.mahana-home__section--specialties {
		contain-intrinsic-size: auto 600px;
	}
}

/* Interaction and accessibility */
.mahana-home a:focus-visible,
.mahana-home button:focus-visible {
	outline: 3px solid var(--mh-orange);
	outline-offset: 3px;
}

.mahana-home__tool-card:focus-visible,
.mahana-home__specialty-feature-link:focus-visible {
	outline-color: var(--mh-black);
}

@media (hover: hover) and (pointer: fine) {
	.mahana-home__section-more:hover {
		color: var(--mh-orange) !important;
	}

	.mahana-home__featured-link:hover .mahana-home__featured-title,
	.mahana-home__latest-link:hover .mahana-home__latest-title,
	.mahana-home__tool-guide-link:hover h3,
	.mahana-home__specialty-feature-link:hover h3 {
		color: var(--mh-orange-dark);
	}

	.mahana-home__latest-item:hover,
	.mahana-home__guide-card:hover {
		border-color: var(--mh-line-strong);
		box-shadow: 0 10px 28px rgba(0, 0, 0, 0.07);
	}

	.mahana-home__tool-card:hover {
		box-shadow: 0 12px 30px rgba(181, 57, 13, 0.17);
	}

	.mahana-home button.mahana-home__share:hover {
		color: var(--mh-orange-dark);
		background: var(--mh-orange-soft);
	}
}

/* Tablet */
@media (max-width: 1260px) {
	.mahana-home__container {
		width: min(100% - 40px, 1360px);
	}

	.mahana-home__news {
		grid-template-columns: minmax(0, 1.6fr) minmax(330px, 1fr);
		column-gap: 22px;
	}

	.mahana-home__featured-title {
		font-size: clamp(29px, 3vw, 42px);
	}

	.mahana-home__latest-content > span:last-child {
		display: none;
	}
}

@media (max-width: 1099px) {
	.mahana-home__news {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"head"
			"featured"
			"latest";
	}

	.mahana-home__latest {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 13px;
	}

	.mahana-home__latest-title {
		font-size: clamp(18px, 2.4vw, 23px);
	}

	.mahana-home__latest-content > span:last-child {
		display: -webkit-box;
	}

	.mahana-home__tools-layout,
	.mahana-home__specialty-layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 24px;
	}

	.mahana-home__tools-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.mahana-home__tool-title {
		font-size: clamp(25px, 4vw, 34px);
	}

	.mahana-home__tool-guide-link {
		min-height: 152px;
	}

	.mahana-home__specialty-articles .mahana-home__tool-guide-link {
		min-height: 138px;
	}

	.mahana-home__guides-grid {
		width: min(100%, 820px);
	}
}

/* Phones */
@media (max-width: 720px) {
	.mahana-home {
		padding-bottom: 34px;
	}

	.mahana-home__container {
		width: min(100% - 28px, 1360px);
	}

	.mahana-home__section-heading {
		min-height: 38px;
		gap: 13px;
		margin-bottom: 11px;
	}

	.mahana-home__section-heading h1,
	.mahana-home__section-heading h2 {
		overflow: hidden;
		font-size: clamp(22px, 6vw, 27px);
		text-overflow: ellipsis;
	}

	.mahana-home__section-heading--page h1 {
		font-size: clamp(28px, 8vw, 36px);
	}

	.mahana-home__section-more {
		min-height: 34px;
		font-size: 13px;
	}

	.mahana-home__news {
		row-gap: 14px;
		padding-top: 16px;
		padding-bottom: 18px;
	}

	.mahana-home__section {
		padding: 18px 0;
	}

	.mahana-home__featured-link {
		gap: 11px;
	}

	.mahana-home__featured-media {
		border-radius: 20px;
		box-shadow: 0 9px 24px rgba(0, 0, 0, 0.07);
	}

	.mahana-home__featured-badge {
		top: 10px;
		inset-inline-end: 10px;
		width: 50px;
		height: 50px;
	}

	.mahana-home__featured-badge-label {
		font-size: 10.5px;
	}

	.mahana-home__featured-content {
		gap: 6px 9px;
		padding: 10px 2px 4px 34px;
	}

	.mahana-home__featured-content::before {
		top: 12px;
		height: 42px;
	}

	.mahana-home__featured-title {
		font-size: clamp(25px, 7.3vw, 35px);
		line-height: 1.17;
	}

	.mahana-home__featured-content > span:last-child {
		font-size: 12.5px;
		line-height: 1.62;
	}

	.mahana-home button.mahana-home__share {
		width: 44px;
		height: 44px;
		min-width: 44px;
		min-height: 44px;
	}

	.mahana-home__share--featured {
		bottom: -3px;
		left: -4px;
	}

	.mahana-home__latest {
		grid-template-columns: minmax(0, 1fr);
		gap: 9px;
	}

	.mahana-home__latest-item {
		padding-bottom: 0;
		border-radius: 14px;
	}

	.mahana-home__latest-link {
		display: grid;
		grid-template-columns: 124px minmax(0, 1fr);
		align-items: stretch;
		min-height: 104px;
	}

	.mahana-home__latest-media {
		height: 100%;
		min-height: 104px;
		aspect-ratio: auto;
		border: 0;
		border-inline-end: 1px solid var(--mh-line);
		border-radius: 0 13px 13px 0;
	}

	.mahana-home__latest-content {
		justify-content: center;
		gap: 4px;
		padding: 10px 10px 29px 36px;
	}

	.mahana-home__latest-title {
		font-size: 17px;
		line-height: 1.34;
	}

	.mahana-home__latest-content > span:last-child {
		display: none;
	}

	.mahana-home__share--latest {
		bottom: 0;
		left: 1px;
	}

	.mahana-home__tools-layout,
	.mahana-home__specialty-layout {
		gap: 18px;
	}

	.mahana-home__tools-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 9px;
	}

	.mahana-home__tool-card {
		border-radius: 17px;
		box-shadow: 0 7px 18px rgba(167, 55, 14, 0.1);
	}

	.mahana-home__tool-card::after {
		border-radius: 10px;
	}

	.mahana-home__tool-art {
		top: 40%;
		width: 82%;
		height: 82%;
	}

	.mahana-home__tool-try {
		width: 48px;
		height: 48px;
	}

	.mahana-home__tool-try-label {
		font-size: 10.5px;
	}

	.mahana-home__tool-title {
		top: 64%;
		min-height: 64px;
		font-size: clamp(20px, 6.4vw, 28px);
	}

	.mahana-home__tool-guide-link {
		min-height: 126px;
		gap: 12px;
		padding-block: 9px;
	}

	.mahana-home__tool-guide-media {
		width: 96px;
		flex-basis: 96px;
		border-radius: 13px;
	}

	.mahana-home__tool-guide-kicker {
		font-size: 10px;
	}

	.mahana-home__tool-guide-body h3 {
		font-size: clamp(17px, 5vw, 21px);
	}

	.mahana-home__tool-guide-body p {
		font-size: 12px;
		line-height: 1.55;
	}

	.mahana-home__tool-guide-meta {
		font-size: 9.5px;
	}

	.mahana-home__guides-grid {
		width: min(100%, 430px);
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 9px;
	}

	.mahana-home__guide-card {
		aspect-ratio: 4 / 5;
		border-radius: 16px;
	}

	.mahana-home__guide-content {
		inset-inline: 11px;
		bottom: 11px;
		gap: 6px;
	}

	.mahana-home__guide-kicker {
		min-height: 21px;
		padding: 5px 7px;
		font-size: 8px;
	}

	.mahana-home__guide-title {
		font-size: clamp(15px, 4.3vw, 19px);
		line-height: 1.27;
	}

	.mahana-home__specialty-feature-media {
		border-radius: 19px;
		box-shadow: 0 9px 24px rgba(0, 0, 0, 0.07);
	}

	.mahana-home__specialty-feature-media::after {
		border-radius: 12px;
	}

	.mahana-home__specialty-feature-badge {
		top: 10px;
		inset-inline-end: 10px;
		width: 50px;
		height: 50px;
	}

	.mahana-home__specialty-feature-badge > span {
		font-size: 9px;
	}

	.mahana-home__specialty-feature-content {
		gap: 6px;
		padding-top: 11px;
	}

	.mahana-home__specialty-feature-content h3 {
		font-size: clamp(28px, 8.3vw, 37px);
		line-height: 1.11;
	}

	.mahana-home__specialty-feature-content p {
		font-size: 13px;
		line-height: 1.62;
	}

	.mahana-home__specialty-articles .mahana-home__tool-guide-link {
		min-height: 120px;
		gap: 12px;
		padding-block: 9px;
	}

	.mahana-home__specialty-articles .mahana-home__tool-guide-media {
		width: 96px;
		flex-basis: 96px;
		border-radius: 13px;
	}
}

@media (max-width: 390px) {
	.mahana-home__container {
		width: min(100% - 22px, 1360px);
	}

	.mahana-home__section-heading h1,
	.mahana-home__section-heading h2 {
		font-size: 21px;
	}

	.mahana-home__section-heading--page h1 {
		font-size: 27px;
	}

	.mahana-home__section-more {
		font-size: 12.5px;
	}

	.mahana-home__featured-title {
		font-size: 25px;
	}

	.mahana-home__latest-link {
		grid-template-columns: 106px minmax(0, 1fr);
		min-height: 94px;
	}

	.mahana-home__latest-media {
		min-height: 94px;
	}

	.mahana-home__latest-content {
		padding: 9px 8px 28px 34px;
	}

	.mahana-home__latest-title {
		font-size: 15.5px;
	}

	.mahana-home__tools-grid {
		gap: 7px;
	}

	.mahana-home__tool-try {
		width: 43px;
		height: 43px;
	}

	.mahana-home__tool-try-label {
		font-size: 9.5px;
	}

	.mahana-home__tool-title {
		font-size: 19px;
	}

	.mahana-home__tool-guide-link,
	.mahana-home__specialty-articles .mahana-home__tool-guide-link {
		min-height: 106px;
		gap: 9px;
	}

	.mahana-home__tool-guide-media,
	.mahana-home__specialty-articles .mahana-home__tool-guide-media {
		width: 82px;
		flex-basis: 82px;
		border-radius: 11px;
	}

	.mahana-home__tool-guide-body {
		gap: 4px;
	}

	.mahana-home__tool-guide-kicker {
		font-size: 8.5px;
	}

	.mahana-home__tool-guide-body h3 {
		font-size: 15.5px;
	}

	.mahana-home__tool-guide-body p {
		display: none;
	}

	.mahana-home__specialty-feature-content h3 {
		font-size: 26px;
	}

	.mahana-home__specialty-feature-meta {
		font-size: 9.5px;
	}

	.mahana-home__guides-grid {
		gap: 7px;
	}

	.mahana-home__guide-content {
		inset-inline: 9px;
		bottom: 9px;
	}

	.mahana-home__guide-kicker {
		display: none;
	}

	.mahana-home__guide-title {
		font-size: 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mahana-home *,
	.mahana-home *::before,
	.mahana-home *::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}
/* 2.2 — live recent tool activity */
.mahana-home__section--recent-tools {
	padding-top: clamp(24px, 3vw, 36px);
	padding-bottom: clamp(26px, 3.4vw, 42px);
	contain: layout paint;
}

.mahana-home__recent-heading {
	align-items: flex-end;
	margin-bottom: 17px;
}

.mahana-home__section-heading-copy {
	display: grid;
	min-width: 0;
	gap: 4px;
}

.mahana-home__section-heading-copy h2 {
	white-space: normal;
}

.mahana-home__section-heading-copy p {
	color: var(--mh-muted);
	font-size: 12px;
	font-weight: 780;
	line-height: 1.5;
}

.mahana-home__live-label {
	display: inline-flex;
	width: max-content;
	min-height: 25px;
	align-items: center;
	gap: 7px;
	margin-bottom: 2px;
	padding: 4px 9px;
	color: var(--mh-orange-dark);
	background: var(--mh-orange-soft);
	border-radius: 999px;
	font-size: 10px;
	font-weight: 950;
	line-height: 1;
}

.mahana-home__live-label i {
	display: block;
	width: 7px;
	height: 7px;
	background: var(--mh-orange);
	border-radius: 50%;
	box-shadow: 0 0 0 4px rgba(249, 105, 37, .11);
}

.mahana-home__section--recent-tools.is-live .mahana-home__live-label i {
	animation: shaghaf-live-dot 2.2s ease-in-out infinite;
}

@keyframes shaghaf-live-dot {
	0%, 100% { box-shadow: 0 0 0 4px rgba(249, 105, 37, .10); }
	50% { box-shadow: 0 0 0 7px rgba(249, 105, 37, 0); }
}

.mahana-home__recent-tools-grid {
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
	overflow-anchor: none;
}

.mahana-home__recent-tool-item {
	min-width: 0;
}

.mahana-home__activity-privacy {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-top: 12px !important;
	color: #68686f;
	font-size: 10.5px;
	font-weight: 720;
	line-height: 1.6;
}

.mahana-home__activity-privacy::before {
	display: block;
	width: 5px;
	height: 5px;
	flex: 0 0 auto;
	background: #b9b9be;
	border-radius: 50%;
	content: "";
}

@media (max-width: 1099px) {
	.mahana-home__recent-tools-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	.mahana-home__recent-heading {
		align-items: flex-start;
	}

	.mahana-home__section-heading-copy p {
		font-size: 11px;
	}

	.mahana-home__recent-tools-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 9px;
	}

	.mahana-home__activity-privacy {
		margin-top: 10px !important;
		font-size: 9.5px;
	}
}

@media (max-width: 430px) {
	.mahana-home__recent-tools-grid {
		gap: 7px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mahana-home__section--recent-tools.is-live .mahana-home__live-label i {
		animation: none !important;
	}
}

/* 3.3.0 — launch-ready latest-jobs block directly below articles. */
.mahana-home__section--jobs {
	padding-top: 28px;
	padding-bottom: 30px;
}

.mahana-home__jobs-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.mahana-home__job-card {
	min-width: 0;
	background: #fff;
	border: 1px solid #e6e6e9;
	border-radius: 20px;
	box-shadow: 0 3px 14px rgba(24, 24, 27, .035);
	overflow: hidden;
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.mahana-home__job-card:hover {
	border-color: #d9d9de;
	box-shadow: 0 10px 28px rgba(24, 24, 27, .075);
	transform: translateY(-2px);
}

.mahana-home__job-link {
	display: grid;
	grid-template-columns: 94px minmax(0, 1fr);
	min-height: 142px;
	color: inherit;
}

.mahana-home__job-media {
	position: relative;
	display: grid;
	width: 94px;
	height: 100%;
	min-height: 142px;
	place-items: center;
	overflow: hidden;
	background: #f2f2f3;
	border-inline-end: 1px solid #e9e9ec;
}

.mahana-home__job-fallback {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	color: var(--mh-orange-dark);
	background: #fff1e9;
	font-size: 29px;
	font-weight: 950;
}

.mahana-home__job-media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background: #f2f2f3;
}

.mahana-home__job-media img.is-cover { object-fit: cover; }
.mahana-home__job-media img.is-logo { padding: 12px; object-fit: contain; }

.mahana-home__job-body {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 5px;
	justify-content: center;
	padding: 14px 16px;
}

.mahana-home__job-topline,
.mahana-home__job-foot {
	display: flex;
	min-width: 0;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.mahana-home__job-topline time {
	flex: 0 0 auto;
	color: #707077;
	font-size: 10px;
	font-weight: 750;
	white-space: nowrap;
}

.mahana-home__job-category {
	min-width: 0;
	overflow: hidden;
	color: #6c6c72;
	font-size: 10.5px;
	font-weight: 850;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mahana-home__job-title {
	display: -webkit-box;
	overflow: hidden;
	color: #1e1e21;
	font-size: 16px;
	font-weight: 950;
	line-height: 1.45;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.mahana-home__job-company {
	min-width: 0;
	overflow: hidden;
	color: #56565c;
	font-size: 12px;
	font-weight: 850;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mahana-home__job-foot { margin-top: 3px; }
.mahana-home__job-meta {
	min-width: 0;
	overflow: hidden;
	color: #68686f;
	font-size: 10.5px;
	font-weight: 720;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mahana-home__job-cta {
	display: inline-flex;
	min-height: 30px;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	padding: 0 12px;
	color: #fff;
	background: #f96925;
	border-radius: 999px;
	font-size: 10.5px;
	font-weight: 900;
	white-space: nowrap;
}

.mahana-home__job-link:focus-visible {
	outline: 2px solid rgba(249, 105, 37, .34);
	outline-offset: -3px;
}

.mahana-home__jobs-empty {
	display: grid;
	min-height: 130px;
	place-items: center;
	color: var(--mh-orange-dark) !important;
	background: #f7f7f8;
	border: 1px dashed #d9d9de;
	border-radius: 20px;
	font-weight: 900;
}

@media (max-width: 820px) {
	.mahana-home__jobs-grid { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
	.mahana-home__section--jobs { padding-top: 22px; padding-bottom: 24px; }
	.mahana-home__jobs-grid { gap: 9px; }
	.mahana-home__job-link { grid-template-columns: 78px minmax(0, 1fr); min-height: 128px; }
	.mahana-home__job-media { width: 78px; min-height: 128px; }
	.mahana-home__job-body { padding: 12px; }
	.mahana-home__job-title { font-size: 14.5px; }
	.mahana-home__job-cta { min-height: 28px; padding-inline: 10px; font-size: 10px; }
}

@media (prefers-reduced-motion: reduce) {
	.mahana-home__job-card { transition: none; }
	.mahana-home__job-card:hover { transform: none; }
}

/* Source: assets/css/tool-cards.css */

/* Shared tool-card component — homepage, recent activity, and tools archive. */
.shaghaf-tool-card,
.shaghaf-tool-card *,
.shaghaf-tool-card *::before,
.shaghaf-tool-card *::after {
	box-sizing: border-box;
}

.shaghaf-tool-card {
	--stc-orange: var(--mh-orange, var(--sj-primary, #f15a24));
	--stc-orange-dark: var(--mh-orange-dark, var(--sj-primary-dark, #c94412));
	--stc-radius: var(--mh-radius-lg, 20px);
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 1;
	overflow: hidden;
	color: #fff !important;
	background:
		radial-gradient(circle at 18% 16%, rgba(255,255,255,.17), transparent 32%),
		linear-gradient(145deg, #f36a35 0%, var(--stc-orange) 48%, #e94f19 100%);
	border: 1px solid rgba(111, 30, 4, .14);
	border-radius: var(--stc-radius);
	box-shadow: 0 8px 22px rgba(181, 57, 13, .11);
	isolation: isolate;
	text-decoration: none !important;
	-webkit-tap-highlight-color: transparent;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.shaghaf-tool-card::before {
	position: absolute;
	top: -55%;
	inset-inline-start: -45%;
	z-index: 0;
	width: 120%;
	height: 120%;
	content: "";
	background: radial-gradient(circle, rgba(255,255,255,.16), rgba(255,255,255,0) 67%);
	pointer-events: none;
}

.shaghaf-tool-card::after {
	position: absolute;
	inset: 7px;
	z-index: 0;
	content: "";
	border: 1px solid rgba(255,255,255,.24);
	border-radius: calc(var(--stc-radius) - 7px);
	pointer-events: none;
}

.shaghaf-tool-card__art {
	position: absolute;
	top: 39%;
	left: 50%;
	z-index: 1;
	display: grid;
	width: 74%;
	height: 74%;
	place-items: center;
	color: #fff;
	opacity: .14;
	line-height: 0;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.shaghaf-tool-card__art svg {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	overflow: visible;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.12;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.shaghaf-tool-card__art svg > * {
	vector-effect: non-scaling-stroke;
}

.shaghaf-tool-card__badge {
	position: absolute;
	top: 9px;
	inset-inline-end: 9px;
	z-index: 5;
	display: grid;
	width: clamp(42px, 4vw, 52px);
	height: clamp(42px, 4vw, 52px);
	place-items: center;
	color: #111;
	isolation: isolate;
	transform: rotate(-10deg);
}

.shaghaf-tool-card__star {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	filter: drop-shadow(0 5px 8px rgba(103, 25, 1, .15));
}

.shaghaf-tool-card__star polygon {
	fill: #fff;
	stroke: rgba(0,0,0,.06);
	stroke-width: 1;
}

.shaghaf-tool-card__badge > span {
	position: relative;
	z-index: 1;
	color: #111;
	font-size: clamp(10px, .9vw, 12px);
	font-weight: 950;
	line-height: 1;
	white-space: nowrap;
}

.shaghaf-tool-card__meta,
.shaghaf-tool-card__category {
	position: absolute;
	top: 13px;
	inset-inline-start: 13px;
	z-index: 6;
	display: inline-flex;
	min-height: 27px;
	max-width: calc(100% - 80px);
	align-items: center;
	padding: 4px 9px;
	overflow: hidden;
	color: #fff;
	background: rgba(91, 24, 3, .18);
	border: 1px solid rgba(255,255,255,.24);
	border-radius: 999px;
	font-size: 10px;
	font-weight: 900;
	line-height: 1;
	text-overflow: ellipsis;
	white-space: nowrap;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

.shaghaf-tool-card__category {
	top: auto;
	bottom: 12px;
	inset-inline-start: 50%;
	max-width: calc(100% - 28px);
	transform: translateX(50%);
}

.shaghaf-tool-card__title {
	position: absolute;
	top: 64%;
	inset-inline: 8px;
	z-index: 4;
	display: flex;
	min-height: 70px;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	padding: 0 4px;
	color: #fff !important;
	font-family: "thmanyahserifdisplay", Tahoma, Arial, sans-serif !important;
	font-size: clamp(21px, 1.85vw, 30px);
	font-weight: 950;
	line-height: 1.08;
	letter-spacing: -.025em;
	text-align: center;
	text-wrap: balance;
	overflow-wrap: anywhere;
	text-shadow: 0 1px 0 rgba(100,24,1,.15);
	transform: translateY(-50%);
}

.shaghaf-tool-card--suggested .shaghaf-tool-card__meta {
	background: rgba(255,255,255,.16);
}

.shaghaf-tool-card:focus-visible {
	outline: 3px solid rgba(241,90,36,.25);
	outline-offset: 4px;
}

@media (hover:hover) and (pointer:fine) {
	.shaghaf-tool-card:hover {
		border-color: rgba(115,31,4,.24);
		box-shadow: 0 14px 32px rgba(181,57,13,.18);
		transform: translateY(-3px);
	}

	.shaghaf-tool-card:hover .shaghaf-tool-card__art {
		opacity: .18;
	}
}

@media (max-width:720px) {
	.shaghaf-tool-card {
		--stc-radius: 17px;
		box-shadow: 0 7px 18px rgba(167,55,14,.1);
	}

	.shaghaf-tool-card::after {
		border-radius: 10px;
	}

	.shaghaf-tool-card__art {
		top: 40%;
		width: 82%;
		height: 82%;
	}

	.shaghaf-tool-card__badge {
		width: 48px;
		height: 48px;
	}

	.shaghaf-tool-card__badge > span {
		font-size: 10.5px;
	}

	.shaghaf-tool-card__meta,
	.shaghaf-tool-card__category {
		top: 11px;
		inset-inline-start: 10px;
		min-height: 24px;
		max-width: calc(100% - 70px);
		padding-inline: 7px;
		font-size: 8.8px;
	}

	.shaghaf-tool-card__category {
		top: auto;
		bottom: 10px;
		inset-inline-start: 50%;
		max-width: calc(100% - 24px);
	}

	.shaghaf-tool-card__title {
		top: 64%;
		min-height: 64px;
		font-size: clamp(20px,6.4vw,28px);
	}
}

@media (max-width:430px) {
	.shaghaf-tool-card__badge {
		width: 43px;
		height: 43px;
	}

	.shaghaf-tool-card__badge > span {
		font-size: 9.5px;
	}

	.shaghaf-tool-card__title {
		font-size: 19px;
	}
}

@media (prefers-reduced-motion:reduce) {
	.shaghaf-tool-card {
		transition: none !important;
	}
}

/* Source: assets/css/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; }
}

/* Source: assets/css/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; }
}

/* Source: assets/css/shell-compact.css */

/*
 * Shaghaf compact site shell 3.0.1
 * Small, calm, lively orange header and footer. Loaded last on every page.
 */

:root {
	--sj-shell-orange: #f15a24;
	--sj-shell-orange-dark: #d94712;
	--sj-shell-orange-soft: #fff2eb;
	--sj-shell-ink: #171719;
	--sj-shell-muted: #6e6e73;
	--sj-shell-line: rgba(23, 23, 25, 0.10);
	--sj-shell-surface: rgba(255, 255, 255, 0.94);
	--sj-shell-font: "thmanyahserifdisplay", "Thmanyah Serif Display", Tahoma, Arial, sans-serif;
}

/* ---------- Header ---------- */
.sj-global-header,
.sj-global-header *,
.sj-global-header *::before,
.sj-global-header *::after {
	box-sizing: border-box;
}

.sj-global-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	width: 100%;
	min-height: 62px;
	color: var(--sj-shell-ink);
	background: var(--sj-shell-surface);
	border: 0;
	border-bottom: 1px solid var(--sj-shell-line);
	box-shadow: none;
	font-family: var(--sj-shell-font);
	isolation: isolate;
	transition: background-color 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

@supports ((-webkit-backdrop-filter: blur(16px)) or (backdrop-filter: blur(16px))) {
	.sj-global-header {
		-webkit-backdrop-filter: saturate(150%) blur(16px);
		backdrop-filter: saturate(150%) blur(16px);
	}
}

body.admin-bar .sj-global-header { top: 32px; }
.sj-global-header a { color: inherit; text-decoration: none; }
.sj-global-header button,
.sj-global-header input { font: inherit; }

.sj-global-accent {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 3px;
	background: linear-gradient(90deg, transparent 0 7%, var(--sj-shell-orange) 28% 72%, transparent 93% 100%);
	opacity: 0.9;
	pointer-events: none;
}

.sj-global-wrap {
	width: min(1240px, calc(100% - 32px));
	margin-inline: auto;
}

.sj-global-header-in {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: clamp(18px, 2.4vw, 36px);
	min-height: 62px;
	padding: 6px 0 4px;
}

.sj-global-logo {
	display: inline-flex;
	min-width: 0;
	align-items: center;
	justify-self: start;
	padding: 0;
	border-radius: 0;
	-webkit-tap-highlight-color: transparent;
}

.sj-global-logo-mark {
	position: relative;
	display: flex;
	width: auto;
	max-width: 180px;
	height: 42px;
	flex: 0 1 auto;
	align-items: center;
	justify-content: flex-start;
	overflow: visible;
	color: #fff;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	font-size: 18px;
	font-weight: 950;
}

.sj-global-logo-mark::after {
	display: none;
	content: none;
}

.sj-global-logo-mark.has-image img {
	display: block;
	width: auto;
	max-width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	mix-blend-mode: multiply;
}

.sj-global-logo-mark.is-fallback {
	display: grid;
	width: 38px;
	max-width: none;
	height: 38px;
	flex: 0 0 38px;
	place-items: center;
	background: var(--sj-shell-ink);
	border: 1px solid rgba(23, 23, 25, 0.1);
	border-radius: 50%;
	box-shadow: 0 0 0 3px var(--sj-shell-orange-soft);
}

.sj-global-nav {
	display: flex;
	width: max-content;
	max-width: 100%;
	align-items: center;
	justify-content: center;
	justify-self: center;
	gap: 2px;
	min-height: 40px;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.sj-global-nav-link {
	position: relative;
	display: inline-flex;
	min-height: 38px;
	align-items: center;
	justify-content: center;
	padding: 0 clamp(11px, 1.15vw, 16px);
	color: #444448;
	background: transparent;
	border: 0;
	border-radius: 11px;
	font-size: 13.5px;
	font-weight: 850;
	line-height: 1;
	white-space: nowrap;
	transition: color 160ms ease, background-color 160ms ease, transform 160ms ease;
}

.sj-global-nav-link::after {
	position: absolute;
	right: 50%;
	bottom: 3px;
	width: 0;
	height: 2px;
	background: var(--sj-shell-orange);
	border-radius: 99px;
	content: "";
	transform: translateX(50%);
	transition: width 160ms ease;
}

.sj-global-nav-link:hover,
.sj-global-nav-link:focus-visible {
	color: var(--sj-shell-orange-dark);
	background: var(--sj-shell-orange-soft);
}

.sj-global-nav-link.is-active {
	color: var(--sj-shell-ink);
	background: var(--sj-shell-orange-soft);
	box-shadow: none;
}

.sj-global-nav-link.is-active::after { width: 18px; }

.sj-global-actions {
	display: flex;
	align-items: center;
	justify-self: end;
	gap: 7px;
}

.sj-global-search-toggle,
.sj-global-menu-toggle,
.sj-global-search-close {
	-webkit-appearance: none;
	appearance: none;
	display: inline-flex;
	min-width: 38px;
	height: 38px;
	min-height: 38px;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 0 11px;
	color: #3c3c40;
	background: #fff;
	border: 1px solid var(--sj-shell-line);
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(23, 23, 25, 0.035);
	cursor: pointer;
	line-height: 1;
	transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.sj-global-menu-toggle { display: none; padding: 0; }
.sj-global-action-label { font-size: 12px; font-weight: 850; }

.sj-global-search-toggle:hover,
.sj-global-search-toggle:focus-visible,
.sj-global-menu-toggle:hover,
.sj-global-menu-toggle:focus-visible,
.sj-global-search-close:hover,
.sj-global-search-close:focus-visible {
	color: var(--sj-shell-orange-dark);
	background: var(--sj-shell-orange-soft);
	border-color: rgba(241, 90, 36, 0.28);
}

.sj-global-cta {
	display: inline-flex;
	height: 40px;
	min-height: 40px;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 0 14px;
	color: #fff !important;
	background: var(--sj-shell-orange);
	border: 1px solid var(--sj-shell-orange);
	border-radius: 12px;
	box-shadow: 0 7px 16px rgba(241, 90, 36, 0.16);
	font-size: 13px;
	font-weight: 950;
	line-height: 1;
	white-space: nowrap;
	transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.sj-global-cta b {
	display: grid;
	width: 18px;
	height: 18px;
	place-items: center;
	color: var(--sj-shell-orange-dark);
	background: #fff;
	border-radius: 50%;
	font-size: 10px;
}

.sj-global-cta:hover,
.sj-global-cta:focus-visible {
	color: #fff !important;
	background: var(--sj-shell-orange-dark);
	border-color: var(--sj-shell-orange-dark);
	box-shadow: 0 9px 20px rgba(217, 71, 18, 0.2);
	transform: translateY(-1px);
}

.sj-global-icon {
	position: relative;
	display: block;
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
}

.sj-global-icon-search::before {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 10px;
	height: 10px;
	border: 1.7px solid currentColor;
	border-radius: 50%;
	content: "";
}

.sj-global-icon-search::after {
	position: absolute;
	left: 1px;
	bottom: 3px;
	width: 7px;
	height: 1.7px;
	background: currentColor;
	border-radius: 99px;
	content: "";
	transform: rotate(-45deg);
}

.sj-global-icon-menu::before,
.sj-global-icon-menu::after {
	position: absolute;
	right: 1px;
	width: 16px;
	height: 1.8px;
	background: currentColor;
	border-radius: 99px;
	content: "";
}

.sj-global-icon-menu::before { top: 5px; box-shadow: 0 5px 0 currentColor; }
.sj-global-icon-menu::after { top: 15px; }

.sj-global-icon-close::before,
.sj-global-icon-close::after {
	position: absolute;
	top: 8px;
	right: 1px;
	width: 16px;
	height: 1.8px;
	background: currentColor;
	content: "";
	transform: rotate(45deg);
}
.sj-global-icon-close::after { transform: rotate(-45deg); }

.sj-global-search-panel,
.sj-global-menu-panel {
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 30;
	background: rgba(255, 255, 255, 0.98);
	border-bottom: 1px solid var(--sj-shell-line);
	box-shadow: 0 14px 34px rgba(23, 23, 25, 0.08);
}

.sj-global-search-panel[hidden],
.sj-global-menu-panel[hidden] { display: none !important; }

.sj-global-search-box {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
	padding: 12px 0;
}

.sj-global-search-form {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	padding: 4px 5px 4px 14px;
	background: #f5f5f7;
	border: 1px solid var(--sj-shell-line);
	border-radius: 14px;
}

.sj-global-search-form:focus-within {
	background: #fff;
	border-color: rgba(241, 90, 36, 0.42);
	box-shadow: 0 0 0 3px rgba(241, 90, 36, 0.08);
}

.sj-global-search-form input {
	width: 100%;
	min-width: 0;
	padding: 0;
	color: var(--sj-shell-ink);
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 15px;
}

.sj-global-search-form button {
	height: 38px;
	padding: 0 18px;
	color: #fff;
	background: var(--sj-shell-orange);
	border: 0;
	border-radius: 10px;
	font-size: 12.5px;
	font-weight: 900;
	cursor: pointer;
}

.sj-global-search-close { height: 48px; border-radius: 14px; }

.sj-global-menu-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 7px;
	margin: 0;
	padding: 12px 0 14px;
	list-style: none;
}

.sj-global-menu-list li { margin: 0; }
.sj-global-menu-list a {
	display: flex;
	min-height: 42px;
	align-items: center;
	padding: 0 13px;
	color: #353539;
	background: #f7f7f8;
	border: 1px solid rgba(23, 23, 25, 0.07);
	border-radius: 11px;
	font-size: 13px;
	font-weight: 850;
}
.sj-global-menu-list a:hover,
.sj-global-menu-list a:focus-visible,
.sj-global-menu-list a.is-active {
	color: var(--sj-shell-orange-dark);
	background: var(--sj-shell-orange-soft);
	border-color: rgba(241, 90, 36, 0.2);
}
.sj-global-menu-list .sj-global-menu-cta a {
	color: #fff;
	background: var(--sj-shell-orange);
	border-color: var(--sj-shell-orange);
}

.sj-global-header.is-scrolled {
	background: rgba(255, 255, 255, 0.97);
	border-bottom-color: rgba(23, 23, 25, 0.12);
	box-shadow: 0 7px 24px rgba(23, 23, 25, 0.06);
}

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

.career-footer {
	position: relative;
	clear: both;
	width: 100%;
	margin: 0;
	color: var(--sj-shell-ink);
	background: #fff;
	border: 0;
	border-top: 1px solid var(--sj-shell-line);
	font-family: var(--sj-shell-font);
	isolation: isolate;
}

.career-footer__accent {
	position: absolute;
	top: -1px;
	right: max(16px, calc((100% - 1240px) / 2));
	width: 72px;
	height: 3px;
	background: var(--sj-shell-orange);
	border-radius: 0 0 999px 999px;
}

.career-footer__wrap {
	width: min(1240px, calc(100% - 32px));
	margin: 0 auto;
	padding: 24px 0 16px;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.career-footer a { color: inherit; text-decoration: none; }
.career-footer p { margin: 0; }

.career-footer__main {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: clamp(20px, 3vw, 42px);
	padding-bottom: 18px;
	border-bottom: 1px solid rgba(23, 23, 25, 0.08);
}

.career-footer__identity {
	display: inline-flex;
	min-width: max-content;
	align-items: center;
	gap: 9px;
	border-radius: 12px;
}

.career-footer__mark {
	display: grid;
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
	place-items: center;
	overflow: hidden;
	color: #fff;
	background: #fff;
	border: 0;
	border-radius: 50%;
	box-shadow: 0 0 0 3px var(--sj-shell-orange-soft);
	font-size: 18px;
	font-weight: 950;
}

.career-footer__logo {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: inherit;
	mix-blend-mode: multiply;
}

.career-footer__brand-copy { display: grid; gap: 3px; line-height: 1; }
.career-footer__brand-copy strong { font-size: 16px; font-weight: 950; }
.career-footer__brand-copy small { color: var(--sj-shell-muted); font-size: 10px; font-weight: 750; }

.career-footer__nav {
	display: flex;
	min-width: 0;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 2px 16px;
}

.career-footer__nav a,
.career-footer__legal-list a {
	position: relative;
	display: inline-flex;
	min-height: 32px;
	align-items: center;
	color: #5d5d63;
	font-size: 12.5px;
	font-weight: 800;
	line-height: 1;
	transition: color 150ms ease;
}

.career-footer__nav a::after {
	position: absolute;
	right: 0;
	bottom: 3px;
	width: 0;
	height: 2px;
	background: var(--sj-shell-orange);
	border-radius: 99px;
	content: "";
	transition: width 150ms ease;
}

.career-footer__nav a:hover,
.career-footer__nav a:focus-visible,
.career-footer__legal-list a:hover,
.career-footer__legal-list a:focus-visible { color: var(--sj-shell-orange-dark); }
.career-footer__nav a:hover::after,
.career-footer__nav a:focus-visible::after { width: 14px; }

body.shaghaf-theme .career-footer__primary-link,
.career-footer__primary-link {
	display: inline-flex;
	height: 38px;
	min-height: 38px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0 14px;
	color: #fff !important;
	background: var(--sj-shell-orange);
	border: 1px solid var(--sj-shell-orange);
	border-radius: 11px;
	box-shadow: 0 6px 15px rgba(241, 90, 36, 0.14);
	font-size: 12.5px;
	font-weight: 950;
	white-space: nowrap;
	transition: background-color 150ms ease, border-color 150ms ease, transform 150ms ease;
}

.career-footer__primary-link b { font-size: 15px; line-height: 1; }
.career-footer__primary-link:hover,
.career-footer__primary-link:focus-visible {
	color: #fff !important;
	background: var(--sj-shell-orange-dark);
	border-color: var(--sj-shell-orange-dark);
	transform: translateY(-1px);
}

.career-footer__bottom {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 14px;
	padding-top: 13px;
}

.career-footer__fineprint {
	color: #74747a;
	font-size: 11px;
	font-weight: 650;
	line-height: 1.5;
}
.career-footer__fineprint a { color: #303034; font-weight: 900; }

.career-footer__legal-list {
	display: flex;
	align-items: center;
	gap: 14px;
}
.career-footer__legal-list a { min-height: 28px; font-size: 10.8px; font-weight: 750; }

.career-footer__toplink {
	display: grid;
	width: 32px;
	height: 32px;
	place-items: center;
	color: var(--sj-shell-orange-dark) !important;
	background: var(--sj-shell-orange-soft);
	border: 1px solid rgba(241, 90, 36, 0.16);
	border-radius: 10px;
	font-size: 15px;
	font-weight: 950;
	transition: background-color 150ms ease, transform 150ms ease;
}
.career-footer__toplink:hover,
.career-footer__toplink:focus-visible { background: #ffe8dc; transform: translateY(-1px); }

.sj-global-header :where(a, button, input):focus-visible,
.career-footer a:focus-visible {
	outline: 3px solid rgba(241, 90, 36, 0.22);
	outline-offset: 2px;
}

@media (max-width: 1080px) {
	.sj-global-header-in { gap: 16px; }
	.sj-global-nav-link { padding-inline: 10px; font-size: 13px; }
	.sj-global-action-label { display: none; }
	.sj-global-search-toggle { width: 38px; padding: 0; }

	.career-footer__main { grid-template-columns: auto minmax(0, 1fr); }
	.career-footer__primary-link { display: none; }
	.career-footer__nav { justify-content: flex-end; }
}

@media (max-width: 860px) {
	body.admin-bar .sj-global-header { top: 46px; }
	.sj-global-header {
		background: #fff;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}
	.sj-global-wrap,
	.career-footer__wrap { width: min(100% - 24px, 1240px); }
	.sj-global-header { min-height: 58px; }
	.sj-global-header-in {
		grid-template-columns: auto 1fr auto;
		gap: 10px;
		min-height: 58px;
		padding: 5px 0 3px;
	}
	.sj-global-logo { justify-self: start; }
	.sj-global-logo-mark.has-image { max-width: 145px; height: 38px; }
	.sj-global-logo-mark.is-fallback { width: 36px; height: 36px; flex-basis: 36px; }
	.sj-global-search-panel:not([hidden]) { display: block !important; }
	.sj-global-nav { display: none; }
	.sj-global-actions { grid-column: 3; }
	.sj-global-menu-toggle { display: inline-flex; }
	.sj-global-search-toggle { display: inline-flex; }
	.sj-global-cta { display: none; }
	.sj-global-menu-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.career-footer__wrap { padding-top: 21px; }
	.career-footer__main { grid-template-columns: 1fr; gap: 14px; }
	.career-footer__nav { justify-content: flex-start; gap-inline: 14px; }
	.career-footer__bottom { grid-template-columns: minmax(0, 1fr) auto; }
	.career-footer__legal-list { grid-row: 2; grid-column: 1 / -1; justify-content: flex-start; }
	.career-footer__toplink { grid-column: 2; grid-row: 1; }
}

@media (max-width: 560px) {
	.sj-global-wrap,
	.career-footer__wrap { width: min(100% - 16px, 1240px); }
	.sj-global-logo-mark.has-image { max-width: 125px; height: 36px; }
	.sj-global-search-toggle,
	.sj-global-menu-toggle { width: 36px; min-width: 36px; height: 36px; min-height: 36px; border-radius: 11px; }
	.sj-global-actions { gap: 5px; }
	.sj-global-search-box { grid-template-columns: 1fr; }
	.sj-global-search-form { min-height: 46px; }
	.sj-global-search-close { width: 100%; height: 40px; }
	.sj-global-menu-list { grid-template-columns: 1fr; max-height: calc(100vh - 80px); overflow: auto; }
	.sj-global-menu-list a { min-height: 40px; }

	.career-footer__wrap { padding: 20px 0 14px; }
	.career-footer__identity { min-width: 0; }
	.career-footer__nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px 8px; }
	.career-footer__nav a { min-height: 30px; font-size: 11.5px; }
	.career-footer__bottom { gap: 8px; }
	.career-footer__fineprint { padding-inline-end: 4px; font-size: 10.5px; }
	.career-footer__legal-list { gap: 12px; }
}

@media (hover: none) {
	.sj-global-cta:hover,
	.career-footer__primary-link:hover,
	.career-footer__toplink:hover { transform: none; }
}

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

/* Source: assets/css/ads.css */

/**
 * Stable, lazy advertising slots.
 * Every unit keeps its final server-rendered position and reserves its size.
 */
.shaghaf-ad-slot {
	box-sizing: border-box;
	width: min(100%, 1120px);
	max-width: calc(100% - 24px);
	margin: clamp(28px, 4vw, 48px) auto;
	padding: clamp(10px, 1.6vw, 16px);
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 14px;
	background: #fff;
	text-align: center;
	overflow: hidden;
	clear: both;
	position: relative;
	z-index: 1;
	min-height: 250px;
	content-visibility: auto;
	contain-intrinsic-size: auto 250px;
	contain: layout paint style;
}

.shaghaf-ad-slot[hidden] {
	display: none !important;
}

.shaghaf-ad-slot__label {
	margin: 0 0 8px;
	font: 500 11px/1.4 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	letter-spacing: .04em;
	color: #666b73;
	text-align: center;
	direction: rtl;
}

.shaghaf-ad-slot__container,
.shaghaf-ad-slot__container > *,
.shaghaf-ad-slot__container iframe,
.shaghaf-ad-slot__container img {
	max-width: 100% !important;
	margin-inline: auto;
}

.shaghaf-ad-slot__container iframe {
	display: block;
	border: 0;
}

.shaghaf-ad-slot--leaderboard {
	width: min(calc(100% - 24px), 560px);
	min-height: 108px;
	contain-intrinsic-size: auto 108px;
}

.shaghaf-ad-slot--native {
	height: 310px;
	min-height: 310px;
	contain-intrinsic-size: auto 310px;
}

.shaghaf-ad-slot--native .shaghaf-ad-slot__container {
	height: 250px;
	min-height: 250px;
	max-height: 250px;
	overflow: hidden;
}

.shaghaf-ad-slot--rectangle {
	width: min(calc(100% - 24px), 360px);
	min-height: 300px;
	contain-intrinsic-size: auto 300px;
}

.shaghaf-ad-slot__frame-shell {
	position: relative;
	width: min(100%, var(--shaghaf-ad-width));
	margin-inline: auto;
	overflow: hidden;
	aspect-ratio: var(--shaghaf-ad-ratio);
	background: #fafafa;
}

.shaghaf-ad-slot__frame {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	background: transparent;
}

.shaghaf-ad-slot__status {
	margin: 8px 0 0;
	color: #666b73;
	font: 600 11px/1.5 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	text-align: center;
}

.shaghaf-ad-slot__status:empty {
	display: none;
}

.shaghaf-ad-slot[data-shaghaf-ad-state="idle"] .shaghaf-ad-slot__frame-shell,
.shaghaf-ad-slot[data-shaghaf-ad-state="loading"] .shaghaf-ad-slot__frame-shell,
.shaghaf-ad-slot[data-shaghaf-ad-state="idle"] .shaghaf-ad-slot__container,
.shaghaf-ad-slot[data-shaghaf-ad-state="loading"] .shaghaf-ad-slot__container {
	background: #fafafa;
}

.shaghaf-ad-footer-stack {
	display: grid;
	width: min(100%, 1120px);
	margin: 12px auto 34px;
	padding: 1px 0;
}

.shaghaf-ad-footer-stack > .shaghaf-ad-slot {
	margin-block: 14px;
}

.sjn-content > .shaghaf-ad-slot,
.entry-content > .shaghaf-ad-slot,
.sja-content > .shaghaf-ad-slot,
.sja-article__content > .shaghaf-ad-slot {
	width: 100%;
	max-width: 100%;
	margin-block: 34px;
}

.mahana-home > .shaghaf-ad-slot,
.site-main > .shaghaf-ad-slot,
#primary > .shaghaf-ad-slot {
	width: min(100% - 32px, 1120px);
}

@media (max-width: 640px) {
	.shaghaf-ad-slot {
		width: calc(100% - 16px);
		max-width: calc(100% - 16px);
		margin-block: 24px;
		padding: 9px 4px;
		border-radius: 10px;
		min-height: 220px;
		contain-intrinsic-size: auto 220px;
	}

	.shaghaf-ad-slot--leaderboard {
		min-height: 88px;
		contain-intrinsic-size: auto 88px;
	}

	.shaghaf-ad-slot--native {
		height: 292px;
		min-height: 292px;
		contain-intrinsic-size: auto 292px;
	}

	.shaghaf-ad-slot--rectangle {
		min-height: 292px;
		contain-intrinsic-size: auto 292px;
	}

	.sjn-content > .shaghaf-ad-slot,
	.entry-content > .shaghaf-ad-slot,
	.sja-content > .shaghaf-ad-slot,
	.sja-article__content > .shaghaf-ad-slot {
		width: 100%;
		max-width: 100%;
	}
}

/* Source: assets/css/calm-motion.css */

/*
 * Calm motion layer.
 * Keeps functional feedback quick while removing decorative lift, zoom and
 * continuous animation that can make long job and article lists feel busy.
 */
html {
	scroll-behavior: auto !important;
}

body.shaghaf-theme :where(a, button, summary, select, [role="button"]) {
	transition-duration: 100ms !important;
}

body.shaghaf-theme :where(
	.sj-job-card,
	.mahana-home__job-card,
	.sj-article-card,
	.sj-mini-card,
	.shaghaf-loop-card,
	.shaghaf-tool-card,
	.sj-tool-card,
	.sjs-result-card,
	.sjg-card-link,
	.sj-guide-card,
	.sj-link-card,
	.sja-card,
	.sja-link-card,
	.sj404-card
) {
	transition-duration: 100ms !important;
}

body.shaghaf-theme :where(
	.sj-job-card,
	.mahana-home__job-card,
	.sj-article-card,
	.sj-mini-card,
	.shaghaf-loop-card,
	.shaghaf-tool-card,
	.sj-tool-card,
	.sjs-result-card,
	.sjg-card-link,
	.sj-guide-card,
	.sj-link-card,
	.sja-card,
	.sja-link-card,
	.sj404-card
):hover {
	transform: none !important;
}

body.shaghaf-theme .sj-job-card:hover .sj-job-card__details {
	transform: none !important;
}

body.shaghaf-theme :where(
	.mahana-home__featured,
	.sj-feature-main,
	.sj-article-card,
	.shaghaf-loop-card,
	.mahana-home__tool-guide-card,
	.mahana-home__guide-card
):hover img {
	transform: none !important;
}

body.shaghaf-theme .mahana-home__section--recent-tools.is-live .mahana-home__live-label i,
body.shaghaf-theme #sjDeveloperProfile .sj-orb,
body.shaghaf-theme #sjDeveloperProfile .sj-btn-primary::after,
body.shaghaf-theme #sjDeveloperProfile .sj-screen-lines span {
	animation: none !important;
}

body.shaghaf-theme #sjDeveloperProfile .sj-reveal {
	transform: none !important;
	transition-duration: 160ms !important;
}

body.shaghaf-theme :where(.sj-segment-bar--overflow, .sj-jobs-quick--overflow) {
	animation-duration: 120ms !important;
}

@media (prefers-reduced-motion: reduce) {
	html,
	body.shaghaf-theme,
	body.shaghaf-theme * {
		scroll-behavior: auto !important;
		animation: none !important;
		transition: none !important;
	}
}