/* Arab Hub Post. Styling hooks are data attributes ([data-part], [data-c], [data-size]...).
   Logical properties throughout; maps are geographic and are never mirrored (direction:ltr). */

:root {
  --sand: #F6EFE3; --sand-2: #EFE5D3; --sand-3: #E7D9C1; --buff: #D8C3A0; --buff-2: #C9B08A;
  --plum: #2B2433; --plum-2: #4A3F55; --terra: #B5532F; --terra-ink: #9A4324; --slate: #5F7A8A; --slate-ink: #4B6372;
  --paper: #FFFCF6;
  --f-display: "El Messiri", Tahoma, "Segoe UI", sans-serif;
  --f-body: "Amiri", "Times New Roman", serif;
  --f-ui: "El Messiri", Tahoma, "Segoe UI", sans-serif;
  --fs-body: 21px; --lh-body: 1.95; --fs-ui: 15px; --fs-meta: 14px;
  --wrap: 1240px; --gut: 16px;
  color-scheme: light;
}
:root:lang(en) {
  --f-body: "Noto Sans", "Amiri", system-ui, "Segoe UI", Arial, sans-serif;
  --f-ui: "Noto Sans", system-ui, "Segoe UI", Arial, sans-serif;
  --fs-body: 18px; --lh-body: 1.7; --fs-ui: 14px; --fs-meta: 13px;
}
@media (min-width: 760px) { :root { --gut: 28px; } }
@media (min-width: 1100px) { :root { --gut: 40px; } }

/* ---- base (zero-specificity resets) ---- */
*, *::before, *::after { box-sizing: border-box; }
:where(html) { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: 16px; }
:where(body) { margin: 0; background: var(--sand); color: var(--plum); font: 400 var(--fs-body)/var(--lh-body) var(--f-body); font-kerning: normal; text-rendering: optimizeLegibility; }
:where(img, svg, video) { display: block; max-width: 100%; height: auto; }
:where(a) { color: inherit; text-decoration: none; }
:where(h1, h2, h3, h4) { margin: 0; font-family: var(--f-display); font-weight: 700; line-height: 1.3; }
:where(p, ul, ol, dl, dd, figure, blockquote) { margin: 0; }
:where(ul, ol) { padding: 0; list-style: none; }
:where(button, input, select, textarea) { font: inherit; color: inherit; }
:where(time) { font-variant-numeric: tabular-nums; }
:focus-visible { outline: 3px solid var(--terra); outline-offset: 2px; border-radius: 2px; }
main:focus { outline: none; }
[data-vh] { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
[data-w] { width: min(100% - 2 * var(--gut), var(--wrap)); margin-inline: auto; }
[data-part="skip"] { position: absolute; inset-inline-start: 12px; inset-block-start: -80px; z-index: 50; padding: 10px 16px; background: var(--plum); color: var(--sand); font: 600 var(--fs-ui)/1.4 var(--f-ui); border-radius: 4px; }
[data-part="skip"]:focus { inset-block-start: 12px; }

/* ---- masthead ---- */
[data-part="crown"] { background: var(--sand); }
[data-part="bar"] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-block: 9px; font: 500 var(--fs-meta)/1.4 var(--f-ui); color: var(--slate-ink); border-block-end: 1px solid var(--buff); }
[data-part="today"] { display: flex; flex-wrap: wrap; gap: 0 10px; }
[data-part="today"] time { color: var(--plum); }
[data-part="zone"]::before { content: "·"; margin-inline-end: 10px; color: var(--buff-2); }
[data-part="tools"] { display: flex; flex: none; align-items: center; gap: 6px; }
[data-part="edition"] { display: inline-flex; align-items: center; min-height: 32px; padding: 2px 14px; border: 1px solid var(--plum); border-radius: 999px; color: var(--plum); font: 600 13px/1 system-ui, "Segoe UI", Arial, sans-serif; letter-spacing: .02em; }
[data-part="edition"]:lang(ar) { font: 700 14px/1 var(--f-ui); letter-spacing: 0; }
[data-part="edition"]:hover { background: var(--plum); color: var(--sand); }
[data-part="find"] { position: relative; }
[data-part="find"] > summary { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 2px 10px; cursor: pointer; list-style: none; color: var(--plum); border-radius: 999px; }
[data-part="find"] > summary::-webkit-details-marker { display: none; }
[data-part="find"] > summary:hover, [data-part="find"][open] > summary { background: var(--sand-3); }
[data-part="ico"] { flex: none; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
[data-part="find-panel"] { position: absolute; z-index: 30; inset-block-start: calc(100% + 8px); inset-inline-end: 0; width: min(420px, calc(100vw - 2 * var(--gut))); padding: 12px; background: var(--paper); border: 1px solid var(--buff-2); border-radius: 6px; box-shadow: 0 12px 32px rgba(43, 36, 51, .16); }
[data-part="seek"] { display: flex; gap: 8px; }
[data-part="seek"] input { flex: 1; min-width: 0; min-height: 44px; padding: 8px 12px; background: var(--paper); border: 1px solid var(--buff-2); border-radius: 4px; font: 500 16px/1.4 var(--f-ui); }
[data-part="seek"] button { min-height: 44px; padding: 8px 18px; border: 0; border-radius: 4px; background: var(--plum); color: var(--sand); font: 700 15px/1 var(--f-ui); cursor: pointer; }
[data-part="seek"] button:hover { background: var(--terra-ink); }

[data-part="masthead"] { padding-block: 26px 0; text-align: center; }
[data-part="masthead"]::after { content: ""; display: block; height: 6px; margin-block-start: 22px; border-block: 2px solid var(--plum); border-block-end-width: 1px; }
[data-part="wordmark"] { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px .22em; margin: 0; font: 700 clamp(38px, 8.6vw, 64px)/1.15 var(--f-display); color: var(--plum); }
[data-part="wordmark"] a { display: inline-flex; align-items: center; gap: 12px; }
[data-part="rose"] { flex: none; width: .68em; height: .68em; }
[data-part="rose"] path { fill: var(--terra); }
[data-part="rose"] circle { fill: var(--sand); }
[data-part="strap"] { flex-basis: 100%; font: 500 19px/1.5 var(--f-display); color: var(--slate-ink); }
[data-compact] { padding-block-start: 14px; }
[data-compact]::after { margin-block-start: 14px; }
[data-compact] [data-part="wordmark"] { font-size: clamp(28px, 6vw, 36px); }
:lang(en) [data-part="wordmark"] [data-part="name"] { font-weight: 600; text-transform: uppercase; letter-spacing: .09em; font-size: .78em; }
:lang(en) [data-part="strap"] { font: 500 15px/1.5 var(--f-ui); letter-spacing: .02em; }

/* country strip */
[data-part="index"] { border-block-end: 1px solid var(--buff); }
[data-part="index"] > ul { display: flex; overflow-x: auto; scrollbar-width: none; overscroll-behavior-x: contain; }
[data-part="index"] > ul::-webkit-scrollbar { display: none; }
@media (max-width: 1099px) {
  [dir="rtl"] [data-part="index"] > ul { -webkit-mask-image: linear-gradient(to right, transparent, #000 36px); mask-image: linear-gradient(to right, transparent, #000 36px); }
  [dir="ltr"] [data-part="index"] > ul { -webkit-mask-image: linear-gradient(to left, transparent, #000 36px); mask-image: linear-gradient(to left, transparent, #000 36px); }
  [data-part="index"] > ul > li:last-child { padding-inline-end: 40px; }
}
[data-part="index"] > ul > li { display: flex; flex: none; align-items: baseline; gap: 12px; padding-block: 11px; padding-inline: 18px; border-inline-start: 1px solid var(--buff); }
[data-part="index"] > ul > li:first-child { padding-inline-start: 0; border-inline-start: 0; }
[data-part="index"] [data-part="rgn"] { font: 700 13px/1.4 var(--f-display); color: var(--terra-ink); white-space: nowrap; }
:lang(en) [data-part="index"] [data-part="rgn"] { text-transform: uppercase; letter-spacing: .08em; font-size: 11.5px; }
[data-part="index"] li ul { display: flex; gap: 14px; }
[data-part="index"] li ul a { position: relative; font: 500 16px/1.4 var(--f-display); white-space: nowrap; }
:lang(en) [data-part="index"] li ul a { font-size: 15px; }
[data-part="index"] li ul a:hover, [data-part="index"] a[aria-current], [data-part="index"] a[data-here] { color: var(--terra-ink); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 9px; }
[data-is-mine]::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-inline-end: 5px; border-radius: 50%; background: var(--terra); vertical-align: .2em; }
@media (min-width: 1100px) {
  [data-part="index"] > ul { display: grid; grid-template-columns: 1.45fr 1.05fr .7fr 1.05fr; overflow: visible; }
  [data-part="index"] > ul > li { display: block; padding-block: 12px 13px; }
  [data-part="index"] [data-part="rgn"] { display: block; margin-block-end: 2px; }
  [data-part="index"] li ul { flex-wrap: wrap; gap: 0 16px; }
}

/* ---- shared bits ---- */
[data-part="kicker"] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font: 700 var(--fs-ui)/1.4 var(--f-display); color: var(--terra-ink); }
[data-part="kicker"] a:hover { text-decoration: underline; text-underline-offset: 6px; }
[data-part="kicker"] [data-part="rgn"] { color: var(--slate-ink); font-weight: 600; }
[data-part="sep"] { color: var(--buff-2); }
[data-part="meta"], [data-part="dateline"] { font: 500 var(--fs-meta)/1.5 var(--f-ui); color: var(--slate-ink); }
[data-part="meta"] { display: flex; flex-wrap: wrap; gap: 2px 12px; }
[data-part="byline"] a, [data-part="who"] { color: var(--plum); }
[data-part="byline"] a:hover { text-decoration: underline; }
[data-part="frame"] { display: block; overflow: hidden; background: var(--sand-3); }
[data-part="frame"] img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
[data-part="label"] { font: 700 12.5px/1.4 var(--f-ui); color: var(--sand); background: var(--terra-ink); display: inline-block; padding: 3px 9px 2px; border-radius: 2px; margin-block-end: 12px; }
:lang(en) [data-part="label"] { text-transform: uppercase; letter-spacing: .08em; font-size: 11px; }
[data-part="where"] { font: 700 13px/1.4 var(--f-display); color: var(--terra-ink); }
:lang(en) [data-part="where"] { text-transform: uppercase; letter-spacing: .06em; font-size: 11.5px; }
[data-part="empty"] { padding-block: 40px; font: 500 18px/1.7 var(--f-ui); color: var(--slate-ink); }

/* locator maps (one shared drawing, restyled per size through custom properties) */
[data-part="loc"] { direction: ltr; overflow: hidden; }
[data-size="s"], [data-size="k"] { --mg: transparent; --mr: transparent; --mc: transparent; --ml: var(--buff); flex: none; }
[data-size="s"] { width: 88px; height: 41px; }
[data-size="k"] { width: 64px; height: 30px; }
[data-size="m"], [data-size="l"], [data-size="d"] { width: 100%; height: auto; }
[data-size="m"] { --mgo: .2; --mro: .35; }
[data-size="l"], [data-size="d"] { --mgo: .25; --mto: .45; --mro: .7; --mrw: 1px; }
[data-k="pin"] { fill: var(--terra); }
[data-k="halo"] { fill: none; stroke: var(--terra); stroke-width: 1.2px; vector-effect: non-scaling-stroke; opacity: .6; }
[data-k="on"] { fill: var(--terra); stroke: var(--sand); stroke-width: 1px; vector-effect: non-scaling-stroke; }
[data-k="off"] { fill: var(--paper); stroke: var(--plum-2); stroke-width: 1px; vector-effect: non-scaling-stroke; }
[data-k="box"] { fill: rgba(181, 83, 47, .07); stroke: var(--terra); stroke-width: 1px; stroke-dasharray: 4 3; vector-effect: non-scaling-stroke; }
[data-k="tick"] { fill: none; stroke: var(--plum); stroke-width: 1px; vector-effect: non-scaling-stroke; }
[data-k="frame"] { fill: none; stroke: var(--plum); stroke-width: 1.5px; vector-effect: non-scaling-stroke; }
[data-k="deg"] { fill: var(--slate-ink); font-family: var(--f-ui); font-weight: 600; }

/* ---- home: front ---- */
[data-part="front"] { display: grid; gap: 28px; padding-block: 24px 32px; }
[data-part="lead"] { display: grid; gap: 18px; }
[data-part="lead"] [data-part="frame"] img { transition: transform .5s ease; }
[data-part="lead"] [data-part="frame"]:hover img { transform: scale(1.015); }
[data-part="lead-text"] [data-part="kicker"] { margin-block-end: 8px; }
[data-part="lead"] h2 { font-size: clamp(28px, 3.4vw, 40px); line-height: 1.3; }
:lang(en) [data-part="lead"] h2 { font-size: clamp(26px, 3.6vw, 40px); line-height: 1.18; font-weight: 600; }
[data-part="lead"] h2 a:hover { color: var(--terra-ink); }
[data-part="lead"] [data-part="dek"] { margin-block: 12px 14px; font-size: 1.05em; line-height: 1.85; color: var(--plum-2); }
:lang(en) [data-part="lead"] [data-part="dek"] { line-height: 1.6; }

[data-part="latest"] > h2, [data-part="digest"] > h2, [data-part="after"] h2, [data-part="dir"] > h2, [data-part="site"] > h2 { display: flex; align-items: center; gap: 10px; padding-block-start: 10px; border-block-start: 3px solid var(--plum); font-size: 21px; }
[data-part="latest"] li, [data-part="around"] li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 14px; padding-block: 10px 11px; border-block-end: 1px solid var(--buff); }
[data-part="latest"] li [data-part="where"], [data-part="around"] li [data-part="where"] { grid-column: 1 / -1; }
[data-part="latest"] li > a, [data-part="around"] li > a { font: 600 17px/1.5 var(--f-display); }
:lang(en) [data-part="latest"] li > a, :lang(en) [data-part="around"] li > a { font-size: 17px; line-height: 1.4; }
[data-part="latest"] li > a:hover, [data-part="around"] li > a:hover, [data-part="heads"] a:hover [data-part="hl"], [data-part="heads"] li > a:hover, [data-part="more"] a:hover [data-part="hl"] { color: var(--terra-ink); }
[data-part="latest"] time, [data-part="around"] time { font: 500 var(--fs-meta)/1.6 var(--f-ui); color: var(--slate-ink); align-self: start; padding-block-start: 3px; }

[data-part="digest"] ol { display: grid; gap: 0; }
[data-part="digest"] li { display: grid; gap: 4px; padding-block: 14px; border-block-end: 1px solid var(--buff); }
[data-part="digest"] li > [data-part="rgn"] { font: 700 11.5px/1.4 var(--f-ui); text-transform: uppercase; letter-spacing: .1em; color: var(--slate-ink); }
[data-part="digest"] [data-part="kicker"] { font-size: 13px; }
[data-part="digest"] li > a:not([data-part]) { font: 600 18px/1.35 var(--f-display); }
[data-part="digest"] li > a:not([data-part]):hover { color: var(--terra-ink); }
[data-part="digest"] time { font: 500 var(--fs-meta)/1.4 var(--f-ui); color: var(--slate-ink); }

@media (min-width: 1100px) {
  [data-part="front"] { grid-template-columns: minmax(0, 9fr) minmax(0, 3fr); gap: 44px; padding-block: 30px 40px; }
  [data-part="lead"] { grid-template-columns: minmax(0, 4fr) minmax(0, 5fr); gap: 0 32px; align-items: start; }
  [data-part="lead"] > [data-part="frame"] { grid-column: 2; grid-row: 1; }
  [data-part="lead-text"] { grid-column: 1; grid-row: 1; }
}

/* ---- home: my country ---- */
[data-part="mine"] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding-block: 18px 4px; font: 600 var(--fs-ui)/1.4 var(--f-ui); }
[data-part="mine"][data-off] { visibility: hidden; }
[data-part="mine"] > [data-part="ico"] { color: var(--terra); }
[data-part="mine"] select { min-height: 40px; padding-block: 6px; padding-inline: 14px 34px; border: 1px solid var(--plum); border-radius: 999px; background: var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%232B2433' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat; background-position: left 14px center; appearance: none; cursor: pointer; font-weight: 600; }
:lang(en) [data-part="mine"] select { background-position: right 14px center; }
[data-part="mine"] > span { flex-basis: 100%; font-weight: 500; font-size: var(--fs-meta); color: var(--slate-ink); }
@media (min-width: 760px) { [data-part="mine"] > span { flex-basis: auto; } }

/* ---- home: region bands ---- */
[data-part="bands"] { display: flex; flex-direction: column; }
[data-part="band"] { display: grid; gap: 22px; padding-block: 30px 34px; border-block-start: 1px solid var(--buff); }
[data-part="band"]:first-child { border-block-start: 0; }
[data-part="plate"] { display: grid; gap: 6px 20px; grid-template-columns: minmax(0, 1fr); align-content: start; }
[data-part="plate"] h2 { font-size: 34px; line-height: 1.2; }
:lang(en) [data-part="plate"] h2 { font-size: 30px; font-weight: 600; }
[data-part="extent"] { font: 600 13px/1.5 var(--f-ui); color: var(--slate-ink); font-variant-numeric: tabular-nums; }
[data-part="plate"] [data-size="m"] { margin-block: 10px 6px; max-width: 360px; padding: 4px; border: 1px solid var(--plum); background: var(--sand); }
[data-part="tally"] { font: 500 var(--fs-meta)/1.5 var(--f-ui); color: var(--slate-ink); }
[data-part="tally"] time { color: var(--plum); font-weight: 700; }
[data-part="quiet"] { font: 500 13px/1.6 var(--f-ui); color: var(--slate-ink); }
[data-part="band"][data-quiet] { padding-block: 24px 26px; }
[data-part="band"][data-quiet] [data-part="plate"] { position: static; }
[data-part="band"][data-quiet] h2 { color: var(--plum-2); }
[data-part="band"][data-quiet] [data-size="m"] { max-width: 220px; opacity: .9; }
[data-part="quiet-all"] { align-self: center; padding: 16px 18px; border: 1px dashed var(--buff-2); font: 500 var(--fs-ui)/1.7 var(--f-ui); color: var(--slate-ink); }
[data-part="quiet-all"] span { font-weight: 700; color: var(--plum-2); }
[data-part="quiet-all"] a { color: var(--plum); font-weight: 700; text-decoration: underline; text-decoration-color: var(--buff-2); text-underline-offset: 5px; }
[data-part="quiet-all"] a:hover { color: var(--terra-ink); }
[data-part="quiet"] a { color: var(--plum-2); text-decoration: underline; text-decoration-color: var(--buff-2); text-underline-offset: 4px; }
[data-part="cells"] { display: grid; gap: 26px 40px; }
[data-part="cell"] { display: flex; flex-direction: column; padding-block-start: 12px; border-block-start: 2px solid var(--plum); }
[data-part="cell"][data-is-mine] { border-block-start-color: var(--terra); }
[data-part="cell"][data-is-mine]::before { display: none; }
[data-part="cell"][data-is-mine] h3 a::after { content: ""; display: inline-block; width: 8px; height: 8px; margin-inline-start: 9px; border-radius: 50%; background: var(--terra); box-shadow: 0 0 0 3px rgba(181, 83, 47, .2); vertical-align: .3em; }
[data-part="cell-head"] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 12px; align-items: start; }
[data-part="cell-head"] h3 { font-size: 25px; line-height: 1.25; }
:lang(en) [data-part="cell-head"] h3 { font-size: 22px; font-weight: 600; }
[data-part="cell-head"] h3 a:hover { color: var(--terra-ink); }
[data-part="cell-head"] [data-size="s"] { grid-row: 1 / span 2; grid-column: 2; margin-block-start: 4px; }
[data-part="stamp"] { font: 500 13px/1.6 var(--f-ui); color: var(--slate-ink); }
[data-part="stamp"] time { color: var(--plum); font-weight: 700; }
[data-part="stamp"][data-fresh]::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-inline-end: 6px; border-radius: 50%; background: var(--terra); box-shadow: 0 0 0 3px rgba(181, 83, 47, .18); vertical-align: .1em; }
[data-part="heads"] { margin-block-start: 12px; }
[data-part="heads"] > li { padding-block: 10px; border-block-start: 1px dotted var(--buff-2); font: 500 17px/1.55 var(--f-display); }
:lang(en) [data-part="heads"] > li { font-size: 16px; line-height: 1.4; }
[data-part="heads"] > li:first-child { border-block-start: 0; padding-block-start: 4px; }
[data-part="heads"] time { margin-inline-start: 6px; font: 500 12.5px/1 var(--f-ui); color: var(--slate-ink); white-space: nowrap; }
[data-part="heads"] [data-part="top"] { display: grid; grid-template-columns: minmax(0, 1fr); }
[data-part="heads"] [data-part="top"] > a { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 14px; align-items: start; }
[data-part="heads"] [data-part="top"] > a:only-child, [data-part="heads"] [data-part="top"] > a:not(:has([data-part="frame"])) { grid-template-columns: minmax(0, 1fr); }
[data-part="heads"] [data-part="top"] [data-part="hl"] { font: 600 19px/1.5 var(--f-display); }
:lang(en) [data-part="heads"] [data-part="top"] [data-part="hl"] { font-size: 18px; line-height: 1.32; }
[data-part="heads"] [data-part="top"] time { margin-inline-start: 0; margin-block-start: 4px; display: block; }
[data-part="heads"] [data-part="top"]:has([data-part="frame"]) time { margin-inline-start: 126px; }
[data-part="all"] { margin-block-start: auto; padding-block-start: 10px; font: 700 13.5px/1.4 var(--f-ui); color: var(--terra-ink); }
[data-part="all"] a:hover { text-decoration: underline; text-underline-offset: 5px; }
@media (min-width: 760px) {
  [data-part="cells"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-part="cells"] > [data-part="cell"]:last-child:nth-child(odd) { grid-column: 1 / -1; }
  [data-part="cells"] > [data-part="cell"]:last-child:nth-child(odd) [data-part="heads"] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 40px; align-content: start; }
  [data-part="cells"] > [data-part="cell"]:last-child:nth-child(odd) [data-part="heads"] > li:not([data-part="top"]) { grid-column: 2; }
  [data-part="cells"] > [data-part="cell"]:last-child:nth-child(odd) [data-part="heads"] > [data-part="top"] { grid-column: 1; grid-row: 1 / span 3; padding-block-start: 4px; }
  [data-part="cells"] > [data-part="cell"]:last-child:nth-child(odd) [data-part="heads"] > li:nth-child(2) { border-block-start: 0; padding-block-start: 4px; }
  [data-part="cells"] > [data-part="cell"]:last-child:nth-child(odd) [data-part="heads"] > [data-part="top"]:only-child { grid-column: 1 / -1; grid-row: auto; }
  [data-part="cells"] > [data-part="cell"]:last-child:nth-child(odd) [data-part="heads"] > [data-part="top"]:only-child > a:has([data-part="frame"]) { grid-template-columns: 180px minmax(0, 1fr); gap: 20px; }
  [data-part="cells"] > [data-part="cell"]:last-child:nth-child(odd) [data-part="heads"] > [data-part="top"]:only-child [data-part="hl"] { font-size: 21px; }
  [data-part="cells"] > [data-part="cell"]:last-child:nth-child(odd) [data-part="heads"] > [data-part="top"]:only-child:has([data-part="frame"]) time { margin-inline-start: 200px; }
  [data-part="plate"] { grid-template-columns: minmax(0, 1fr) 300px; }
  [data-part="plate"] [data-size="m"] { grid-column: 2; grid-row: 1 / span 4; margin: 0; }
}
@media (min-width: 1100px) {
  [data-part="band"] { grid-template-columns: 300px minmax(0, 1fr); gap: 0 44px; padding-block: 38px 42px; }
  [data-part="plate"] { position: sticky; inset-block-start: 20px; align-self: start; grid-template-columns: minmax(0, 1fr); }
  [data-part="plate"] [data-size="m"] { grid-column: auto; grid-row: auto; margin-block: 12px 8px; }
  [data-part="plate"] h2 { font-size: 40px; }
}

/* order for "my country" (set on <html> before first paint) */
[data-mine="sa"] :is([data-members~="sa"], [data-part="cell"][data-c="sa"]), [data-mine="ae"] :is([data-members~="ae"], [data-part="cell"][data-c="ae"]),
[data-mine="kw"] :is([data-members~="kw"], [data-part="cell"][data-c="kw"]), [data-mine="qa"] :is([data-members~="qa"], [data-part="cell"][data-c="qa"]),
[data-mine="bh"] :is([data-members~="bh"], [data-part="cell"][data-c="bh"]), [data-mine="om"] :is([data-members~="om"], [data-part="cell"][data-c="om"]),
[data-mine="jo"] :is([data-members~="jo"], [data-part="cell"][data-c="jo"]), [data-mine="lb"] :is([data-members~="lb"], [data-part="cell"][data-c="lb"]),
[data-mine="iq"] :is([data-members~="iq"], [data-part="cell"][data-c="iq"]), [data-mine="sy"] :is([data-members~="sy"], [data-part="cell"][data-c="sy"]),
[data-mine="eg"] :is([data-members~="eg"], [data-part="cell"][data-c="eg"]), [data-mine="sd"] :is([data-members~="sd"], [data-part="cell"][data-c="sd"]),
[data-mine="ma"] :is([data-members~="ma"], [data-part="cell"][data-c="ma"]), [data-mine="dz"] :is([data-members~="dz"], [data-part="cell"][data-c="dz"]),
[data-mine="tn"] :is([data-members~="tn"], [data-part="cell"][data-c="tn"]), [data-mine="ly"] :is([data-members~="ly"], [data-part="cell"][data-c="ly"]) { order: -1; }

[data-part="tail"] { padding-block: 8px 24px; }
[data-part="tail"] [data-part="latest"] ol { display: grid; gap: 0 40px; }
@media (min-width: 760px) { [data-part="tail"] [data-part="latest"] ol { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---- article ---- */
[data-part="story-wrap"] { display: grid; gap: 32px; padding-block: 26px 8px; }
[data-part="story-head"] { display: grid; gap: 12px; }
[data-part="story-head"] h1 { font-size: clamp(30px, 4.6vw, 48px); line-height: 1.3; }
:lang(en) [data-part="story-head"] h1 { font-size: clamp(28px, 4vw, 44px); line-height: 1.16; font-weight: 600; }
[data-part="story-head"] [data-part="dek"] { font-size: 1.04em; line-height: 1.75; color: var(--plum-2); }
@media (min-width: 760px) { [data-part="story-head"] [data-part="dek"] { font-size: 1.12em; } }
[data-part="dateline"] { display: flex; flex-wrap: wrap; gap: 2px 0; padding-block: 12px; border-block: 1px solid var(--buff); }
[data-part="dateline"] > * + *::before { content: "·"; margin-inline: 10px; color: var(--buff-2); }
[data-part="dateline"] time { color: var(--plum); font-weight: 600; }
@media (max-width: 759px) { [data-part="dateline"] > [data-part="byline"] { flex-basis: 100%; } [data-part="dateline"] > [data-part="byline"]::before { content: none; } }
[data-part="cover"] { margin-block: 22px 28px; }
[data-part="cover"] img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; background: var(--sand-3); }
[data-part="cover"] figcaption { margin-block-start: 8px; font: 500 13.5px/1.6 var(--f-ui); color: var(--slate-ink); }
[data-part="body"] { max-width: 36em; font-size: var(--fs-body); line-height: var(--lh-body); }
[data-part="body"] > * + * { margin-block-start: .95em; }
[data-part="story"] [data-part="body"] > p:first-child { font-size: 1.1em; line-height: 1.85; }
[data-part="body"] h2 { margin-block-start: 1.7em; font-size: 1.36em; line-height: 1.35; }
[data-part="body"] h3 { margin-block-start: 1.5em; font-size: 1.12em; }
[data-part="body"] h2 + *, [data-part="body"] h3 + * { margin-block-start: .5em; }
[data-part="body"] ul, [data-part="body"] ol { padding-inline-start: 1.3em; }
[data-part="body"] ul { list-style: disc; }
[data-part="body"] ol { list-style: decimal; }
[data-part="body"] li + li { margin-block-start: .35em; }
[data-part="body"] li::marker { color: var(--terra); }
[data-part="body"] a { text-decoration: underline; text-decoration-color: var(--terra); text-decoration-thickness: 1px; text-underline-offset: .32em; }
:lang(en) [data-part="body"] a { text-underline-offset: .2em; }
[data-part="body"] a:hover { color: var(--terra-ink); }
[data-part="body"] strong { font-weight: 700; }
[data-part="body"] blockquote { padding-block: .2em; padding-inline: 1.1em 0; border-inline-start: 3px solid var(--terra); color: var(--plum-2); font-size: 1.05em; }
[data-part="body"] img { height: auto; }
[data-part="body"] figure figcaption, [data-part="body"] .wp-caption-text { font: 500 13.5px/1.6 var(--f-ui); color: var(--slate-ink); }
[data-part="body"] table { width: 100%; border-collapse: collapse; font: 500 15px/1.5 var(--f-ui); display: block; overflow-x: auto; }
[data-part="body"] th, [data-part="body"] td { padding: 8px 10px; border-block-end: 1px solid var(--buff); text-align: start; }
[data-part="body"] hr { border: 0; border-block-start: 1px solid var(--buff); }
[data-part="filed"] { display: flex; flex-wrap: wrap; gap: 4px 8px; margin-block-start: 32px; padding-block-start: 14px; border-block-start: 1px solid var(--buff); font: 600 var(--fs-ui)/1.5 var(--f-ui); }
[data-part="filed"] > span:first-child { color: var(--slate-ink); font-weight: 500; }
[data-part="filed"] a { color: var(--terra-ink); }
[data-part="filed"] a:hover { text-decoration: underline; }
[data-part="where-card"] { display: grid; gap: 4px; align-content: start; padding: 14px; background: var(--sand-2); border: 1px solid var(--buff); }
[data-part="where-card"] [data-size="l"] { margin-block-end: 8px; background: var(--sand); }
[data-part="where-name"] { font: 700 22px/1.3 var(--f-display); }
[data-part="where-name"] a:hover { color: var(--terra-ink); }
[data-part="where-meta"] { font: 500 var(--fs-meta)/1.5 var(--f-ui); color: var(--slate-ink); }
@media (min-width: 1100px) {
  [data-part="story-wrap"] { grid-template-columns: minmax(0, 780px) 300px; justify-content: space-between; gap: 0 56px; padding-block-start: 34px; }
  [data-part="where-card"] { position: sticky; inset-block-start: 24px; align-self: start; margin-block-start: 8px; }
}

[data-part="after"] { display: grid; gap: 44px; padding-block: 44px 16px; }
[data-part="more"] ol { display: grid; gap: 22px 28px; margin-block-start: 16px; }
[data-part="more"] li { display: grid; gap: 8px; align-content: start; }
[data-part="more"] li > a { display: grid; gap: 10px; }
[data-part="more"] [data-part="hl"] { font: 600 18px/1.5 var(--f-display); }
:lang(en) [data-part="more"] [data-part="hl"] { font-size: 17px; line-height: 1.35; }
[data-part="more"] time { font: 500 var(--fs-meta)/1.4 var(--f-ui); color: var(--slate-ink); }
[data-part="around"] ol { display: grid; gap: 0 40px; margin-block-start: 6px; }
@media (max-width: 759px) {
  [data-part="more"] li > a { grid-template-columns: minmax(0, 1fr) 104px; align-items: start; }
  [data-part="more"] li > a [data-part="frame"] { order: 2; }
}
@media (min-width: 760px) {
  [data-part="more"] ol { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  [data-part="around"] ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---- archives ---- */
[data-part="gazetteer"] { display: grid; gap: 22px; padding-block: 30px 28px; border-block-end: 3px solid var(--plum); }
[data-part="gazetteer"] h1 { margin-block: 4px 14px; font-size: clamp(44px, 8vw, 80px); line-height: 1.1; }
:lang(en) [data-part="gazetteer"] h1 { font-weight: 600; letter-spacing: -.01em; }
[data-part="facts"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 24px; max-width: 520px; }
[data-part="facts"] > div { padding-block-start: 8px; border-block-start: 1px solid var(--buff-2); }
[data-part="facts"] dt { font: 600 12.5px/1.4 var(--f-ui); color: var(--slate-ink); }
:lang(en) [data-part="facts"] dt { text-transform: uppercase; letter-spacing: .08em; font-size: 11px; }
[data-part="facts"] dd { font: 700 17px/1.45 var(--f-display); }
[data-part="neighbours"] { margin-block-start: 18px; font: 500 var(--fs-meta)/1.8 var(--f-ui); color: var(--slate-ink); }
[data-part="neighbours"] a { color: var(--plum); font-weight: 700; }
[data-part="neighbours"] a:hover { color: var(--terra-ink); text-decoration: underline; }
[data-part="gz-map"] [data-size="l"] { padding: 4px; border: 1px solid var(--plum); background: var(--sand); }
[data-part="gz-map"] figcaption { margin-block-start: 6px; font: 500 12.5px/1.5 var(--f-ui); color: var(--slate-ink); text-align: end; }
@media (min-width: 900px) {
  [data-part="gazetteer"] { grid-template-columns: minmax(0, 1fr) minmax(0, 520px); align-items: end; gap: 48px; }
}
[data-part="list-head"] { display: grid; gap: 12px; padding-block: 30px 22px; border-block-end: 3px solid var(--plum); }
[data-part="list-head"] h1 { font-size: clamp(30px, 5vw, 46px); }
[data-part="list-head"][data-search] [data-part="seek"] { max-width: 620px; }
[data-part="list"] { padding-block: 6px 10px; }
[data-part="row"] { display: grid; grid-template-columns: minmax(0, 1fr) 104px; gap: 4px 16px; padding-block: 18px; border-block-end: 1px solid var(--buff); }
[data-part="row"] > [data-part="frame"] { grid-column: 2; grid-row: 1; align-self: start; }
[data-part="row"] > [data-part="row-text"] { grid-column: 1; grid-row: 1; }
[data-part="row"]:not(:has(> [data-part="frame"])) { grid-template-columns: minmax(0, 1fr); }
[data-part="row"] h2 { margin-block: 2px 6px; font-size: 19px; line-height: 1.5; font-weight: 600; }
:lang(en) [data-part="row"] h2 { font-size: 18px; line-height: 1.35; }
[data-part="row"] h2 a:hover { color: var(--terra-ink); }
[data-part="row"] [data-part="dek"] { display: none; font-size: .86em; line-height: 1.8; color: var(--plum-2); }
[data-part="row"] [data-part="meta"] { margin-block-start: 6px; }
[data-part="row"][data-big] { grid-template-columns: minmax(0, 1fr); }
[data-part="row"][data-big] > [data-part="frame"] { grid-column: 1; }
[data-part="row"][data-big] > [data-part="row-text"] { grid-row: 2; }
[data-part="row"][data-big] h2 { font-size: clamp(24px, 3.4vw, 34px); line-height: 1.32; font-weight: 700; }
[data-part="row"][data-big] [data-part="dek"] { display: block; font-size: 1em; }
@media (min-width: 760px) {
  [data-part="list"] { max-width: 1000px; margin-inline-start: max(var(--gut), (100% - var(--wrap)) / 2); }
  [data-part="row"] { grid-template-columns: 260px minmax(0, 1fr); gap: 0 28px; padding-block: 24px; }
  [data-part="row"] > [data-part="frame"] { grid-column: 1; }
  [data-part="row"] > [data-part="row-text"] { grid-column: 2; }
  [data-part="row"] h2 { font-size: 23px; line-height: 1.45; font-weight: 700; }
  :lang(en) [data-part="row"] h2 { font-size: 21px; }
  [data-part="row"] [data-part="dek"] { display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  [data-part="row"][data-big] { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 0 36px; }
  [data-part="row"][data-big] > [data-part="row-text"] { grid-row: 1; grid-column: 2; align-self: center; }
  [data-part="row"][data-big] [data-part="dek"] { -webkit-line-clamp: 5; }
}

[data-part="pager"] ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; padding-block: 30px 10px; font: 600 15px/1 var(--f-ui); }
[data-part="pager"] a, [data-part="pager"] span { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 44px; min-height: 44px; padding-inline: 12px; border: 1px solid var(--buff-2); border-radius: 4px; }
[data-part="pager"] a:hover { border-color: var(--plum); }
[data-part="pager"] [aria-current] { background: var(--plum); border-color: var(--plum); color: var(--sand); }
[data-part="pager"] span[aria-hidden], [data-part="pager"] a span { border: 0; min-width: 0; min-height: 0; padding: 0; }

/* ---- pages and the desk form ---- */
[data-part="page"] { width: min(100% - 2 * var(--gut), 780px); padding-block: 34px 10px; }
[data-part="page-head"] { display: grid; gap: 8px; padding-block-end: 18px; margin-block-end: 26px; border-block-end: 3px solid var(--plum); }
[data-part="page-head"] h1 { font-size: clamp(32px, 5vw, 48px); }
[data-part="page"] [data-part="body"] { max-width: none; }
[data-part="desk"] { margin-block: 1.4em 0; padding: 22px; background: var(--sand-2); border: 1px solid var(--buff); }
[data-part="form"] { display: grid; gap: 16px; font: 500 16px/1.5 var(--f-ui); }
[data-part="hint"] { font-size: var(--fs-meta); color: var(--slate-ink); }
[data-part="field"] { display: grid; gap: 6px; margin: 0 !important; }
[data-part="field"] label { font: 700 15px/1.4 var(--f-display); }
[data-part="field"] input, [data-part="field"] select, [data-part="field"] textarea { width: 100%; min-height: 46px; padding: 10px 12px; background: var(--paper); border: 1px solid var(--buff-2); border-radius: 4px; font: 500 16px/1.5 var(--f-ui); }
[data-part="field"] textarea { min-height: 180px; resize: vertical; }
[data-part="field"] input:focus, [data-part="field"] select:focus, [data-part="field"] textarea:focus { border-color: var(--plum); outline: 3px solid rgba(181, 83, 47, .35); outline-offset: 0; }
[data-part="trap"] { position: absolute !important; inset-inline-start: -10000px; width: 1px; height: 1px; overflow: hidden; }
[data-part="send"] button { min-height: 48px; padding: 10px 26px; border: 0; border-radius: 4px; background: var(--terra-ink); color: var(--sand); font: 700 16px/1 var(--f-display); cursor: pointer; }
[data-part="send"] button:hover { background: var(--plum); }
[data-part="notice"] { padding: 14px 16px; border-inline-start: 4px solid var(--slate-ink); background: var(--paper); font: 600 16px/1.6 var(--f-ui); }
[data-part="notice"][data-tone="err"] { border-inline-start-color: var(--terra-ink); margin-block-end: 16px; }
[data-part="notice"] ul { list-style: none; padding: 0; }

/* ---- 410 / 404 ---- */
[data-part="gone"] { display: grid; gap: 28px; padding-block: 40px 10px; }
[data-part="gone-text"] { display: grid; gap: 14px; max-width: 640px; }
[data-part="gone-text"] h1 { font-size: clamp(32px, 5vw, 50px); }
[data-part="gone-text"] p { font-size: 1.02em; line-height: 1.8; color: var(--plum-2); }
[data-part="gone-map"] { max-width: 900px; padding: 4px; border: 1px solid var(--plum); background: var(--sand); }
[data-part="gone-dir"] { display: grid; gap: 22px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
[data-part="gone-dir"] h2 { margin-block-end: 6px; padding-block-start: 8px; border-block-start: 2px solid var(--plum); font-size: 19px; }
[data-part="gone-dir"] ul { display: flex; flex-wrap: wrap; gap: 4px 14px; font: 600 16px/1.6 var(--f-display); }
[data-part="gone-dir"] a:hover { color: var(--terra-ink); text-decoration: underline; }

/* ---- footer ---- */
[data-part="foot"] { margin-block-start: 56px; padding-block: 0 22px; background: var(--sand-2); color: var(--plum); }
[data-part="foot"]::before { content: ""; display: block; height: 6px; border-block: 2px solid var(--plum); border-block-end-width: 1px; background: var(--sand); }
[data-part="foot-grid"] { display: grid; gap: 30px; padding-block: 34px 26px; }
[data-part="colophon"] { display: grid; gap: 12px; align-content: start; font: 500 15px/1.7 var(--f-ui); color: var(--plum-2); }
[data-part="colophon"] img { width: 236px; height: auto; }
[data-part="zone-note"] { font-size: 13px; color: var(--slate-ink); }
[data-part="dir"] { display: grid; gap: 14px 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; }
[data-part="dir"] > h2 { grid-column: 1 / -1; }
[data-part="dir"] h3 { margin-block-end: 4px; font: 700 13px/1.4 var(--f-display); color: var(--terra-ink); }
:lang(en) [data-part="dir"] h3 { text-transform: uppercase; letter-spacing: .08em; font-size: 11.5px; }
[data-part="dir"] ul, [data-part="site"] ul { display: grid; gap: 2px; font: 500 15px/1.75 var(--f-display); }
[data-part="dir"] a:hover, [data-part="site"] a:hover { color: var(--terra-ink); text-decoration: underline; text-underline-offset: 5px; }
[data-part="site"] { display: grid; gap: 10px; align-content: start; }
[data-part="site"] > h2 + ul { margin-block-end: 14px; }
[data-part="eds"] { grid-auto-flow: column; justify-content: start; gap: 8px !important; }
[data-part="eds"] a { display: inline-flex; min-height: 34px; align-items: center; padding: 2px 14px; border: 1px solid var(--plum); border-radius: 999px; font: 600 13px/1 system-ui, "Segoe UI", Arial, sans-serif; }
[data-part="eds"] a:lang(ar) { font: 700 14px/1 var(--f-ui); }
[data-part="eds"] a[aria-current] { background: var(--plum); color: var(--sand); }
[data-part="eds"] a:hover { text-decoration: none !important; background: var(--plum); color: var(--sand); }
[data-part="rights"] { padding-block-start: 16px; border-block-start: 1px solid var(--buff-2); font: 500 13px/1.6 var(--f-ui); color: var(--slate-ink); }
@media (min-width: 760px) { [data-part="dir"] { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1100px) { [data-part="foot-grid"] { grid-template-columns: minmax(0, 1.05fr) minmax(0, 2.3fr) minmax(0, .9fr); gap: 48px; } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
@media print {
  [data-part="bar"], [data-part="index"], [data-part="find"], [data-part="mine"], [data-part="after"], [data-part="foot"], [data-part="where-card"] { display: none !important; }
  :where(body) { background: #fff; }
}