/* Text-first links: only confirmed CTA/card families change. */
@layer oko-interaction-contrast {
  body.oko-preview .oko-header-actions > a.oko-contact,
  body.oko-preview #oko-navigation > a.oko-mobile-contact,
  body.oko-preview .oko-categories-foot a.xsg-button,
  body.oko-preview a.xsgn-btn,
  body.oko-preview .xcp a.xcp-button,
  body.oko-preview .xcr a.xcr-button,
  body.oko-preview .range-card a.open-case,
  body.oko-preview .hero-actions a.button,
  body.oko-preview .feature-actions a.button,
  body.oko-preview .oko-selected-note > a.button {
    justify-content: center !important;
    column-gap: 0 !important;
    text-align: center !important;
  }

  /* These wrappers contain only the removed diagonal glyph, never a label. */
  body.oko-preview .oko-header-actions > a.oko-contact > span[aria-hidden="true"],
  body.oko-preview #oko-navigation > a.oko-mobile-contact > span[aria-hidden="true"],
  body.oko-preview .oko-category-v3 > span > b,
  body.oko-preview .xsgn-cat h3 > span:empty,
  body.oko-preview a.xsgn-btn > span:empty,
  body.oko-preview .oko-categories-foot a.xsg-button > span:empty,
  body.oko-preview .xcp a.xcp-text-link > span:empty,
  body.oko-preview .xcp a.xcp-button > span:empty,
  body.oko-preview .xcr a.xcr-quote > span:empty,
  body.oko-preview .xcr a.xcr-button > span:empty {
    display: none !important;
  }

  body.oko-preview .oko-category-v3 > span,
  body.oko-preview .xsgn-cat h3,
  body.oko-preview .xcp a.xcp-text-link,
  body.oko-preview .xcr a.xcr-quote {
    justify-content: flex-start !important;
    column-gap: 0 !important;
  }

  /* Rounded product/service/guide cards keep their structure and typography. */
  body.oko-preview a.oko-category-v3,
  body.oko-preview a.xcp-category,
  body.oko-preview .xsg-services-card:has(> a.xsg-services-card__link),
  body.oko-preview a.xsg-blog-v2-promo-card,
  body.oko-preview a.xsg-hf-topic-card,
  body.oko-preview .xsg-hf-cat-card > a[href] {
    border: 1px solid #c9d6e4 !important;
    transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease !important;
  }

  body.oko-preview a.oko-category-v3:is(:hover, :focus-visible),
  body.oko-preview a.xcp-category:is(:hover, :focus-visible),
  body.oko-preview .xsg-services-card:has(> a.xsg-services-card__link):is(:hover, :focus-within),
  body.oko-preview a.xsg-blog-v2-promo-card:is(:hover, :focus-visible),
  body.oko-preview a.xsg-hf-topic-card:is(:hover, :focus-visible),
  body.oko-preview .xsg-hf-cat-card > a[href]:is(:hover, :focus-visible) {
    border-color: #4e79a6 !important;
    background-color: #f3f7fb !important;
    transform: none !important;
  }

  body.oko-preview a.oko-category-v3:hover,
  body.oko-preview a.xcp-category:hover,
  body.oko-preview .xsg-services-card:has(> a.xsg-services-card__link):hover,
  body.oko-preview a.xsg-blog-v2-promo-card:hover,
  body.oko-preview a.xsg-hf-topic-card:hover,
  body.oko-preview .xsg-hf-cat-card > a[href]:hover {
    box-shadow: 0 6px 18px rgb(30 54 83 / 8%) !important;
  }

  /* Home articles remain open editorial rows; their existing image gets the cue. */
  body.oko-preview a.xsgn-post > .xsgn-cover {
    box-shadow: inset 0 0 0 1px #c9d6e4 !important;
  }
  body.oko-preview a.xsgn-post:is(:hover, :focus-visible) > .xsgn-cover {
    outline: 1px solid #4e79a6;
    outline-offset: -1px;
    box-shadow: 0 6px 18px rgb(30 54 83 / 8%) !important;
  }
  body.oko-preview a.xsgn-post:is(:hover, :focus-visible) h3 {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
  }

  body.oko-preview .oko-footer a {
    column-gap: 0 !important;
  }

  /* Decorative photo-caption glyph only; workflow connectors remain untouched. */
  body.oko-preview.oko-workflow-v4 #oko-workflow-v3 .wf-shot-v4 figcaption::after {
    content: none !important;
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.oko-preview a.oko-category-v3,
  body.oko-preview a.xcp-category,
  body.oko-preview .xsg-services-card:has(> a.xsg-services-card__link),
  body.oko-preview a.xsg-blog-v2-promo-card,
  body.oko-preview a.xsg-hf-topic-card,
  body.oko-preview .xsg-hf-cat-card > a[href] {
    transition: none !important;
  }
}