/* Hebrew (RTL) landing page. Loaded after /styles.css: same tokens and components,
   with the Hebrew font and the left/right rules flipped. */
.he {
  --font-display: "Heebo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-body: "Heebo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --label-font: var(--font-body);
}
.he .hero-title { letter-spacing: -0.02em; line-height: 1.05; max-width: 9em; }
.he .h2 { letter-spacing: -0.01em; }
.he code { direction: ltr; unicode-bidi: isolate; white-space: nowrap; }

.he .skip-link { left: auto; right: 16px; }
.he .faq-list summary { text-align: right; }
.he .pull-quote { text-align: right; }

/* Steps: the line runs right-to-left */
.he .steps::before { left: calc((100% - 64px) / 3 - 24px); right: 24px; }

/* Hero: copy + the TikTok video side by side */
.he-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  gap: 48px;
  align-items: center;
}
.he-video { margin: 0; justify-self: center; width: 100%; max-width: 320px; }
.he-video video {
  display: block; width: 100%; height: auto; aspect-ratio: 9 / 16;
  border-radius: var(--r-card-lg); background: #0b0f0d;
  box-shadow: var(--phone-shadow);
}
.he-video figcaption { margin-top: 12px; font-size: 14px; line-height: 1.5; color: var(--muted); text-align: center; }

.container.narrow { max-width: 780px; }
.he-idea .lead + .lead { margin-top: 16px; }

.he-day-list { display: grid; gap: 12px; margin-top: 28px; }
.he-day-list li {
  display: flex; gap: 14px; align-items: flex-start;
  padding: 18px 20px; border: 1px solid var(--hairline); border-radius: 16px; background: var(--surface);
  font-size: 16.5px; line-height: 1.55;
}
.he-day-list li > span { font-size: 22px; line-height: 1.2; flex: none; }

.he-final { text-align: center; }
.he-final .h2 { margin-bottom: 28px; }
.he-final .h2 .accent { color: var(--accent); }
.he-final-note { margin-top: 16px; font-size: 14px; color: var(--muted); }

@media (max-width: 860px) {
  .he-hero-grid { grid-template-columns: 1fr; gap: 40px; }
  .he-video { max-width: 280px; }
}
@media (max-width: 640px) {
  .he .step { padding: 0 64px 36px 0; }
  .he .step::before { left: auto; right: 20px; }
  .he .step-num { left: auto; right: 0; }
  .he .pull-quote { text-align: right; }
  .he-final .btn { width: 100%; white-space: normal; height: auto; min-height: 56px; }
}

/* Guides (RTL): accent border, table and lists on the right */
.he .guide .short-answer { border-left: 1px solid var(--hairline); border-right: 4px solid var(--accent); }
.he .guide th, .he .guide td, .he .guide caption { text-align: right; }
.he .guide .crumbs li + li::before { margin-right: 0; margin-left: 6px; }
.he .prose ul, .he .prose ol { padding-left: 0; padding-right: 22px; }
.he .guide .short-answer .sa-label { letter-spacing: 0; }
.he .guide .byline, .he .eyebrow { font-family: var(--font-body); letter-spacing: 0; }