:root {
  --paper: #f1eee7;
}

/* Colleague handoff effect: quiet paper field with a restrained particle line canvas. */
.site-particle-bg {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: .34;
  mix-blend-mode: screen;
}

.subpage-stage > .subpage-hero,
.subpage-stage > .support-basics,
.subpage-stage > .support-warning,
.subpage-stage > .policy-nav-v5 {
  position: relative;
  z-index: 2;
}

body.privacy-particle-light {
  background: var(--paper);
  color: var(--ink);
}

.privacy-particle-light .subpage-stage,
.privacy-particle-light .privacy-final-v5,
.privacy-particle-light .site-footer-v5 {
  background: var(--paper);
  color: var(--ink);
}

.privacy-particle-light .site-particle-bg {
  opacity: .42;
  mix-blend-mode: multiply;
}

.privacy-particle-light .site-header-dark,
.privacy-particle-light .privacy-final-v5,
.privacy-particle-light .site-footer-v5 {
  border-color: rgba(52, 58, 67, .16);
}

.privacy-particle-light .brand-lockup strong { color: var(--ink); }
.privacy-particle-light .brand-lockup small { color: rgba(52, 58, 67, .54); }
.privacy-particle-light .site-nav a { color: rgba(52, 58, 67, .66); }
.privacy-particle-light .site-nav a:hover,
.privacy-particle-light .site-nav a.active { color: var(--ink); }
.privacy-particle-light .nav-cta { border-color: rgba(52, 58, 67, .26); color: var(--ink); }
.privacy-particle-light .nav-cta:hover {
  border-color: var(--orange);
  color: var(--white);
  background: var(--orange);
}
.privacy-particle-light .subpage-title > p:not(.stage-kicker) { color: rgba(52, 58, 67, .64); }
.privacy-particle-light .policy-version { border-color: rgba(52, 58, 67, .20); }
.privacy-particle-light .policy-version > small { color: rgba(52, 58, 67, .54); }
.privacy-particle-light .policy-version p { color: rgba(52, 58, 67, .54); }
.privacy-particle-light .policy-nav-v5 { border-color: rgba(52, 58, 67, .18); }
.privacy-particle-light .policy-nav-v5 a {
  border-color: rgba(52, 58, 67, .14);
  color: rgba(52, 58, 67, .64);
}
.privacy-particle-light .final-layout > div > p:not(.section-label) { color: rgba(52, 58, 67, .62); }
.privacy-particle-light .footer-layout a { color: rgba(52, 58, 67, .72); }

body.support-particle-light {
  background: var(--paper);
  color: var(--ink);
  background-attachment: scroll;
}

.support-particle-light main,
.support-particle-light .subpage-stage,
.support-particle-light .support-map-stage,
.support-particle-light .quick-check-stage,
.support-particle-light .support-guides-stage,
.support-particle-light .contact-template-stage,
.support-particle-light .faq-stage,
.support-particle-light .support-final-v5,
.support-particle-light .site-footer-v5 {
  background: transparent;
  color: var(--ink);
}

.support-particle-light .subpage-stage { background: var(--paper); }
.support-particle-light .site-particle-bg {
  opacity: .42;
  mix-blend-mode: multiply;
}
.support-particle-light .site-header-dark { border-color: rgba(52, 58, 67, .16); }
.support-particle-light .brand-lockup strong { color: var(--ink); }
.support-particle-light .brand-lockup small { color: rgba(52, 58, 67, .54); }
.support-particle-light .site-nav a { color: rgba(52, 58, 67, .66); }
.support-particle-light .site-nav a:hover,
.support-particle-light .site-nav a.active { color: var(--ink); }
.support-particle-light .nav-cta {
  min-height: 0;
  padding: 7px 10px;
  border-color: rgba(52, 58, 67, .26);
  border-radius: 4px;
  color: var(--ink);
  font-size: 9px;
  font-weight: 650;
  letter-spacing: .02em;
}
.support-particle-light .nav-cta:hover {
  border-color: var(--orange);
  color: var(--white);
  background: var(--orange);
}
.support-particle-light .subpage-title > p:not(.stage-kicker) { color: rgba(52, 58, 67, .64); }
.support-particle-light .direct-contact {
  border-color: rgba(52, 58, 67, .20);
  background: rgba(255, 255, 255, .38);
}
.support-particle-light .direct-contact > small { color: rgba(52, 58, 67, .54); }
.support-particle-light .direct-contact > div { border-color: rgba(52, 58, 67, .14); }
.support-particle-light .direct-contact > div > span { color: rgba(52, 58, 67, .68); }
.support-particle-light .direct-contact > div small { color: rgba(52, 58, 67, .46); }
.support-particle-light .direct-contact button { color: var(--ink); }
.support-particle-light .support-basics { border-color: rgba(52, 58, 67, .18); }
.support-particle-light .support-basics section + section { border-color: rgba(52, 58, 67, .18); }
.support-particle-light .support-basics h2 { color: var(--ink); }
.support-particle-light .support-basics h2 small { color: rgba(52, 58, 67, .48); }
.support-particle-light .support-basics p { color: rgba(52, 58, 67, .64); }
.support-particle-light .support-warning { color: rgba(52, 58, 67, .48); }
.support-particle-light .support-map-stage h2,
.support-particle-light .support-editorial-heading h2,
.support-particle-light .support-checklist h3,
.support-particle-light .section-heading h2,
.support-particle-light .support-guides article h3,
.support-particle-light .support-guides article strong,
.support-particle-light .faq-list-v5 summary strong { color: var(--ink); }
.support-particle-light .section-heading > p:not(.section-label),
.support-particle-light .support-editorial-heading > p:last-child,
.support-particle-light .support-checklist p,
.support-particle-light .support-guides article > div:last-child,
.support-particle-light .faq-list-v5 details > div { color: var(--ink-soft); }
.support-particle-light .english,
.support-particle-light .support-guides article .english,
.support-particle-light .faq-list-v5 details > div .english { color: var(--muted) !important; }
.support-particle-light .support-jump-nav,
.support-particle-light .support-checklist,
.support-particle-light .support-guides,
.support-particle-light .faq-list-v5 { border-color: var(--line); }
.support-particle-light .support-jump-nav a,
.support-particle-light .support-checklist li,
.support-particle-light .support-guides article,
.support-particle-light .faq-list-v5 details { border-color: var(--line); }
.support-particle-light .support-jump-nav a { color: var(--ink-soft); }
.support-particle-light .support-jump-nav a:hover { color: var(--ink); }
.support-particle-light .faq-list-v5 summary small,
.support-particle-light .faq-list-v5 summary::after { color: var(--muted); }
.support-particle-light .contact-template {
  border-color: rgba(52, 58, 67, .16);
  background: rgba(255, 255, 255, .42);
  box-shadow: 0 28px 70px rgba(34, 42, 62, .10);
}
.support-particle-light .contact-template > p:first-child { border-color: rgba(52, 58, 67, .14); }
.support-particle-light .contact-template > p:first-child span,
.support-particle-light .contact-template ol { color: rgba(52, 58, 67, .72); }
.support-particle-light .support-final-v5 { border-top: 1px solid rgba(52, 58, 67, .14); }
.support-particle-light .final-layout > div > p:not(.section-label) { color: rgba(52, 58, 67, .62); }
.support-particle-light .site-footer-v5 {
  border-top: 1px solid rgba(52, 58, 67, .14);
  color: rgba(52, 58, 67, .52);
}
.support-particle-light .footer-layout a { color: rgba(52, 58, 67, .72); }

.support-particle-light .footer-brand,
.privacy-particle-light .footer-brand { gap: 7px; }
.support-particle-light .footer-brand img,
.privacy-particle-light .footer-brand img {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: transparent;
  box-shadow: 0 3px 8px rgba(50, 58, 70, .12), 0 0 0 1px rgba(255, 255, 255, .48);
}
.support-particle-light .footer-brand span,
.privacy-particle-light .footer-brand span { display: inline-flex; align-items: center; gap: 7px; }
.support-particle-light .footer-brand strong,
.support-particle-light .footer-brand small,
.privacy-particle-light .footer-brand strong,
.privacy-particle-light .footer-brand small {
  margin: 0;
  font-size: 14px;
  line-height: 1;
  font-weight: 650;
}
.support-particle-light .footer-brand small,
.privacy-particle-light .footer-brand small { color: rgba(52, 58, 67, .54); letter-spacing: .02em; }

@media (min-width: 761px) {
  .privacy-particle-light .site-header,
  .support-particle-light .site-header { gap: 20px; }
  .privacy-particle-light .brand-lockup,
  .support-particle-light .brand-lockup { gap: 7px; }
  .privacy-particle-light .brand-lockup img,
  .support-particle-light .brand-lockup img {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border-radius: 6px;
    background: transparent;
    box-shadow: 0 3px 8px rgba(50, 58, 70, .12), 0 0 0 1px rgba(255, 255, 255, .48);
  }
  .privacy-particle-light .brand-lockup span,
  .support-particle-light .brand-lockup span { display: inline-flex; align-items: center; gap: 7px; }
  .privacy-particle-light .brand-lockup strong,
  .privacy-particle-light .brand-lockup small,
  .support-particle-light .brand-lockup strong,
  .support-particle-light .brand-lockup small {
    font-size: 14px;
    line-height: 1;
    font-weight: 650;
  }
  .privacy-particle-light .brand-lockup small,
  .support-particle-light .brand-lockup small { margin-top: 0; letter-spacing: .02em; }
  .privacy-particle-light .site-nav,
  .support-particle-light .site-nav { gap: clamp(17px, 2.4vw, 34px); }
  .privacy-particle-light .site-nav a,
  .support-particle-light .site-nav a { padding: 6px 0; font-size: clamp(10px, .85vw, 12px); }
  .privacy-particle-light .site-nav a::after,
  .support-particle-light .site-nav a::after { bottom: 0; height: 1px; }
  .privacy-particle-light .nav-cta { min-height: 0; padding: 7px 10px; border-radius: 4px; font-size: 9px; font-weight: 650; letter-spacing: .02em; }
  .privacy-particle-light .subpage-stage,
  .support-particle-light .subpage-stage {
    aspect-ratio: 16 / 9;
    min-height: 56.25vw;
    height: auto;
    padding-bottom: 50px;
  }
  .privacy-particle-light .privacy-hero-v5,
  .support-particle-light .subpage-hero { padding-bottom: 42px; }
}

@media (max-width: 620px) {
  .support-particle-light .support-jump-nav a:nth-child(even) { border-left-color: var(--line); }
}

@media (prefers-reduced-motion: reduce) {
  .site-particle-bg { opacity: .26; }
}