/* Four Arabic-first desks. Logical axes also support the English/French previews. */
:is(.theme-mizan, .theme-barq, .theme-diwan, .theme-wasl) {
  --display: var(--sans);
}
:is(.theme-mizan, .theme-barq, .theme-diwan, .theme-wasl) .section-title {
  display: flex;
  align-items: center;
  gap: 16px;
  border: 0;
  padding-top: 0;
  font-size: 16px;
}
:is(.theme-mizan, .theme-barq, .theme-diwan, .theme-wasl) .section-title::after {
  content: "";
  height: 1px;
  background: var(--line);
  flex: 1;
}
:is(.barq-desk, .wasl-front) > * { min-width: 0; }
:is(.barq-desk, .wasl-front):not(:has(> :nth-child(2))) { grid-template-columns: 1fr; }

/* Mizan lives in mizan.css (redesign of 11 October 2026); only its gallery miniature stays here. */

/* Barq: compact navigation, an assertive opening and a spacious timestamped wire. */
.theme-barq { --ink: #192b39; --accent: #b92732; --line: #dce2e6; --wash: #f4f6f8; --muted: #5a6873; }
.theme-barq .masthead { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 40px; border-bottom: 4px solid var(--accent); }
.theme-barq .masthead > * { min-width: 0; }
.theme-barq .brand-row { grid-column: 1; padding: 22px 0; }
.theme-barq .wordmark { color: var(--accent); font-size: 56px; font-weight: 800; white-space: nowrap; }
.theme-barq .main-nav { grid-column: 2; align-self: center; border: 0; gap: 22px; }
.barq-cover { padding: 10px 0 32px; border-bottom: 1px solid var(--line); }
.barq-cover .lead { display: grid; grid-template-columns: 1.4fr 1fr; align-items: center; gap: 40px; }
.barq-cover .story-copy { grid-column: 1; grid-row: 1; }
.barq-cover .story-image { grid-column: 2; grid-row: 1; aspect-ratio: 1.35; margin: 0; border-radius: 3px; }
.theme-barq .lead h2 { font-size: 37px; line-height: 1.55; font-weight: 800; }
.barq-desk { display: grid; grid-template-columns: minmax(0, 1fr) 290px; gap: 52px; padding-top: 30px; }
.barq-wire .wire { padding: 25px 0; border-bottom: 1px solid var(--line); }
.barq-wire .wire > .story-copy { border-inline-start: 2px solid var(--line); padding-inline-start: 22px; }
.theme-barq .wire h2 { font-size: 23px; line-height: 1.6; }
.barq-wire .story-description { -webkit-line-clamp: 2; }
.barq-reads { padding: 22px; background: var(--wash); align-self: start; border-radius: 4px; }
.theme-barq .barq-reads h2 { font-size: 18px; line-height: 1.6; }
.theme-barq .more-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.theme-barq .article-heading h1 { font-weight: 800; }
.theme-barq .article-byline { border-top: 3px solid var(--accent); }

/* Diwan lives in diwan.css (redesign of 9 October 2026); only its gallery miniature stays here. */

/* Wasl lives in wasl.css (redesign of 11 October 2026); only its gallery miniature stays here. */

/* Missing and failed images use the same content, without an empty photo column. */
.barq-cover .lead.text-only { grid-template-columns: 1fr; }
.barq-cover .lead.text-only > .story-copy { grid-column: 1/-1; }

/* Gallery miniatures describe the hierarchy before opening the live preview. */
.mini-mizan { background: #fbf7f1; color: #2a2420; }
.mini-mizan .mini-brand { font: 700 40px/1.25 "Noto Naskh Arabic", var(--serif); }
.mini-mizan .mini-nav { border-top: 3px double currentColor; }
.mini-mizan .mini-layout { grid-template-columns: 2fr 1fr; }
.mini-mizan .mini-block:first-child i { height: 82px; background: #d9cfc2; }
.mini-mizan .mini-block:last-child { display: none; }
.mini-barq { background: white; color: #b92732; }
.mini-barq .mini-brand { text-align: start; font: 800 42px/1.3 var(--sans); }
.mini-barq .mini-nav { border-top: 0; border-bottom: 3px solid currentColor; }
.mini-barq .mini-layout { grid-template-columns: 2fr 1fr; }
.mini-barq .mini-block:first-child i { height: 9px; }
.mini-barq .mini-block:last-child { grid-column: 1; }
.mini-barq .mini-block:last-child i { display: none; }
.mini-diwan { background: #f5eef3; color: #624159; }
.mini-diwan .mini-brand { font: 600 43px/1.25 "Noto Naskh Arabic", var(--serif); }
.mini-diwan .mini-layout { grid-template-columns: 1fr 2fr; }
.mini-diwan .mini-block:nth-child(2) i { height: 100px; background: #c9b4c3; }
.mini-diwan .mini-block:first-child i,.mini-diwan .mini-block:last-child { display: none; }
.mini-wasl { background: #fff; color: #183348; padding-top: 0; }
.mini-wasl .mini-brand { text-align: start; font: 800 34px/1.3 var(--sans); background: #183348; color: #fff; margin: 0 -25px; padding: 12px 25px 8px; }
.mini-wasl .mini-nav { border-color: #b08b40; }
.mini-wasl .mini-layout { grid-template-columns: 1fr 1.75fr 1fr; }
.mini-wasl .mini-block:nth-child(2) i { height: 80px; background: #a9bccb; }
.mini-wasl .mini-block:first-child i { background: #e3eaee; }
.design-mini .mini-brand[lang="ar"] { letter-spacing: 0; font-family: "Noto Sans Arabic", sans-serif; }
.mini-diwan .mini-brand[lang="ar"] { font-family: "Noto Naskh Arabic", serif; }
.mini-mizan .mini-brand[lang="ar"] { font-family: "Noto Naskh Arabic", serif; }

@media (max-width: 1050px) {
  .barq-desk { grid-template-columns: minmax(0, 1fr) 240px; gap: 30px; }
  .theme-barq .lead h2 { font-size: 30px; }
  .theme-barq .masthead { column-gap: 26px; }
  .theme-barq .wordmark { font-size: 44px; }
}
@media (max-width: 760px) {
  .barq-desk,.wasl-front { grid-template-columns: 1fr; }
  .theme-barq .more-grid,.theme-wasl .more-grid { grid-template-columns: 1fr; }
  .theme-barq .masthead { grid-template-columns: minmax(0, 1fr); }
  .theme-barq .main-nav { grid-column: 1; }
  .theme-barq .brand-row { padding: 16px 0 6px; }
  .barq-cover .lead { display: flex; flex-direction: column; gap: 20px; align-items: stretch; }
  .barq-cover .story-copy { order: -1; }
  .barq-cover .story-image { aspect-ratio: 1.7; }
  .theme-barq .lead h2 { font-size: 29px; }
  .barq-wire .wire > .story-copy { padding-inline-start: 14px; }
  .theme-barq .wire h2 { font-size: 20px; }
}
@media (max-width: 380px) {
  .theme-barq .lead h2 { font-size: 26px; }
}