/* Shared visual rules; page content and commercial behavior stay in WordPress/Core. */
.wnot-native-hero,.wnot-native-footer-cta{position:relative;isolation:isolate;overflow:hidden}
.wnot-native-hero>.httx-container,.wnot-native-footer-cta>.httx-container{position:relative;z-index:2}
.wnot-native-hero__desktop,.wnot-native-hero__mobile,.wnot-native-footer-cta__background{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;z-index:-2}
.wnot-native-hero__desktop img,.wnot-native-hero__mobile img,.wnot-native-footer-cta__background img{width:100%;height:100%;object-fit:cover}
.wnot-native-hero:has(>.wnot-native-hero__desktop)::before,.wnot-native-hero:has(>.wnot-native-hero__mobile)::before,.wnot-native-footer-cta:has(>.wnot-native-footer-cta__background)::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,15,31,.94),rgba(5,15,31,.46));z-index:-1}
.wnot-native-hero>.wnot-native-hero__mobile{display:none!important}
.wnot-native-hero .httx-banner-scroll{display:flex;align-items:center;justify-content:center;padding:0;min-width:0;color:inherit;background:transparent;position:relative;inset:auto;margin-top:var(--httx-space-6);transform:none}
.wnot-native-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0}
.wnot-native-breadcrumbs .item{overflow-wrap:anywhere}
.wnot-native-breadcrumbs a{font:inherit;color:inherit}
.wnot-native-section-heading{min-width:0}
.wnot-native-section-heading:has(>p){display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.8fr);column-gap:var(--httx-space-7);align-items:end}
.wnot-native-section-heading:has(>p)>.httx-eyebrow{grid-column:1}
.wnot-native-section-heading:has(>p)>h2{grid-column:1}
.wnot-native-section-heading:has(>p)>p{grid-column:2;grid-row:1 / span 2;margin:0}
.wnot-native-section-heading:not(:has(>p)){display:block}
.wnot-native-card{min-width:0;max-width:100%;overflow:hidden}
.wnot-native-card__media{display:block;width:100%;min-width:0;margin:0;overflow:hidden}
.wnot-native-card__media img{display:block;width:100%;height:100%;object-fit:cover}
.wnot-native-card__body{min-width:0}
.wnot-native-card h2,.wnot-native-card h3,.wnot-native-card h4{overflow-wrap:anywhere;margin-top:var(--httx-space-4);font-size:var(--httx-type-card-title);line-height:var(--httx-line-card-title);}
.wnot-native-card h2>a,.wnot-native-card h3>a,.wnot-native-card h4>a{color:inherit;text-decoration:none}
.wnot-native-card p{color:var(--httx-muted);overflow-wrap:anywhere;font-size:var(--httx-type-body);line-height:var(--httx-line-body);}
.wnot-native-card__number{font-size:var(--httx-type-meta);font-weight:700;color:var(--httx-accent)}
.wnot-native-card .httx-text-link{display:inline-flex;gap:var(--httx-space-2);align-items:center}
.wnot-native-card.httx-news-card{display:flex;flex-direction:column}
.wnot-native-card.httx-news-card>.wnot-native-card__media{aspect-ratio:16/10}
.wnot-native-card.httx-news-card>.httx-news-card__body{padding:var(--httx-space-5);flex:1}
.wnot-native-card.httx-news-card time{display:block;color:var(--httx-muted);font-size:var(--httx-type-meta);margin-top:var(--httx-space-2)}
.wnot-native-card.httx-collection-card{display:grid;grid-template-columns:1fr 1fr;padding:0;gap:0;align-items:stretch}
.wnot-native-card.httx-collection-card>.wnot-native-card__media{grid-column:1;grid-row:1;min-height:320px}
.wnot-native-card.httx-collection-card>.wnot-native-card__body{grid-column:2;grid-row:1;padding:40px}
.wnot-native-card.httx-service-card{display:flex;flex-direction:column;padding:var(--httx-space-6)}
.wnot-native-card.httx-service-card>.wnot-native-card__media{width:64px;height:64px;margin-bottom:20px}
.wnot-native-card.httx-service-card>.wnot-native-card__media img{object-fit:contain}
.wnot-native-feature-card,.wnot-native-process-step{padding:28px;border:1px solid var(--httx-border);border-radius:var(--httx-radius-lg);height:100%}
.wnot-native-feature-card>.wnot-native-card__media{width:48px;height:48px;margin-bottom:20px}
.wnot-native-feature-card>.wnot-native-card__media img{object-fit:contain}
.wnot-native-media-card>.wnot-native-card__media{aspect-ratio:16/10}
.wnot-native-media-card>.wnot-native-card__body{padding:28px}
.wnot-template-schema-1 .brxe-shortcode{min-width:0;width:100%}
.wnot-template-schema-1 .httx-product-single__layout,.wnot-template-schema-1 .httx-article-layout{min-width:0}
.wnot-native-news-recommendations>.wnot-native-card{margin-top:20px}
.wnot-native-news-recommendations>.wnot-native-card .httx-news-card__body{padding:18px}
.wnot-native-news-recommendations>.wnot-native-card h3{font-size:var(--httx-type-card-title);line-height:var(--httx-line-card-title)}
.wnot-template-schema-1>.brxe-div{width:100%;min-width:0}
.wnot-native-slide{min-width:0;width:100%}
.wnot-native-slide>.wnot-native-media-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:100%}
.wnot-native-slide>.wnot-native-media-card>.wnot-native-card__media{aspect-ratio:auto;min-height:320px}
.wnot-native-category-grid>.wnot-native-media-card{display:flex;flex-direction:column;border:1px solid var(--httx-border);border-radius:var(--httx-radius-lg)}
.wnot-native-category-grid>.wnot-native-media-card>.wnot-native-card__media{aspect-ratio:16/10;height:200px}
.wnot-native-process-list>li>.wnot-native-process-step{display:block;width:100%;padding:var(--httx-space-5)}
.wnot-native-process-list>li>.wnot-native-process-step>.wnot-native-card__body{display:block}
.wnot-native-process-list .wnot-native-card__number{width:auto;height:auto;padding:0;background:none}
.wnot-template-schema-1 .httx-service-content__list>.wnot-native-media-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.wnot-template-schema-1 .httx-service-content__list>.wnot-native-media-card>.wnot-native-card__media{aspect-ratio:auto;min-height:320px}
@media(max-width:767px){.wnot-native-slide>.wnot-native-media-card,.wnot-template-schema-1 .httx-service-content__list>.wnot-native-media-card{display:flex;flex-direction:column}.wnot-native-slide>.wnot-native-media-card>.wnot-native-card__media,.wnot-template-schema-1 .httx-service-content__list>.wnot-native-media-card>.wnot-native-card__media{aspect-ratio:16/10;min-height:0}.wnot-native-process-list>li>.wnot-native-process-step{padding:20px}}
@media(max-width:1000px){.wnot-template-schema-1 .httx-article-layout{grid-template-columns:minmax(0,1fr)!important;gap:36px!important}.wnot-native-card.httx-collection-card>.wnot-native-card__body{padding:28px}}
@media(max-width:767px){.wnot-native-hero:has(>.wnot-native-hero__mobile)>.wnot-native-hero__desktop{display:none!important}.wnot-native-hero>.wnot-native-hero__mobile{display:block!important}.wnot-native-section-heading:has(>p){display:block}.wnot-native-section-heading:has(>p)>p{margin-top:20px}.wnot-native-footer-cta>.httx-container{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:var(--httx-space-5)!important}.wnot-template-schema-1 .httx-product-single__layout{display:flex!important;flex-direction:column!important;gap:28px!important}.wnot-template-schema-1 .httx-product-single__content{order:2;width:100%}.wnot-template-schema-1 .httx-product-single__aside{order:1;width:100%}.wnot-native-card.httx-collection-card{grid-template-columns:minmax(0,1fr)}.wnot-native-card.httx-collection-card>.wnot-native-card__media{grid-column:1;grid-row:1;min-height:220px}.wnot-native-card.httx-collection-card>.wnot-native-card__body{grid-column:1;grid-row:2;padding:var(--httx-space-5)}.wnot-native-card.httx-service-card{padding:var(--httx-space-5)}}

/* WNOT 2026-10-27: plain About timeline navigation. Keep content cards and all controls functional. */
.httx-core .httx-about-timeline .httx-about-timeline__carousel > .httx-carousel__controls {
  border: 0;
  background: transparent;
  box-shadow: none;
}
.httx-core .httx-about-timeline .httx-about-timeline__carousel > .httx-carousel__controls button {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none;
}
.httx-core .httx-about-timeline .httx-about-timeline__carousel > .httx-carousel__controls > :is([data-httx-carousel-prev], [data-httx-carousel-next]):is(:hover, :focus-visible) {
  color: var(--httx-accent);
}
.httx-core .httx-about-timeline .httx-about-timeline__carousel .wnot-timeline-progress {
  display: none;
}
/* WNOT_PRODUCT_DETAIL_70_30_20261027_BEGIN
 * Divide the available column width after the existing gap; preserve the mobile stack.
 */
@media (min-width: 767px) {
  body.single-instrument #brxe-wntp05.httx-product-single__layout {
    grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
  }
}
/* WNOT_PRODUCT_DETAIL_70_30_20261027_END */

/* WNOT 2026-10-27: align homepage business, sourcing and news containers with company section. */
body.home.wnot-home-strategy-active .wnot-home-vnext
:is(.wnot-home-vnext__business, .wnot-home-vnext__new-equipment, .wnot-home-vnext__news)
> .wnot-home-vnext__container {
  width: var(--httx-desktop-content-width, calc(100% - 64px));
  max-width: var(--httx-desktop-container, 1180px);
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 899px) {
  body.home.wnot-home-strategy-active .wnot-home-vnext
  :is(.wnot-home-vnext__business, .wnot-home-vnext__new-equipment, .wnot-home-vnext__news)
  > .wnot-home-vnext__container {
    width: calc(100% - 48px);
  }
}
@media (max-width: 640px) {
  body.home.wnot-home-strategy-active .wnot-home-vnext
  :is(.wnot-home-vnext__business, .wnot-home-vnext__new-equipment, .wnot-home-vnext__news)
  > .wnot-home-vnext__container {
    width: calc(100% - 40px);
  }
}

/* WNOT_MOBILE_PRODUCT_GALLERY_20261027_BEGIN: primary image first, horizontal thumbnails below. */
@media (max-width: 767px) {
  .httx-core.single-instrument .httx-product-gallery {
    height: auto;
  }
  .httx-core.single-instrument .httx-product-gallery .httx-product-gallery__viewport {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    height: auto;
    gap: 12px;
  }
  .httx-core.single-instrument .httx-product-gallery .httx-product-gallery__stage {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    min-width: 0;
  }
  .httx-core.single-instrument .httx-product-gallery .httx-product-gallery__thumbs {
    grid-column: 1;
    grid-row: 2;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 70px;
    height: 70px;
    max-height: none;
    padding: 3px 2px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    overscroll-behavior-y: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }
  .httx-core.single-instrument .httx-product-gallery .httx-product-gallery__thumbs::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
  .httx-core.single-instrument .httx-product-gallery .httx-product-gallery__thumbs button {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    border-radius: 10px;
    scroll-snap-align: start;
  }
}
/* WNOT_MOBILE_PRODUCT_GALLERY_20261027_END */

/* WNOT_MOBILE_ABOUT_TIMELINE_20261027_BEGIN: expose every milestone without a clipped year rail. */
@media (max-width: 767px) {
  .httx-core .httx-about-timeline .httx-about-timeline__carousel > .httx-carousel__controls {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    grid-template-rows: auto 44px;
    column-gap: 8px;
    row-gap: 6px;
    margin-top: 14px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .httx-core .httx-about-timeline .httx-about-timeline__carousel .httx-about-timeline__periods {
    grid-column: 1 / -1;
    grid-row: 1;
    display: grid !important;
    width: 100%;
    min-width: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 4px;
    padding: 0;
    overflow: visible;
    scroll-snap-type: none;
  }
  .httx-core .httx-about-timeline .httx-about-timeline__carousel .httx-about-timeline__periods > button {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    margin: 0;
    padding: 8px 4px !important;
    color: var(--httx-muted, #5f6f86) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.3;
    text-align: center;
    white-space: normal;
  }
  .httx-core .httx-about-timeline .httx-about-timeline__carousel .httx-about-timeline__periods > button:is([aria-current="true"], [aria-selected="true"]) {
    color: var(--httx-accent, #4364ee) !important;
    font-weight: 800 !important;
  }
  .httx-core .httx-about-timeline .httx-about-timeline__carousel > .httx-carousel__controls > [data-httx-carousel-prev] {
    grid-column: 1;
    grid-row: 2;
  }
  .httx-core .httx-about-timeline .httx-about-timeline__carousel > .httx-carousel__controls > [data-httx-carousel-count] {
    grid-column: 2;
    grid-row: 2;
    display: block !important;
    justify-self: center;
    padding: 0;
    color: var(--httx-muted, #5f6f86);
    font-size: 13px;
    line-height: 1.3;
  }
  .httx-core .httx-about-timeline .httx-about-timeline__carousel > .httx-carousel__controls > [data-httx-carousel-next] {
    grid-column: 3;
    grid-row: 2;
  }
  .httx-core .httx-about-timeline .httx-about-timeline__carousel > .httx-carousel__controls > :is([data-httx-carousel-prev], [data-httx-carousel-next]) {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0;
    padding: 0 !important;
    transform: none;
  }
  .httx-core .httx-about-timeline .httx-about-timeline__carousel > .httx-carousel__controls button:focus-visible {
    outline: 2px solid var(--httx-accent, #4364ee);
    outline-offset: -3px;
  }
}

/* WNOT_MOBILE_ABOUT_TIMELINE_20261027_END */

/* WNOT_HEADER_CONTACT_RADIUS_20261027_BEGIN */
.httx-core .httx-header__actions .httx-header__cta,
.httx-core .httx-mobile-nav > .httx-button--primary {
  border-radius: 5rem;
}
/* WNOT_HEADER_CONTACT_RADIUS_20261027_END */

/* WNOT_NATIVE_RELATED_NEWS_LAYOUT_20261027_BEGIN
 * Native related articles live inside the Bricks shortcode wrapper.
 */
body.single-post.httx-core .httx-news-sidebar > .brxe-shortcode:has(> .wnot-native-news-recommendations) {
  grid-column: 1 / -1;
  min-width: 0;
}
body.single-post.httx-core .wnot-native-news-recommendations {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 24px;
}
body.single-post.httx-core .wnot-native-news-recommendations > .httx-eyebrow {
  grid-column: 1 / -2;
  grid-row: 1;
  align-self: center;
  margin: 0;
  color: var(--httx-heading, #17233a);
  font-size: clamp(24px, 2.3vw, 30px);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: normal;
  text-transform: none;
}
body.single-post.httx-core .wnot-native-news-recommendations > .httx-eyebrow::before {
  display: none;
  content: none;
}
body.single-post.httx-core .wnot-native-news-recommendations > .wnot-related-news__all {
  grid-column: -2 / -1;
  grid-row: 1;
  align-self: center;
  justify-self: end;
  margin: 0;
}
body.single-post.httx-core .wnot-native-news-recommendations > .wnot-native-card.httx-news-card {
  min-width: 0;
  height: 100%;
  margin: 0;
}
body.single-post.httx-core .wnot-native-news-recommendations .wnot-native-card__media > a {
  display: block;
  width: 100%;
  height: 100%;
}
body.single-post.httx-core .wnot-native-news-recommendations .httx-news-card__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
body.single-post.httx-core .wnot-native-news-recommendations .httx-news-card__body > .httx-text-link {
  margin-top: auto;
  padding-top: 12px;
}
@media (max-width: 1024px) {
  body.single-post.httx-core .wnot-native-news-recommendations {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  body.single-post.httx-core .wnot-native-news-recommendations {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
  body.single-post.httx-core .wnot-native-news-recommendations > .httx-eyebrow {
    grid-column: 1;
    grid-row: 1;
  }
  body.single-post.httx-core .wnot-native-news-recommendations > .wnot-related-news__all {
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
    margin-top: -8px;
  }
}
/* WNOT_NATIVE_RELATED_NEWS_LAYOUT_20261027_END */


/* WNOT_NATIVE_NEWS_CAROUSEL_20261028_BEGIN */
body.single-post.httx-core .wnot-native-news-recommendations > .wnot-news-pager__grid {
  grid-column: 1 / -1;
  display: grid;
  min-width: 0;
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 24px;
}
body.single-post.httx-core .wnot-news-pager__grid > .wnot-native-card.httx-news-card {
  min-width: 0;
  height: 100%;
  margin: 0;
}
body.single-post.httx-core .wnot-news-pager__grid .httx-news-card__body {
  padding: 18px;
}
body.single-post.httx-core .wnot-news-pager__grid > [hidden],
body.single-post.httx-core .wnot-news-pager__dots[hidden] {
  display: none !important;
}
body.single-post.httx-core .wnot-news-pager__dots {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 0;
  width: 100%;
  margin: 0;
}
body.single-post.httx-core .wnot-news-pager__dot {
  display: inline-flex;
  flex: 0 0 44px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
}
body.single-post.httx-core .wnot-news-pager__dot::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--httx-heading, #17233a);
  transition: width .18s ease, background .18s ease;
}
body.single-post.httx-core .wnot-news-pager__dot.is-active::before {
  width: 30px;
  background: var(--httx-accent, #4364ee);
}
body.single-post.httx-core .wnot-news-pager__dot:focus-visible {
  outline: 2px solid var(--httx-accent, #4364ee);
  outline-offset: -2px;
}
@media (max-width: 1024px) {
  body.single-post.httx-core .wnot-native-news-recommendations > .wnot-news-pager__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  body.single-post.httx-core .wnot-native-news-recommendations > .wnot-news-pager__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.single-post.httx-core .wnot-news-pager__dot::before { transition: none; }
}
/* WNOT_NATIVE_NEWS_CAROUSEL_20261028_END */

/* WNOT_RELATED_NEWS_REFERENCE_CARD_20261028_BEGIN
 * News-detail cards only: image badge, title, date, divider, reading link.
 */
body.single-post.httx-core .httx-news-single .wnot-native-news-recommendations,
body.single-post.httx-core .httx-news-single .wnot-native-news-recommendations > .wnot-news-pager__grid {
  align-items: start;
}
body.single-post.httx-core .httx-news-single .wnot-native-news-recommendations .wnot-native-card.httx-news-card {
  position: relative;
  align-self: start;
  height: auto;
  min-height: 0;
  border-radius: 16px;
}
body.single-post.httx-core .httx-news-single .wnot-native-news-recommendations .wnot-native-card > .wnot-native-card__media {
  flex: 0 0 auto;
  aspect-ratio: 16 / 10;
}
body.single-post.httx-core .httx-news-single .wnot-native-news-recommendations .httx-news-card__body {
  position: static;
  flex: 0 0 auto;
  align-items: stretch;
  gap: 0;
  padding: 24px;
}
body.single-post.httx-core .httx-news-single .wnot-native-news-recommendations .httx-news-card__category {
  position: absolute;
  z-index: 2;
  top: 12px;
  right: 12px;
  display: inline-flex;
  align-items: center;
  max-width: calc(100% - 24px);
  min-height: 32px;
  margin: 0;
  padding: 5px 10px;
  border: 1px solid var(--httx-border, #dce3ef);
  border-radius: 999px;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 2px 10px rgba(12, 28, 58, .12);
  color: var(--httx-ink-strong, #17233a);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: normal;
  text-transform: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}
body.single-post.httx-core .httx-news-single .wnot-native-news-recommendations .httx-news-card__body > h3 {
  order: 1;
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
}
body.single-post.httx-core .httx-news-single .wnot-native-news-recommendations .httx-news-card__body > time {
  order: 2;
  margin: 8px 0 12px;
  color: var(--httx-muted, #596579);
  font-size: 14px;
  line-height: 1.5;
}
body.single-post.httx-core .httx-news-single .wnot-native-news-recommendations .httx-news-card__body > .httx-text-link {
  order: 3;
  align-self: stretch;
  margin: 0;
  padding: 12px 0 0;
  border-top: 1px solid var(--httx-border, #dce3ef);
  font-size: 14px;
  line-height: 1.5;
}
/* WNOT_RELATED_NEWS_REFERENCE_CARD_20261028_END */

/* WNOT_SOLUTION_ARCHIVE_ALTERNATING_20261028_BEGIN
 * Keep source order and the existing mobile image-before-copy layout.
 */
@media (min-width: 768px) {
  body.post-type-archive-solution.httx-core .httx-collection-grid > article.wnot-native-card.httx-collection-card:nth-of-type(even) > .wnot-native-card__media {
    grid-column: 2;
  }
  body.post-type-archive-solution.httx-core .httx-collection-grid > article.wnot-native-card.httx-collection-card:nth-of-type(even) > .wnot-native-card__body {
    grid-column: 1;
  }
}
/* WNOT_SOLUTION_ARCHIVE_ALTERNATING_20261028_END */
