/* OKO V2 interiors. Original page compositions remain the starting point.
   The high-specificity :is branch only counters legacy four-ID overrides.
   Home and site chrome are intentionally out of scope. */
body.oko-preview:not([data-oko-kind="home"]) {
  --oko-ink:#1e3653; --oko-sky:#95cdff; --oko-paper:#f7f9fb;
  --oko-hairline:rgba(30,54,83,.15);
  background:var(--oko-paper); color:var(--oko-ink);
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) {
  font-family:"Reddit Sans",sans-serif;
  --xsg-orange:#1e3653; --xsg-black:#1e3653; --xsg-silver:#f7f9fb;
  --orange:#1e3653; --ink:#1e3653; --soft:#edf5fc; --paper:#fff;
  --line:rgba(30,54,83,.15); --muted:#52677e;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) * {
  font-family:"Reddit Sans",sans-serif !important;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-service-template,.xsg-source-exact,.xsg-complete-text) {
  --xsg-detail-orange:#1e3653; --xsg-editorial-ink:#1e3653;
  --xsg-detail-ink:#1e3653; --xsg-orange:#1e3653;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .oko-hero h1 {
  font-size:clamp(44px,4.8vw,68px) !important;
  letter-spacing:-.045em !important; line-height:1.06 !important; font-weight:780 !important;
  text-wrap:balance;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(a,button,input,textarea,select,summary):focus-visible {
  outline:3px solid var(--oko-sky); outline-offset:4px;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-btn,.xsg-button,.xcp-button,.xcr-button,.button.primary) {
  border-color:var(--oko-ink) !important; background:var(--oko-ink) !important;
  color:#fff !important; border-radius:9px !important;
  min-height:52px; box-shadow:none !important;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-btn,.xsg-button,.xcp-button,.xcr-button,.button.primary) :is(span,strong) {color:inherit !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-btn,.xsg-button,.xcp-button,.xcr-button,.button.primary):hover {
  background:#315678 !important; color:#fff !important; transform:translateY(-2px);
}

/* Directory: airy cards, clear numbering, richer photographic hero. */
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-page {margin:0 !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-hero {
  background:var(--oko-ink) !important; padding:76px 0 82px !important;
  color:#fff; border:0 !important;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-hero h1 {color:#fff !important;font-size:clamp(52px,5.2vw,76px) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-hero :is(p,a) {color:#fff !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-hero .xsg-services-eyebrow {color:#e8edf2 !important;letter-spacing:.14em}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-hero__inner {gap:64px;align-items:center;padding-block:0 !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-grid-section {background:var(--oko-paper) !important;padding-block:78px 96px !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-grid {gap:26px !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-card {
  border:1px solid var(--oko-hairline) !important;border-radius:20px !important;
  box-shadow:0 8px 28px rgba(30,54,83,.035);background:#fff;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-card:hover {transform:translateY(-5px);box-shadow:0 18px 42px rgba(30,54,83,.1)}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-card__visual {background:#edf5fc !important;min-height:255px}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-card:nth-child(3n+2) .xsg-services-card__visual {background:#f1f4f3 !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-card:nth-child(3n) .xsg-services-card__visual {background:#e4eef7 !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-card__content {padding:28px !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-card__content :is(h3,p,span) {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-card__content h3 {font-size:25px;letter-spacing:-.025em}

/* Service detail pages retain their individual workbench illustrations. */
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-service-template,.xsg-complete-text) .xsg-wrap {width:min(1180px,calc(100% - 48px)) !important;max-width:1180px !important;margin-inline:auto !important;padding-inline:0 !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-service-hero,.xsg-page-hero) {
  background:#edf5fc !important;padding-block:68px !important;border-bottom:1px solid var(--oko-hairline) !important;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-service-hero,.xsg-page-hero) :is(h1,p,li,.xsg-service-breadcrumb,.xsg-service-breadcrumb a) {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-service-hero-grid {gap:64px !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-service-hero-grid::after {
  background-color:#fff !important;border:1px solid rgba(30,54,83,.08) !important;
  border-radius:26px 26px 64px 26px !important;box-shadow:0 20px 50px rgba(30,54,83,.08) !important;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-service-hero-grid.oko-v2-source-detail::after {
  width:100% !important;height:auto !important;min-height:0 !important;aspect-ratio:3 / 2;
  background-image:url('/assets/oko-sourcing-studio-v2-opt-v1.webp') !important;
  background-size:contain !important;background-repeat:no-repeat !important;background-position:center !important;
  border:0 !important;border-radius:22px !important;align-self:center;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-service-template h2 {color:var(--oko-ink) !important;font-size:clamp(32px,3vw,44px) !important;line-height:1.13 !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-service-template :is([class*="eyebrow"],[class*="kicker"]) {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-service-section.is-soft {background:var(--oko-paper) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-worry-mark {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-worry-card {background:#fff !important;box-shadow:0 14px 38px rgba(30,54,83,.06) !important;border-radius:18px !important}

/* Catalog: clear product photography, editorial spacing, original collage tilt. */
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-hero {
  background:#e5f2fe !important;min-height:620px !important;padding:70px 0 80px !important;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-hero-grid {grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:68px !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-hero :is(h1,p,.xcp-text-link) {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xcp-eyebrow,.xcr-eyebrow) {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp :is(.xcp-kicker,[class*="eyebrow"],[class*="kicker"]) {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp #xcp-title {font-size:clamp(48px,5vw,72px) !important;letter-spacing:-.055em !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-sheet {border:1px solid var(--oko-hairline) !important;box-shadow:0 14px 34px rgba(30,54,83,.14) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-section-head {max-width:780px;text-align:left;margin-left:0}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-category-grid {gap:18px !important;background:none !important;border:0 !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-category {gap:17px;padding:20px 16px !important;background:var(--oko-paper);border:1px solid var(--oko-hairline);border-radius:16px;min-height:210px}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-category img {width:132px;height:132px;border-radius:12px;object-fit:cover}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-category:hover {background:#e5f2fe;box-shadow:none;transform:translateY(-3px)}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-solutions {background:var(--oko-paper) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-solution-art {background:#dfedfa !important;border-radius:24px !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-next {background:#fff !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcr-hero {background:#edf5fc !important;padding:58px 0 64px !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcr #xcr-title {font-size:clamp(42px,4.2vw,60px) !important;color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcr-hero-image {border-radius:24px 24px 60px 24px !important;box-shadow:0 14px 36px rgba(30,54,83,.08);border:6px solid #fff}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcr-card {border-color:var(--oko-hairline) !important;border-radius:18px !important;padding:24px}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcr-card h3 {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcr-contact {background:#e5f2fe !important;border-radius:20px !important}

/* A new scene may be supplied without changing the original text content. */
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .oko-v2-hero-scene {
  display:block;width:100%;min-width:0;margin:0;overflow:hidden;
  border-radius:24px;aspect-ratio:auto;background:#fff;
  box-shadow:0 22px 54px rgba(30,54,83,.13);
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .oko-v2-hero-scene img {display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:contain}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .oko-v2-art-label {display:block;padding:14px 20px;margin:0 !important;background:#f7f9fb;border-top:1px solid var(--oko-hairline);color:var(--oko-ink) !important;font-size:12px;line-height:1.5;letter-spacing:.025em}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-hero-visual:has(.oko-v2-hero-scene) {aspect-ratio:auto}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-hero-visual:has(.oko-v2-hero-scene) .xcp-visual-caption {position:static;margin:18px 0 0;inset:auto;line-height:1.5;text-align:left}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-hero:has(.oko-v2-hero-scene) .xsg-services-hero__inner {display:grid;grid-template-columns:1fr 1fr;gap:24px 64px}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-hero .oko-v2-hero-scene {grid-column:2;grid-row:1 / span 2;aspect-ratio:auto}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-hero:has(.oko-v2-hero-scene) .xsg-services-hero__inner > div:first-child {grid-column:1;align-self:end}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-hero:has(.oko-v2-hero-scene) .xsg-services-hero__copy {grid-column:1;align-self:start;max-width:520px}

/* About has its own founder-led rhythm, not a generic sales-page hero. */
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) #xsg-about-home-v2 {
  --orange:#1e3653;--ink:#1e3653;--soft:#f7f9fb;--paper:#fff;--muted:#52677e;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) #xsg-about-home-v2 .xsg-about-v2-hero {background:#edf5fc !important;padding:76px 0 !important;border-bottom:0 !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) #xsg-about-home-v2 .xsg-about-v2-hero h1 {font-size:clamp(44px,4.5vw,64px) !important;color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) #xsg-about-home-v2 .xsg-about-v2-hero-copy::after {background-color:#fff !important;border-radius:24px 24px 64px 24px !important;box-shadow:0 20px 44px rgba(30,54,83,.06) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) #xsg-about-home-v2 .xsg-about-v2-portrait {border-radius:18px !important;box-shadow:0 12px 30px rgba(30,54,83,.1)}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) #xsg-about-home-v2 .xsg-about-v2-quote {background:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) #xsg-about-home-v2 .xsg-about-v2-quote :is(p,span) {color:#fff !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) #xsg-about-home-v2 :is(.xsg-about-v2-card,.xsg-about-v2-no) {border-radius:16px !important;border-color:var(--oko-hairline) !important}

/* Functional pages use quieter scale, readable forms, and layered sheets. */
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg75,.xsg77) {--orange:#1e3653;--ink:#1e3653;--soft:#f7f9fb}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg75,.xsg77) .hero {background:#edf5fc !important;color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg75,.xsg77) .hero :is(h1,p,li) {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg75 .hero h1 {font-size:clamp(42px,4.4vw,64px) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg75 .hero span.eyebrow {background:#fff !important;color:var(--oko-ink) !important;border-color:var(--oko-hairline) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg77 .hero h1 {font-size:clamp(40px,4.1vw,58px) !important;max-width:600px}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg77 .route[aria-pressed="true"] {background:#e5f2fe !important;color:var(--oko-ink) !important;border-color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg77 form button.submit {background:var(--oko-ink) !important;color:#fff !important;border-color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg77 form button.submit:hover {background:#315678 !important;color:#fff !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg77 :is(.eyebrow,.benefits li b) {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-about-v2-row > small,.xsg-service-jump__meta,.xsg-service-jump__arrow) {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg77 :is(input,select,textarea) {border-radius:8px;border-color:var(--oko-hairline)}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg75 .plan {border-radius:22px !important;box-shadow:0 14px 34px rgba(30,54,83,.06) !important;border:1px solid var(--oko-hairline)}

/* Long-form articles: modest title scale and a comfortable reading column. */
body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(#page,#content,.ast-container,#primary,.site-main) {background:#fff;margin:0 auto;padding:0;width:100%;max-width:none}
body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .ast-article-single {padding:0;background:#fff}
body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .entry-header {
  padding:66px max(28px,calc((100vw - 980px)/2)) 58px !important;
  margin:0 0 48px !important;background:var(--oko-paper);border-bottom:1px solid var(--oko-hairline);
}
body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .entry-header h1 {font-size:clamp(38px,4vw,56px) !important;color:var(--oko-ink);line-height:1.12 !important;letter-spacing:-.035em !important;max-width:980px}
body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .entry-meta {margin-top:26px;font-size:13px;color:#52677e}
body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.entry-content,.post-navigation,.comments-area) {width:min(880px,calc(100% - 56px));max-width:880px;margin-inline:auto}
body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .entry-content {padding-bottom:60px}
body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-article {--xsg-vermilion:#1e3653;--xsg-ink:#1e3653;--xsg-surface:#edf5fc}
body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .entry-content h2 {font-size:clamp(28px,2.5vw,36px);line-height:1.2;letter-spacing:-.025em}
body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(blockquote,.xsg-article-faq) {border-radius:0 16px 16px 0;background:#edf5fc;border-color:var(--oko-sky)}

/* The portfolio keeps its overlapping, tilted design boards. */
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-range-portfolio-main .hero {background:#e5f2fe !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-range-portfolio-main .hero :is(h1,p) {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-range-portfolio-main .button {background:var(--oko-ink) !important;color:#fff !important;border-color:var(--oko-ink) !important;border-radius:9px}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-range-portfolio-main .button.secondary {background:#fff !important;color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-range-portfolio-main :is(.proof,.process) {background:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-range-portfolio-main :is(.proof,.process) :is(h2,h3,strong,b) {color:#fff !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-range-portfolio-main :is(.proof,.process) :is(p,span,a) {color:#fff !important}

/* Known dark bands and guide metadata retain deliberate local contrast. */
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-lm-proof,.xsg-pi-safety-card,.xsg-pi-final,.xsg-blog-v2-feature-copy,.xsg-hf-monthly-copy) :is(h1,h2,h3) {color:#fff !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-lm-proof,.xsg-pi-safety-card,.xsg-pi-final,.xsg-blog-v2-feature-copy,.xsg-hf-monthly-copy) :is(p,span,small,strong,li,a) {color:#fff !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-hf-monthly-points,.xsg-hf-monthly-fineprint,#label_ff_3_email) {color:#fff !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-hf-monthly-points * {color:#fff !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-pi-checks .xsg-pi-method-number {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-import-hero {background:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-import-hero :is(h1,p) {color:#fff !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-import-hero-meta > span {color:var(--oko-ink) !important;background:#edf5fc !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) #xsg-yiwu-content {--xsg-orange:#1e3653;--xsg-silver:#edf5fc;--xsg-ink:#1e3653}

/* Localized pages preserve their own RTL/LTR structure and script rhythm. */
body.oko-preview.oko-multilingual :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .hero {background:#e5f2fe !important}
body.oko-preview.oko-multilingual :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .hero :is(h1,p) {color:var(--oko-ink) !important}
body.oko-preview.oko-multilingual :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .hero-media {border:0 !important;border-radius:24px 24px 64px 24px !important;box-shadow:0 18px 44px rgba(30,54,83,.1) !important}
body.oko-preview.oko-multilingual :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .feature-grid {gap:22px;border:0}
body.oko-preview.oko-multilingual :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .feature-card {background:var(--oko-paper);border:1px solid var(--oko-hairline);border-radius:18px}
body.oko-preview.oko-multilingual :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .process-section :is(h2,h3) {color:#fff !important}
body.oko-preview.oko-multilingual :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .process-grid > article > span {color:var(--oko-sky) !important}
body.oko-preview.oko-multilingual :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .process-section :is(p,a,b,strong) {color:#fff !important}
body.oko-preview.oko-multilingual :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .cta {background:#e5f2fe !important}
body.oko-preview.oko-multilingual :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .button.secondary {background:transparent !important;color:var(--oko-ink) !important;border-color:var(--oko-ink) !important;border-radius:9px}
body.oko-preview.oko-multilingual[data-oko-language="ar"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) * {font-family:"Reddit Sans",Tahoma,Arial,sans-serif !important;letter-spacing:0 !important}
body.oko-preview.oko-multilingual[data-oko-language="ar"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(h1,h2,h3) {line-height:1.35 !important}

@media(max-width:1000px){
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xcp-hero-grid,.xsg-service-hero-grid,.xsg-services-hero__inner) {gap:36px !important}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-category-grid {gap:14px !important}
}
@media(max-width:767px){
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-service-template,.xsg-complete-text) .xsg-wrap {width:calc(100% - 40px) !important}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .oko-hero h1 {font-size:clamp(39px,10.5vw,52px) !important;line-height:1.08 !important}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-services-hero,.xsg-service-hero,.xsg-page-hero,.xcp-hero) {padding:48px 0 54px !important;min-height:0 !important}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xcp-hero-grid,.xsg-services-hero__inner) {grid-template-columns:minmax(0,1fr) !important;gap:32px !important}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-hero .oko-v2-hero-scene {grid-column:1;grid-row:auto}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .oko-v2-hero-scene {border-radius:18px;aspect-ratio:auto}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-grid {gap:22px !important;grid-template-columns:minmax(0,1fr) !important}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-category-grid {grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-category {padding:16px 12px !important;min-height:180px}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-category img {width:110px;height:110px}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcr #xcr-title {font-size:42px !important}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) #xsg-about-home-v2 .xsg-about-v2-hero {padding:52px 0 !important}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) #xsg-about-home-v2 .xsg-about-v2-hero h1 {font-size:44px !important}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg77 .hero h1 {font-size:42px !important}
  body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .entry-header {padding:44px 22px !important;margin-bottom:34px !important}
  body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .entry-header h1 {font-size:38px !important;line-height:1.13 !important}
  body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.entry-content,.post-navigation,.comments-area) {width:calc(100% - 40px)}
  body.oko-preview.oko-multilingual[data-oko-language="ar"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .oko-hero h1 {line-height:1.35 !important}
}
@media(prefers-reduced-motion:reduce){
  body.oko-preview:not([data-oko-kind="home"]) .oko-content :is(.xsg-services-card,.xcp-category,.xsg-button,.xcp-button) {transition:none;transform:none !important}
}

/* Readability pass for the legacy light-surface archive and guide families.
   These are concrete light contexts, not a blanket recolor of dark-band text. */
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(
  .xsg-article-body a,
  .xsg-hf-cat-eyebrow,.xsg-hf-cat-tag,.xsg-hf-cat-card-inner > b,.xsg-hf-cat-card-inner > b > span,
  .xsg-thanks__hero .xsg-thanks__eyebrow,.xsg-thanks__next .xsg-thanks__eyebrow,
  .xsg-how-head .xsg-how-kicker,.xsg-how-intro .xsg-how-kicker,.xsg-how-step-num,
  .xsg75 .not-included .eyebrow,.xsg75 .section-head .eyebrow,.xsg75 .timeline article > b,
  .xsg75 .freebie .tag,.xsg75 .yiwu-card .tag,.xsg75 .quality-grid article > span,
  .xsg-import-hero-meta > span > b,.xsg-import-toc > p,.xsg-import-article p > a,
  .xsg-lm-hero__copy > .xsg-lm-eyebrow,.xsg-lm-section-head .xsg-lm-eyebrow,.xsg-lm-preview__number,
  .xsg-blog-v2-popular .xsg-hf-eyebrow,.xsg-kh-discovery-top .xsg-hf-eyebrow,
  .xsg-kh-section-heading .xsg-hf-eyebrow,.xsg-blog-v2-promo-card > b,.xsg-blog-v2-promo-card > b > span,.xsg-hf-topic-kicker,
  .xsg-pi-hero .xsg-pi-eyebrow,.xsg-pi-section-head .xsg-pi-eyebrow,.xsg-pi-section-head > .xsg-pi-method-number,
  .xsg-guide-hero .xsg-guide-kicker,.xsg-guide-fact > span,.xsg-guide-toc > b,.xsg-guide-article a,
  .xsg-complete-text .xsg-page-hero .xsg-kicker,.xsg-complete-text .xsg-section-title .xsg-section-kicker,
  .xsg-complete-text .xsg-card .xsg-pill,.xsg-complete-text .xsg-step .xsg-step-num,.xsg-complete-text .xsg-card p > a,
  .xsg-complete-text > .xsg-wrap > .xsg-actions > a
) {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(
  .xsg-hf-cat-button,.xsg-thanks__button--orange,
  .xsg75 .xsg-fee-plan-cta > i,.xsg-lm-form__row > button,.xsg-lm-form__row > button > span,
  .xsg-pi-button,.xsg-complete-text .xsg-page-hero .xsg-actions > a
) {background:var(--oko-sky) !important;color:var(--oko-ink) !important;border-color:var(--oko-sky) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-import-agent p > a {color:#fff !important;text-decoration:underline;text-underline-offset:3px}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-pi-safety-card > .xsg-pi-eyebrow {color:#e8edf2 !important}