/* A light editorial revision. Important rules are layered so legacy theme
   specificity cannot reintroduce dark surfaces after scripts initialize. */
@layer natural-renewal {
  body.iyu-natural {
    --bg: #fffefa !important; --bg2: #f0f5f7 !important;
    --card: #fffefa !important; --card2: #f0f5f7 !important;
    --ink: #253c4c !important; --mut: #50616c !important; --mut2: #626f76 !important;
    --cyan: #326581 !important; --cyan2: #26536c !important;
    --line: #dce5e8 !important; --line2: #bdcdd4 !important;
    --e-ink: #253c4c !important;
    --e-ink-2: #50616c !important;
    --e-ink-3: #626f76 !important;
    --e-ink-4: #7a8991 !important;
    --e-paper: #fffefa !important;
    --e-paper-2: #f0f5f7 !important;
    --e-paper-3: #e6eef1 !important;
    --e-line: #dce5e8 !important;
    --e-line-2: #bdcdd4 !important;
    --e-line-3: #52768b !important;
    --e-accent: #326581 !important;
    --e-accent-2: #26536c !important;
    --e-accent-wash: #edf4f7 !important;
    --e-radius: 8px !important;
    --e-radius-lg: 10px !important;
    --e-space-s: 56px !important;
    --e-space-m: 80px !important;
    --e-space-l: 104px !important;
    --v3-cyan: #326581 !important;
    background: #fffefa !important;
    color: #253c4c !important;
  }
  body.iyu-natural main h1 { font-weight: 650 !important; letter-spacing: -.035em !important; }
  body.iyu-natural main h2 { font-weight: 620 !important; letter-spacing: -.025em !important; }
  body.iyu-natural main h3 { font-weight: 600 !important; }
  body.iyu-natural main p { line-height: 1.85 !important; }
  body.iyu-natural :is(.iyu-subpage-hero,.uq-hero,.ai-hero) {
    padding-top: 84px !important; padding-bottom: 64px !important;
  }
  body.iyu-natural :is(.iyu-home-products,.iyu-home-cases,.iyu-home-support) { background: #f0f5f7 !important; }
  body.iyu-natural :is(.iyu-home-cta,.case-cta) { background: #e8f0f3 !important; color: #253c4c !important; }
  body.iyu-natural :is(.iyu-home-cta,.case-cta) :is(h2,p) { color: #253c4c !important; }
  body.iyu-natural nav.fixed {
    background: #fffefa !important; background-image: none !important;
    border-bottom: 1px solid #dce5e8 !important; box-shadow: none !important;
    backdrop-filter: none !important;
  }
  body.iyu-natural nav.fixed :is(a,span,div,button) {
    color: #253c4c !important; -webkit-text-fill-color: currentColor !important;
  }
  body.iyu-natural nav.fixed :is(.iyu-locale-toggle,[class*="locale"]) {
    background: #edf4f7 !important; border-color: #dce5e8 !important; box-shadow: none !important;
  }
  body.iyu-natural :is(.iyu-locale-toggle,[class*="locale"]) { box-shadow: none !important; }
  body.iyu-natural nav.fixed :is(.iyu-locale-toggle,[class*="locale"]) * { background: transparent !important; color: #326581 !important; -webkit-text-fill-color: #326581 !important; opacity: 1 !important; }
  body.iyu-natural :is(#iyu-mobile-dock,.dock) { background: #fffefa !important; border-color: #dce5e8 !important; }
  body.iyu-natural :is(#iyu-mobile-dock,.dock) :is(.is-active,.active) { background: #edf4f7 !important; color: #326581 !important; border-color: #c9d9e0 !important; }
  body.iyu-natural > .hero { background: #fffefa !important; }
  body.iyu-natural :is(.hero-t,.sec) { font-weight: 650 !important; }
  body.iyu-natural .grad { background: none !important; color: #326581 !important; -webkit-text-fill-color: #326581 !important; }
  body.iyu-natural :is(.btn.primary,.live .bar>i) { background: #326581 !important; box-shadow: none !important; }
  body.iyu-natural :is(.badge,.badge2) { background: #edf4f7 !important; color: #326581 !important; border-color: #dce5e8 !important; }
  body.iyu-natural :is(.live,.mes) { background: #f0f5f7 !important; }
  body.iyu-natural :is(.badge .dot,.live .tag .p) { box-shadow: none !important; animation: none !important; }
  body.iyu-natural nav.fixed a[href$="/cooperation/"][class*="bg-"] {
    background: #326581 !important; color: white !important; border-color: #326581 !important;
  }
  body.iyu-natural nav.fixed a[href$="/cooperation/"][class*="bg-"] * { color: white !important; background: transparent !important; }
  body.iyu-natural .iyu-home-hero {
    display: block !important; min-height: 0 !important;
    padding: 82px 0 76px !important;
    background: #fffefa !important; background-image: none !important;
  }
  body.iyu-natural .iyu-home-hero > .absolute { display: none !important; }
  body.iyu-natural .iyu-home-hero > .max-w-7xl { position: relative !important; }
  body.iyu-natural .iyu-home-hero .grid {
    display: grid !important; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr) !important;
    gap: 52px !important; align-items: center !important;
  }
  body.iyu-natural .iyu-home-hero .grid > div:first-child { max-width: 100% !important; }
  body.iyu-natural .iyu-home-hero .iyu-hero-visual {
    position: relative !important; inset: auto !important; width: 100% !important;
    max-width: 100% !important; transform: none !important; z-index: 0 !important;
    height: clamp(350px,34vw,480px) !important; overflow: hidden !important;
    border-radius: 10px !important;
  }
  body.iyu-natural .iyu-home-hero .iyu-hero-visual::after { display: none !important; }
  body.iyu-natural .iyu-home-hero :is(.e-hero-figure img,.iyu-hero-video video) { filter: none !important; object-position: center !important; }
  body.iyu-natural .iyu-home-hero :is(h1,h1 span,h1 .text-transparent) {
    color: #253c4c !important; -webkit-text-fill-color: #253c4c !important;
    font-size: clamp(38px,4.1vw,58px) !important; line-height: 1.24 !important;
    background: none !important;
  }
  body.iyu-natural .iyu-home-hero h1 span { color: #326581 !important; -webkit-text-fill-color: #326581 !important; }
  body.iyu-natural .iyu-home-hero :is(p,p strong,[class*="text-muted"],.mt-12 span,.mt-12 svg) { color: #50616c !important; }
  body.iyu-natural .iyu-home-hero :is(div,span)[class*="rounded-full"],
  body.iyu-natural .iyu-home-hero :is(div,span)[class*="rounded-full"] span { color: #326581 !important; }
  body.iyu-natural .iyu-home-hero .mt-12 { margin-top: 30px !important; padding-top: 22px !important; border-color: #dce5e8 !important; gap: 20px !important; }
  body.iyu-natural .iyu-home-hero a[class*="bg-cyan"] {
    background: #326581 !important; color: #fff !important; border-color: #326581 !important;
    -webkit-text-fill-color: #fff !important; border-radius: 6px !important; box-shadow: none !important;
  }
  body.iyu-natural .iyu-home-hero a[class*="bg-cyan"] * { color: #fff !important; -webkit-text-fill-color: #fff !important; }
  body.iyu-natural .iyu-home-hero a.border,
  body.iyu-natural .iyu-home-hero a.border * { color: #326581 !important; -webkit-text-fill-color: #326581 !important; background: transparent !important; border-color: #9eb4bf !important; }
  body.iyu-natural :is(.e-figure,.iyu-story-card__media) { border-radius: 8px !important; overflow: hidden !important; }
  body.iyu-natural :is(.e-img,.iyu-story-card__media img) { filter: none !important; }
  body.iyu-natural footer { background: #edf3f5 !important; color: #50616c !important; border-color: #dce5e8 !important; }
  body.iyu-natural footer :is(a,p,span,h2,h3,summary) { color: #50616c !important; }
  body.iyu-natural #iyulab-analytics-consent {
    background: #fffefa !important; color: #253c4c !important; border-color: #c9d9e0 !important;
    border-radius: 8px !important; box-shadow: 0 5px 24px #253c4c12 !important;
  }
  body.iyu-natural #iyulab-analytics-consent :is(strong,p) { color: #50616c !important; }
  body.iyu-natural #iyulab-analytics-consent a { color: #326581 !important; }
  body.iyu-natural #iyulab-analytics-consent button { color: #326581 !important; border-color: #c9d9e0 !important; }
  body.iyu-natural #iyulab-analytics-consent button[data-consent="granted"] { color: #fff !important; background: #326581 !important; border-color: #326581 !important; }
  /* Diagrams read as small editorial notes, without a box inside every box. */
  body.iyu-natural .iyu-viz-section { margin: 0 auto 56px !important; }
  body.iyu-natural .iyu-viz {
    display: grid !important; grid-template-columns: 185px minmax(0,1fr) !important;
    gap: 24px 38px !important; padding: 28px 0 !important; border: 0 !important;
    border-top: 1px solid #c9d9e0 !important; border-bottom: 1px solid #e2eaed !important;
    background: transparent !important; border-radius: 0 !important;
  }
  body.iyu-natural .iyu-viz-heading { margin: 0 !important; }
  body.iyu-natural .iyu-viz h2 { font-size: 21px !important; color: #326581 !important; font-weight: 550 !important; line-height: 1.5 !important; }
  body.iyu-natural .iyu-viz .iyu-viz-nodes { gap: 22px !important; border: 0 !important; padding: 0 !important; }
  body.iyu-natural .iyu-viz .iyu-viz-node { border: 0 !important; background: transparent !important; padding: 0 !important; }
  body.iyu-natural .iyu-viz .iyu-viz-number { color: #326581 !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.5 !important; font-family: inherit !important; margin-bottom: 12px !important; letter-spacing: 0 !important; }
  body.iyu-natural .iyu-viz .iyu-viz-node::after { color: #326581 !important; }
  body.iyu-natural .iyu-viz--hub .iyu-viz-node::after { display: none !important; }
  body.iyu-natural .iyu-viz h3 { font-size: 15px !important; color: #253c4c !important; font-weight: 600 !important; }
  body.iyu-natural .iyu-viz p { font-size: 13px !important; color: #626f76 !important; }
  body.iyu-natural .iyu-viz--flow .iyu-viz-node::after { display: none !important; }
  body.iyu-natural .iyu-viz--flow .iyu-viz-node { border-top: 2px solid #bdcdd4 !important; padding-top: 14px !important; }
  body.iyu-natural .iyu-viz--flow .iyu-viz-node:first-child { border-color: #326581 !important; }
  body.iyu-natural .iyu-viz :is(.iyu-viz-result,.iyu-viz-return,figcaption) { grid-column: 2 !important; margin: 0 !important; }
  body.iyu-natural .iyu-viz-result { background: #edf4f7 !important; color: #326581 !important; font-size: 19px !important; font-weight: 550 !important; padding: 16px 20px !important; }
  body.iyu-natural .iyu-viz-return { color: #50616c !important; border-color: #dce5e8 !important; }
  body.iyu-natural .iyu-viz figcaption { padding: 0 !important; border: 0 !important; color: #626f76 !important; }
  body.iyu-natural .iyu-viz--stack .iyu-viz-node { padding: 12px 18px !important; background: #f0f5f7 !important; }
  body.iyu-natural .iyu-viz--tree .iyu-viz-node { padding: 12px 18px !important; border-left: 1px solid #9eb4bf !important; }
  body.iyu-natural .iyu-viz-option { background: transparent !important; border: 0 !important; }
  body.iyu-natural .iyu-viz .iyu-viz-option h3 { padding: 0 0 12px !important; border-color: #9eb4bf !important; color: #326581 !important; }
  body.iyu-natural .iyu-viz-option dl { padding: 0 !important; }
  body.iyu-natural .iyu-viz-option dl > div { padding: 12px 0 !important; }
  body.iyu-natural .iyu-viz-option dd { color: #253c4c !important; font-size: 14px !important; }
  body.iyu-natural img[data-product-capture] { box-shadow: none !important; border-top-width: 1px !important; }
  @media(max-width: 1000px) {
    body.iyu-natural .iyu-home-hero .grid { grid-template-columns: 1fr !important; gap: 32px !important; }
    body.iyu-natural .iyu-home-hero .iyu-hero-visual { height: auto !important; aspect-ratio: 16/10 !important; }
    body.iyu-natural .iyu-home-hero { padding: 56px 0 !important; }
    body.iyu-natural .iyu-viz { grid-template-columns: 1fr !important; gap: 24px !important; }
    body.iyu-natural .iyu-viz :is(.iyu-viz-result,.iyu-viz-return,figcaption) { grid-column: 1 !important; }
  }
  @media(max-width: 600px) {
    body.iyu-natural :is(.iyu-subpage-hero,.uq-hero,.ai-hero) { padding-top: 76px !important; padding-bottom: 44px !important; }
    body.iyu-natural .iyu-home-hero :is(h1,h1 span) { font-size: 36px !important; }
    body.iyu-natural .iyu-home-hero .mt-12 { flex-wrap: wrap !important; gap: 12px !important; }
    body.iyu-natural .iyu-viz .iyu-viz-node { gap: 12px !important; }
    body.iyu-natural .iyu-viz--flow .iyu-viz-node { border-top: 0 !important; border-left: 2px solid #bdcdd4 !important; padding: 2px 0 2px 16px !important; }
    body.iyu-natural .iyu-viz-section { margin-bottom: 40px !important; }
  }
}