/* ==========================================================================
   rtl.css — Hebrew (RTL) correction layer.
   Loaded ONLY on /he/ pages, AFTER the page's own stylesheet.
   The English site never loads this file, so it is never affected.
   It flips the handful of PHYSICAL-direction rules (margin/padding-left,
   float, ::before{left}, dividing borders) that dir="rtl" can't mirror on
   its own. Grids and flex rows mirror automatically under dir="rtl".
   ========================================================================== */

/* --- nav bar: keep the logo on the LEFT and the menu on the RIGHT (client
       preference), instead of the automatic RTL mirror. row-reverse in an rtl
       flex row runs left-to-right, so the brand (first child) pins left and the
       nav links pin right. The menu items inside .nav-links still read RTL. --- */
.nav-inner{flex-direction:row-reverse}

/* --- bullet lists: marker + padding move to the right --- */
.diff-list li{padding-left:0;padding-right:24px}
.stage ul li{padding-left:0;padding-right:16px}
.tier li{padding-left:0;padding-right:20px}
.aud .card .aud-list li{padding-left:0;padding-right:20px}
.expect .e li{padding-left:0;padding-right:24px}
.diff-list li::before,
.stage ul li::before,
.tier li::before,
.aud .card .aud-list li::before{left:auto;right:0}

/* --- pipeline: dividers on the inline-start edge, first stage flush right --- */
.stage:not(:last-child){border-right:none;border-left:1px solid var(--line)}
.section.dark .stage:not(:last-child){border-left-color:var(--line-dark)}
.stage:first-child{padding-left:28px;padding-right:0}

/* --- execution-gap strip: vertical dividers flip side --- */
.dostrip .do{border-right:none;border-left:1px solid var(--line)}
.dostrip .do:last-child{border-left:none}

/* --- skip link anchors to the right --- */
.skip-link{left:auto;right:12px}

/* --- rail gradient flows with the reading direction (right to left) --- */
.railline{background:linear-gradient(270deg,var(--reef),var(--coral))}

/* --- hover arrows nudge toward the text (which now sits to the left) --- */
.btn:hover .arr,
a.tier:hover .more .arr,
.aud a.card:hover .more .arr,
a.ocard:hover .omore .arr{transform:translateX(-3px)}

/* --- mobile: banded CTA text aligns right --- */
@media(max-width:600px){.ctaband{text-align:right}}

/* --- contact form: required-asterisk moves to the inline-start --- */
form.cf label .req{margin-left:0;margin-right:3px}

/* --- post/article bullets + pullquote (Hebrew blog, if used) --- */
.article ul li,.article ol li{padding-left:0}
.article ul li{padding-right:30px}
.article ol li{padding-right:44px}
.article ul li::before,.article ol li::before{left:auto;right:0}
.article ol li::before{right:0}
.pullquote{border-left:none;border-right:3px solid var(--coral);padding:6px 30px 6px 0}
.article .dropcap:first-letter{float:right;padding:6px 0 0 12px}

/* --- language toggle: styled here so every /he/ page has it regardless of which
       page stylesheet it loads (only home.css defined it otherwise) --- */
.lang-toggle{display:inline-flex;align-items:center;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--muted);text-decoration:none;border:1px solid var(--line);border-radius:7px;padding:7px 11px;margin-inline-start:4px;transition:border-color .18s ease,color .18s ease}
.lang-toggle:hover{border-color:var(--reef);color:var(--reef-deep)}