/* Lehymat — site.css (concept "ink"). One file, no framework. Logical properties throughout. */

/* ---------- tokens (single light look; no dark theme by owner decision) ---------- */
:root {
  color-scheme: light;
  --bg: #F4F5F7; --surface: #FFFFFF; --surface-2: #E9EBEE;
  --fg: #14171A; --fg-2: #2E3338; --muted: #5B6269; --line: #D5D9DE;
  --accent: #9E2A22; --accent-fg: #FFFFFF; --accent-soft: #F3E2DF;
  --slate: #15181B; --slate-fg: #F4F5F7; --slate-muted: #A9B0B8;
  --ink: #14171A; --ink-fg: #F4F5F7; --paper-tile: #EEEFF1; --focus: #9E2A22;
  --stamp-blend: multiply; --mark-blend: normal;
  --ruqaa: 'Aref Ruqaa', 'ruqaa-fb', serif;
  --plex-ar: 'IBM Plex Sans Arabic', 'plex-ar-fb', system-ui, sans-serif;
  --latin: 'IBM Plex Sans', 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --d1: clamp(2.75rem, 2rem + 4.5vw, 5.25rem);
  --d2: clamp(2rem, 1.5rem + 2.5vw, 3.5rem);
  --d3: clamp(1.5rem, 1.25rem + 1vw, 2rem);
  --gutter: clamp(1rem, 4vw, 3rem);
  --sec: clamp(4rem, 8vw, 7rem);
  --measure: 36rem;
}

/* metric-adjusted local fallbacks (limit CLS while the web fonts load) */
@font-face { font-family: 'ruqaa-fb'; src: local('Geeza Pro'), local('Arial'); size-adjust: 108%; ascent-override: 95%; descent-override: 45%; }
@font-face { font-family: 'plex-ar-fb'; src: local('Geeza Pro'), local('Arial'); size-adjust: 102%; }

/* ---------- base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-padding-top: 72px; -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--bg); color: var(--fg);
  font: 400 1.0625rem/1.8 var(--plex-ar);
  text-align: start; overflow-wrap: anywhere;
}
img, svg { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; }
p, h1, h2, h3, h4, figure, dl, dd { margin: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
.band--slate, .band--ink, .b2b__block { --focus: var(--slate-fg); }

.latin { font-family: var(--latin); }
.num { font-family: var(--latin); font-variant-numeric: tabular-nums; unicode-bidi: isolate; white-space: nowrap; }
.sr { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip { position: absolute; inset-inline-start: 16px; inset-block-start: -100px; z-index: 50; background: var(--fg); color: var(--bg); padding: 12px 20px; font-weight: 600; text-decoration: none; }
.skip:focus { inset-block-start: 8px; }

.wrap {
  max-width: 1200px; margin-inline: auto;
  padding-left: max(var(--gutter), env(safe-area-inset-left, 0px));
  padding-right: max(var(--gutter), env(safe-area-inset-right, 0px));
}
.band { padding-block: var(--sec); }
.band--surface { background: var(--surface); }
.band--bg { background: var(--bg); }
.band--slate { background: var(--slate); color: var(--slate-fg); }
.band--ink { background: var(--ink); color: var(--ink-fg); }

/* ---------- type ---------- */
.d1, .d2, .d3, .sig, .stamp__t, .stop__n, .stop__t { font-family: var(--ruqaa); font-weight: 700; padding-block: .25em; text-wrap: balance; }
.d1 { font-size: var(--d1); line-height: 1.5; }
.d2 { font-size: var(--d2); line-height: 1.55; }
.d3 { font-size: var(--d3); line-height: 1.6; }
.d3--q { font-weight: 400; }
.sig { font-weight: 400; font-size: 1.5rem; line-height: 1.6; }
.h4 { font: 600 1.25rem/1.5 var(--plex-ar); }
.lead { font-size: 1.25rem; line-height: 1.75; }
.small { font-size: .875rem; line-height: 1.7; }
.muted { color: var(--muted); }
.label { font: 500 .8125rem/1.5 var(--plex-ar); color: var(--muted); }
.chip {
  display: inline-block; justify-self: start; font: 500 .875rem/1.5 var(--plex-ar); font-variant-numeric: tabular-nums;
  color: var(--muted); border: 1px solid var(--line); padding: 4px 10px; border-radius: 0;
}
.sec__head { display: grid; gap: 16px; margin-block-end: 40px; }
.sec__head p { max-inline-size: var(--measure); }

/* key-word underline (one per heading) */
.u { position: relative; display: inline-block; padding-block-end: .1em; }
.u .stroke {
  position: absolute; inset-inline-end: 0; inset-block-end: -.2em;
  inline-size: 100%; block-size: .3em; pointer-events: none; color: inherit;
}
@supports (filter: url(#dry)) { .hero .u .stroke { filter: url(#dry); } }
.divider { inline-size: 100%; block-size: 10px; opacity: .9; color: var(--fg); }
.divider--paper { color: var(--ink-fg); }

/* stamps */
.stamp {
  position: relative; inline-size: 96px; block-size: 96px; flex: none;
  display: grid; place-items: center; text-align: center;
  color: var(--accent); transform: rotate(-8deg); mix-blend-mode: var(--stamp-blend);
}
.stamp__ring { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; }
.stamp__t { position: relative; font-size: 1.5rem; line-height: 1.5; text-wrap: balance; }
.stamp--lg { inline-size: 128px; block-size: 128px; }

/* icons */
.ico { inline-size: 20px; block-size: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.ico--sm { inline-size: 14px; block-size: 14px; }
.ico--xs { inline-size: 12px; block-size: 12px; }
.picto { inline-size: 40px; block-size: 40px; }

/* buttons & links */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-block-size: 48px; padding: 8px 24px; border-radius: 2px; border: 1px solid transparent;
  font: 600 1rem/1.5 var(--plex-ar); text-decoration: none; cursor: pointer; background: none; color: inherit;
}
.btn--accent { background: var(--accent); color: var(--accent-fg); border-color: var(--accent); }
.btn--accent:hover { background: var(--fg); color: var(--bg); border-color: var(--fg); }
.btn--outline { border-color: var(--fg); color: var(--fg); }
.btn--outline:hover { background: var(--fg); color: var(--bg); }
.btn--ink { background: var(--fg); color: var(--bg); border-color: var(--fg); }
.btn--ink:hover { background: transparent; color: var(--fg); }
.btn--paper { border-color: var(--slate-fg); color: var(--slate-fg); }
.btn--paper:hover { background: var(--slate-fg); color: var(--slate); }
.tlink { display: inline-flex; align-items: center; gap: 8px; min-block-size: 44px; font-weight: 600; color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .22em; }
.tlink:hover { color: var(--accent); }
.band--slate .tlink:hover, .band--ink .tlink:hover, .b2b__block .tlink:hover { color: inherit; text-decoration-thickness: 2px; }

/* ---------- top bar ---------- */
.topbar { position: sticky; inset-block-start: 0; z-index: 20; block-size: 64px; background: var(--bg); border-block-end: 1px solid transparent; }
.topbar.is-scrolled { border-color: var(--line); }
.topbar .wrap { display: flex; align-items: center; gap: 24px; block-size: 64px; }
.topbar nav { display: flex; align-items: center; gap: 24px; flex: 1; min-width: 0; }
.topbar__links { display: flex; align-items: center; gap: 24px; flex: 1; }
.topbar__links li:not(.keep) { display: none; }
.topbar__links a { font: 600 .9375rem/1.5 var(--plex-ar); text-decoration: none; padding-block: 12px; display: inline-block; min-inline-size: 44px; text-align: center; }
.topbar__links a:hover { color: var(--accent); }
.mark { inline-size: 44px; block-size: 44px; flex: none; display: grid; place-items: center; }
.mark img { inline-size: 36px; block-size: 36px; mix-blend-mode: var(--mark-blend); }
.mark--lg { inline-size: 56px; block-size: 56px; }
.mark--lg img { inline-size: 48px; block-size: 48px; mix-blend-mode: screen; }
.mark--lg img, .app__logo img { filter: contrast(1.3); }
@media (min-width: 768px) { .topbar__links li:not(.keep) { display: block; } }

/* ---------- bottom bar (phones) ---------- */
.bottombar {
  position: fixed; inset-inline: 0; inset-block-end: 0; z-index: 20; display: flex; gap: 12px;
  padding: 8px max(16px, env(safe-area-inset-right, 0px)) calc(8px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px));
  background: var(--bg); border-block-start: 1px solid var(--line);
}
.bottombar .btn { flex: 1 1 0; min-width: 0; padding-inline: 12px; }
html.js .bottombar { transform: translateY(100%); visibility: hidden; }
html.js .bottombar.is-visible { transform: none; visibility: visible; }
@media (max-width: 767.98px) {
  body { padding-block-end: 80px; }
  html.js body:not(.has-bar) { padding-block-end: 0; }
}
@media (min-width: 768px) { .bottombar { display: none; } }

/* ---------- hero ---------- */
.hero { padding-block: clamp(1.5rem, 5vw, 4rem) var(--sec); }
.hero__grid { display: grid; gap: 40px; }
.hero__type { display: grid; gap: 24px; min-width: 0; align-content: start; }
.hero h1 .line { display: inline-block; }
.hero__sub { color: var(--fg-2); max-inline-size: var(--measure); }
.hero__ctas { display: flex; flex-direction: column; gap: 12px; }
.hero__ctas .tlink { align-self: start; }
.hero__quiet { font-size: .875rem; line-height: 1.7; color: var(--muted); }
.hero__quiet a { display: inline-flex; align-items: center; gap: 6px; color: inherit; min-block-size: 44px; }
.hero__quiet a:hover { color: var(--accent); }
.hero__ledger { font: 500 .875rem/1.7 var(--plex-ar); color: var(--muted); }
.hero__fig { max-inline-size: var(--measure); }
.hero__fig img, .b2b__fig img { inline-size: 100%; aspect-ratio: 1; object-fit: cover; background: var(--paper-tile); }
@media (min-width: 1024px) {
  .hero__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; }
  .hero__type { grid-column: 1 / span 7; }
  .hero__fig { grid-column: 8 / span 5; max-inline-size: none; }
  .hero__ctas { flex-direction: row; flex-wrap: wrap; align-items: center; }
  .hero__ctas .tlink { align-self: auto; }
}

/* ---------- trust ---------- */
.trust .divider { margin-block-end: var(--sec); }
.ledger-row { display: grid; gap: 32px 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.entry { display: grid; gap: 4px; align-content: start; min-width: 0; }
.entry__v { font: 700 1rem/1.5 var(--plex-ar); font-variant-numeric: tabular-nums; }
.entry__v a { display: inline; padding-block: 12px; text-decoration-thickness: 1px; text-underline-offset: .22em; }
.entry__v .ico { display: inline-block; vertical-align: -.15em; margin-inline-start: 6px; }
.entry__v .nb { white-space: nowrap; }
.entry__v a:hover { color: var(--accent); }
.entry--stamp { grid-column: 1 / -1; grid-template-columns: auto 1fr; align-items: center; gap: 16px; }
.entry--stamp .entry__body { display: grid; gap: 4px; }
@media (min-width: 640px) { .entry--stamp { grid-column: auto; } }
@media (min-width: 1024px) { .ledger-row { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* ---------- about ---------- */
.about__grid { display: grid; gap: 40px; }
.about__body { display: grid; gap: 24px; min-width: 0; }
.about__body .d3 { max-inline-size: var(--measure); }
.about__text { display: grid; gap: 16px; max-inline-size: var(--measure); }
.note { font: 500 .875rem/1.7 var(--plex-ar); color: var(--muted); }
.note > span { display: block; }
.note > span + span::before { content: "· "; }
@media (min-width: 1024px) {
  .about__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; }
  .about__body { grid-column: 1 / span 7; }
  .about__note { grid-column: 9 / span 4; align-self: start; padding-block-start: .5rem; }
}

/* ---------- why ---------- */
.pillars { display: grid; gap: 48px 32px; }
.pillar { display: grid; gap: 12px; align-content: start; min-width: 0; }
.pillar p { color: var(--fg-2); }
@media (min-width: 640px) { .pillars { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .pillars { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* ---------- journey ---------- */
.track { position: relative; }
.rail { position: absolute; color: var(--slate-fg); pointer-events: none; display: none; }
.stops { display: grid; gap: 40px; }
.stop { position: relative; display: grid; gap: 12px; align-content: start; min-width: 0; }
.stop__n { font-size: var(--d3); line-height: 1.6; background: var(--slate); }
.stop__t { font-size: var(--d3); line-height: 1.6; }
.stop p { color: var(--slate-muted); }
.chip--slate { color: var(--slate-fg); border-color: var(--slate-muted); }
.stop__fig { inline-size: 100%; max-inline-size: 240px; }
.stop__fig img { inline-size: 100%; aspect-ratio: 1; object-fit: cover; background: var(--paper-tile); }
@media (max-width: 1023.98px) {
  .rail--v { display: block; inset-block: 0; inset-inline-start: 19px; inline-size: 10px; block-size: 100%; }
  .stop { padding-inline-start: 72px; }
  .stop__n { position: absolute; inset-inline-start: 0; inset-block-start: 0; inline-size: 48px; text-align: center; }
}
@media (max-width: 639.98px) { .stop__fig { max-inline-size: none; } }
@media (min-width: 1024px) {
  .rail--h { display: block; inset-inline: 0; inset-block-start: calc(var(--d3) * 1.05 - 5px); block-size: 10px; inline-size: 100%; }
  .stops { grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: 24px; }
  .stop__n { position: relative; justify-self: start; padding-inline: 12px; margin-inline-start: -12px; }
  .stop__fig { max-inline-size: 200px; }
}

/* ---------- products ---------- */
.tiles { display: grid; gap: 40px 24px; }
.tile { display: grid; gap: 8px; align-content: start; min-width: 0; }
.tile__fig { position: relative; overflow: hidden; aspect-ratio: 1; background: var(--paper-tile); }
.tile__fig img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.tile__tag { position: absolute; inset-inline-start: 0; inset-block-start: 0; background: var(--ink); color: var(--ink-fg); font: 500 .8125rem/1.5 var(--plex-ar); padding: 4px 12px; }
.tile .h4 { margin-block-start: 8px; }
.tile .h4 a { text-decoration: none; display: inline-block; padding-block: 7px; margin-block: -7px; }
.tile .h4 a:hover, .tile:focus-within .h4 a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
.tile p { color: var(--fg-2); }
@media (min-width: 640px) { .tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* ---------- b2b ---------- */
.b2b__grid { display: grid; gap: 40px; }
.b2b__block { background: var(--slate); color: var(--slate-fg); padding: 48px var(--gutter); margin-inline: calc(-1 * var(--gutter)); display: grid; gap: 24px; align-content: start; }
.b2b__block p { color: var(--slate-muted); max-inline-size: var(--measure); }
.b2b__block .btn { justify-self: start; flex-wrap: wrap; }
.b2b__block .btn .num { font-weight: 700; }
.b2b__block .small { color: var(--slate-muted); }
.b2b__fig { max-inline-size: var(--measure); }
@media (min-width: 1024px) {
  .b2b__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; align-items: start; }
  .b2b__block { grid-column: 1 / span 7; margin-inline: 0; padding: 48px; }
  .b2b__fig { grid-column: 8 / span 5; max-inline-size: none; }
}

/* ---------- delivery ledger ---------- */
.ledger { display: grid; gap: 20px; }
.row { display: flex; flex-direction: column; gap: 4px; }
.row dt { font: 500 .9375rem/1.6 var(--plex-ar); }
.row dd { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.row dd .tlink { min-block-size: 44px; font-weight: 500; font-size: .875rem; }
.row--small dd { font-size: .875rem; line-height: 1.7; color: var(--fg-2); }
@media (min-width: 640px) {
  .row { flex-direction: row; align-items: baseline; gap: 8px; }
  .row dt { flex: 1 1 auto; min-width: 0; display: flex; align-items: baseline; gap: 8px; }
  .row dt::after { content: ""; flex: 1 1 24px; border-block-end: 1px dotted var(--line); transform: translateY(-.35em); }
  .row dd { flex: 0 1 auto; max-inline-size: 62%; }
}
@media (min-width: 1024px) {
  .delivery__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; }
  .ledger { grid-column: 1 / span 8; }
}

/* ---------- testimonials ---------- */
.quotes { columns: 1; column-gap: 48px; }
.quote { break-inside: avoid; padding-block-end: 32px; }
.quote figure { display: grid; gap: 4px; }
.quote .sig .latin { font: 500 1rem/1.5 var(--latin); }
.more { justify-self: start; }
@media (min-width: 640px) { .quotes { columns: 2; } }
@media (min-width: 1024px) { .quotes { columns: 3; } }

/* ---------- app ---------- */
.app__grid { display: grid; gap: 32px; }
.app__logo { inline-size: 200px; }
.app__logo img { inline-size: 100%; mix-blend-mode: screen; }
.app__body { display: grid; gap: 24px; min-width: 0; }
.app__body p { color: var(--slate-muted); max-inline-size: var(--measure); }
.badges { display: flex; flex-direction: column; gap: 16px; }
.badge {
  display: inline-flex; align-items: center; gap: 12px; min-block-size: 56px; min-inline-size: 180px;
  padding: 8px 16px; background: #000; color: #fff; border: 1px solid var(--slate-fg); border-radius: 0; text-decoration: none;
}
.badge:hover { background: var(--slate-fg); color: var(--slate); border-color: var(--slate-fg); }
.badge__txt { display: grid; line-height: 1.3; text-align: start; }
.badge__s { font: 500 .75rem/1.3 var(--plex-ar); }
.badge__n { font: 600 1.0625rem/1.3 var(--latin); }
@media (min-width: 1024px) {
  .app__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; align-items: start; }
  .app__logo { grid-column: 1 / span 4; inline-size: 320px; }
  .app__body { grid-column: 5 / span 8; }
  .badges { flex-direction: row; flex-wrap: wrap; }
}

/* ---------- footer / contact ---------- */
.footer { padding-block: 0 var(--sec); }
.footer .divider { margin-block-end: var(--sec); }
.footer__cols { display: grid; gap: 40px 24px; margin-block-start: 48px; }
.fcol { display: grid; gap: 4px; align-content: start; min-width: 0; }
.fcol h3 { font: 600 1rem/1.5 var(--plex-ar); margin-block-end: 8px; }
.fcol address { font-style: normal; display: grid; gap: 4px; }
.fcol a { display: inline-flex; align-items: center; gap: 6px; padding-block: 7px; min-inline-size: 44px; min-block-size: 44px; text-decoration: none; }
.fcol a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .22em; }
.fcol p, .fcol li { color: var(--slate-muted); }
.fcol .num, .fcol a { color: var(--ink-fg); }
.fcol .num { font-weight: 700; }
.footer__bottom { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 32px; margin-block-start: 56px; color: var(--slate-muted); font-size: .8125rem; line-height: 1.5; }
.footer__bottom a { color: var(--ink-fg); text-decoration: none; min-block-size: 44px; min-inline-size: 44px; display: inline-flex; align-items: center; font: 600 .9375rem/1.5 var(--latin); }
.footer__bottom a:hover { text-decoration: underline; }
@media (min-width: 640px) { .footer__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .footer__cols { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* ---------- motion (only here; everything else renders final) ---------- */
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
  .btn, .tlink, .topbar__links a, .fcol a, .badge { transition: color .12s, background-color .12s, border-color .12s; }
  .topbar { transition: border-color .16s; }
  .bottombar { transition: transform .3s ease-out, visibility .3s; }
  .hero h1 .line { animation: rise .32s ease-out both; }
  .hero h1 .line--2 { animation-delay: .06s; }
  .hero .u .stroke { clip-path: inset(0 0 0 100%); animation: reveal .6s ease-out .58s forwards; }
  .stamp { transition: opacity .24s ease-out, transform .24s ease-out; }
  .stamp.pre { opacity: 0; transform: rotate(-8deg) scale(1.12); }
  .rail { transition: clip-path .9s ease-out; }
  .track.pre .rail--h { clip-path: inset(0 0 0 100%); }
  .track.pre .rail--v { clip-path: inset(100% 0 0 0); }
  .stop { transition: opacity .24s ease-out, transform .24s ease-out; }
  .track.pre .stop { opacity: 0; transform: translateY(8px); }
  .track.is-in .stop:nth-child(1) { transition-delay: .18s; }
  .track.is-in .stop:nth-child(2) { transition-delay: .36s; }
  .track.is-in .stop:nth-child(3) { transition-delay: .54s; }
  .track.is-in .stop:nth-child(4) { transition-delay: .72s; }
  .track.is-in .stop:nth-child(5) { transition-delay: .9s; }
  .tile__fig img { transition: transform .24s ease-out; }
  @media (hover: hover) { .tile:hover .tile__fig img, .tile:focus-within .tile__fig img { transform: scale(1.02); } }
  @keyframes rise { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
  @keyframes reveal { to { clip-path: inset(0); } }
}

/* ---------- English mirror hooks (used by en/index.html) ---------- */
/* Same markup and CSS; [dir=ltr] flips the strokes/rail/arrows, :lang(en) swaps Ruqʿah for IBM Plex Sans.
   Testimonial quotes keep lang="ar" dir="rtl", so the :lang(en) rules never touch them. */
[dir="ltr"] .stroke, [dir="ltr"] .rail--h, [dir="ltr"] .divider { transform: scaleX(-1); }
[dir="ltr"] .rail--v { transform: scaleY(-1); }
[dir="ltr"] .arrow { transform: scaleX(-1); }
body:lang(en) { font-family: var(--latin); line-height: 1.6; }
.d1:lang(en), .d2:lang(en), .d3:lang(en), .stop__t:lang(en), .stop__n:lang(en), .stamp__t:lang(en) { font-family: var(--latin); letter-spacing: -.02em; text-wrap: balance; }
.d1:lang(en) { font-size: clamp(2.25rem, 1.5rem + 3.5vw, 4.5rem); line-height: 1.1; }
.d2:lang(en) { font-size: clamp(1.875rem, 1.4rem + 2vw, 2.75rem); line-height: 1.15; }
.d3:lang(en), .stop__t:lang(en), .stop__n:lang(en) { font-size: 1.5rem; line-height: 1.3; font-weight: 600; }
.stop__n:lang(en) { font-weight: 700; }
.stamp__t:lang(en) { font: 700 1.0625rem/1.25 var(--latin); letter-spacing: 0; }
.stamp--lg .stamp__t:lang(en) { font-size: 1.25rem; }
/* Plex headings have no Ruqʿah descender space, so the brush underline sits closer and thinner */
.u:lang(en) .stroke { inset-block-end: -.05em; block-size: .22em; }
.rail--h:lang(en) { inset-block-start: calc(1.35rem - 5px); }
.btn:lang(en), .chip:lang(en), .label:lang(en), .note:lang(en), .h4:lang(en), .hero__ledger:lang(en), .entry__v:lang(en),
.row dt:lang(en), .fcol h3:lang(en), .topbar__links a:lang(en), .badge__s:lang(en), .tile__tag:lang(en) { font-family: var(--latin); }
.sig:lang(en) { font: 500 1rem/1.5 var(--latin); }
.quote:lang(ar) { font-family: var(--plex-ar); line-height: 1.8; }