/* ============================================================
   WebsDocs Terms & Conditions
   Full-width documentation layout
   ============================================================ */

.wd-terms-page {
  --terms-navy: #0a1b2e;
  --terms-black: #111827;
  --terms-text: #26364b;
  --terms-muted: #68778a;
  --terms-blue: #1268d8;
  --terms-blue-strong: #0b51ae;
  --terms-blue-soft: #eef5ff;
  --terms-blue-line: #cfe1f8;
  --terms-green: #148558;
  --terms-green-soft: #edf9f3;
  --terms-green-line: #bfe4d0;
  --terms-amber: #95620f;
  --terms-amber-soft: #fff8e8;
  --terms-amber-line: #ead8ab;
  --terms-red: #c53838;
  --terms-red-soft: #fff1f1;
  --terms-red-line: #f0c7c7;
  --terms-bg: #f3f6fa;
  --terms-panel: #fff;
  --terms-panel-alt: #f8fafc;
  --terms-line: #dde5ee;
  --terms-line-strong: #cbd6e2;
  --terms-edge: clamp(18px, 2.7vw, 190px);
  --terms-index-width: clamp(285px, 22vw, 425px);
  --terms-header-offset: 76px;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: var(--terms-text);
  background: var(--terms-bg);
  font-family: inherit;
  line-height: 1.72;
}

.wd-terms-page *,
.wd-terms-page *::before,
.wd-terms-page *::after {
  box-sizing: border-box;
}

.wd-terms-page a {
  color: var(--terms-blue);
  text-underline-offset: 3px;
}

.wd-terms-page a:hover {
  color: var(--terms-blue-strong);
}

.wd-terms-page a:focus-visible,
.wd-terms-page [tabindex]:focus-visible {
  outline: 3px solid rgba(18, 104, 216, .24);
  outline-offset: 3px;
}

/* Intro */

.wd-terms-intro {
  width: 100%;
  background: #fff;
  border-bottom: 1px solid var(--terms-line);
}

.wd-terms-intro__shell {
  width: 100%;
  min-height: clamp(280px, 30vw, 450px);
  padding: clamp(48px, 6vw, 108px) var(--terms-edge);
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(340px, .75fr);
  align-items: end;
  gap: clamp(40px, 6vw, 135px);
}

.wd-terms-eyebrow,
.wd-terms-section__eyebrow,
.wd-terms-index__head small {
  margin: 0;
  color: var(--terms-blue);
  font-size: .73rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.wd-terms-intro h1 {
  max-width: 1180px;
  margin: 13px 0 18px;
  color: var(--terms-navy);
  font-size: clamp(2.6rem, 4.8vw, 6.3rem);
  line-height: .98;
  letter-spacing: -.052em;
  font-weight: 780;
}

.wd-terms-intro__lead {
  max-width: 1040px;
  margin: 0;
  color: #33465d;
  font-size: clamp(1.04rem, 1.3vw, 1.42rem);
  line-height: 1.66;
}

.wd-terms-intro__note {
  max-width: 930px;
  margin: 20px 0 0;
  color: var(--terms-muted);
  font-size: .94rem;
}

.wd-terms-intro__meta {
  align-self: stretch;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid var(--terms-line);
  background: var(--terms-panel-alt);
}

.wd-terms-intro__meta span {
  min-width: 0;
  padding: clamp(18px, 2vw, 34px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-right: 1px solid var(--terms-line);
}

.wd-terms-intro__meta span:last-child {
  border-right: 0;
}

.wd-terms-intro__meta strong {
  color: var(--terms-navy);
  font-size: clamp(1.12rem, 1.45vw, 1.55rem);
}

.wd-terms-intro__meta small {
  margin-top: 7px;
  color: var(--terms-muted);
  font-size: .76rem;
  line-height: 1.45;
}

/* Workspace */

.wd-terms-docs__shell {
  width: 100%;
  padding: 0 var(--terms-edge);
  display: grid;
  grid-template-columns: var(--terms-index-width) minmax(0, 1fr);
  align-items: start;
}

.wd-terms-index {
  position: sticky;
  top: var(--terms-header-offset);
  z-index: 6;
  height: calc(100dvh - var(--terms-header-offset));
  overflow-y: auto;
  border-left: 1px solid var(--terms-line);
  border-right: 1px solid var(--terms-line);
  background: #f8fafc;
  scrollbar-width: thin;
}

.wd-terms-index__head {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 24px 23px 21px;
  background: rgba(248, 250, 252, .97);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--terms-line);
}

.wd-terms-index__head strong {
  display: block;
  margin-top: 4px;
  color: var(--terms-navy);
  font-size: 1.12rem;
}

.wd-terms-index__head p {
  margin: 8px 0 0;
  color: var(--terms-muted);
  font-size: .79rem;
  line-height: 1.5;
}

.wd-terms-index__nav {
  padding: 8px 0 36px;
}

.wd-terms-index__group {
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px solid var(--terms-line);
}

.wd-terms-index__group:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.wd-terms-index__group > p {
  margin: 0;
  padding: 8px 20px 7px;
  color: #8b98a8;
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .13em;
}

.wd-terms-index__link {
  width: 100%;
  min-height: 49px;
  padding: 10px 18px 10px 20px;
  display: grid;
  grid-template-columns: 31px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  color: #4a5b70 !important;
  text-decoration: none !important;
  border-left: 3px solid transparent;
  transition: background .16s ease, color .16s ease, border-color .16s ease;
}

.wd-terms-index__link span {
  color: #91a0b2;
  font-size: .7rem;
  font-variant-numeric: tabular-nums;
}

.wd-terms-index__link strong {
  font-size: .87rem;
  line-height: 1.35;
  font-weight: 670;
}

.wd-terms-index__link:hover {
  color: var(--terms-navy) !important;
  background: #f0f5fb;
}

.wd-terms-index__link.is-active {
  color: var(--terms-blue) !important;
  background: var(--terms-blue-soft);
  border-left-color: var(--terms-blue);
}

.wd-terms-index__link.is-active span {
  color: var(--terms-blue);
}

/* Document */

.wd-terms-document {
  min-width: 0;
  min-height: calc(100dvh - var(--terms-header-offset));
  background: #fff;
  border-right: 1px solid var(--terms-line);
}

.wd-terms-section {
  display: none;
  min-height: calc(100dvh - var(--terms-header-offset));
  padding: clamp(34px, 4.6vw, 82px) clamp(26px, 5.4vw, 108px) clamp(58px, 6vw, 112px);
  scroll-margin-top: calc(var(--terms-header-offset) + 12px);
}

#intro {
  display: block;
}

.wd-terms-page:has(.wd-terms-section:target:not(#intro)) #intro {
  display: none;
}

.wd-terms-section:target {
  display: block;
}

.wd-terms-page:has(.wd-terms-section:target) .wd-terms-index__link.is-active {
  color: #4a5b70 !important;
  background: transparent;
  border-left-color: transparent;
}

/* Target highlight */
.wd-terms-page:has(#intro:target) .wd-terms-index__link[href="#intro"],
.wd-terms-page:has(#global-terms:target) .wd-terms-index__link[href="#global-terms"],
.wd-terms-page:has(#website-use:target) .wd-terms-index__link[href="#website-use"],
.wd-terms-page:has(#free-resources:target) .wd-terms-index__link[href="#free-resources"],
.wd-terms-page:has(#project-engagement:target) .wd-terms-index__link[href="#project-engagement"],
.wd-terms-page:has(#quotes-scope-and-estimates:target) .wd-terms-index__link[href="#quotes-scope-and-estimates"],
.wd-terms-page:has(#payments-and-deposits:target) .wd-terms-index__link[href="#payments-and-deposits"],
.wd-terms-page:has(#client-responsibilities:target) .wd-terms-index__link[href="#client-responsibilities"],
.wd-terms-page:has(#timelines-and-delays:target) .wd-terms-index__link[href="#timelines-and-delays"],
.wd-terms-page:has(#revisions-and-scope-changes:target) .wd-terms-index__link[href="#revisions-and-scope-changes"],
.wd-terms-page:has(#cancellation-and-pauses:target) .wd-terms-index__link[href="#cancellation-and-pauses"],
.wd-terms-page:has(#delivery-and-handover:target) .wd-terms-index__link[href="#delivery-and-handover"],
.wd-terms-page:has(#intellectual-property:target) .wd-terms-index__link[href="#intellectual-property"],
.wd-terms-page:has(#third-party-tools-and-providers:target) .wd-terms-index__link[href="#third-party-tools-and-providers"],
.wd-terms-page:has(#submitted-content:target) .wd-terms-index__link[href="#submitted-content"],
.wd-terms-page:has(#disclaimers:target) .wd-terms-index__link[href="#disclaimers"],
.wd-terms-page:has(#limitation-of-liability:target) .wd-terms-index__link[href="#limitation-of-liability"],
.wd-terms-page:has(#definitions:target) .wd-terms-index__link[href="#definitions"],
.wd-terms-page:has(#suspension-of-access:target) .wd-terms-index__link[href="#suspension-of-access"],
.wd-terms-page:has(#force-majeure:target) .wd-terms-index__link[href="#force-majeure"],
.wd-terms-page:has(#severability:target) .wd-terms-index__link[href="#severability"],
.wd-terms-page:has(#waiver:target) .wd-terms-index__link[href="#waiver"],
.wd-terms-page:has(#assignment:target) .wd-terms-index__link[href="#assignment"],
.wd-terms-page:has(#governing-law-and-disputes:target) .wd-terms-index__link[href="#governing-law-and-disputes"],
.wd-terms-page:has(#entire-agreement-and-interpretation:target) .wd-terms-index__link[href="#entire-agreement-and-interpretation"],
.wd-terms-page:has(#how-to-read-these-terms:target) .wd-terms-index__link[href="#how-to-read-these-terms"],
.wd-terms-page:has(#project-documents:target) .wd-terms-index__link[href="#project-documents"],
.wd-terms-page:has(#related-pages:target) .wd-terms-index__link[href="#related-pages"],
.wd-terms-page:has(#reference-links:target) .wd-terms-index__link[href="#reference-links"],
.wd-terms-page:has(#formal-notice:target) .wd-terms-index__link[href="#formal-notice"],
.wd-terms-page:has(#contact-and-terms-questions:target) .wd-terms-index__link[href="#contact-and-terms-questions"],
.wd-terms-page:has(#last-updated:target) .wd-terms-index__link[href="#last-updated"],
.wd-terms-page:has(#terms-next-step:target) .wd-terms-index__link[href="#terms-next-step"] {
  color: var(--terms-blue) !important;
  background: var(--terms-blue-soft);
  border-left-color: var(--terms-blue);
}

.wd-terms-section__head {
  padding-bottom: clamp(28px, 3.3vw, 48px);
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 18px;
  border-bottom: 1px solid var(--terms-line);
}

.wd-terms-section__number {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  color: var(--terms-blue);
  background: var(--terms-blue-soft);
  border: 1px solid var(--terms-blue-line);
  font-size: .78rem;
  font-weight: 800;
}

.wd-terms-section h2 {
  max-width: 1180px;
  margin: 7px 0 0;
  color: var(--terms-navy);
  font-size: clamp(1.95rem, 3.15vw, 4.2rem);
  line-height: 1.07;
  letter-spacing: -.042em;
  font-weight: 760;
}

.wd-terms-section h3 {
  margin: 9px 0 11px;
  color: var(--terms-navy);
  font-size: clamp(1.28rem, 1.7vw, 1.9rem);
  line-height: 1.3;
}

.wd-terms-prose {
  max-width: 1180px;
  margin-top: 30px;
}

.wd-terms-prose p {
  margin: 0 0 21px;
  color: var(--terms-text);
  font-size: clamp(.97rem, .98vw, 1.075rem);
  line-height: 1.87;
}

.wd-terms-prose p:last-child {
  margin-bottom: 0;
}

/* Notes */

.wd-terms-note {
  max-width: 1140px;
  margin: 32px 0;
  padding: 20px 22px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 14px;
  border: 1px solid;
  border-left-width: 4px;
}

.wd-terms-note__icon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  font-size: .82rem;
  font-weight: 850;
}

.wd-terms-note strong {
  display: block;
  margin: 1px 0 3px;
  color: var(--terms-black);
  font-size: .96rem;
}

.wd-terms-note p {
  margin: 0;
  color: #4e5e71;
  font-size: .9rem;
  line-height: 1.65;
}

.wd-terms-note--info {
  background: var(--terms-blue-soft);
  border-color: var(--terms-blue-line);
  border-left-color: var(--terms-blue);
}

.wd-terms-note--info .wd-terms-note__icon {
  color: var(--terms-blue);
  border: 1px solid var(--terms-blue-line);
}

.wd-terms-note--warning {
  background: var(--terms-amber-soft);
  border-color: var(--terms-amber-line);
  border-left-color: var(--terms-amber);
}

.wd-terms-note--warning .wd-terms-note__icon {
  color: var(--terms-amber);
  border: 1px solid var(--terms-amber-line);
}

/* Commercial grid */

.wd-terms-commercial-grid {
  max-width: 1220px;
  margin: 36px 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--terms-line);
  border-left: 1px solid var(--terms-line);
}

.wd-terms-commercial-grid > div {
  min-height: 190px;
  padding: 24px;
  background: #fff;
  border-right: 1px solid var(--terms-line);
  border-bottom: 1px solid var(--terms-line);
}

.wd-terms-commercial-grid small {
  display: block;
  color: var(--terms-blue);
  font-size: .67rem;
  font-weight: 850;
  letter-spacing: .1em;
}

.wd-terms-commercial-grid strong {
  display: block;
  margin-top: 8px;
  color: var(--terms-navy);
  font-size: 1.02rem;
  line-height: 1.45;
}

.wd-terms-commercial-grid p {
  margin: 9px 0 0;
  color: var(--terms-muted);
  font-size: .87rem;
  line-height: 1.65;
}

/* Core policy */

.wd-terms-policy {
  max-width: 1140px;
  margin: 34px 0 0;
  padding: clamp(25px, 3vw, 42px);
  background: var(--terms-green-soft);
  border: 1px solid var(--terms-green-line);
  border-left: 5px solid var(--terms-green);
}

.wd-terms-policy__label {
  color: var(--terms-green);
  font-size: .69rem;
  font-weight: 850;
  letter-spacing: .12em;
}

.wd-terms-policy p {
  max-width: 1000px;
  margin: 0;
  color: #45566a;
  font-size: .95rem;
  line-height: 1.72;
}

/* Support */

.wd-terms-support {
  max-width: 1160px;
  margin-top: 38px;
  padding: clamp(24px, 3vw, 38px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  color: #fff;
  background: var(--terms-navy);
}

.wd-terms-support small {
  color: #8ebff8;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .12em;
}

.wd-terms-support strong {
  display: block;
  max-width: 850px;
  margin-top: 7px;
  font-size: 1.08rem;
  line-height: 1.5;
}

.wd-terms-support__actions {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
}

.wd-terms-support__actions a {
  min-height: 43px;
  padding: 10px 14px;
  display: inline-flex;
  align-items: center;
  color: #fff !important;
  text-decoration: none !important;
  border: 1px solid rgba(255,255,255,.28);
}

.wd-terms-support__actions a:hover {
  background: rgba(255,255,255,.08);
}

/* Wide screens */

@media (min-width: 2200px) {
  .wd-terms-page {
    --terms-index-width: clamp(360px, 18vw, 520px);
  }

  .wd-terms-prose {
    max-width: 1500px;
  }

  .wd-terms-prose p {
    font-size: 1.12rem;
  }

  .wd-terms-commercial-grid {
    max-width: 1600px;
  }
}

/* Tablet */

@media (max-width: 1180px) {
  .wd-terms-page {
    --terms-edge: clamp(16px, 2.5vw, 30px);
    --terms-index-width: 260px;
  }

  .wd-terms-intro__shell {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .wd-terms-intro__meta {
    max-width: 820px;
  }

  .wd-terms-section {
    padding-inline: clamp(24px, 4vw, 48px);
  }
}

/* Mobile */

@media (max-width: 820px) {
  .wd-terms-page {
    --terms-header-offset: 64px;
    --terms-edge: 0px;
  }

  .wd-terms-intro__shell {
    min-height: 0;
    padding: 38px 20px 32px;
  }

  .wd-terms-intro h1 {
    font-size: clamp(2.35rem, 12vw, 4.2rem);
  }

  .wd-terms-intro__meta {
    grid-template-columns: 1fr;
  }

  .wd-terms-intro__meta span {
    padding: 15px 17px;
    border-right: 0;
    border-bottom: 1px solid var(--terms-line);
  }

  .wd-terms-intro__meta span:last-child {
    border-bottom: 0;
  }

  .wd-terms-docs__shell {
    display: block;
    padding: 0;
  }

  .wd-terms-index {
    position: sticky;
    top: var(--terms-header-offset);
    z-index: 10;
    width: 100%;
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid var(--terms-line);
    white-space: nowrap;
  }

  .wd-terms-index__head,
  .wd-terms-index__group > p {
    display: none;
  }

  .wd-terms-index__nav {
    width: max-content;
    min-width: 100%;
    padding: 0;
    display: flex;
  }

  .wd-terms-index__group {
    margin: 0;
    padding: 0;
    display: contents;
    border: 0;
  }

  .wd-terms-index__link {
    width: auto;
    min-height: 53px;
    padding: 9px 14px;
    border-left: 0;
    border-bottom: 3px solid transparent;
  }

  .wd-terms-index__link.is-active {
    border-left-color: transparent;
    border-bottom-color: var(--terms-blue);
  }

  .wd-terms-section {
    min-height: calc(100dvh - 117px);
    padding: 32px 20px 54px;
    scroll-margin-top: 125px;
  }

  .wd-terms-section__head {
    grid-template-columns: 39px minmax(0, 1fr);
    gap: 12px;
  }

  .wd-terms-section__number {
    width: 36px;
    height: 36px;
  }

  .wd-terms-section h2 {
    font-size: clamp(1.9rem, 9vw, 3.15rem);
  }

  .wd-terms-note {
    grid-template-columns: 1fr;
  }

  .wd-terms-commercial-grid,
  .wd-terms-support {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 430px) {
  .wd-terms-intro__shell,
  .wd-terms-section {
    padding-inline: 17px;
  }

  .wd-terms-index__link span {
    display: none;
  }

  .wd-terms-index__link {
    grid-template-columns: 1fr;
  }

  .wd-terms-section__head {
    grid-template-columns: 1fr;
  }
}


/* ============================================================
   WebsDocs Privacy Policy
   Full-width documentation layout
   ============================================================ */

.wd-privacy-page {
  --privacy-navy: #0a1b2e;
  --privacy-black: #111827;
  --privacy-text: #26364b;
  --privacy-muted: #68778a;
  --privacy-blue: #1268d8;
  --privacy-blue-strong: #0b51ae;
  --privacy-blue-soft: #eef5ff;
  --privacy-blue-line: #cfe1f8;
  --privacy-green: #148558;
  --privacy-green-soft: #edf9f3;
  --privacy-green-line: #bfe4d0;
  --privacy-amber: #95620f;
  --privacy-amber-soft: #fff8e8;
  --privacy-amber-line: #ead8ab;
  --privacy-red: #c53838;
  --privacy-red-soft: #fff1f1;
  --privacy-red-line: #f0c7c7;
  --privacy-bg: #f3f6fa;
  --privacy-panel: #fff;
  --privacy-panel-alt: #f8fafc;
  --privacy-line: #dde5ee;
  --privacy-line-strong: #cbd6e2;
  --privacy-edge: clamp(18px, 2.7vw, 190px);
  --privacy-index-width: clamp(275px, 22vw, 410px);
  --privacy-header-offset: 76px;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: var(--privacy-text);
  background: var(--privacy-bg);
  font-family: inherit;
  line-height: 1.72;
}

.wd-privacy-page *,
.wd-privacy-page *::before,
.wd-privacy-page *::after {
  box-sizing: border-box;
}

.wd-privacy-page a {
  color: var(--privacy-blue);
  text-underline-offset: 3px;
}

.wd-privacy-page a:hover {
  color: var(--privacy-blue-strong);
}

.wd-privacy-page a:focus-visible,
.wd-privacy-page [tabindex]:focus-visible {
  outline: 3px solid rgba(18, 104, 216, .24);
  outline-offset: 3px;
}

/* Intro */

.wd-privacy-intro {
  width: 100%;
  background: #fff;
  border-bottom: 1px solid var(--privacy-line);
}

.wd-privacy-intro__shell {
  width: 100%;
  min-height: clamp(270px, 29vw, 430px);
  padding: clamp(46px, 6vw, 104px) var(--privacy-edge);
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
  align-items: end;
  gap: clamp(38px, 6vw, 130px);
}

.wd-privacy-eyebrow,
.wd-privacy-section__eyebrow,
.wd-privacy-index__head small {
  margin: 0;
  color: var(--privacy-blue);
  font-size: .73rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.wd-privacy-intro h1 {
  max-width: 1100px;
  margin: 13px 0 18px;
  color: var(--privacy-navy);
  font-size: clamp(2.6rem, 4.8vw, 6.3rem);
  line-height: .98;
  letter-spacing: -.052em;
  font-weight: 780;
}

.wd-privacy-intro__lead {
  max-width: 1020px;
  margin: 0;
  color: #33465d;
  font-size: clamp(1.04rem, 1.3vw, 1.42rem);
  line-height: 1.66;
}

.wd-privacy-intro__note {
  max-width: 920px;
  margin: 20px 0 0;
  color: var(--privacy-muted);
  font-size: .94rem;
}

.wd-privacy-intro__meta {
  align-self: stretch;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid var(--privacy-line);
  background: var(--privacy-panel-alt);
}

.wd-privacy-intro__meta span {
  min-width: 0;
  padding: clamp(18px, 2vw, 34px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-right: 1px solid var(--privacy-line);
}

.wd-privacy-intro__meta span:last-child {
  border-right: 0;
}

.wd-privacy-intro__meta strong {
  color: var(--privacy-navy);
  font-size: clamp(1.12rem, 1.5vw, 1.55rem);
}

.wd-privacy-intro__meta small {
  margin-top: 7px;
  color: var(--privacy-muted);
  font-size: .76rem;
  line-height: 1.45;
}

/* Workspace */

.wd-privacy-docs__shell {
  width: 100%;
  padding: 0 var(--privacy-edge);
  display: grid;
  grid-template-columns: var(--privacy-index-width) minmax(0, 1fr);
  align-items: start;
}

.wd-privacy-index {
  position: sticky;
  top: var(--privacy-header-offset);
  z-index: 6;
  height: calc(100dvh - var(--privacy-header-offset));
  overflow-y: auto;
  border-left: 1px solid var(--privacy-line);
  border-right: 1px solid var(--privacy-line);
  background: #f8fafc;
  scrollbar-width: thin;
}

.wd-privacy-index__head {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 24px 23px 21px;
  background: rgba(248, 250, 252, .97);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--privacy-line);
}

.wd-privacy-index__head strong {
  display: block;
  margin-top: 4px;
  color: var(--privacy-navy);
  font-size: 1.12rem;
}

.wd-privacy-index__head p {
  margin: 8px 0 0;
  color: var(--privacy-muted);
  font-size: .79rem;
  line-height: 1.5;
}

.wd-privacy-index__nav {
  padding: 8px 0 36px;
}

.wd-privacy-index__group {
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px solid var(--privacy-line);
}

.wd-privacy-index__group:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.wd-privacy-index__group > p {
  margin: 0;
  padding: 8px 20px 7px;
  color: #8b98a8;
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .13em;
}

.wd-privacy-index__link {
  width: 100%;
  min-height: 49px;
  padding: 10px 18px 10px 20px;
  display: grid;
  grid-template-columns: 31px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  color: #4a5b70 !important;
  text-decoration: none !important;
  border-left: 3px solid transparent;
  transition: background .16s ease, color .16s ease, border-color .16s ease;
}

.wd-privacy-index__link span {
  color: #91a0b2;
  font-size: .7rem;
  font-variant-numeric: tabular-nums;
}

.wd-privacy-index__link strong {
  font-size: .87rem;
  line-height: 1.35;
  font-weight: 670;
}

.wd-privacy-index__link:hover {
  color: var(--privacy-navy) !important;
  background: #f0f5fb;
}

.wd-privacy-index__link.is-active {
  color: var(--privacy-blue) !important;
  background: var(--privacy-blue-soft);
  border-left-color: var(--privacy-blue);
}

.wd-privacy-index__link.is-active span {
  color: var(--privacy-blue);
}

/* Document */

.wd-privacy-document {
  min-width: 0;
  min-height: calc(100dvh - var(--privacy-header-offset));
  background: #fff;
  border-right: 1px solid var(--privacy-line);
}

.wd-privacy-section {
  display: none;
  min-height: calc(100dvh - var(--privacy-header-offset));
  padding: clamp(34px, 4.6vw, 82px) clamp(26px, 5.4vw, 108px) clamp(58px, 6vw, 112px);
  scroll-margin-top: calc(var(--privacy-header-offset) + 12px);
}

#intro {
  display: block;
}

.wd-privacy-page:has(.wd-privacy-section:target:not(#intro)) #intro {
  display: none;
}

.wd-privacy-section:target {
  display: block;
}

.wd-privacy-page:has(.wd-privacy-section:target) .wd-privacy-index__link.is-active {
  color: #4a5b70 !important;
  background: transparent;
  border-left-color: transparent;
}

.wd-privacy-page:has(#intro:target) .wd-privacy-index__link[href="#intro"],
.wd-privacy-page:has(#how-to-read-this-page:target) .wd-privacy-index__link[href="#how-to-read-this-page"],
.wd-privacy-page:has(#scope-of-policy:target) .wd-privacy-index__link[href="#scope-of-policy"],
.wd-privacy-page:has(#information-collected:target) .wd-privacy-index__link[href="#information-collected"],
.wd-privacy-page:has(#information-you-provide-directly:target) .wd-privacy-index__link[href="#information-you-provide-directly"],
.wd-privacy-page:has(#technical-and-usage-information:target) .wd-privacy-index__link[href="#technical-and-usage-information"],
.wd-privacy-page:has(#how-information-is-used:target) .wd-privacy-index__link[href="#how-information-is-used"],
.wd-privacy-page:has(#enquiry-and-contact-data:target) .wd-privacy-index__link[href="#enquiry-and-contact-data"],
.wd-privacy-page:has(#project-and-submitted-materials:target) .wd-privacy-index__link[href="#project-and-submitted-materials"],
.wd-privacy-page:has(#tool-inputs-and-ai-related-data:target) .wd-privacy-index__link[href="#tool-inputs-and-ai-related-data"],
.wd-privacy-page:has(#whatsapp-business-messaging:target) .wd-privacy-index__link[href="#whatsapp-business-messaging"],
.wd-privacy-page:has(#communication-and-follow-up:target) .wd-privacy-index__link[href="#communication-and-follow-up"],
.wd-privacy-page:has(#sharing-of-information:target) .wd-privacy-index__link[href="#sharing-of-information"],
.wd-privacy-page:has(#third-party-services:target) .wd-privacy-index__link[href="#third-party-services"],
.wd-privacy-page:has(#cookies-and-analytics:target) .wd-privacy-index__link[href="#cookies-and-analytics"],
.wd-privacy-page:has(#data-retention:target) .wd-privacy-index__link[href="#data-retention"],
.wd-privacy-page:has(#data-protection:target) .wd-privacy-index__link[href="#data-protection"],
.wd-privacy-page:has(#user-requests-and-rights:target) .wd-privacy-index__link[href="#user-requests-and-rights"],
.wd-privacy-page:has(#policy-updates:target) .wd-privacy-index__link[href="#policy-updates"],
.wd-privacy-page:has(#related-pages:target) .wd-privacy-index__link[href="#related-pages"],
.wd-privacy-page:has(#contact-and-privacy-requests:target) .wd-privacy-index__link[href="#contact-and-privacy-requests"] {
  color: var(--privacy-blue) !important;
  background: var(--privacy-blue-soft);
  border-left-color: var(--privacy-blue);
}

.wd-privacy-section__head {
  padding-bottom: clamp(28px, 3.3vw, 48px);
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 18px;
  border-bottom: 1px solid var(--privacy-line);
}

.wd-privacy-section__number {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  color: var(--privacy-blue);
  background: var(--privacy-blue-soft);
  border: 1px solid var(--privacy-blue-line);
  font-size: .78rem;
  font-weight: 800;
}

.wd-privacy-section h2 {
  max-width: 1150px;
  margin: 7px 0 0;
  color: var(--privacy-navy);
  font-size: clamp(1.95rem, 3.25vw, 4.35rem);
  line-height: 1.07;
  letter-spacing: -.042em;
  font-weight: 760;
}

.wd-privacy-prose {
  max-width: 1160px;
  margin-top: 30px;
}

.wd-privacy-prose p {
  margin: 0 0 21px;
  color: var(--privacy-text);
  font-size: clamp(.97rem, .98vw, 1.075rem);
  line-height: 1.87;
}

.wd-privacy-prose p:last-child {
  margin-bottom: 0;
}

/* Notes */

.wd-privacy-note {
  max-width: 1120px;
  margin: 32px 0;
  padding: 20px 22px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 14px;
  border: 1px solid;
  border-left-width: 4px;
}

.wd-privacy-note__icon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  font-size: .82rem;
  font-weight: 850;
}

.wd-privacy-note strong {
  display: block;
  margin: 1px 0 3px;
  color: var(--privacy-black);
  font-size: .96rem;
}

.wd-privacy-note p {
  margin: 0;
  color: #4e5e71;
  font-size: .9rem;
  line-height: 1.65;
}

.wd-privacy-note--info {
  background: var(--privacy-blue-soft);
  border-color: var(--privacy-blue-line);
  border-left-color: var(--privacy-blue);
}

.wd-privacy-note--info .wd-privacy-note__icon {
  color: var(--privacy-blue);
  border: 1px solid var(--privacy-blue-line);
}

.wd-privacy-note--good {
  background: var(--privacy-green-soft);
  border-color: var(--privacy-green-line);
  border-left-color: var(--privacy-green);
}

.wd-privacy-note--good .wd-privacy-note__icon {
  color: var(--privacy-green);
  border: 1px solid var(--privacy-green-line);
}

.wd-privacy-note--warning {
  background: var(--privacy-amber-soft);
  border-color: var(--privacy-amber-line);
  border-left-color: var(--privacy-amber);
}

.wd-privacy-note--warning .wd-privacy-note__icon {
  color: var(--privacy-amber);
  border: 1px solid var(--privacy-amber-line);
}

/* Contact block */

.wd-privacy-support {
  max-width: 1140px;
  margin-top: 38px;
  padding: clamp(24px, 3vw, 38px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  color: #fff;
  background: var(--privacy-navy);
}

.wd-privacy-support small {
  color: #8ebff8;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .12em;
}

.wd-privacy-support strong {
  display: block;
  max-width: 850px;
  margin-top: 7px;
  font-size: 1.08rem;
  line-height: 1.5;
}

.wd-privacy-support__actions {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
}

.wd-privacy-support__actions a {
  min-height: 43px;
  padding: 10px 14px;
  display: inline-flex;
  align-items: center;
  color: #fff !important;
  text-decoration: none !important;
  border: 1px solid rgba(255,255,255,.28);
}

.wd-privacy-support__actions a:hover {
  background: rgba(255,255,255,.08);
}

/* Responsive */

@media (min-width: 2200px) {
  .wd-privacy-page {
    --privacy-index-width: clamp(340px, 18vw, 500px);
  }

  .wd-privacy-prose {
    max-width: 1500px;
  }

  .wd-privacy-prose p {
    font-size: 1.12rem;
  }
}

@media (max-width: 1180px) {
  .wd-privacy-page {
    --privacy-edge: clamp(16px, 2.5vw, 30px);
    --privacy-index-width: 255px;
  }

  .wd-privacy-intro__shell {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .wd-privacy-intro__meta {
    max-width: 800px;
  }

  .wd-privacy-section {
    padding-inline: clamp(24px, 4vw, 48px);
  }
}

@media (max-width: 820px) {
  .wd-privacy-page {
    --privacy-header-offset: 64px;
    --privacy-edge: 0px;
  }

  .wd-privacy-intro__shell {
    min-height: 0;
    padding: 38px 20px 32px;
  }

  .wd-privacy-intro h1 {
    font-size: clamp(2.35rem, 12vw, 4.2rem);
  }

  .wd-privacy-intro__meta {
    grid-template-columns: 1fr;
  }

  .wd-privacy-intro__meta span {
    padding: 15px 17px;
    border-right: 0;
    border-bottom: 1px solid var(--privacy-line);
  }

  .wd-privacy-intro__meta span:last-child {
    border-bottom: 0;
  }

  .wd-privacy-docs__shell {
    display: block;
    padding: 0;
  }

  .wd-privacy-index {
    position: sticky;
    top: var(--privacy-header-offset);
    z-index: 10;
    width: 100%;
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid var(--privacy-line);
    white-space: nowrap;
  }

  .wd-privacy-index__head,
  .wd-privacy-index__group > p {
    display: none;
  }

  .wd-privacy-index__nav {
    width: max-content;
    min-width: 100%;
    padding: 0;
    display: flex;
  }

  .wd-privacy-index__group {
    margin: 0;
    padding: 0;
    display: contents;
    border: 0;
  }

  .wd-privacy-index__link {
    width: auto;
    min-height: 53px;
    padding: 9px 14px;
    border-left: 0;
    border-bottom: 3px solid transparent;
  }

  .wd-privacy-index__link.is-active {
    border-left-color: transparent;
    border-bottom-color: var(--privacy-blue);
  }

  .wd-privacy-section {
    min-height: calc(100dvh - 117px);
    padding: 32px 20px 54px;
    scroll-margin-top: 125px;
  }

  .wd-privacy-section__head {
    grid-template-columns: 39px minmax(0, 1fr);
    gap: 12px;
  }

  .wd-privacy-section__number {
    width: 36px;
    height: 36px;
  }

  .wd-privacy-section h2 {
    font-size: clamp(1.9rem, 9vw, 3.15rem);
  }

  .wd-privacy-note {
    grid-template-columns: 1fr;
  }

  .wd-privacy-support {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 430px) {
  .wd-privacy-intro__shell,
  .wd-privacy-section {
    padding-inline: 17px;
  }

  .wd-privacy-index__link span {
    display: none;
  }

  .wd-privacy-index__link {
    grid-template-columns: 1fr;
  }

  .wd-privacy-section__head {
    grid-template-columns: 1fr;
  }
}


/* ============================================================
   Shared documentation closing note
   Place immediately before </main>
   ============================================================ */

.wd-doc-closing {
  width: 100%;
  margin: 0;
  background: #0a1b2e;
  border-top: 1px solid rgba(255,255,255,.08);
}

.wd-doc-closing__inner {
  width: 100%;
  padding: clamp(34px, 4vw, 66px) clamp(24px, 5vw, 96px);
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr);
  align-items: center;
  gap: clamp(28px, 5vw, 90px);
}

.wd-doc-closing__copy {
  max-width: 1050px;
}

.wd-doc-closing__eyebrow {
  margin: 0 0 9px;
  color: #8ebff8;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.wd-doc-closing h2 {
  max-width: 1000px;
  margin: 0;
  color: #fff;
  font-size: clamp(1.45rem, 2.25vw, 2.65rem);
  line-height: 1.16;
  letter-spacing: -.025em;
}

.wd-doc-closing__copy > p:last-child {
  max-width: 980px;
  margin: 14px 0 0;
  color: #c2d0df;
  font-size: .92rem;
  line-height: 1.72;
}

.wd-doc-closing__links {
  display: grid;
  grid-template-columns: 1fr;
  border-top: 1px solid rgba(255,255,255,.14);
}

.wd-doc-closing__links a {
  min-height: 46px;
  padding: 12px 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255,255,255,.14);
  font-size: .85rem;
  font-weight: 650;
}

.wd-doc-closing__links a::after {
  content: "→";
  color: #8ebff8;
  font-size: 1rem;
}

.wd-doc-closing__links a:hover {
  color: #b9dcff !important;
}

@media (max-width: 820px) {
  .wd-doc-closing__inner {
    padding: 32px 20px;
    grid-template-columns: 1fr;
  }
}
