/*
Theme Name: Dubai Currents
Theme URI: https://dubaicurrents.com/
Description: Standalone news theme for تيارات دبي / Dubai Currents (Arabic at the root, English under /en/).
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: dubaicurrents
License: GPL-2.0-or-later (code). Fonts: SIL Open Font License 1.1, see assets/fonts/OFL.txt
*/

/* ---- tokens --------------------------------------------------------------------------- */
:root {
	--dc_water: #EEF5F6;
	--dc_sounding: #1F4E79;
	--dc_shoal: #BFD9E0;
	--dc_magenta: #C2185B;
	--dc_land: #EADFC4;
	--dc_ink: #0F2433;
	--dc_paper: #FFFFFF;
	--dc_ink2: #3D5566;
	--dc_rule: #D3E3E8;
	--dc_contour: #8AACBF;
	--dc_ui: "Changa", "Segoe UI", Tahoma, Arial, sans-serif;
	--dc_text: "Harmattan", "Segoe UI", Tahoma, Arial, sans-serif;
	--dc_k: 1;
	--dc_gut: 64px;
	--dc_pad: 24px;
	--dc_desk: var(--dc_sounding);
}
[lang|="ar"] { --dc_k: 1.1; }
[lang|="en"] { --dc_k: 1; }

.dc_desk_city  { --dc_desk: #1F4E79; }
.dc_desk_biz   { --dc_desk: #0F6B63; }
.dc_desk_prop  { --dc_desk: #8A5A17; }
.dc_desk_air   { --dc_desk: #5B4A9E; }
.dc_desk_arts  { --dc_desk: #3E7044; }
.dc_desk_sport { --dc_desk: #A84B17; }
.dc_desk_misc  { --dc_desk: #546A7B; }

/* ---- base ----------------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
	display: flex; flex-direction: column; min-height: 100vh;
	margin: 0;
	background: var(--dc_water);
	color: var(--dc_ink);
	font: 400 calc(16px * var(--dc_k)) / 1.6 var(--dc_ui);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
:where(img, svg, video, iframe) { display: block; max-width: 100%; }
:where(img) { height: auto; }
:where(a) { color: var(--dc_sounding); }
:where(h1, h2, h3, h4, p, ul, ol, figure, dl, dd) { margin: 0; }
:where(ul, ol) { padding: 0; }
:focus-visible { outline: 2px solid var(--dc_magenta); outline-offset: 2px; border-radius: 2px; }
.dc_vh {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}
.dc_wrap { max-width: 1200px; margin-inline: auto; padding-inline: var(--dc_pad); }
.dc_skip {
	position: absolute; z-index: 20; inset-inline-start: 12px; top: -64px;
	padding: 10px 16px; background: var(--dc_sounding); color: #fff; text-decoration: none;
	font: 600 calc(15px * var(--dc_k)) / 1.2 var(--dc_ui); border-radius: 0 0 6px 6px;
}
.dc_skip:focus { top: 0; }

/* ---- masthead: white title block closed by a neatline (thin rule, gap, thin rule) ----- */
.dc_mast {
	background: var(--dc_paper);
	border-bottom: 1px solid var(--dc_sounding);
	box-shadow: 0 3px 0 var(--dc_paper), 0 4px 0 var(--dc_sounding);
	margin-bottom: 4px;
}
.dc_mast_bar { border-bottom: 1px solid var(--dc_rule); color: var(--dc_ink2); font: 500 calc(13px * var(--dc_k)) / 1.4 var(--dc_ui); }
.dc_mast_bar_in { display: flex; align-items: center; gap: 6px 18px; min-height: 38px; }
.dc_mast_date { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.dc_mast_hijri::before { content: "·"; margin-inline: 8px; color: var(--dc_contour); }
.dc_mast_clock { display: flex; align-items: center; gap: 9px; margin-inline-start: auto; white-space: nowrap; }
.dc_mast_clock time { font-weight: 600; color: var(--dc_sounding); font-size: calc(14px * var(--dc_k)); }
/* 24-hour scale in the manner of a chart border; the magenta tick is the current Dubai time. */
.dc_daybar {
	position: relative; width: 96px; height: 6px; border: 1px solid var(--dc_sounding);
	background: repeating-linear-gradient(90deg, var(--dc_sounding) 0 4px, var(--dc_paper) 4px 8px);
}
.dc_daybar::after {
	content: ""; position: absolute; top: -4px; bottom: -4px; width: 2px;
	inset-inline-start: calc(var(--dc_now, 0) * 100% - 1px); background: var(--dc_magenta);
}
.dc_mast_ed {
	display: inline-flex; align-items: center; min-height: 30px; padding: 2px 12px;
	border: 1px solid var(--dc_shoal); border-radius: 999px; text-decoration: none;
	color: var(--dc_sounding); font-weight: 600;
}
.dc_mast_ed:hover { border-color: var(--dc_sounding); }
.dc_mast_main { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 18px 16px; }
.dc_brand { line-height: 0; flex: none; }
.dc_brand a { display: inline-block; }
.dc_brand img { height: 48px; width: auto; }
[lang|="en"] .dc_brand img { height: 27px; }
.dc_find {
	display: flex; align-items: center; gap: 6px; height: 44px; width: min(310px, 100%); min-width: 0;
	padding-inline: 16px 4px; background: var(--dc_water); border: 1px solid var(--dc_shoal); border-radius: 999px;
}
.dc_find:focus-within { outline: 2px solid var(--dc_magenta); outline-offset: 1px; }
.dc_find input {
	flex: 1 1 0; width: 0; min-width: 0; height: 100%; border: 0; background: transparent; outline: 0;
	color: var(--dc_ink); font: 500 calc(15px * var(--dc_k)) / 1.2 var(--dc_ui);
}
.dc_find input::placeholder { color: #5D7384; }
.dc_find input::-webkit-search-cancel-button { display: none; }
.dc_find button {
	flex: none; display: grid; place-items: center; width: 36px; height: 36px; padding: 0;
	border: 0; border-radius: 50%; background: var(--dc_sounding); color: #fff; cursor: pointer;
}
.dc_find svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.dc_nav { border-top: 1px solid var(--dc_rule); }
.dc_nav_list { display: flex; gap: 2px; list-style: none; overflow-x: auto; scrollbar-width: none; }
.dc_nav_list::-webkit-scrollbar { display: none; }
.dc_nav a {
	display: flex; align-items: center; gap: 8px; padding: 11px 12px 9px; white-space: nowrap;
	color: var(--dc_ink); text-decoration: none; border-bottom: 3px solid transparent;
	font: 600 calc(15.5px * var(--dc_k)) / 1.3 var(--dc_ui);
}
.dc_nav li:first-child a { padding-inline-start: 0; }
.dc_nav li[class*="dc_desk_"] a::before { content: ""; width: 12px; height: 3px; border-radius: 2px; background: var(--dc_desk); }
.dc_nav a:hover { color: var(--dc_sounding); }
.dc_nav a[aria-current="page"], .dc_nav .dc_nav_here a { border-bottom-color: var(--dc_desk); color: var(--dc_sounding); }

/* ---- page frame ----------------------------------------------------------------------- */
.dc_main { flex: 1 0 auto; padding-bottom: 24px; }
.dc_empty { padding: 48px 0; color: var(--dc_ink2); font-size: calc(18px * var(--dc_k)); }

/* ---- homepage heading (its text is the document title) ------------------------------- */
.dc_home_head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 20px; padding-top: 26px; }
.dc_home_title { color: var(--dc_ink); font: 700 calc(24px * var(--dc_k)) / 1.3 var(--dc_ui); }
[lang|="ar"] .dc_home_title { font-weight: 600; }
.dc_home_upd { color: var(--dc_ink2); font: 500 calc(13.5px * var(--dc_k)) / 1.4 var(--dc_ui); white-space: nowrap; }
.dc_home_upd time { color: var(--dc_magenta); font-weight: 700; }
.dc_ed_ar .dc_home_head { margin-inline-end: 376px; }
.dc_flow > .dc_daymark:first-child { margin-top: 12px; }

/* ---- day and hour marks: contour lines with the label set inside the line -------------- */
.dc_contour { width: 100%; height: 12px; fill: none; stroke: var(--dc_contour); stroke-width: 1; overflow: visible; }
.dc_contour path { vector-effect: non-scaling-stroke; }
.dc_daymark { position: relative; margin-top: 30px; padding-block: 6px; font: 700 calc(15.5px * var(--dc_k)) / 1.4 var(--dc_ui); }
.dc_daymark .dc_contour { position: absolute; inset-inline: 0; top: 50%; margin-top: -6px; stroke: var(--dc_sounding); stroke-width: 1.6; }
.dc_daymark_txt { position: relative; z-index: 1; display: inline-block; margin-inline-start: 18px; padding-inline: 10px; background: var(--dc_water); }
.dc_daymark_rel { color: var(--dc_sounding); }
.dc_daymark_date { color: var(--dc_ink2); font-weight: 500; }
.dc_hourmark { position: relative; height: 36px; font: 600 calc(13.5px * var(--dc_k)) / 1 var(--dc_ui); }
.dc_hourmark .dc_contour { position: absolute; inset-inline: 0; top: 18px; }
.dc_hourmark time {
	position: absolute; z-index: 1; top: 12px; inset-inline-end: calc(100% - var(--dc_gut) - 8px);
	padding-inline: 8px; background: var(--dc_water); color: var(--dc_sounding); line-height: 24px;
}

/* ---- Arabic list: time gutter | desk band | story | cover ------------------------------ */
.dc_item, .dc_list_item {
	display: grid; grid-template-columns: var(--dc_gut) 3px minmax(0, 1fr); column-gap: 14px;
	padding-block: 13px; border-bottom: 1px solid var(--dc_rule);
}
.dc_hour > .dc_item:last-child { border-bottom: 0; }
.dc_item_time, .dc_list_time {
	text-align: end; padding-top: 3px; white-space: nowrap; color: var(--dc_ink2);
	font: 500 calc(14px * var(--dc_k)) / 1.5 var(--dc_ui);
}
.dc_item_band { background: var(--dc_desk); border-radius: 2px; min-height: 22px; }
.dc_item_body, .dc_list_body { min-width: 0; display: flow-root; }
.dc_item_meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin-bottom: 3px; font: 500 calc(13px * var(--dc_k)) / 1.4 var(--dc_ui); }
.dc_item_desk { color: var(--dc_desk); text-decoration: none; font: 500 calc(13px * var(--dc_k)) / 1.4 var(--dc_ui); }
a.dc_item_desk:hover { text-decoration: underline; text-underline-offset: 3px; }
.dc_flag {
	display: inline-block; padding: 1px 8px 0; border-radius: 3px; background: var(--dc_magenta); color: #fff;
	font: 600 calc(12px * var(--dc_k)) / 1.5 var(--dc_ui);
}
.dc_item_title, .dc_list_title { font: 600 calc(18px * var(--dc_k)) / 1.38 var(--dc_ui); }
.dc_item_title a, .dc_list_title a, .dc_card_title a { color: var(--dc_ink); text-decoration: none; }
.dc_item_title a:hover, .dc_list_title a:hover, .dc_card_title a:hover { color: var(--dc_sounding); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.dc_item_media { display: block; align-self: start; }
.dc_item_hour .dc_item_media, .dc_list_body .dc_item_media { float: inline-end; width: 176px; margin-inline-start: 20px; margin-bottom: 6px; }
.dc_list_body .dc_item_media { width: 132px; }
.dc_item_media img, .dc_card_media img, .dc_story_cover img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; background: var(--dc_shoal); }
.dc_item_media img { border-radius: 3px; }
.dc_item_hour .dc_item_title { font-size: calc(20px * var(--dc_k)); }
.dc_item_top { grid-template-columns: var(--dc_gut) 4px minmax(0, 1.18fr) minmax(0, 1fr); column-gap: 18px; padding-block: 16px 22px; }
.dc_item_top .dc_item_band { background: var(--dc_magenta); }
.dc_item_top .dc_item_title { font-size: calc(27px * var(--dc_k)); line-height: 1.24; }
.dc_item_top .dc_item_title a:hover { color: var(--dc_magenta); }
.dc_item_dek { margin-top: 10px; color: var(--dc_ink2); font: 400 calc(16px * var(--dc_k)) / 1.65 var(--dc_ui); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.dc_item_top .dc_item_media img { border-radius: 4px; }
[lang|="ar"] .dc_item_title, [lang|="ar"] .dc_list_title { line-height: 1.55; }
[lang|="ar"] .dc_item_top .dc_item_title { line-height: 1.42; }

/* ---- rail (Arabic home and sections): chart insets with a double rule ------------------ */
.dc_flow_railed {
	display: grid; grid-template-columns: minmax(0, 1fr) 320px; column-gap: 56px; align-items: start;
	grid-template-rows: repeat(var(--dc_rows), auto) 1fr;
}
.dc_flow_railed > * { grid-column: 1; }
.dc_flow_railed > .dc_rail { grid-column: 2; grid-row: 1 / -1; align-self: stretch; padding-top: 20px; }
.dc_rail_in { position: sticky; top: 16px; display: grid; gap: 20px; }
.dc_box {
	padding: 18px 20px 14px; background: var(--dc_paper);
	box-shadow: inset 0 0 0 1px var(--dc_sounding), inset 0 0 0 4px var(--dc_paper), inset 0 0 0 5px var(--dc_shoal);
}
.dc_box_title { margin-bottom: 12px; color: var(--dc_sounding); font: 700 calc(13px * var(--dc_k)) / 1.3 var(--dc_ui); letter-spacing: .08em; text-transform: uppercase; }
[lang|="ar"] .dc_box_title { letter-spacing: 0; font-size: calc(14px * var(--dc_k)); }
.dc_box_src { margin-top: 12px; color: var(--dc_ink2); font: 400 calc(12px * var(--dc_k)) / 1.45 var(--dc_ui); }
.dc_now {
	background: var(--dc_land);
	box-shadow: inset 0 0 0 1px var(--dc_sounding), inset 0 0 0 4px var(--dc_land), inset 0 0 0 5px rgba(31, 78, 121, .45);
}
.dc_wx { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 6px 12px; }
.dc_sky { width: 40px; height: 40px; fill: none; stroke: var(--dc_sounding); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.dc_wx_now { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; }
.dc_wx_temp { font: 600 40px / 1 var(--dc_ui); color: var(--dc_ink); direction: ltr; unicode-bidi: isolate; }
.dc_wx_sky { color: var(--dc_ink2); font: 500 calc(15px * var(--dc_k)) / 1.3 var(--dc_ui); }
.dc_wx_facts { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 6px; font: 500 calc(13px * var(--dc_k)) / 1.45 var(--dc_ui); }
.dc_wx_facts div { display: flex; gap: 6px; }
.dc_wx_facts dt { color: var(--dc_ink2); }
.dc_wx_facts dd { font-weight: 600; }
.dc_pr { margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(31, 78, 121, .28); }
.dc_pr_title { margin-bottom: 8px; font: 600 calc(13.5px * var(--dc_k)) / 1.3 var(--dc_ui); color: var(--dc_ink); }
.dc_pr_list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; list-style: none; }
.dc_pr_list li {
	display: flex; flex-direction: column; align-items: center; padding: 6px 2px 5px; border-radius: 4px;
	background: rgba(255, 255, 255, .6); color: var(--dc_ink2); font: 500 calc(12.5px * var(--dc_k)) / 1.3 var(--dc_ui);
}
.dc_pr_list time { color: var(--dc_ink); font: 600 16px / 1.35 var(--dc_ui); }
.dc_pr_list .dc_next { background: var(--dc_sounding); color: #fff; }
.dc_pr_list .dc_next time { color: #fff; }
.dc_act_grid { display: grid; gap: 1px; }
.dc_act_row, .dc_act_axis { display: grid; grid-template-columns: minmax(0, 1fr) 132px 22px; align-items: center; column-gap: 8px; min-height: 28px; }
.dc_act_name { overflow: hidden; color: var(--dc_ink); text-decoration: none; white-space: nowrap; text-overflow: ellipsis; font: 500 calc(13.5px * var(--dc_k)) / 1.25 var(--dc_ui); }
a.dc_act_name:hover { color: var(--dc_sounding); text-decoration: underline; }
.dc_act_row svg { width: 132px; height: 24px; fill: var(--dc_desk); }
[dir="rtl"] .dc_act_row svg { transform: scaleX(-1); }
.dc_act_row .dc_act_zero { fill: var(--dc_shoal); }
.dc_act_n { text-align: end; color: var(--dc_ink2); font: 600 13px / 1 var(--dc_ui); }
.dc_act_quiet .dc_act_name { color: var(--dc_ink2); }
.dc_act_focus { margin-inline: -8px; padding-inline: 8px; border-radius: 4px; background: var(--dc_water); }
.dc_act_axis { min-height: 20px; }
.dc_act_hours { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); text-align: center; color: var(--dc_ink2); font: 500 11px / 1 var(--dc_ui); }
.dc_act_hours span:first-child { color: var(--dc_sounding); font-weight: 700; }
.dc_act_empty { color: var(--dc_ink2); font-size: calc(14px * var(--dc_k)); margin-bottom: 10px; }

/* ---- English edition: conditions band + cards ---------------------------------------- */
.dc_band { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 20px; margin-block: 8px 30px; }
.dc_ed_en .dc_main > .dc_wrap { max-width: calc(980px + 2 * var(--dc_pad)); }
.dc_now_band { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 4px 24px; align-content: start; }
.dc_now_band .dc_box_title, .dc_now_band .dc_box_src { grid-column: 1 / -1; }
.dc_now_band .dc_pr { margin-top: 0; padding-top: 0; border-top: 0; padding-inline-start: 24px; border-inline-start: 1px solid rgba(31, 78, 121, .28); }
.dc_now_band .dc_pr_list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dc_flow_cards .dc_hourmark time { inset-inline-start: 12px; inset-inline-end: auto; }
.dc_flow_cards .dc_daymark_txt { margin-inline-start: 0; padding-inline-start: 0; }
.dc_cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px 18px; padding-bottom: 16px; }
.dc_card { display: flex; flex-direction: column; background: var(--dc_paper); border-top: 3px solid var(--dc_desk); }
.dc_card_body { display: flex; flex-direction: column; gap: 7px; padding: 14px 18px 18px; }
.dc_card_meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; color: var(--dc_ink2); font: 500 13.5px / 1.4 var(--dc_ui); }
.dc_card_meta time { color: var(--dc_sounding); font-weight: 600; }
.dc_card_desk { color: var(--dc_desk); text-decoration: none; }
a.dc_card_desk:hover { text-decoration: underline; }
.dc_card_title { font: 600 21px / 1.28 var(--dc_ui); }
.dc_card_dek { color: var(--dc_ink2); font: 400 19px / 1.45 var(--dc_text); }
.dc_card_top, .dc_card_lead { display: grid; grid-template-columns: minmax(0, .74fr) minmax(0, 1fr); margin-bottom: 16px; }
.dc_card_top { grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); border-top-color: var(--dc_magenta); }
.dc_card_top .dc_card_title { font-size: 32px; line-height: 1.16; }
.dc_card_top .dc_card_dek { font-size: 20px; }
.dc_card_top .dc_card_title a:hover { color: var(--dc_magenta); }
.dc_card_lead .dc_card_title { font-size: 26px; line-height: 1.2; }
.dc_card_lead .dc_card_dek { font-size: 19.5px; }
.dc_card_media { display: block; }
.dc_card_top .dc_card_body, .dc_card_lead .dc_card_body { padding: 20px 26px 22px; justify-content: center; }

/* ---- archive, search and error headers ----------------------------------------------- */
.dc_arch_head { padding-block: 30px 4px; }
.dc_arch_kicker { display: flex; align-items: center; gap: 10px; color: var(--dc_ink2); font: 600 calc(13.5px * var(--dc_k)) / 1.4 var(--dc_ui); }
.dc_arch_kicker::before { content: ""; width: 34px; height: 5px; border-radius: 3px; background: var(--dc_desk); }
.dc_arch_title { margin-top: 6px; font: 700 calc(36px * var(--dc_k)) / 1.2 var(--dc_ui); color: var(--dc_ink); }
.dc_arch_meta { margin-top: 6px; color: var(--dc_ink2); font: 500 calc(14.5px * var(--dc_k)) / 1.5 var(--dc_ui); }
.dc_arch_desc { max-width: 60ch; margin-top: 8px; color: var(--dc_ink2); font: 400 calc(17px * var(--dc_k)) / 1.6 var(--dc_text); }
.dc_search_page .dc_find { width: min(560px, 100%); height: 52px; margin-top: 16px; background: var(--dc_paper); }
.dc_search_page .dc_find input { font-size: calc(17px * var(--dc_k)); }
.dc_list { list-style: none; margin-top: 14px; }
.dc_list_dated .dc_list_time { line-height: 1.35; }
.dc_list_day { display: block; color: var(--dc_sounding); font-weight: 600; font-size: calc(12.5px * var(--dc_k)); }
.dc_list_body .dc_item_desk { display: block; margin-bottom: 2px; }
.dc_gone { max-width: 760px; padding-block: 44px 10px; }
.dc_gone_code { color: var(--dc_magenta); font: 700 calc(13px * var(--dc_k)) / 1 var(--dc_ui); letter-spacing: .12em; }
.dc_gone p.dc_gone_text { margin-top: 12px; color: var(--dc_ink2); font: 400 calc(19px * var(--dc_k)) / 1.7 var(--dc_text); }
.dc_gone_home { display: inline-block; margin-top: 18px; font: 600 calc(15px * var(--dc_k)) / 1.4 var(--dc_ui); }
.dc_sub { margin-top: 34px; font: 700 calc(17px * var(--dc_k)) / 1.3 var(--dc_ui); color: var(--dc_ink); }

/* ---- pager ---------------------------------------------------------------------------- */
.dc_pager { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--dc_rule); font: 600 calc(15px * var(--dc_k)) / 1.3 var(--dc_ui); }
.dc_pager a { display: inline-flex; align-items: center; min-height: 46px; padding: 0 20px; border: 1px solid var(--dc_sounding); border-radius: 999px; text-decoration: none; }
.dc_pager a:hover { background: var(--dc_sounding); color: #fff; }
.dc_pager_at { color: var(--dc_ink2); font-weight: 500; }
.dc_pager_older { margin-inline-start: auto; }

/* ---- article ---------------------------------------------------------------------------- */
.dc_story { max-width: 780px; margin-inline: auto; padding-top: 30px; }
.dc_story_kicker { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin-bottom: 14px; color: var(--dc_ink2); font: 500 calc(14px * var(--dc_k)) / 1.4 var(--dc_ui); }
.dc_story_desk { display: inline-flex; align-items: center; gap: 9px; color: var(--dc_desk); font-weight: 700; text-decoration: none; }
.dc_story_desk::before { content: ""; width: 22px; height: 4px; border-radius: 2px; background: var(--dc_desk); }
a.dc_story_desk:hover { text-decoration: underline; text-underline-offset: 4px; }
.dc_story_kicker time { color: var(--dc_sounding); font-weight: 600; }
.dc_story_upd { color: var(--dc_ink2); }
.dc_story h1 { color: var(--dc_ink); font: 700 calc(40px * var(--dc_k)) / 1.18 var(--dc_ui); }
[lang|="ar"] .dc_story h1 { font-weight: 600; line-height: 1.38; }
.dc_story_by { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 16px; color: var(--dc_ink2); font: 500 calc(14.5px * var(--dc_k)) / 1.5 var(--dc_ui); }
.dc_story_by b { color: var(--dc_ink); font-weight: 600; }
.dc_story_cover { margin: 24px 0 28px; }
.dc_story_cover img { border-radius: 4px; }
.dc_story_cover figcaption { margin-top: 8px; color: var(--dc_ink2); font: 400 calc(14px * var(--dc_k)) / 1.5 var(--dc_ui); }
.dc_story_body, .dc_doc_body { color: var(--dc_ink); font: 400 21px / 1.6 var(--dc_text); overflow-wrap: break-word; }
[lang|="ar"] .dc_story_body, [lang|="ar"] .dc_doc_body { font-size: 23.5px; line-height: 1.76; }
.dc_story_body > p:first-child { font-size: 1.07em; }
.dc_story_body p, .dc_doc_body p { margin-bottom: 1.05em; }
.dc_story_body h2, .dc_doc_body h2 { margin: 1.65em 0 .55em; color: var(--dc_ink); font: 700 calc(24px * var(--dc_k)) / 1.35 var(--dc_ui); }
.dc_story_body h3, .dc_doc_body h3 { margin: 1.4em 0 .45em; font: 600 calc(20px * var(--dc_k)) / 1.4 var(--dc_ui); }
[lang|="ar"] .dc_story_body h2, [lang|="ar"] .dc_doc_body h2 { font-weight: 600; line-height: 1.5; }
.dc_story_body a, .dc_doc_body a { text-decoration-thickness: 1px; text-underline-offset: .24em; }
.dc_story_body a:hover, .dc_doc_body a:hover { color: var(--dc_magenta); }
.dc_story_body ul, .dc_story_body ol, .dc_doc_body ul, .dc_doc_body ol { margin: 0 0 1.1em; padding-inline-start: 1.25em; }
.dc_story_body li, .dc_doc_body li { margin-bottom: .45em; padding-inline-start: .2em; }
.dc_story_body li::marker, .dc_doc_body li::marker { color: var(--dc_sounding); font-family: var(--dc_ui); font-weight: 600; }
.dc_story_body blockquote, .dc_doc_body blockquote { margin: 1.4em 0; padding: .55em 1.1em .1em; background: var(--dc_paper); border-inline-start: 3px solid var(--dc_sounding); }
.dc_story_body figure, .dc_story_body img { margin-block: 1.3em; border-radius: 3px; }
.dc_story_body figcaption, .wp-caption-text { color: var(--dc_ink2); font: 400 calc(14px * var(--dc_k)) / 1.5 var(--dc_ui); }
.dc_story_body table { width: 100%; margin: 1.3em 0; border-collapse: collapse; font: 400 calc(15px * var(--dc_k)) / 1.5 var(--dc_ui); }
.dc_story_body th, .dc_story_body td { padding: 8px 10px; border-bottom: 1px solid var(--dc_rule); text-align: start; }
.dc_story_body iframe { width: 100%; }
.dc_story_foot { margin-top: 26px; padding-top: 14px; border-top: 1px solid var(--dc_rule); font: 600 calc(14.5px * var(--dc_k)) / 1.4 var(--dc_ui); }
.dc_story_foot a { color: var(--dc_desk); }

/* after the article: what was published before and after it, then the other edition */
.dc_more { max-width: 780px; margin: 44px auto 0; }
.dc_more_title { position: relative; padding-block: 6px; font: 700 calc(16px * var(--dc_k)) / 1.4 var(--dc_ui); }
.dc_more_title .dc_contour { position: absolute; inset-inline: 0; top: 50%; margin-top: -6px; stroke: var(--dc_sounding); stroke-width: 1.6; }
.dc_more_title span { position: relative; z-index: 1; display: inline-block; padding-inline: 0 12px; background: var(--dc_water); color: var(--dc_sounding); }
.dc_more_sub { margin-top: 18px; color: var(--dc_ink2); font: 600 calc(13.5px * var(--dc_k)) / 1.4 var(--dc_ui); }
.dc_more_none { padding-block: 14px; color: var(--dc_ink2); font-size: calc(15px * var(--dc_k)); }
.dc_more .dc_list { margin-top: 4px; }
.dc_other { margin-top: 34px; padding: 18px 20px 6px; background: var(--dc_paper); box-shadow: inset 0 0 0 1px var(--dc_shoal); }
.dc_other .dc_box_title { margin-bottom: 0; }
.dc_other .dc_list_item:last-child { border-bottom: 0; }

/* ---- static pages and contact form ------------------------------------------------------ */
.dc_doc { max-width: 780px; margin-inline: auto; padding-top: 34px; }
.dc_doc_kicker { color: var(--dc_sounding); font: 600 calc(13.5px * var(--dc_k)) / 1.4 var(--dc_ui); }
.dc_doc h1 { margin: 6px 0 26px; padding-bottom: 18px; border-bottom: 1px solid var(--dc_rule); font: 700 calc(38px * var(--dc_k)) / 1.25 var(--dc_ui); }
[lang|="ar"] .dc_doc h1 { font-weight: 600; line-height: 1.4; }
.dc_doc_body em { color: var(--dc_ink2); }
.dc_cf {
	margin: 1.6em 0 1em; padding: 24px 24px 8px; background: var(--dc_paper);
	box-shadow: inset 0 0 0 1px var(--dc_sounding), inset 0 0 0 4px var(--dc_paper), inset 0 0 0 5px var(--dc_shoal);
	font-family: var(--dc_ui);
}
.dc_cf_row { display: grid; gap: 6px; margin-bottom: 16px; }
.dc_cf label { font: 600 calc(14.5px * var(--dc_k)) / 1.3 var(--dc_ui); }
.dc_cf input, .dc_cf select, .dc_cf textarea {
	width: 100%; min-height: 48px; padding: 10px 12px; border: 1px solid #93AFBD; border-radius: 6px;
	background: var(--dc_paper); color: var(--dc_ink); font: 400 calc(16.5px * var(--dc_k)) / 1.5 var(--dc_ui);
}
.dc_cf textarea { min-height: 170px; resize: vertical; }
.dc_cf input:focus, .dc_cf select:focus, .dc_cf textarea:focus { border-color: var(--dc_sounding); outline: 2px solid var(--dc_magenta); outline-offset: 1px; }
.dc_cf [aria-invalid="true"] { border-color: var(--dc_magenta); }
.dc_cf_err { color: var(--dc_magenta); font: 500 calc(14px * var(--dc_k)) / 1.4 var(--dc_ui); }
.dc_cf_alert { margin-bottom: 18px; padding: 10px 14px; border-inline-start: 3px solid var(--dc_magenta); background: #FCEFF4; color: var(--dc_ink); font: 500 calc(15px * var(--dc_k)) / 1.5 var(--dc_ui); }
.dc_cf_ok { padding: 4px 0 16px; color: var(--dc_ink); font: 600 calc(17px * var(--dc_k)) / 1.6 var(--dc_ui); }
.dc_cf_hp { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); }
.dc_cf_send { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin-bottom: 16px; }
.dc_cf button {
	min-height: 48px; padding: 0 26px; border: 0; border-radius: 999px; background: var(--dc_sounding); color: #fff;
	cursor: pointer; font: 600 calc(16px * var(--dc_k)) / 1 var(--dc_ui);
}
.dc_cf button:hover { background: #163B5C; }
.dc_cf_note { color: var(--dc_ink2); font: 400 calc(13.5px * var(--dc_k)) / 1.5 var(--dc_ui); }

/* ---- footer: the chart's imprint, framed by the same neatline as the masthead ---------- */
.dc_foot {
	margin-top: 64px; background: var(--dc_paper);
	border-top: 1px solid var(--dc_sounding); box-shadow: 0 -3px 0 var(--dc_paper), 0 -4px 0 var(--dc_sounding);
}
.dc_foot_in { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr); gap: 28px 40px; padding-block: 34px 26px; }
.dc_foot_mark img { height: 36px; width: auto; }
[lang|="en"] .dc_foot_mark img { height: 21px; }
.dc_foot_about { max-width: 42ch; margin-top: 14px; color: var(--dc_ink2); font: 400 calc(15px * var(--dc_k)) / 1.6 var(--dc_ui); }
.dc_foot_note { margin-top: 10px; color: var(--dc_sounding); font: 600 calc(13px * var(--dc_k)) / 1.5 var(--dc_ui); }
.dc_foot h2 { margin-bottom: 10px; color: var(--dc_ink); font: 700 calc(13px * var(--dc_k)) / 1.3 var(--dc_ui); letter-spacing: .08em; text-transform: uppercase; }
[lang|="ar"] .dc_foot h2 { letter-spacing: 0; font-size: calc(14px * var(--dc_k)); }
.dc_foot ul { list-style: none; display: grid; gap: 4px; }
.dc_foot li a, .dc_foot li span { display: inline-block; padding-block: 5px; font: 500 calc(15px * var(--dc_k)) / 1.4 var(--dc_ui); }
.dc_foot li a { color: var(--dc_ink); text-decoration: none; }
.dc_foot li a:hover { color: var(--dc_sounding); text-decoration: underline; text-underline-offset: 3px; }
.dc_foot li span { color: var(--dc_ink2); }
.dc_foot_base { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; padding-block: 14px 22px; border-top: 1px solid var(--dc_rule); color: var(--dc_ink2); font: 500 calc(13px * var(--dc_k)) / 1.5 var(--dc_ui); }

/* ---- responsive ------------------------------------------------------------------------- */
@media (max-width: 1080px) {
	.dc_flow_railed { grid-template-columns: minmax(0, 1fr) 280px; column-gap: 32px; }
	.dc_ed_ar .dc_home_head { margin-inline-end: 312px; }
	.dc_card_top { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
@media (max-width: 860px) {
	.dc_band { grid-template-columns: minmax(0, 1fr); }
	.dc_foot_in { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.dc_foot_mark { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
	:root { --dc_pad: 16px; --dc_gut: 46px; }
	.dc_flow_railed { display: block; }
	.dc_ed_ar .dc_home_head { margin-inline-end: 0; }
	.dc_home_head { padding-top: 18px; }
	.dc_flow_railed > .dc_rail { padding-top: 18px; }
	.dc_rail_in { position: static; }
	.dc_mast_main { padding-block: 12px 12px; gap: 12px; }
	.dc_brand img { height: 36px; }
	[lang|="en"] .dc_brand img { height: 19px; }
	.dc_find { width: auto; flex: 1 1 auto; max-width: 200px; height: 42px; padding-inline: 12px 3px; }
	.dc_mast_year, .dc_mast_hijri, .dc_daybar, .dc_mast_clock_lbl { display: none; }
	.dc_mast_bar_in { gap: 6px 12px; }
	.dc_nav a { padding: 10px 10px 8px; font-size: calc(15px * var(--dc_k)); }
	.dc_item, .dc_list_item { column-gap: 11px; padding-block: 12px; }
	.dc_item_time, .dc_list_time { font-size: calc(13px * var(--dc_k)); }
	.dc_item_title, .dc_list_title { font-size: calc(17px * var(--dc_k)); }
	.dc_item_hour .dc_item_title { font-size: calc(18px * var(--dc_k)); }
	.dc_item_hour .dc_item_media, .dc_list_body .dc_item_media { width: 104px; margin-inline-start: 12px; margin-bottom: 4px; }
	.dc_item_top { grid-template-columns: var(--dc_gut) 3px minmax(0, 1fr); column-gap: 11px; padding-top: 6px; }
	.dc_item_top .dc_item_media { grid-column: 1 / -1; grid-row: 1; margin-bottom: 14px; }
	.dc_item_top > :not(.dc_item_media) { grid-row: 2; }
	.dc_item_top .dc_item_title { font-size: calc(22px * var(--dc_k)); }
	.dc_item_dek { font-size: calc(15.5px * var(--dc_k)); -webkit-line-clamp: 3; }
	.dc_cards { grid-template-columns: minmax(0, 1fr); gap: 14px; }
	.dc_card_top, .dc_card_lead { grid-template-columns: minmax(0, 1fr); margin-bottom: 14px; }
	.dc_card_top .dc_card_title { font-size: 26px; }
	.dc_card_lead .dc_card_title { font-size: 22px; }
	.dc_card_title { font-size: 20px; }
	.dc_card_body, .dc_card_top .dc_card_body, .dc_card_lead .dc_card_body { padding: 14px 16px 16px; }
	.dc_now_band { grid-template-columns: minmax(0, 1fr); }
	.dc_now_band .dc_pr { margin-top: 12px; padding-top: 12px; padding-inline-start: 0; border-inline-start: 0; border-top: 1px solid rgba(31, 78, 121, .28); }
	.dc_box { padding: 14px 14px 10px; }
	.dc_box_title { margin-bottom: 8px; }
	.dc_wx_temp { font-size: 34px; }
	.dc_sky { width: 34px; height: 34px; }
	.dc_pr { margin-top: 10px; padding-top: 9px; }
	.dc_pr_list { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 4px; }
	.dc_pr_list li { padding: 5px 1px 4px; font-size: calc(11px * var(--dc_k)); }
	.dc_pr_list time { font-size: 13.5px; }
	.dc_act_row { min-height: 24px; }
	.dc_box_src { margin-top: 8px; }
	.dc_story, .dc_doc { padding-top: 22px; }
	.dc_story h1 { font-size: calc(26px * var(--dc_k)); }
	.dc_story_body, .dc_doc_body { font-size: 19.5px; }
	[lang|="ar"] .dc_story_body, [lang|="ar"] .dc_doc_body { font-size: 21px; line-height: 1.8; }
	.dc_story_cover { margin: 18px calc(-1 * var(--dc_pad)) 22px; }
	.dc_story_cover img { border-radius: 0; }
	.dc_story_cover figcaption { padding-inline: var(--dc_pad); }
	.dc_arch_title { font-size: calc(28px * var(--dc_k)); }
	.dc_doc h1 { font-size: calc(28px * var(--dc_k)); }
	.dc_cf { padding: 18px 16px 4px; }
	.dc_foot_in { grid-template-columns: minmax(0, 1fr); gap: 22px; padding-block: 28px 18px; }
}
@media (prefers-reduced-motion: no-preference) {
	.dc_item_title a, .dc_card_title a, .dc_nav a, .dc_pager a, .dc_mast_ed { transition: color .15s ease, background-color .15s ease, border-color .15s ease; }
}
@media print {
	.dc_mast_bar, .dc_nav, .dc_find, .dc_rail, .dc_more, .dc_foot, .dc_pager { display: none; }
	body { background: #fff; }
}