/* page-legal - the shared shape behind /privacy/ and /accessibility-statement/.

   WHY ONE FILE. Until 12.8.2026 these were TWO stylesheets, page-privacy.css and
   page-accessibility.css, which were byte-identical apart from the prefix. Worse,
   one of those prefixes was .eas- - which belongs to the ARTICLE template. That
   collision is what forced .eas-updated to be split into .eas-note on 10.8.2026;
   that split treated the symptom. This file removes the cause: one page type,
   one prefix, one owner.

   THE BODY IS ORDINARY EDITOR CONTENT. The page copy lives in WordPress now, so
   everything inside .elg-body is styled BY ELEMENT. Never add a rule here that
   depends on a class someone would have to remember to type in the editor - the
   moment it is forgotten the page silently loses its styling. */

.elg-wrap *{ box-sizing: border-box; }
.elg-wrap{ font-family: var(--eddie-font); color: var(--eddie-ink); line-height: 1.75; }

.elg-hero{ background: var(--eddie-ink); color:#fff; padding: 76px 0 64px; text-align:center; overflow:hidden; position:relative; }
.elg-hero::before{
  content:""; position:absolute; top:-120px; left:50%; transform:translateX(-50%);
  width:640px; height:420px; border-radius:50%;
  background: radial-gradient(closest-side, rgba(199,147,23,0.22), rgba(199,147,23,0) 72%);
  pointer-events:none;
}
.elg-hero-inner{ position:relative; z-index:1; }
.elg-eyebrow{ font-size:13px; letter-spacing:.12em; color: var(--eddie-brass-light); font-weight:700; margin-bottom:16px; display:inline-flex; align-items:center; gap:10px; }
.elg-eyebrow::before{ content:""; width:22px; height:2px; background:var(--eddie-brass-light); display:inline-block; border-radius:2px; }
.elg-hero h1{ font-size: var(--eddie-h1-size); margin:0; letter-spacing:-0.01em; }
.elg-hero p{ color: rgba(255,255,255,.72); margin-top:14px; font-size: var(--eddie-body-size); }

.elg-body{ max-width: var(--eddie-content-width); margin: 0 auto; padding: var(--eddie-section-y) var(--eddie-space-desktop); }
@media (max-width: 767px){ .elg-body{ padding: var(--eddie-section-y-mobile) var(--eddie-space-mobile); } }

.elg-body h2{ font-size: var(--eddie-h2-size); margin: 36px 0 12px; color: var(--eddie-ink); border-right:3px solid var(--eddie-brass); padding-right:12px; }
.elg-body > *:first-child{ margin-top:0; }
.elg-body p, .elg-body li{ font-size: var(--eddie-body-size); color: #33445a; }
.elg-body ul{ margin: 10px 0; padding-right: 22px; }
.elg-body li{ margin-bottom:6px; }
.elg-body a{ color: var(--eddie-brass-deep); font-weight:600; text-decoration:underline; }

/* The last-updated line is GENERATED from post_modified, never typed. It sits at
   the top of the body because the privacy copy itself promises it there
   ("מועד העדכון האחרון יופיע בראש העמוד"); before the migration it sat
   under the first heading, which contradicted the sentence.

   It wears the ARTICLE'S OWN BADGE - the .eas-tag pill (brass at 10%, brass-deep,
   bold, fully rounded) carrying the bold brass-deep of .eas-updated. Not a new
   colour: the same two rules the article already uses, so a date stamp looks the
   same wherever it appears on the site. */
.elg-updated{
  display:inline-block;
  font-size:12px; font-weight:700;
  color: var(--eddie-brass-deep);
  background: color-mix(in srgb, var(--eddie-brass) 10%, transparent);
  padding:5px 12px; border-radius:999px;
  margin:0 0 28px;
}
.elg-updated + h2{ margin-top:0; }

/* A phone number reads left-to-right inside a right-to-left sentence. This used
   to be an inline style repeated on every tel: link in the copy - which meant the
   editor had to carry presentation. Stated once here, so a new link just works. */
.elg-body a[href^="tel:"]{ direction:ltr; display:inline-block; }