/* ARABIDS 1.2.130 — close the headline-to-content gap throughout the four
   bilingual photo chapters; rebuild privacy as a distinct photo-led editorial
   document without altering the eight policy sections or their wording. */

/* The old 310–418px heading block plus a 52–82px margin created a huge void
   even with a visually taller photograph. Keep photographic breathing space
   in the section itself, but group the heading and supporting entries. */
@media (min-width:992px) {
  html body:is(.home,[data-page="home"]) :is(
    .core_benefits_section,.what_is_section,.who_its_for_section,.faq_section
  ) .arabids-editorial-intro {
    min-height:clamp(94px,9.3vw,142px) !important;
    margin-bottom:clamp(15px,2.2vw,30px) !important;
    padding-block:clamp(8px,1.2vw,14px) !important;
  }
  html body:is(.home,[data-page="home"]) :is(
    .core_benefits_section,.what_is_section,.who_its_for_section,.faq_section
  ) .arabids-editorial-heading > h2.title {
    margin-bottom:0 !important;
  }
}
@media (max-width:991px) {
  html body:is(.home,[data-page="home"]) :is(
    .core_benefits_section,.what_is_section,.who_its_for_section,.faq_section
  ) .arabids-editorial-intro {
    min-height:0 !important;
    margin-bottom:clamp(12px,3.6vw,24px) !important;
    padding-block:10px !important;
  }
}

/* Privacy page: a restrained real photograph replaces the old gradient split,
   shield illustration, floating orbs, and repeated rounded card template. */
html body[data-page="privacy"] .privacy-premium-page {
  background:#f5f0e7 !important;
  color:#18382f !important;
  overflow-x:clip !important;
}
html body[data-page="privacy"] .privacy-page-orb,
html body[data-page="privacy"] .privacy-hero-visual {
  display:none !important;
}
html body[data-page="privacy"] .privacy-premium-section {
  padding:0 0 clamp(68px,8vw,112px) !important;
}
html body[data-page="privacy"] .privacy-premium-container {
  width:min(100%,1460px) !important;
  max-width:1460px !important;
  margin:0 auto !important;
  padding:0 clamp(20px,3.5vw,58px) !important;
}
html body[data-page="privacy"] .privacy-hero-card {
  position:relative !important;
  isolation:isolate !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-flow:column nowrap !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:clamp(560px,56vw,710px) !important;
  margin:0 auto !important;
  padding:clamp(104px,12vw,160px) clamp(24px,6vw,100px) clamp(83px,8vw,116px) !important;
  border:none !important;
  border-radius:0 0 32px 32px !important;
  background-color:#182e28 !important;
  background-image:
    linear-gradient(180deg,rgba(10,24,19,.55) 0%,rgba(9,20,16,.60) 35%,rgba(8,21,16,.85) 100%),
    url('../images/brand-atmospheres/privacy-archive-v1130.webp') !important;
  background-size:cover !important;
  background-position:center 47% !important;
  background-repeat:no-repeat !important;
  box-shadow:none !important;
  text-align:center !important;
}
html body[data-page="privacy"] .privacy-hero-card::before,
html body[data-page="privacy"] .privacy-hero-card::after {
  content:none !important;
  display:none !important;
}
html body[data-page="privacy"] .privacy-hero-rail-v1130 {
  position:absolute;
  top:clamp(23px,3vw,40px);
  inset-inline:clamp(24px,4vw,57px);
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:12px;
  color:rgba(244,226,197,.83);
  font-family:Arial,sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
  direction:ltr;
  border-bottom:1px solid rgba(235,214,184,.35);
  padding-bottom:17px;
}
html body[data-page="privacy"] .privacy-hero-copy {
  position:relative !important;
  z-index:2 !important;
  max-width:900px !important;
  width:100% !important;
  grid-column:auto !important;
  margin:0 auto !important;
  text-align:center !important;
}
html body[data-page="privacy"] .privacy-eyebrow {
  margin-inline:auto !important;
  color:#f5e1bf !important;
  background:rgba(10,24,20,.39) !important;
  border:1px solid rgba(239,219,189,.36) !important;
  font-size:clamp(12px,1vw,14px) !important;
  letter-spacing:0 !important;
}
html body[data-page="privacy"] .privacy-hero-copy h1 {
  color:#fff8eb !important;
  -webkit-text-fill-color:#fff8eb !important;
  font-size:clamp(43px,5vw,76px) !important;
  line-height:1.22 !important;
  font-weight:850 !important;
  letter-spacing:-.015em !important;
  text-shadow:0 4px 28px rgba(0,0,0,.32) !important;
  margin:clamp(16px,2vw,25px) 0 18px !important;
  text-align:center !important;
}
html body[data-page="privacy"] .privacy-hero-intro {
  width:min(100%,670px) !important;
  max-width:670px !important;
  margin:0 auto !important;
  color:#f0e6d6 !important;
  font-size:clamp(16px,1.5vw,20px) !important;
  line-height:1.85 !important;
  text-align:center !important;
  text-shadow:0 2px 16px rgba(0,0,0,.45) !important;
}
html body[data-page="privacy"] .privacy-hero-actions,
html body[data-page="privacy"] .privacy-hero-meta {
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:13px !important;
  flex-wrap:wrap !important;
  margin:clamp(23px,3vw,35px) auto 0 !important;
}
html body[data-page="privacy"] .privacy-hero-primary {
  background:#efe5d4 !important;
  border-color:#efe5d4 !important;
  color:#17352b !important;
  border-radius:10px !important;
  box-shadow:0 8px 23px rgba(0,0,0,.16) !important;
}
html body[data-page="privacy"] .privacy-hero-secondary {
  background:rgba(8,20,17,.25) !important;
  border-color:rgba(250,238,217,.52) !important;
  color:#f9edde !important;
  border-radius:10px !important;
}
html body[data-page="privacy"] .privacy-hero-meta {margin-top:23px !important;}
html body[data-page="privacy"] .privacy-updated-pill {
  color:#efe5d7 !important;
  background:rgba(8,23,17,.25) !important;
  border-color:rgba(240,223,194,.33) !important;
}
html body[data-page="privacy"] .privacy-delete-link {
  background:rgba(239,230,216,.13) !important;
  border-color:rgba(239,230,216,.32) !important;
  color:#ffeddd !important;
}

/* Three editorial facts form one deliberate band, not three floating cards. */
html body[data-page="privacy"] .privacy-overview-grid {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:0 !important;
  margin:0 auto clamp(28px,4vw,54px) !important;
  padding:clamp(23px,3vw,37px) clamp(10px,2vw,25px) !important;
  border-bottom:1px solid #d8c6a9 !important;
  background:transparent !important;
}
html body[data-page="privacy"] .privacy-overview-card,
html body[data-page="privacy"] .privacy-overview-card:nth-child(2) {
  display:flex !important;
  gap:14px !important;
  min-height:0 !important;
  padding:15px clamp(12px,1.65vw,26px) !important;
  border:0 !important;
  border-inline-end:1px solid #d9cbb7 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
html body[data-page="privacy"] .privacy-overview-card:last-child {border-inline-end:0 !important;}
html body[data-page="privacy"] .privacy-overview-index,
html body[data-page="privacy"] .privacy-overview-card:nth-child(2) .privacy-overview-index {
  display:block !important;
  background:none !important;
  color:#a4865d !important;
  width:auto !important;
  height:auto !important;
  flex:0 0 auto !important;
  padding-top:3px !important;
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:.05em !important;
}
html body[data-page="privacy"] .privacy-overview-card h3 {font-size:clamp(16px,1.4vw,19px) !important;color:#143328 !important;}
html body[data-page="privacy"] .privacy-overview-card p {font-size:clamp(13px,1.1vw,15px) !important;color:#4d6357 !important;line-height:1.75 !important;}

html body[data-page="privacy"] .privacy-importance-banner {
  display:flex !important;
  align-items:center !important;
  gap:20px !important;
  margin:0 auto clamp(34px,5vw,64px) !important;
  padding:clamp(20px,3vw,33px) clamp(20px,3vw,43px) !important;
  border:0 !important;
  border-inline-start:4px solid #a4865d !important;
  border-radius:3px 15px 15px 3px !important;
  color:#efe6d8 !important;
  background:#143328 !important;
  box-shadow:none !important;
}
html body[data-page="privacy"] .privacy-importance-copy strong {color:#f4e7d1 !important;font-size:clamp(19px,1.8vw,25px) !important;}
html body[data-page="privacy"] .privacy-importance-copy p {color:#e1d9c9 !important;font-size:clamp(14px,1.2vw,16px) !important;line-height:1.85 !important;}
html body[data-page="privacy"] .privacy-importance-tag {color:#e6cd9d !important;}

/* The reading experience now feels like one carefully typeset policy,
   with a permanent contents rail and eight clean numbered chapters. */
html body[data-page="privacy"] .privacy-premium-layout {
  display:grid !important;
  grid-template-columns:minmax(240px,280px) minmax(0,1fr) !important;
  gap:clamp(22px,3.4vw,54px) !important;
  align-items:start !important;
}
html body[data-page="privacy"] .privacy-toc-card {
  position:sticky !important;
  top:clamp(90px,10vh,125px) !important;
  padding:25px 20px 19px !important;
  border:1px solid #285442 !important;
  border-radius:18px !important;
  background:#143328 !important;
  box-shadow:0 15px 32px rgba(9,29,20,.09) !important;
}
html body[data-page="privacy"] .privacy-toc-head {
  border-bottom:1px solid rgba(228,213,191,.26) !important;
  padding-bottom:16px !important;
}
html body[data-page="privacy"] .privacy-toc-head :is(h2,p),
html body[data-page="privacy"] .privacy-toc-head h2 {color:#f1e7d8 !important;}
html body[data-page="privacy"] .privacy-toc-head .privacy-card-kicker {color:#c9ac78 !important;}
html body[data-page="privacy"] .privacy-toc-nav a {
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  border-radius:9px !important;
  color:#e8e1d2 !important;
  transition:background-color .22s ease,color .22s ease !important;
}
html body[data-page="privacy"] .privacy-toc-nav a span {
  color:#d0b58b !important;
  background:rgba(255,255,255,.08) !important;
}
html body[data-page="privacy"] .privacy-toc-nav a:is(:hover,:focus-visible,[aria-current="true"]) {
  background:rgba(234,215,183,.13) !important;
  color:#fff6e6 !important;
}
html body[data-page="privacy"] .privacy-toc-note {background:rgba(255,255,255,.07) !important;border-color:rgba(232,213,181,.2) !important;}
html body[data-page="privacy"] .privacy-toc-note p {color:#eee0c8 !important;}

html body[data-page="privacy"] .privacy-document.privacy-premium-document {
  min-width:0 !important;
  border:1px solid #ddd0bd !important;
  border-radius:19px !important;
  background:#fffdf9 !important;
  box-shadow:0 19px 42px rgba(20,51,40,.055) !important;
  padding:clamp(8px,2.3vw,28px) clamp(13px,3vw,39px) !important;
}
html body[data-page="privacy"] .privacy-policy-card.privacy-policy-section,
html body[data-page="privacy"] .privacy-policy-card.privacy-policy-section:nth-child(even),
html body[data-page="privacy"] .privacy-contact.privacy-policy-card,
html body[data-page="privacy"] .privacy-rights-card.privacy-policy-card {
  display:grid !important;
  grid-template-columns:52px minmax(0,1fr) !important;
  align-items:start !important;
  gap:clamp(15px,2vw,25px) !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:clamp(25px,3vw,39px) 0 !important;
  border:0 !important;
  border-bottom:1px solid #e5d9c9 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
  scroll-margin-top:115px !important;
}
html body[data-page="privacy"] .privacy-policy-card.privacy-policy-section:last-child {border-bottom:0 !important;}
html body[data-page="privacy"] .privacy-policy-card.privacy-policy-section:hover {background:transparent !important;box-shadow:none !important;}
html body[data-page="privacy"] .privacy-policy-card.privacy-policy-section:target {
  background:linear-gradient(90deg,rgba(164,134,93,.06),transparent) !important;
  border-radius:12px !important;
}
html body[data-page="privacy"] .privacy-policy-card .privacy-section-number {
  display:grid !important;
  place-items:center !important;
  width:48px !important;
  height:48px !important;
  margin-top:3px !important;
  border:1px solid #d7c3a5 !important;
  border-radius:50% !important;
  background:#f5ebdd !important;
  color:#704523 !important;
  font-family:Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:800 !important;
  direction:ltr !important;
}
html body[data-page="privacy"] .privacy-policy-card .privacy-section-copy h2 {
  font-size:clamp(21px,2vw,27px) !important;
  font-weight:800 !important;
  color:#143328 !important;
  margin:0 0 14px !important;
  line-height:1.5 !important;
}
html body[data-page="privacy"] .privacy-policy-card .privacy-section-copy :is(p,li) {
  font-size:clamp(15px,1.22vw,17px) !important;
  line-height:2 !important;
  color:#42594a !important;
}
html body[data-page="privacy"] .privacy-inline-action,
html body[data-page="privacy"] .privacy-email-link {border-radius:8px !important;}
html body[data-page="privacy"] :is(.privacy-hero-primary,.privacy-hero-secondary,.privacy-delete-link,.privacy-toc-nav a,.privacy-email-link,.privacy-inline-action):focus-visible {
  outline:3px solid #c4a26d !important;
  outline-offset:4px !important;
}

@media (max-width:1100px) {
  html body[data-page="privacy"] .privacy-premium-layout {
    grid-template-columns:235px minmax(0,1fr) !important;
    gap:22px !important;
  }
}
@media (max-width:900px) {
  html body[data-page="privacy"] .privacy-premium-container {padding-inline:clamp(16px,3vw,28px) !important;}
  html body[data-page="privacy"] .privacy-hero-card {
    min-height:565px !important;
    padding:105px 27px 66px !important;
    background-position:44% center !important;
  }
  html body[data-page="privacy"] .privacy-premium-layout {
    display:flex !important;
    flex-direction:column !important;
    gap:24px !important;
  }
  html body[data-page="privacy"] .privacy-toc-card {
    width:100% !important;
    position:static !important;
    padding:21px !important;
  }
  html body[data-page="privacy"] .privacy-toc-nav {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:5px 12px !important;
  }
  html body[data-page="privacy"] .privacy-document.privacy-premium-document {width:100% !important;}
}
@media (max-width:630px) {
  html body[data-page="privacy"] .privacy-hero-card {
    border-radius:0 0 19px 19px !important;
    min-height:550px !important;
    padding:112px 20px 45px !important;
    background-position:43% center !important;
  }
  html body[data-page="privacy"] .privacy-hero-rail-v1130 {
    inset-inline:20px;
    gap:5px;
    font-size:8px;
    letter-spacing:.1em;
  }
  html body[data-page="privacy"] .privacy-hero-copy h1 {font-size:clamp(38px,10vw,55px) !important;}
  html body[data-page="privacy"] .privacy-hero-intro {font-size:16px !important;line-height:1.8 !important;}
  html body[data-page="privacy"] .privacy-hero-actions {gap:9px !important;}
  html body[data-page="privacy"] .privacy-hero-meta {gap:7px !important;}
  html body[data-page="privacy"] .privacy-overview-grid {
    grid-template-columns:1fr !important;
    padding:12px 0 !important;
    margin-bottom:28px !important;
  }
  html body[data-page="privacy"] .privacy-overview-card,
  html body[data-page="privacy"] .privacy-overview-card:nth-child(2) {
    border:0 !important;
    border-bottom:1px solid #decfb7 !important;
    padding:15px 5px !important;
  }
  html body[data-page="privacy"] .privacy-overview-card:last-child {border-bottom:0 !important;}
  html body[data-page="privacy"] .privacy-importance-banner {
    flex-wrap:wrap !important;
    gap:12px !important;
    padding:21px 18px !important;
    border-radius:4px 13px 13px 4px !important;
  }
  html body[data-page="privacy"] .privacy-importance-tag {display:none !important;}
  html body[data-page="privacy"] .privacy-toc-nav {grid-template-columns:1fr 1fr !important;gap:2px 7px !important;}
  html body[data-page="privacy"] .privacy-toc-nav a {gap:7px !important;font-size:13px !important;}
  html body[data-page="privacy"] .privacy-toc-nav a span {font-size:10px !important;}
  html body[data-page="privacy"] .privacy-policy-card.privacy-policy-section,
  html body[data-page="privacy"] .privacy-policy-card.privacy-policy-section:nth-child(even) {
    grid-template-columns:37px minmax(0,1fr) !important;
    gap:10px !important;
    padding:25px 0 !important;
  }
  html body[data-page="privacy"] .privacy-policy-card .privacy-section-number {width:36px !important;height:36px !important;font-size:12px !important;}
  html body[data-page="privacy"] .privacy-policy-card .privacy-section-copy h2 {font-size:20px !important;}
  html body[data-page="privacy"] .privacy-policy-card .privacy-section-copy :is(p,li) {font-size:15px !important;line-height:1.85 !important;}
}
@media (prefers-reduced-motion:reduce) {
  html body[data-page="privacy"] .privacy-toc-nav a {transition:none !important;}
}