/* ARABIDS 1.2.134 — full-bleed photographic privacy hero, refined chapter
   reading layout, and a slight content-only gap after Why Choose ARABIDS. */

/* Keep the three homepage titles in their established positions. Only the
   three benefits below Why Choose gain a modest amount of breathing room. */
html body:is(.home,[data-page="home"]) .who_its_for_section > .container > .flex-wrap {
  margin-top:clamp(13px,1.5vw,21px) !important;
}

/* The archival photograph now spans the COMPLETE hero background. No split
   picture card, placeholder panel, or opaque green/cream patch. The dark
   optical gradient keeps both languages readable over the real image. */
html body[data-page="privacy"] .privacy-hero-card {
  display:flex !important;
  flex-direction:column !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:clamp(610px,51vw,730px) !important;
  padding:clamp(112px,9vw,149px) clamp(26px,5vw,72px) clamp(74px,7vw,108px) !important;
  border:1px solid rgba(213,184,149,.43) !important;
  border-radius:24px !important;
  background-color:#251a15 !important;
  background-image:
    linear-gradient(90deg,rgba(15,12,10,.46),rgba(13,12,10,.62) 52%,rgba(17,13,11,.49)),
    url('../images/brand-atmospheres/privacy-archive-v1130.webp') !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  box-shadow:0 25px 55px rgba(42,27,20,.17) !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-card .privacy-hero-copy {
  flex:0 1 auto !important;
  width:100% !important;
  max-width:780px !important;
  margin:0 auto !important;
  text-align:center !important;
}
html body[data-page="privacy"] .privacy-hero-rail-v1130 {
  color:rgba(255,242,221,.84) !important;
  border-bottom:1px solid rgba(244,224,193,.39) !important;
}
html body[data-page="privacy"] .privacy-hero-card .privacy-eyebrow {
  margin-inline:auto !important;
  color:#f4dfbc !important;
  background:rgba(20,14,11,.42) !important;
  border-color:rgba(249,224,185,.54) !important;
  text-align:center !important;
}
html body[data-page="privacy"] .privacy-hero-card .privacy-eyebrow-dot {
  background:#e8c28f !important;
}
html body[data-page="privacy"] .privacy-hero-card .privacy-hero-copy h1 {
  color:#fff7ec !important;
  -webkit-text-fill-color:#fff7ec !important;
  text-align:center !important;
  text-shadow:0 4px 26px rgba(0,0,0,.35) !important;
}
html body[data-page="privacy"] .privacy-hero-card .privacy-hero-intro {
  max-width:680px !important;
  margin-inline:auto !important;
  color:#f8eee2 !important;
  text-align:center !important;
  text-shadow:0 2px 16px rgba(0,0,0,.48) !important;
}
html body[data-page="privacy"] .privacy-hero-card :is(.privacy-hero-actions,.privacy-hero-meta) {
  justify-content:center !important;
  margin-inline:auto !important;
}
html body[data-page="privacy"] .privacy-hero-card .privacy-hero-primary {
  color:#4a211d !important;
  background:#fff2df !important;
  border-color:#fff2df !important;
}
html body[data-page="privacy"] .privacy-hero-card .privacy-hero-primary:hover {
  background:#f1dfc8 !important;
  border-color:#f1dfc8 !important;
}
html body[data-page="privacy"] .privacy-hero-card .privacy-hero-secondary,
html body[data-page="privacy"] .privacy-hero-card .privacy-delete-link {
  color:#fff2e3 !important;
  background:rgba(24,18,14,.32) !important;
  border-color:rgba(250,232,206,.65) !important;
}
html body[data-page="privacy"] .privacy-hero-card .privacy-hero-secondary:hover,
html body[data-page="privacy"] .privacy-hero-card .privacy-delete-link:hover {
  background:rgba(250,239,223,.17) !important;
}
html body[data-page="privacy"] .privacy-hero-card .privacy-updated-pill {
  color:#f0ddc3 !important;
}

/* Overview: one light editorial information rail above the actual policy. */
html body[data-page="privacy"] .privacy-overview-grid {
  margin-top:clamp(25px,3vw,40px) !important;
  margin-bottom:clamp(27px,3.6vw,47px) !important;
  padding:clamp(14px,2vw,23px) clamp(10px,2.2vw,26px) !important;
  border:1px solid #e5d8c7 !important;
  border-radius:16px !important;
  background:#fffcf7 !important;
  box-shadow:0 8px 26px rgba(75,47,25,.045) !important;
}

/* A more purposeful reading column and a distinct (but balanced) chapter
   directory. Chapter titles, links, and actual privacy content are retained. */
@media (min-width:901px) {
  html body[data-page="privacy"] .privacy-premium-layout {
    grid-template-columns:minmax(254px,292px) minmax(0,1fr) !important;
    gap:clamp(26px,3vw,48px) !important;
    align-items:start !important;
  }
}
html body[data-page="privacy"] .privacy-toc-card {
  border:1px solid #d7c0a7 !important;
  border-radius:18px !important;
  padding:clamp(25px,2.5vw,31px) clamp(17px,2vw,25px) !important;
  background:#fbf4e9 !important;
  box-shadow:0 13px 36px rgba(69,44,30,.09) !important;
}
html body[data-page="privacy"] .privacy-toc-head {
  padding-bottom:19px !important;
  margin-bottom:16px !important;
}
html body[data-page="privacy"] .privacy-toc-head h2 {
  color:#4b1d19 !important;
  font-size:clamp(21px,1.8vw,26px) !important;
}
html body[data-page="privacy"] .privacy-toc-nav {
  gap:7px !important;
}
html body[data-page="privacy"] .privacy-toc-nav > a {
  min-height:53px !important;
  padding:9px 11px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.57) !important;
}
html body[data-page="privacy"] .privacy-toc-nav > a[aria-current="true"] {
  background:#54211d !important;
  border-color:#54211d !important;
  color:#fff9f0 !important;
  box-shadow:0 6px 16px rgba(76,29,25,.14) !important;
}
html body[data-page="privacy"] .privacy-toc-nav > a[aria-current="true"] span {
  border-color:#dbbd93 !important;
  background:#ead4b4 !important;
  color:#57231d !important;
}
html body[data-page="privacy"] .privacy-toc-nav > a:focus-visible {
  outline:2px solid #99684b !important;
  outline-offset:2px !important;
}
html body[data-page="privacy"] .privacy-document.privacy-premium-document {
  padding:clamp(16px,2.9vw,38px) clamp(18px,3.1vw,43px) !important;
  border:1px solid #e0d0bc !important;
  border-radius:20px !important;
  background:#fffdf9 !important;
  box-shadow:0 13px 35px rgba(73,49,31,.055) !important;
}
html body[data-page="privacy"] .privacy-policy-card.privacy-policy-section {
  border-bottom:1px solid #e9decf !important;
  scroll-margin-top:120px !important;
}
html body[data-page="privacy"] .privacy-policy-card .privacy-section-number {
  border-radius:10px !important;
  background:#f6ead9 !important;
  border-color:#ddc6a9 !important;
  color:#7c493b !important;
}
html body[data-page="privacy"] .privacy-policy-card .privacy-section-copy h2 {
  color:#50241f !important;
}
html body[data-page="privacy"] .privacy-policy-card .privacy-section-copy :is(p,li) {
  color:#544941 !important;
  line-height:1.95 !important;
}

@media (max-width:900px) {
  html body[data-page="privacy"] .privacy-hero-card {
    min-height:590px !important;
    padding:clamp(108px,15vw,138px) clamp(20px,5vw,34px) clamp(66px,8vw,87px) !important;
    background-position:center center !important;
    border-radius:19px !important;
  }
  html body[data-page="privacy"] .privacy-premium-layout {
    grid-template-columns:minmax(0,1fr) !important;
    gap:24px !important;
  }
  html body[data-page="privacy"] .privacy-toc-card {
    position:relative !important;
    top:auto !important;
    padding:22px 18px !important;
  }
}
@media (max-width:630px) {
  html body[data-page="privacy"] .privacy-hero-card {
    min-height:560px !important;
    padding-top:112px !important;
    padding-bottom:62px !important;
    background-position:50% center !important;
  }
  html body[data-page="privacy"] .privacy-hero-card .privacy-hero-copy h1 {
    font-size:clamp(35px,9vw,49px) !important;
  }
  html body[data-page="privacy"] .privacy-overview-grid {
    margin-top:22px !important;
    padding:10px 17px !important;
  }
  html body[data-page="privacy"] .privacy-document.privacy-premium-document {
    padding:12px 18px !important;
  }
}