@font-face {
	font-family: "Noto Sans Arabic Variable";
	font-style: normal;
	font-display: swap;
	font-weight: 100 900;
	src: url("../fonts/noto-sans-arabic-arabic-wght-normal.woff2") format("woff2-variations");
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE70-FEFC;
}

@font-face {
	font-family: "Noto Sans Arabic Variable";
	font-style: normal;
	font-display: swap;
	font-weight: 100 900;
	src: url("../fonts/noto-sans-arabic-latin-wght-normal.woff2") format("woff2-variations");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;
}

:root {
	--bg: #f6f7f9;
	--surface: #fff;
	--surface-2: #eef1f5;
	--surface-3: #e4e8ee;
	--text: #12161d;
	--muted: #667180;
	--line: #dce1e8;
	--accent: #166ce2;
	--accent-2: #0b57c4;
	--accent-soft: rgb(22 108 226 / 10%);
	--success: #168256;
	--danger: #c63c4c;
	--header: rgb(246 247 249 / 88%);
	--shadow: 0 24px 70px rgb(25 35 48 / 10%);
	--radius: 22px;
	--shell: 1180px;
	color-scheme: light;
}

:root[data-theme="dark"] {
	--bg: #080a0d;
	--surface: #11151b;
	--surface-2: #171c24;
	--surface-3: #202733;
	--text: #f4f7fb;
	--muted: #98a3b2;
	--line: #29313d;
	--accent: #3d8cff;
	--accent-2: #6ca8ff;
	--accent-soft: rgb(61 140 255 / 12%);
	--success: #4dcc8d;
	--danger: #ff707e;
	--header: rgb(8 10 13 / 88%);
	--shadow: 0 24px 70px rgb(0 0 0 / 26%);
	color-scheme: dark;
}

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

html {
	scroll-behavior: smooth;
	background: var(--bg);
}

body {
	min-block-size: 100vh;
	margin: 0;
	color: var(--text);
	background: var(--bg);
	font-family: "Noto Sans Arabic Variable", "SF Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.75;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

body.admin-bar .site-header {
	inset-block-start: 32px;
}

img {
	max-inline-size: 100%;
	block-size: auto;
}

a {
	color: inherit;
}

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

button,
summary,
a {
	touch-action: manipulation;
}

:where(a, button, input, textarea, select, summary):focus-visible {
	outline: 3px solid color-mix(in srgb, var(--accent) 72%, transparent);
	outline-offset: 3px;
}

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

.nahar-skip-link {
	position: fixed;
	z-index: 1000;
	inset-block-start: 12px;
	inset-inline-start: 12px;
	padding: 10px 16px;
	color: #fff;
	background: var(--accent);
	border-radius: 10px;
	transform: translateY(-160%);
}

.nahar-skip-link:focus {
	transform: translateY(0);
}

.nahar-shell {
	inline-size: min(var(--shell), calc(100% - 34px));
	margin-inline: auto;
}

.nahar-icon {
	flex: 0 0 auto;
	inline-size: 21px;
	block-size: 21px;
}

.site-header {
	position: sticky;
	z-index: 100;
	inset-block-start: 0;
	background: var(--header);
	border-bottom: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
	backdrop-filter: blur(18px) saturate(130%);
}

.site-header__inner {
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 24px;
	align-items: center;
	min-block-size: 72px;
}

.site-brand {
	display: inline-flex;
	gap: 11px;
	align-items: center;
	color: var(--text);
	font-size: 17px;
	font-weight: 900;
	letter-spacing: .08em;
	text-decoration: none;
}

.site-brand img {
	inline-size: 39px;
	block-size: 39px;
	object-fit: contain;
}

:root[data-theme="light"] .site-brand img {
	filter: invert(1);
}

.desktop-nav {
	display: flex;
	gap: 2px;
	align-items: center;
	justify-content: center;
}

.desktop-nav a {
	min-block-size: 44px;
	padding: 9px 12px;
	color: var(--muted);
	border-radius: 11px;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}

.desktop-nav a:hover,
.desktop-nav a[aria-current="page"] {
	color: var(--text);
	background: var(--surface-2);
}

.desktop-nav a[aria-current="page"] {
	box-shadow: inset 0 -2px var(--accent);
}

.site-actions {
	display: flex;
	gap: 6px;
	align-items: center;
}

.icon-button,
.mobile-menu > summary {
	display: grid;
	place-items: center;
	inline-size: 44px;
	block-size: 44px;
	padding: 0;
	color: var(--muted);
	background: transparent;
	border: 0;
	border-radius: 12px;
	cursor: pointer;
}

.icon-button:hover,
.mobile-menu > summary:hover {
	color: var(--text);
	background: var(--surface-2);
}

.language-control {
	display: inline-flex;
	padding: 3px;
	background: var(--surface-2);
	border: 1px solid var(--line);
	border-radius: 10px;
}

.language-control a {
	display: grid;
	place-items: center;
	min-inline-size: 36px;
	block-size: 32px;
	color: var(--muted);
	border-radius: 7px;
	font-size: 10px;
	font-weight: 900;
	text-decoration: none;
}

.language-control a[aria-current="true"] {
	color: var(--text);
	background: var(--surface);
	box-shadow: 0 3px 10px rgb(0 0 0 / 8%);
}

.mobile-menu {
	display: none;
}

.mobile-menu > summary {
	list-style: none;
}

.mobile-menu > summary::-webkit-details-marker {
	display: none;
}

.mobile-menu__panel {
	position: fixed;
	z-index: 130;
	inset-block: 0;
	inset-inline-end: 0;
	inline-size: min(380px, 92vw);
	padding: calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));
	background: var(--surface);
	border-inline-start: 1px solid var(--line);
	box-shadow: var(--shadow);
}

.mobile-menu[open]::before {
	content: "";
	position: fixed;
	z-index: 120;
	inset: 0;
	background: rgb(0 0 0 / 58%);
}

.mobile-menu__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-block-end: 16px;
	border-bottom: 1px solid var(--line);
}

.mobile-menu__head strong {
	letter-spacing: .08em;
}

.mobile-menu__head button {
	display: grid;
	place-items: center;
	inline-size: 44px;
	block-size: 44px;
	color: var(--text);
	background: var(--surface-2);
	border: 0;
	border-radius: 12px;
}

.mobile-menu nav {
	display: grid;
	gap: 3px;
	padding-block-start: 16px;
}

.mobile-menu nav a {
	min-block-size: 50px;
	padding: 12px 14px;
	color: var(--muted);
	border-radius: 12px;
	font-weight: 750;
	text-decoration: none;
}

.mobile-menu nav a:hover,
.mobile-menu nav a[aria-current="page"] {
	color: var(--text);
	background: var(--surface-2);
}

.site-main {
	min-block-size: 65vh;
}

.nahar-hero {
	overflow: hidden;
	position: relative;
	padding: clamp(58px, 8vw, 112px) 0 clamp(46px, 7vw, 92px);
}

.nahar-hero::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset-inline-start: 50%;
	inset-block-start: -28rem;
	inline-size: 58rem;
	block-size: 58rem;
	background: radial-gradient(circle, var(--accent-soft), transparent 68%);
	transform: translateX(-50%);
}

[dir="rtl"] .nahar-hero::before {
	transform: translateX(50%);
}

.nahar-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
	gap: clamp(30px, 6vw, 80px);
	align-items: center;
}

.nahar-kicker {
	margin: 0 0 12px;
	color: var(--accent);
	font-size: 12px;
	font-weight: 850;
	letter-spacing: .05em;
}

.nahar-hero h1 {
	max-inline-size: 780px;
	margin: 0;
	font-size: clamp(40px, 6.2vw, 74px);
	font-weight: 900;
	line-height: 1.12;
	letter-spacing: -.045em;
}

.nahar-hero__copy > p:not(.nahar-kicker) {
	max-inline-size: 650px;
	margin: 19px 0 0;
	color: var(--muted);
	font-size: clamp(17px, 2vw, 21px);
}

.nahar-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-block-start: 28px;
}

.nahar-button {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
	min-block-size: 48px;
	padding: 10px 17px;
	border: 1px solid transparent;
	border-radius: 14px;
	font-weight: 780;
	line-height: 1.2;
	text-decoration: none;
	transition: transform .18s ease, background .18s ease;
}

.nahar-button:hover {
	transform: translateY(-2px);
}

.nahar-button--primary {
	color: #fff;
	background: var(--accent);
}

.nahar-button--primary:hover {
	background: var(--accent-2);
}

.nahar-button--soft {
	color: var(--text);
	background: var(--surface);
	border-color: var(--line);
}

.nahar-home {
	padding-block-end: 70px;
}

.nahar-section {
	padding-block: clamp(42px, 7vw, 84px);
	border-top: 1px solid var(--line);
}

.nahar-section__head {
	display: flex;
	gap: 20px;
	align-items: end;
	justify-content: space-between;
	margin-block-end: 24px;
}

.nahar-section__head p {
	margin: 0 0 2px;
	color: var(--accent);
	font-size: 11px;
	font-weight: 850;
}

.nahar-section__head h2 {
	margin: 0;
	font-size: clamp(26px, 4vw, 42px);
	line-height: 1.3;
	letter-spacing: -.025em;
}

.nahar-section__head > a {
	display: inline-flex;
	gap: 6px;
	align-items: center;
	min-block-size: 44px;
	padding: 8px 0;
	color: var(--muted);
	font-size: 13px;
	font-weight: 750;
	text-decoration: none;
}

.nahar-section__head > a:hover {
	color: var(--text);
}

.nahar-section__head > a .nahar-icon {
	inline-size: 17px;
	block-size: 17px;
}

[dir="ltr"] .nahar-section__head > a .nahar-icon,
[dir="ltr"] .nahar-button .nahar-icon {
	transform: scaleX(-1);
}

.nahar-cards {
	display: grid;
	gap: 16px;
}

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

.nahar-cards--activity {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.nahar-cards--gallery {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.nahar-card {
	overflow: hidden;
	position: relative;
	min-inline-size: 0;
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	box-shadow: 0 10px 30px rgb(0 0 0 / 3%);
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.nahar-card:hover {
	border-color: color-mix(in srgb, var(--accent) 46%, var(--line));
	box-shadow: var(--shadow);
	transform: translateY(-4px);
}

.nahar-card__link {
	position: absolute;
	z-index: 2;
	inset: 0;
	border-radius: inherit;
}

.nahar-card__media {
	overflow: hidden;
	aspect-ratio: 4 / 3;
	background: var(--surface-2);
}

.nahar-card__media img {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
	transition: transform .35s ease;
}

.nahar-card:hover .nahar-card__media img {
	transform: scale(1.025);
}

.nahar-card__body {
	padding: 18px;
}

.nahar-card__meta {
	display: flex;
	gap: 12px;
	align-items: center;
	justify-content: space-between;
	color: var(--muted);
	font-size: 10px;
}

.nahar-card__meta > span {
	display: inline-flex;
	gap: 6px;
	align-items: center;
	color: var(--accent);
	font-weight: 800;
}

.nahar-card__meta .nahar-icon {
	inline-size: 15px;
	block-size: 15px;
}

.nahar-card__meta strong {
	color: var(--text);
	font-size: 15px;
}

.nahar-card__meta strong small {
	color: var(--muted);
	font-size: 9px;
}

.nahar-card h3 {
	margin: 10px 0 0;
	font-size: clamp(18px, 2.4vw, 24px);
	line-height: 1.45;
	letter-spacing: -.015em;
}

.nahar-card p {
	margin: 9px 0 0;
	color: var(--muted);
	font-size: 13px;
	line-height: 1.75;
}

.nahar-card--featured {
	min-block-size: 420px;
	background: var(--surface);
}

.nahar-card--featured.has-image .nahar-card__media {
	position: absolute;
	inset: 0;
	aspect-ratio: auto;
}

.nahar-card--featured.has-image .nahar-card__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgb(0 0 0 / 84%), rgb(0 0 0 / 8%) 68%);
}

.nahar-card--featured.has-image .nahar-card__body {
	position: absolute;
	z-index: 1;
	inset-inline: 0;
	inset-block-end: 0;
	padding: 24px;
	color: #fff;
}

.nahar-card--featured.has-image :is(.nahar-card__meta, .nahar-card p) {
	color: rgb(255 255 255 / 74%);
}

.nahar-card--featured.no-image {
	display: flex;
	align-items: end;
	background:
		linear-gradient(145deg, var(--accent-soft), transparent 62%),
		var(--surface);
}

.nahar-card--featured.no-image .nahar-card__body {
	padding: 30px;
}

.nahar-card--compact .nahar-card__body {
	min-block-size: 150px;
}

.nahar-card--compact h3 {
	font-size: 17px;
}

.nahar-cards--gallery .nahar-card.has-image .nahar-card__media {
	aspect-ratio: 1 / 1.08;
}

.nahar-cards--gallery .nahar-card.has-image .nahar-card__body {
	position: absolute;
	z-index: 1;
	inset-inline: 0;
	inset-block-end: 0;
	color: #fff;
	background: linear-gradient(to top, rgb(0 0 0 / 80%), transparent);
}

.nahar-cards--gallery .nahar-card.has-image .nahar-card__meta {
	color: rgb(255 255 255 / 70%);
}

.nahar-archive-head {
	padding: clamp(62px, 9vw, 112px) 0 clamp(32px, 5vw, 58px);
	background:
		radial-gradient(circle at 50% -20%, var(--accent-soft), transparent 55%),
		var(--bg);
	border-bottom: 1px solid var(--line);
}

.nahar-archive-head h1 {
	margin: 0;
	font-size: clamp(38px, 6vw, 68px);
	line-height: 1.2;
}

.nahar-archive-head .nahar-shell > p:last-child {
	max-inline-size: 680px;
	margin: 12px 0 0;
	color: var(--muted);
}

.nahar-archive {
	padding-block: clamp(34px, 6vw, 72px) 90px;
}

.nahar-archive .nav-links {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
	margin-block-start: 42px;
}

.nahar-archive .page-numbers {
	display: grid;
	place-items: center;
	min-inline-size: 44px;
	block-size: 44px;
	padding: 5px 11px;
	color: var(--muted);
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: 11px;
	text-decoration: none;
}

.nahar-archive .page-numbers.current {
	color: #fff;
	background: var(--accent);
	border-color: var(--accent);
}

.nahar-empty {
	padding: clamp(42px, 8vw, 90px) 20px;
	text-align: center;
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: var(--radius);
}

.nahar-empty h2 {
	margin-block-start: 0;
}

.nahar-empty p {
	color: var(--muted);
}

.nahar-single {
	padding-block: clamp(58px, 8vw, 104px) 100px;
}

.nahar-single__head {
	max-inline-size: 930px;
	text-align: center;
}

.nahar-single__type {
	display: inline-flex;
	gap: 7px;
	align-items: center;
	min-block-size: 40px;
	padding: 6px 12px;
	color: var(--accent);
	background: var(--accent-soft);
	border-radius: 999px;
	font-size: 12px;
	font-weight: 800;
	text-decoration: none;
}

.nahar-single__type .nahar-icon {
	inline-size: 17px;
	block-size: 17px;
}

.nahar-single__head h1 {
	max-inline-size: 920px;
	margin: 18px auto 0;
	font-size: clamp(38px, 6.6vw, 76px);
	line-height: 1.14;
	letter-spacing: -.04em;
}

.nahar-single__lead {
	max-inline-size: 770px;
	margin: 20px auto 0;
	color: var(--muted);
	font-size: clamp(17px, 2.4vw, 22px);
}

.nahar-single__byline {
	display: flex;
	gap: 12px;
	align-items: center;
	justify-content: center;
	margin-block-start: 21px;
	color: var(--muted);
	font-size: 11px;
}

.nahar-single__hero {
	overflow: hidden;
	margin-block-start: clamp(32px, 5vw, 60px);
	background: var(--surface-2);
	border-radius: clamp(16px, 3vw, 30px);
}

.nahar-single__hero img {
	display: block;
	inline-size: 100%;
	max-block-size: min(78vh, 900px);
	object-fit: cover;
}

.nahar-single--nahar_photo .nahar-single__hero img {
	object-fit: contain;
	background: #050608;
}

.nahar-single__layout {
	max-inline-size: 820px;
	margin-block-start: clamp(34px, 6vw, 68px);
}

.entry-content {
	font-size: clamp(17px, 2vw, 19px);
	line-height: 1.95;
}

.entry-content > * {
	max-inline-size: 100%;
}

.entry-content :is(h2, h3, h4) {
	margin-block: 2em .7em;
	line-height: 1.4;
	letter-spacing: -.02em;
}

.entry-content h2 {
	font-size: clamp(28px, 4vw, 40px);
}

.entry-content a {
	color: var(--accent);
	text-decoration-thickness: .08em;
	text-underline-offset: .18em;
}

.entry-content img {
	border-radius: 16px;
}

.entry-content blockquote {
	margin-inline: 0;
	padding: 18px 20px;
	color: var(--muted);
	background: var(--surface);
	border-inline-start: 4px solid var(--accent);
	border-radius: 12px;
}

.nahar-structured {
	margin-block-start: 38px;
	padding-block-start: 30px;
	border-top: 1px solid var(--line);
}

.nahar-structured h2,
.nahar-related h2 {
	margin: 0 0 17px;
	font-size: clamp(24px, 3.4vw, 34px);
}

.nahar-structured ul {
	display: grid;
	gap: 9px;
	padding-inline-start: 1.3em;
}

.nahar-structured li::marker {
	color: var(--accent);
}

.nahar-fact-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin: 34px 0 0;
}

.nahar-fact-list > div {
	padding: 15px;
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: 13px;
}

.nahar-fact-list dt {
	color: var(--muted);
	font-size: 10px;
	font-weight: 750;
}

.nahar-fact-list dd {
	margin: 5px 0 0;
	font-weight: 800;
}

.nahar-map-button {
	display: flex;
	gap: 9px;
	align-items: center;
	justify-content: center;
	min-block-size: 54px;
	margin-block-start: 26px;
	padding: 10px 16px;
	color: var(--text);
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: 14px;
	font-weight: 800;
	text-decoration: none;
}

.nahar-map-button:hover {
	border-color: var(--accent);
}

.nahar-map-button .nahar-icon:last-child {
	margin-inline-start: auto;
	inline-size: 16px;
	block-size: 16px;
}

.nahar-rating {
	display: grid;
	grid-template-columns: auto auto 1fr;
	gap: 6px;
	align-items: end;
	margin-block: 12px 32px;
	padding: 20px;
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: var(--radius);
}

.nahar-rating strong {
	font-size: 52px;
	line-height: 1;
}

.nahar-rating > span {
	color: var(--muted);
}

.nahar-rating > div {
	overflow: hidden;
	position: relative;
	block-size: 8px;
	margin-block-end: 8px;
	margin-inline-start: 12px;
	background: var(--surface-3);
	border-radius: 999px;
}

.nahar-rating i {
	display: block;
	inline-size: var(--score);
	block-size: 100%;
	background: var(--accent);
}

.nahar-related {
	inline-size: min(var(--shell), calc(100% - 34px));
	margin: 80px auto 0;
	padding-block-start: 45px;
	border-top: 1px solid var(--line);
}

.nahar-page {
	max-inline-size: 820px;
	padding-block: clamp(58px, 8vw, 110px);
}

.nahar-page header h1 {
	margin: 0 0 34px;
	font-size: clamp(40px, 6vw, 68px);
	line-height: 1.2;
}

.nahar-search-form {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 10px;
	max-inline-size: 760px;
	margin-block-start: 26px;
}

.nahar-search-form input {
	inline-size: 100%;
	min-block-size: 56px;
	padding: 12px 16px;
	color: var(--text);
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: 15px;
	outline: 0;
}

.nahar-search-form input:focus {
	border-color: var(--accent);
	box-shadow: 0 0 0 4px var(--accent-soft);
}

.nahar-results-count {
	margin: 0 0 16px;
	color: var(--muted);
}

.nahar-not-found {
	padding-block: clamp(90px, 14vw, 180px);
	text-align: center;
}

.nahar-not-found h1 {
	margin: 0;
	font-size: clamp(42px, 7vw, 78px);
	line-height: 1.2;
}

.nahar-not-found > p:not(.nahar-kicker) {
	max-inline-size: 600px;
	margin: 18px auto;
	color: var(--muted);
}

.nahar-not-found > div {
	display: flex;
	gap: 10px;
	justify-content: center;
	margin-block-start: 27px;
}

.site-footer {
	padding: 70px 0 28px;
	background: var(--surface);
	border-top: 1px solid var(--line);
}

.site-footer__grid {
	display: grid;
	grid-template-columns: 1.3fr .7fr .8fr;
	gap: 50px;
}

.site-footer__brand p,
.site-footer__social p {
	max-inline-size: 430px;
	margin: 16px 0 6px;
	color: var(--muted);
	font-size: 13px;
}

.site-footer__brand > span {
	color: var(--muted);
	font-size: 11px;
}

.site-footer nav,
.site-footer__social {
	display: grid;
	align-content: start;
	gap: 7px;
}

.site-footer nav strong,
.site-footer__social strong {
	margin-block-end: 7px;
	font-size: 12px;
}

.site-footer nav a,
.site-footer__social a {
	display: inline-flex;
	gap: 6px;
	align-items: center;
	min-block-size: 38px;
	color: var(--muted);
	font-size: 12px;
	text-decoration: none;
}

.site-footer nav a:hover,
.site-footer__social a:hover {
	color: var(--text);
}

.site-footer__social .nahar-icon {
	inline-size: 14px;
	block-size: 14px;
}

.site-footer__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-block-start: 50px;
	padding-block-start: 18px;
	color: var(--muted);
	border-top: 1px solid var(--line);
	font-size: 10px;
}

.site-footer__bottom button {
	display: inline-flex;
	gap: 6px;
	align-items: center;
	min-block-size: 44px;
	padding: 8px 0;
	color: var(--muted);
	background: transparent;
	border: 0;
	cursor: pointer;
}

.site-footer__bottom button:hover {
	color: var(--text);
}

.site-footer__bottom .nahar-icon {
	inline-size: 16px;
	block-size: 16px;
}

.mobile-dock {
	display: none;
}

@media (max-width: 1040px) {
	.desktop-nav {
		display: none;
	}

	.site-header__inner {
		grid-template-columns: auto 1fr;
	}

	.site-actions {
		justify-self: end;
	}

	.mobile-menu {
		display: block;
	}

	.nahar-hero__grid {
		grid-template-columns: 1fr;
	}

	.nahar-hero__featured {
		max-inline-size: 680px;
	}

	.nahar-cards--grid,
	.nahar-cards--activity {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 782px) {
	body.admin-bar .site-header {
		inset-block-start: 46px;
	}
}

@media (max-width: 680px) {
	body {
		padding-block-end: calc(72px + env(safe-area-inset-bottom));
	}

	.nahar-shell {
		inline-size: min(100% - 26px, var(--shell));
	}

	.site-header__inner {
		min-block-size: 62px;
	}

	.site-brand span {
		font-size: 14px;
	}

	.site-brand img {
		inline-size: 34px;
		block-size: 34px;
	}

	.site-actions > .icon-button:first-child {
		display: none;
	}

	.language-control a {
		min-inline-size: 32px;
	}

	.nahar-hero {
		padding-block-start: 52px;
	}

	.nahar-hero h1 {
		font-size: clamp(38px, 12vw, 56px);
	}

	.nahar-hero__copy > p:not(.nahar-kicker) {
		font-size: 16px;
	}

	.nahar-hero__actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	.nahar-hero__featured {
		inline-size: 100%;
	}

	.nahar-card--featured {
		min-block-size: 360px;
	}

	.nahar-section__head {
		align-items: start;
	}

	.nahar-section__head h2 {
		font-size: 28px;
	}

	.nahar-section__head > a {
		flex: 0 0 auto;
		font-size: 11px;
	}

	.nahar-cards--grid,
	.nahar-cards--activity {
		grid-template-columns: 1fr;
	}

	.nahar-cards--gallery {
		grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr));
		gap: 8px;
	}

	.nahar-cards--gallery .nahar-card h3 {
		font-size: 14px;
	}

	.nahar-cards--gallery .nahar-card__body {
		padding: 12px;
	}

	.nahar-single {
		padding-block-start: 52px;
	}

	.nahar-single__head {
		text-align: start;
	}

	.nahar-single__head h1 {
		margin-inline: 0;
		font-size: 42px;
	}

	.nahar-single__lead {
		margin-inline: 0;
		font-size: 16px;
	}

	.nahar-single__byline {
		justify-content: flex-start;
	}

	.nahar-single__hero {
		inline-size: 100%;
		border-radius: 0;
	}

	.nahar-single__layout {
		inline-size: min(100% - 26px, 820px);
	}

	.entry-content {
		font-size: 17px;
	}

	.nahar-fact-list {
		grid-template-columns: 1fr;
	}

	.nahar-rating {
		grid-template-columns: auto auto;
	}

	.nahar-rating > div {
		grid-column: 1 / -1;
		margin-inline-start: 0;
	}

	.nahar-search-form {
		grid-template-columns: 1fr;
	}

	.site-footer {
		padding-block-end: 40px;
	}

	.site-footer__grid {
		grid-template-columns: 1fr;
		gap: 34px;
	}

	.mobile-dock {
		position: fixed;
		z-index: 95;
		inset-inline: 0;
		inset-block-end: 0;
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: 1fr;
		min-block-size: calc(66px + env(safe-area-inset-bottom));
		padding: 6px 8px env(safe-area-inset-bottom);
		background: var(--header);
		border-top: 1px solid var(--line);
		backdrop-filter: blur(20px);
	}

	.mobile-dock :is(a, button) {
		display: grid;
		gap: 2px;
		place-items: center;
		min-block-size: 54px;
		padding: 5px;
		color: var(--muted);
		background: transparent;
		border: 0;
		border-radius: 10px;
		font-size: 9px;
		text-decoration: none;
	}

	.mobile-dock :is(a, button):hover,
	.mobile-dock a[aria-current="page"] {
		color: var(--accent);
		background: var(--accent-soft);
	}

	.mobile-dock .nahar-icon {
		inline-size: 20px;
		block-size: 20px;
	}
}

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

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

@media (forced-colors: active) {
	.nahar-card,
	.nahar-button,
	.nahar-fact-list > div,
	.nahar-map-button,
	.nahar-search-form input {
		border: 1px solid ButtonText;
	}
}