/* Blog (English, LTR): blocks flow vertically. Per element:
     --x, --w  desktop left offset and width on the 1440 stage (px)
     --d       desktop top margin (px)          --m  mobile top margin (units, see site.css)
   Bands take --pt/--pb (desktop px) and --mpt/--mpb (mobile units). */

.band { padding: calc(var(--pt, 0) * 1px) 0 calc(var(--pb, 0) * 1px); }
.col {
  width: calc(var(--w) * 1px);
  margin-left: calc(50% + (var(--x) - 720) * 1px);
  margin-top: calc(var(--d, 0) * 1px);
}

/* Privacy Policy and Accessibility Statement (Hebrew, RTL): one centred column of text. */
.doc { max-width: 720px; margin-inline: auto; padding: 70px 24px 120px; }
.doc h1 { font: 56px/1.1 var(--heebo); letter-spacing: -0.02em; }
.doc h2 { font: 26px/1.3 var(--heebo); color: var(--accent); margin-top: 44px; }
.doc p, .doc li { font: 17px/1.6 var(--heebo); }
.doc p { margin-top: 12px; }
.doc ul { margin-top: 12px; padding-inline-start: 24px; }
.doc li + li { margin-top: 6px; }
.doc .updated { margin-top: 16px; font-size: 15px; color: var(--muted); }
.doc a { color: var(--accent); }

/* Blog (empty state of the Wix blog widget) */
.blog-nav { font: 14px/1.4 var(--quicksand); color: var(--muted); text-decoration: none; display: inline-block; }
.blog-bar { display: none; }
.blog h1 { font: 36px/1 var(--heebo); letter-spacing: -0.05em; }
.empty-state { text-align: center; }
.empty-state h2 { font: 32px/48px var(--heebo); }
.empty-state p { font: 16px/1.25 var(--quicksand); margin-top: 12px; }

@media (max-width: 999px) {
  .band { padding: calc(var(--mpt, 0) * var(--u)) 0 calc(var(--mpb, 0) * var(--u)); }
  .col { width: auto; margin: calc(var(--m, 0) * var(--u)) calc(20 * var(--u)) 0; }

  .doc { padding: calc(36 * var(--u)) calc(20 * var(--u)) calc(48 * var(--u)); }
  .doc h1 { font-size: calc(32 * var(--u)); }
  .doc h2 { font-size: calc(20 * var(--u)); margin-top: calc(28 * var(--u)); }
  .doc p, .doc li { font-size: calc(15 * var(--u)); }
  .doc .updated { font-size: calc(13 * var(--u)); }
  .doc ul { padding-inline-start: calc(20 * var(--u)); }

  .blog-nav { display: none; }
  .blog-bar {
    display: flex; align-items: center; height: calc(50 * var(--u)); padding-left: calc(18 * var(--u));
    background: var(--muted); color: #000; font: calc(14 * var(--u)) var(--quicksand);
  }
  .blog h1 { font-size: calc(36 * var(--u)); }
  .empty-state h2 { font-size: calc(24 * var(--u)); line-height: 1.5; }
  .empty-state p { font-size: calc(16 * var(--u)); margin: calc(8 * var(--u)) auto 0; max-width: calc(240 * var(--u)); }
}