/* Shared public document treatment; content, translations and links are untouched. */
body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) { --bg: #0a101c; --surface: #131c2a; --surface-solid: #131c2a; --info-line: rgba(140,165,195,.16); background: #0a101c; color: #cbd5e0; font-family: var(--sans); }
body:is([data-page="about"],[data-page="contact"],[data-page="privacy"])::before { content: none; display: none; }
body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .ambient-grid { display: none; }
body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .app-shell { background: transparent; }
body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .topbar,
body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .app-shell > footer { background: #0a101c; box-shadow: none; }
body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .info-split { padding-top: 32px; padding-bottom: 40px; background: transparent; }
body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) :is(.about-main,.privacy-main) { box-sizing: border-box; width: min(860px,calc(100% - 40px)); min-width: 0; margin-inline: auto; padding: 36px 28px 44px; background: #131c2a; color: #cbd5e0; border: 0; border-radius: 0; box-shadow: none; }
body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .info-split__nav { margin-top: 8px; border-color: var(--info-line); }
body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .info-split__nav a { color: #93a7bd; font-weight: 500; }
body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .info-split__nav a:hover { color: #e0e7ef; background: #162134; }
body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .info-split__nav a[aria-current="page"] { background: #162134; border-left-color: #6fb0de; color: #e0e7ef; font-weight: 600; }
body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) :is(.about-main,.privacy-main) p,
body:is([data-page="contact"],[data-page="privacy"]) .privacy-main li { color: #cbd5e0; font: 400 16px/1.8 var(--sans); word-break: keep-all; overflow-wrap: anywhere; }
body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) :is(.about-main,.privacy-main) h2 { color: #b7c7da; font: 600 20px/1.5 var(--sans); letter-spacing: -.02em; }
body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) :is(.about-main,.privacy-main) h3 { color: #e0e7ef; font: 600 17px/1.5 var(--sans); letter-spacing: -.015em; }
body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) :is(.about-main,.privacy-main) a { color: #6fb0de; overflow-wrap: anywhere; text-underline-offset: 3px; }
body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) a:focus-visible { outline: 2px solid #6fb0de; outline-offset: 3px; }
body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) :is(.about-hero,.privacy-hero) { padding-bottom: 28px; border-bottom: 1px solid var(--info-line); }
body:is([data-page="contact"],[data-page="privacy"]) .privacy-eyebrow { display: none; }
body:is([data-page="contact"],[data-page="privacy"]) .privacy-hero h1 { color: #e0e7ef; font: 700 30px/1.4 var(--sans); letter-spacing: -.025em; }
body:is([data-page="contact"],[data-page="privacy"]) .privacy-hero > p { margin-top: 16px; }
body:is([data-page="contact"],[data-page="privacy"]) .privacy-meta { margin-top: 18px; gap: 10px 24px; }
body:is([data-page="contact"],[data-page="privacy"]) .privacy-meta div { min-width: 0; flex-wrap: wrap; gap: 4px 10px; }
body:is([data-page="contact"],[data-page="privacy"]) .privacy-meta dt { color: #93a7bd; font: 400 12px/1.6 var(--sans); letter-spacing: 0; }
body:is([data-page="contact"],[data-page="privacy"]) .privacy-meta dd { color: #cbd5e0; font: 400 13px/1.6 var(--sans); overflow-wrap: anywhere; }
body:is([data-page="contact"],[data-page="privacy"]) .privacy-summary { margin: 24px 0; padding: 0; background: transparent; border: 0; border-radius: 0; }
body:is([data-page="contact"],[data-page="privacy"]) .privacy-summary h2 { font-size: 18px; }
body:is([data-page="contact"],[data-page="privacy"]) .privacy-summary li::before { background: #86a4ca; }
body:is([data-page="contact"],[data-page="privacy"]) .privacy-content { border-color: var(--info-line); }
body:is([data-page="contact"],[data-page="privacy"]) .privacy-section { padding: 28px 0; border-color: var(--info-line); }
body:is([data-page="contact"],[data-page="privacy"]) .privacy-section:last-child { border-bottom: 0; padding-bottom: 0; }
body:is([data-page="contact"],[data-page="privacy"]) .privacy-section > p { margin-top: 10px; }
body:is([data-page="contact"],[data-page="privacy"]) .privacy-data-grid { grid-template-columns: minmax(0,1fr); gap: 20px; }
body:is([data-page="contact"],[data-page="privacy"]) .privacy-data-grid article { padding: 0; background: transparent; border: 0; }
body:is([data-page="contact"],[data-page="privacy"]) .privacy-data-grid p { margin-top: 6px; font-size: 15px; }
body:is([data-page="contact"],[data-page="privacy"]) .privacy-contact > div { padding: 12px 0; border: 0; border-radius: 0; background: transparent; color: #93a7bd; flex-wrap: wrap; }
body:is([data-page="contact"],[data-page="privacy"]) .privacy-contact a { color: #6fb0de; font: 400 14px/1.7 var(--sans); }
body[data-page="contact"] .privacy-summary .privacy-meta { display: grid; gap: 16px; }
body[data-page="contact"] .privacy-summary .privacy-meta div { display: grid; gap: 4px; }
body[data-page="contact"] .privacy-summary .privacy-meta dd { font-size: 16px; }
body[data-page="contact"] .privacy-summary a[href^="mailto:"] { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; }
body[data-page="about"] .about-main .about-hero h1 { color: #93a7bd; font: 400 12px/1.6 var(--sans); letter-spacing: .04em; margin-bottom: 16px; }
body[data-page="about"] .about-main .about-hero h1 span { color: #e0e7ef; font: 700 30px/1.4 var(--sans); letter-spacing: -.025em; }
body[data-page="about"] .about-main .about-hero__copy > p { color: #cbd5e0; font: 400 16px/1.8 var(--sans); }
body[data-page="about"] .about-main .about-hero__note { padding: 12px 16px; background: #162134; border-left: 2px solid #86a4ca; }
body[data-page="about"] .about-main .about-hero__note strong { color: #e0e7ef; font-weight: 600; }
body[data-page="about"] .about-main .about-hero__note p { color: #cbd5e0; font: 400 15px/1.75 var(--sans); }
body[data-page="about"] .about-main :is(.work-section,.observe-section,.services-section,.principles-section) { padding: 28px 0 !important; border-bottom: 1px solid var(--info-line); }
body[data-page="about"] .about-main .about-heading h2 { color: #b7c7da; font-size: 20px !important; font-weight: 600; line-height: 1.5; }
body[data-page="about"] .about-main :is(.work-section,.observe-section,.services-section,.principles-section) .about-heading h2 { font-size: 20px !important; }
body[data-page="about"] .about-main :is(.work-grid,.observe-grid,.principle-grid) article:nth-child(n) { padding: 14px 0 !important; border: 0 !important; max-width: none; min-width: 0; grid-column: auto; }
body[data-page="about"] .about-main :is(.work-grid,.observe-grid,.principle-grid) h3 { color: #e0e7ef; font-size: 17px !important; font-weight: 600; line-height: 1.5 !important; white-space: normal !important; }
body[data-page="about"] .about-main :is(.work-grid,.observe-grid,.principle-grid) p { color: #cbd5e0; font-size: 15px !important; font-weight: 400; line-height: 1.75 !important; white-space: normal !important; }
body[data-page="about"] .about-main .work-grid h3 span { color: #70849a; font-weight: 400; }
body[data-page="about"] .about-main .service-grid a:nth-child(n) { padding: 14px 0 !important; border: 0 !important; min-width: 0; }
body[data-page="about"] .about-main .service-grid strong { color: #e0e7ef; font-size: 17px; font-weight: 600; }
body[data-page="about"] .about-main .service-grid small { color: #93a7bd; font-size: 14px; line-height: 1.7; }
body[data-page="about"] .about-main .service-grid b { color: #93a7bd; }
body[data-page="about"] .about-main .observe-summary a { color: #6fb0de; font-weight: 500; }
body[data-page="about"] .about-main .about-disclaimer h2 { color: #93a7bd; font-size: 16px !important; }
body[data-page="about"] .about-main .about-disclaimer p { color: #93a7bd; font-size: 14px; }
@media (min-width: 1024px) {
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) :is(.about-main,.privacy-main) { width: 100%; }
  body[data-page="about"] .about-main :is(.work-grid,.observe-grid,.service-grid,.principle-grid) { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 28px; }
  body[data-page="privacy"] .privacy-data-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 28px; }
}
@media (max-width: 768px) {
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .app-shell { background: #131c2a; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .info-split { padding: 0; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) :is(.about-main,.privacy-main) { width: 100%; padding: 28px var(--mobile-app-gutter,20px) 36px; border: 0; }
  body:is([data-page="contact"],[data-page="privacy"]) .privacy-hero h1,
  body[data-page="about"] .about-main .about-hero h1 span { font-size: 26px; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .mobile-app-status { background: #0a101c; border: 0; box-shadow: none; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) :is(.mobile-language-control,.mobile-more-trigger) { color: #93a7bd; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .mobile-bottom-nav { background: rgba(10,16,28,.97); box-shadow: none; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .mobile-bottom-nav a { color: #93a7bd; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .mobile-bottom-nav .is-active { color: #6fb0de; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .mobile-bottom-nav svg { filter: none; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .mobile-alert-count { background: #cc433b; color: #e0e7ef; box-shadow: none; }
  body[data-page="about"] .about-main .about-heading h2 { font-size: 19px !important; }
  body[data-page="about"] .about-main :is(.work-section,.observe-section,.services-section,.principles-section) .about-heading h2 { font-size: 19px !important; }
  body[data-page="about"] .about-main :is(.work-grid,.observe-grid,.service-grid,.principle-grid) { display: block !important; }
  body[data-page="about"] .about-main .work-grid p { padding-left: 0; }
}

/* PC documents share the current regional-page guide; mobile stays intact. */
@media (min-width: 769px) {
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) { --info-line: rgba(146,164,180,.16); color: #c7cfd8; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .info-split { width: 100%; padding: 32px 0 40px; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) :is(.about-main,.privacy-main) { width: 100%; background: transparent; padding: 0 0 28px; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .info-split__nav { border: 0; padding-right: 12px; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .info-split__nav a { color: #92a4b4; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .info-split__nav a:hover,
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .info-split__nav a[aria-current="page"] { color: #76b7ff; background: rgba(118,183,255,.06); border-left-color: #76b7ff; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) :is(.about-main,.privacy-main) :is(p,li) { color: #c7cfd8; font-size: 15px; line-height: 1.85; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) :is(.about-main,.privacy-main) :is(h2,h3) { color: #52c7b8; }
  body:is([data-page="contact"],[data-page="privacy"]) .privacy-hero h1,
  body[data-page="about"] .about-main .about-hero h1 span { color: #c7cfd8; font-size: 30px; line-height: 1.4; }
  body[data-page="about"] .about-main .about-hero h1 { color: #6e8398; }
  body[data-page="about"] .about-main .about-hero__copy > p { color: #c7cfd8; font-size: 16px; line-height: 1.85; }
  body[data-page="about"] .about-main .about-hero__note { background: transparent; border-left-color: #52c7b8; padding: 6px 0 6px 16px; }
  body[data-page="about"] .about-main .about-hero__note strong { color: #c7cfd8; }
  body[data-page="about"] .about-main .about-hero__note p { color: #92a4b4; }
  body[data-page="about"] .about-main .about-heading h2 { color: #52c7b8; }
  body[data-page="about"] .about-main :is(.work-grid,.observe-grid,.principle-grid) h3,
  body[data-page="about"] .about-main .service-grid strong { color: #c7cfd8; }
  body[data-page="about"] .about-main :is(.work-grid,.observe-grid,.principle-grid) p { color: #c7cfd8; line-height: 1.85 !important; }
  body[data-page="about"] .about-main :is(.service-grid small,.service-grid b,.about-disclaimer p,.about-disclaimer h2) { color: #92a4b4; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) :is(.about-main,.privacy-main) a { color: #76b7ff; }
  body:is([data-page="contact"],[data-page="privacy"]) .privacy-meta dt { color: #6e8398; }
  body:is([data-page="contact"],[data-page="privacy"]) .privacy-meta dd { color: #c7cfd8; }
  body:is([data-page="contact"],[data-page="privacy"]) .privacy-summary li::before { background: #52c7b8; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) a:focus-visible { outline-color: #76b7ff; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .mobile-more-trigger svg circle { fill: currentColor; stroke: none; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) :is(.about-main,.privacy-main) p { max-width: 80ch; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .app-shell > footer.site-footer { display: block; width: 100%; margin-inline: 0; height: auto; border-top: 1px solid rgba(146,164,180,.13); }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .site-footer__inner { width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .site-footer__meta { justify-self: end; }
}

/* Mobile documents share the current briefing/regions reading surface. */
@media (max-width: 768px) {
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) { --surface: #0a101c; --surface-solid: #0a101c; color: #c7cfd8; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .app-shell { background: #0a101c; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) :is(.about-main,.privacy-main) { background: #0a101c; color: #c7cfd8; padding: 20px 16px 32px; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) :is(.about-main,.privacy-main) :is(p,li) { color: #c7cfd8; font-size: 16px; font-weight: 400; line-height: 1.75; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) :is(.about-main,.privacy-main) h2 { color: #52c7b8; font-size: 18px; font-weight: 600; line-height: 1.5; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) :is(.about-main,.privacy-main) h3 { color: #c7cfd8; font-size: 16px; font-weight: 600; line-height: 1.5; }
  body:is([data-page="contact"],[data-page="privacy"]) .privacy-hero h1,
  body[data-page="about"] .about-main .about-hero h1 span { color: #c7cfd8; font-size: 24px; font-weight: 650; line-height: 1.45; }
  body:is([data-page="contact"],[data-page="privacy"]) .privacy-hero h1 { max-width: calc(100% - 44px); }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) :is(.about-hero,.privacy-hero) { padding-bottom: 24px; }
  body:is([data-page="contact"],[data-page="privacy"]) .privacy-meta dt { color: #6e8398; }
  body:is([data-page="contact"],[data-page="privacy"]) .privacy-meta dd { color: #92a4b4; }
  body:is([data-page="contact"],[data-page="privacy"]) .privacy-summary li::before { background: #52c7b8; }
  body:is([data-page="contact"],[data-page="privacy"]) .privacy-section { padding: 24px 0; }
  body:is([data-page="contact"],[data-page="privacy"]) .privacy-data-grid p { font-size: 15px; }
  body:is([data-page="contact"],[data-page="privacy"]) .privacy-contact > div { color: #92a4b4; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) :is(.about-main,.privacy-main) a { color: #76b7ff; }
  body:is([data-page="contact"],[data-page="privacy"]) :is(.privacy-contact,.privacy-summary .privacy-meta) a { display: inline-flex; align-items: center; min-height: 44px; }
  body[data-page="contact"] .privacy-summary .privacy-meta dd { color: #c7cfd8; }
  body[data-page="about"] .about-main .about-hero h1 { color: #6e8398; }
  body[data-page="about"] .about-main .about-hero__copy > p { color: #c7cfd8; font-size: 16px; line-height: 1.75; }
  body[data-page="about"] .about-main .about-hero__note { background: transparent; border-left-color: #52c7b8; padding: 8px 0 8px 14px; }
  body[data-page="about"] .about-main .about-hero__note strong { color: #c7cfd8; }
  body[data-page="about"] .about-main .about-hero__note p { color: #92a4b4; font-size: 15px; }
  body[data-page="about"] .about-main :is(.work-section,.observe-section,.services-section,.principles-section) { padding: 24px 0 !important; }
  body[data-page="about"] .about-main :is(.work-section,.observe-section,.services-section,.principles-section) .about-heading h2 { color: #52c7b8; font-size: 18px !important; }
  body[data-page="about"] .about-main :is(.work-grid,.observe-grid,.principle-grid) h3 { color: #c7cfd8; font-size: 16px !important; }
  body[data-page="about"] .about-main :is(.work-grid,.observe-grid,.principle-grid) p { color: #c7cfd8; }
  body[data-page="about"] .about-main .work-grid h3 span { color: #6e8398; }
  body[data-page="about"] .about-main .service-grid strong { color: #c7cfd8; font-size: 16px; }
  body[data-page="about"] .about-main .service-grid :is(small,b) { color: #92a4b4; }
  body[data-page="about"] .about-main .observe-summary a { color: #76b7ff; display: inline-flex; align-items: center; min-height: 44px; }
  body[data-page="about"] .about-main .about-disclaimer :is(h2,p) { color: #92a4b4; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) :is(.mobile-language-control,.mobile-more-trigger) { color: #92a4b4; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .mobile-bottom-nav a { color: #92a4b4; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .mobile-bottom-nav .is-active { color: #52c7b8; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .mobile-alert-count { background: #ef554c; color: #c7cfd8; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .mobile-more-sheet__panel { background: #101a27; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .mobile-more-sheet__close { background: transparent; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) a:focus-visible { outline-color: #76b7ff; }
  body:is([data-page="about"],[data-page="contact"],[data-page="privacy"]) .mobile-more-trigger svg circle { fill: currentColor; stroke: none; }
}