.agnero-knowledge-page {
  --ka-ink: #15181d;
  --ka-muted: #626a75;
  --ka-line: #dfe3e8;
  --ka-paper: #fff;
  --ka-wash: #f4f5f7;
  --ka-orange: var(--header-orange, #ff6a00);
  background: var(--ka-paper);
  color: var(--ka-ink);
}

.agnero-knowledge-article {
  width: min(1600px, 100%);
  margin: 0 auto;
}

.agnero-knowledge-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(34rem, .95fr);
  grid-template-rows: minmax(0, 1fr);
  height: clamp(31rem, 68svh, 38rem);
  min-height: 0;
  background: #111419;
}

.agnero-knowledge-hero__media {
  position: relative;
  min-height: 0;
  margin: 0;
  overflow: hidden;
  background: #1b2027;
}

.agnero-knowledge-hero__media::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 64%, rgba(17, 20, 25, .58));
  content: "";
  pointer-events: none;
}

.agnero-knowledge-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 43% center;
}

.agnero-knowledge-hero__media img,
.agnero-article-content img[data-agnero-lightbox-trigger] {
  cursor: zoom-in;
}

.agnero-knowledge-hero__media img:focus-visible,
.agnero-article-content img[data-agnero-lightbox-trigger]:focus-visible {
  outline: 3px solid var(--ka-orange);
  outline-offset: -3px;
}

.agnero-knowledge-hero__media figcaption {
  position: absolute;
  z-index: 1;
  right: 1.5rem;
  bottom: 1.4rem;
  left: 1.5rem;
  color: rgba(255, 255, 255, .74);
  font-size: .7rem;
  line-height: 1.4;
}

.agnero-knowledge-hero__copy {
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 0;
  padding: clamp(2.4rem, 4.4vw, 4.5rem);
  overflow: hidden;
  color: #fff;
}

.agnero-knowledge-breadcrumb {
  display: flex;
  align-items: center;
  gap: .55rem;
  margin-bottom: clamp(1.4rem, 3vh, 2.25rem);
  color: rgba(255, 255, 255, .58);
  font-size: .78rem;
}

.agnero-knowledge-breadcrumb a { color: inherit; }
.agnero-knowledge-breadcrumb a:hover { color: #fff; }

.agnero-knowledge-eyebrow,
.agnero-article-product-shelf__head > div > span,
.agnero-knowledge-toc > span {
  color: var(--ka-orange);
  font-size: .68rem;
  font-weight: 850;
  letter-spacing: .15em;
}

.agnero-knowledge-hero h1 {
  max-width: 17ch;
  margin: .75rem 0 1.2rem;
  color: #fff;
  font-size: clamp(2.7rem, 4.3vw, 4.65rem);
  font-weight: 760;
  letter-spacing: -.055em;
  line-height: .98;
  text-wrap: balance;
}

.agnero-knowledge-hero__dek {
  max-width: 58ch;
  margin: 0;
  color: rgba(255, 255, 255, .72);
  font-size: clamp(1rem, 1.3vw, 1.18rem);
  line-height: 1.65;
}

.agnero-knowledge-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem 1.5rem;
  margin-top: 1.35rem;
  color: rgba(255, 255, 255, .5);
  font-size: .76rem;
}

.agnero-knowledge-hero__meta span:first-child { color: #fff; font-weight: 750; }

.agnero-knowledge-layout {
  display: grid;
  grid-template-columns: minmax(13rem, 17rem) minmax(0, 47rem) minmax(15rem, 20rem);
  justify-content: center;
  gap: clamp(2.5rem, 4vw, 5.5rem);
  padding: clamp(4rem, 8vw, 8rem) clamp(1.25rem, 4vw, 4.5rem) 9rem;
}

.agnero-knowledge-rail,
.agnero-knowledge-related { min-width: 0; }

.agnero-knowledge-toc {
  position: sticky;
  top: 7rem;
  max-height: calc(100vh - 9rem);
  padding-top: 1.15rem;
  padding-right: .55rem;
  overflow-y: auto;
  border-top: 1px solid var(--ka-line);
  scrollbar-color: #d8dce1 transparent;
  scrollbar-width: thin;
}

.agnero-knowledge-toc ol {
  display: grid;
  gap: .65rem;
  margin: 1rem 0 0;
  padding: 0;
  counter-reset: toc;
  list-style: none;
}

.agnero-knowledge-toc li { counter-increment: toc; }
.agnero-knowledge-toc a {
  display: grid;
  grid-template-columns: 1.35rem 1fr;
  gap: .45rem;
  color: var(--ka-muted);
  font-size: .78rem;
  line-height: 1.4;
}
.agnero-knowledge-toc a::before { color: #a6acb4; content: counter(toc, decimal-leading-zero); font-size: .65rem; }
.agnero-knowledge-toc a { transition: color .2s ease, font-weight .2s ease, transform .2s ease; }
.agnero-knowledge-toc a:hover { color: var(--ka-ink); }
.agnero-knowledge-toc a.is-active { transform: translateX(.18rem); color: var(--ka-ink); font-weight: 850; }
.agnero-knowledge-toc a.is-active::before { color: var(--ka-orange); font-weight: 900; }

.agnero-article-content {
  min-width: 0;
  color: #333840;
  font-size: clamp(1.02rem, 1.15vw, 1.12rem);
  line-height: 1.82;
}

.agnero-article-content > * { max-width: 45rem; }
.agnero-article-content > * + * { margin-top: 1.5rem; }
.agnero-article-content h2,
.agnero-article-content h3 { color: var(--ka-ink); scroll-margin-top: 7rem; }
.agnero-article-content h2 {
  margin-top: 5rem;
  font-size: clamp(1.8rem, 3vw, 2.75rem);
  letter-spacing: -.035em;
  line-height: 1.12;
  text-wrap: balance;
}
.agnero-article-content h3 { margin-top: 2.7rem; font-size: clamp(1.18rem, 2vw, 1.45rem); line-height: 1.3; }
.agnero-article-content p { text-wrap: pretty; }
.agnero-article-content strong { color: var(--ka-ink); }
.agnero-article-content ul,
.agnero-article-content ol { margin-left: 1rem; padding-left: 1.3rem; }
.agnero-article-content li { padding-left: .35rem; }
.agnero-article-content li + li { margin-top: .7rem; }
.agnero-article-content .agnero-article-lead {
  margin-top: 0;
  padding: 1.5rem 1.6rem;
  border: 0;
  border-left: 4px solid var(--ka-orange);
  border-radius: 0 .9rem .9rem 0;
  background: #fff5ee;
  color: #292d33;
  font-size: clamp(1.08rem, 1.5vw, 1.25rem);
  line-height: 1.68;
}

.agnero-article-content table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  font-size: .9rem;
}
.agnero-article-content th,
.agnero-article-content td { padding: .8rem; border: 1px solid var(--ka-line); text-align: left; }
.agnero-article-content th { background: var(--ka-wash); }

.agnero-article-inline-figure {
  max-width: 45rem;
  margin: 2.6rem 0 3rem;
}
.agnero-article-inline-figure img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: .85rem;
}
.agnero-article-inline-figure figcaption {
  margin-top: .7rem;
  padding-left: .85rem;
  border-left: 2px solid var(--ka-orange);
  color: var(--ka-muted);
  font-size: .72rem;
  line-height: 1.55;
}

.agnero-article-sources {
  max-width: 45rem;
  margin-top: 5rem;
  padding: 1.4rem 1.5rem;
  border: 1px solid var(--ka-line);
  border-radius: .9rem;
  background: #fafafa;
}
.agnero-article-sources > span { color: var(--ka-orange); font-size: .64rem; font-weight: 850; letter-spacing: .14em; }
.agnero-article-sources h2 { margin: .45rem 0 .65rem; font-size: 1.35rem; }
.agnero-article-sources p { margin: 0; color: var(--ka-muted); font-size: .8rem; line-height: 1.55; }
.agnero-article-sources ul { display: grid; gap: .5rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.agnero-article-sources li { margin: 0; padding: 0; }
.agnero-article-sources a { color: var(--ka-ink); font-size: .76rem; font-weight: 750; text-decoration: underline; text-decoration-color: #c9cdd2; text-underline-offset: .2em; }
.agnero-article-sources a:hover { color: var(--ka-orange); text-decoration-color: currentColor; }

.agnero-article-product-shelf {
  width: 100%;
  max-width: 45rem !important;
  margin: 4rem 0;
  padding: 0;
  transform: none;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.agnero-article-product-shelf__head {
  display: block;
  margin-bottom: 1.15rem;
}
.agnero-article-product-shelf__head h2 { max-width: none; margin: .35rem 0 0; font-size: clamp(1.28rem, 2vw, 1.65rem); letter-spacing: -.025em; }
.agnero-article-product-shelf__head p { max-width: none; margin: .45rem 0 0; color: var(--ka-muted); font-size: .76rem; line-height: 1.5; }
.agnero-article-product-shelf__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }

.agnero-article-product-card {
  display: grid;
  grid-template-columns: 6.6rem minmax(0, 1fr);
  grid-template-rows: 1fr;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #e3e5e8;
  border-radius: .72rem;
  background: #fff;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.agnero-article-product-card:hover { transform: translateY(-2px); border-color: #cdd1d6; box-shadow: 0 10px 28px rgba(20, 24, 30, .065); }
.agnero-article-product-card__image { display: grid; place-items: center; min-height: 10.6rem; padding: .85rem; background: #f6f7f8; }
.agnero-article-product-card__image img { display: block; width: auto; max-width: 100%; height: 8.6rem; object-fit: contain; mix-blend-mode: multiply; }
.agnero-article-product-card__body { display: flex; flex-direction: column; min-width: 0; padding: .85rem; }
.agnero-article-product-card__sku { overflow: hidden; color: #8a9098; font-size: .6rem; letter-spacing: .04em; text-overflow: ellipsis; white-space: nowrap; }
.agnero-article-product-card h3 { margin: .38rem 0 .7rem; font-size: .78rem; letter-spacing: -.01em; line-height: 1.35; }
.agnero-article-product-card h3 a { color: var(--ka-ink); }
.agnero-article-product-card__meta { display: flex; align-items: center; justify-content: space-between; gap: .65rem; margin-top: auto; }
.agnero-article-product-card__price { color: var(--ka-ink); font-size: .92rem; font-weight: 800; }
.agnero-article-product-card__stock { color: #777e87; font-size: .66rem; }
.agnero-article-product-card__stock.is-in-stock { color: #187447; }
.agnero-article-product-card__button.button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.35rem;
  margin-top: .65rem;
  padding: .52rem .65rem;
  border: 1px solid var(--ka-orange);
  border-radius: .6rem;
  background: var(--ka-orange);
  color: #fff;
  font-size: .66rem;
  font-weight: 800;
  transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.agnero-article-product-card__button.button:hover { border-color: #e45f00; background: #e45f00; box-shadow: 0 6px 16px rgba(255, 106, 0, .24); transform: translateY(-1px); }
.agnero-article-product-card__button.button:focus-visible { outline: 3px solid rgba(255, 106, 0, .3); outline-offset: 2px; }
.agnero-article-product-card__button.added { background: #187447; border-color: #187447; }
.agnero-article-product-card .added_to_cart { display: block; margin-top: .55rem; color: var(--ka-orange); font-size: .72rem; font-weight: 750; text-align: center; }

.agnero-knowledge-related__sticky { position: sticky; top: 7rem; }
.agnero-knowledge-related h2 { margin: .5rem 0 1.5rem; font-size: clamp(1.35rem, 2vw, 1.85rem); letter-spacing: -.025em; }
.agnero-knowledge-related__list { display: grid; gap: 1rem; }
.agnero-knowledge-related-card { padding: 1.05rem 0 0; border-top: 1px solid var(--ka-line); }
.agnero-knowledge-related-card__image { display: block; margin-bottom: .85rem; overflow: hidden; border-radius: .65rem; }
.agnero-knowledge-related-card__image img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; transition: transform .35s ease; }
.agnero-knowledge-related-card:hover img { transform: scale(1.025); }
.agnero-knowledge-related-card time { color: #949aa2; font-size: .64rem; }
.agnero-knowledge-related-card h3 { margin: .4rem 0 .7rem; font-size: .93rem; line-height: 1.38; }
.agnero-knowledge-related-card h3 a { color: var(--ka-ink); }
.agnero-knowledge-related-card__link { color: var(--ka-orange); font-size: .72rem; font-weight: 800; }
.agnero-knowledge-related__series { display: grid; gap: .55rem; margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--ka-line); }
.agnero-knowledge-related__series > span { color: #90969e; font-size: .65rem; font-weight: 800; letter-spacing: .12em; }
.agnero-knowledge-related__series a { position: relative; display: flex; align-items: center; min-height: 3.65rem; padding: .72rem 5.1rem .72rem .78rem; overflow: hidden; border: 1px solid var(--ka-line); border-radius: .55rem; color: var(--ka-ink); font-size: .76rem; font-weight: 750; isolation: isolate; }
.agnero-knowledge-related__series a:hover { border-color: var(--ka-orange); color: var(--ka-orange); }
.agnero-knowledge-related__series-name { position: relative; z-index: 2; }
.agnero-knowledge-related__series-visual { position: absolute; z-index: 1; top: 50%; right: 2rem; width: 2.4rem; height: 2.9rem; overflow: visible; opacity: .82; transform: translateY(-50%) rotate(15deg); transform-origin: center; transition: transform .35s ease, opacity .35s ease; }
.agnero-knowledge-related__series-visual img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; mix-blend-mode: multiply; }
.agnero-knowledge-related__series a:hover .agnero-knowledge-related__series-visual { opacity: 1; transform: translateY(-52%) rotate(11deg) scale(1.04); }
.agnero-knowledge-related__series b { position: absolute; z-index: 2; right: .7rem; font-size: .8rem; }

body.agnero-lightbox-open { overflow: hidden; }
.agnero-knowledge-lightbox {
  position: fixed;
  z-index: 10001;
  width: min(92vw, 76rem);
  max-width: none;
  height: min(88svh, 52rem);
  max-height: none;
  margin: auto;
  padding: 0;
  overflow: visible;
  border: 0;
  background: transparent;
  opacity: 0;
  transform: translateY(1.5rem) scale(.92);
  filter: blur(10px);
}
.agnero-knowledge-lightbox[open] { display: grid; place-items: center; }
.agnero-knowledge-lightbox.is-open { animation: agnero-lightbox-enter .48s cubic-bezier(.2, .82, .2, 1) forwards; }
.agnero-knowledge-lightbox.is-closing { animation: agnero-lightbox-leave .26s ease forwards; }
.agnero-knowledge-lightbox::backdrop { background: rgba(10, 12, 16, .82); backdrop-filter: blur(18px) saturate(90%); animation: agnero-lightbox-backdrop .35s ease both; }
.agnero-knowledge-lightbox figure { display: grid; place-items: center; width: 100%; height: 100%; margin: 0; }
.agnero-knowledge-lightbox img { display: block; width: auto; max-width: 100%; height: auto; max-height: calc(88svh - 4rem); border-radius: .8rem; box-shadow: 0 32px 90px rgba(0, 0, 0, .42); object-fit: contain; }
.agnero-knowledge-lightbox figcaption { position: absolute; right: 1rem; bottom: .7rem; left: 1rem; color: rgba(255,255,255,.72); font-size: .74rem; text-align: center; }
.agnero-knowledge-lightbox figcaption:empty { display: none; }
.agnero-knowledge-lightbox__close { position: absolute; z-index: 2; top: -.8rem; right: -.8rem; display: grid; place-items: center; width: 2.8rem; height: 2.8rem; padding: 0; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; background: rgba(20,23,29,.72); color: #fff; font-size: 1.5rem; line-height: 1; cursor: pointer; backdrop-filter: blur(18px); }

@keyframes agnero-lightbox-enter { to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } }
@keyframes agnero-lightbox-leave { from { opacity: 1; transform: none; filter: blur(0); } to { opacity: 0; transform: translateY(1rem) scale(.95); filter: blur(8px); } }
@keyframes agnero-lightbox-backdrop { from { background: rgba(10,12,16,0); backdrop-filter: blur(0); } to { background: rgba(10,12,16,.82); backdrop-filter: blur(18px) saturate(90%); } }

.agnero-scroll-product-cta[hidden] { display: none !important; }
.agnero-scroll-product-cta {
  --agnero-cta-width: min(24rem, calc(100vw - 2rem));
  position: fixed;
  z-index: 999;
  right: auto;
  bottom: clamp(1.4rem, 3vw, 2.35rem);
  left: 50%;
  display: flex;
  align-items: center;
  width: var(--agnero-cta-width);
  opacity: 0;
  transform: translate3d(-50%, calc(100% + 5rem), 0) scale(.82);
  pointer-events: none;
}
.agnero-scroll-product-cta.is-visible { animation: agnero-cta-enter 1.18s cubic-bezier(.2, .78, .18, 1) forwards; pointer-events: auto; }
.agnero-scroll-product-cta.is-visible.is-settled {
  width: var(--agnero-cta-width);
  opacity: 1;
  transform: translate3d(-50%, 0, 0) scale(1);
  filter: none;
  animation: none;
}
.agnero-scroll-product-cta.is-closing { animation: agnero-cta-leave .42s ease forwards; }
.agnero-scroll-product-cta__link {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 4.1rem;
  padding: .48rem 4.2rem .48rem 1.25rem;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .86);
  border-radius: 999px;
  background: linear-gradient(105deg, rgba(255, 255, 255, .36), rgba(239, 242, 247, .2));
  box-shadow: 0 18px 54px rgba(18, 21, 27, .2), inset 0 1px 0 rgba(255, 255, 255, .82);
  color: var(--ka-ink);
  -webkit-backdrop-filter: blur(22px) saturate(145%);
  backdrop-filter: blur(22px) saturate(145%);
  transition: border-color .32s ease, box-shadow .32s ease;
}
.agnero-scroll-product-cta__link::before {
  position: absolute;
  z-index: 1;
  inset: 0;
  border-radius: inherit;
  background: var(--ka-orange);
  box-shadow: 0 8px 24px rgba(243, 107, 33, .32);
  clip-path: circle(1.675rem at calc(100% - 2.055rem) 50%);
  content: "";
  transition: clip-path .64s cubic-bezier(.2, .78, .18, 1), box-shadow .4s ease;
}
.agnero-scroll-product-cta__copy { position: relative; z-index: 2; display: grid; min-width: 0; animation: agnero-cta-copy .72s .48s both; }
.agnero-scroll-product-cta__copy small { overflow: hidden; color: #707781; font-size: .63rem; text-overflow: ellipsis; white-space: nowrap; transition: color .28s ease; }
.agnero-scroll-product-cta__copy strong { overflow: hidden; font-size: clamp(.86rem, 2vw, 1.04rem); text-overflow: ellipsis; white-space: nowrap; transition: color .28s ease; }
.agnero-scroll-product-cta__arrow {
  position: absolute;
  z-index: 3;
  right: .38rem;
  top: 50%;
  display: grid;
  place-items: center;
  width: 3.35rem;
  height: 3.35rem;
  border-radius: 50%;
  background: transparent;
  color: #fff;
  font-size: 1.35rem;
  font-weight: 700;
  animation: agnero-cta-arrow 1.05s .08s both;
}
.agnero-scroll-product-cta__link:hover,
.agnero-scroll-product-cta__link:focus-visible {
  border-color: rgba(243, 107, 33, .72);
  box-shadow: 0 20px 58px rgba(243, 107, 33, .22), inset 0 1px 0 rgba(255, 255, 255, .42);
}
.agnero-scroll-product-cta__link:hover::before,
.agnero-scroll-product-cta__link:focus-visible::before {
  box-shadow: 0 10px 30px rgba(243, 107, 33, .38);
  clip-path: circle(150% at calc(100% - 2.055rem) 50%);
}
.agnero-scroll-product-cta__link:hover .agnero-scroll-product-cta__copy small,
.agnero-scroll-product-cta__link:focus-visible .agnero-scroll-product-cta__copy small {
  color: rgba(255, 255, 255, .78);
}
.agnero-scroll-product-cta__link:hover .agnero-scroll-product-cta__copy strong,
.agnero-scroll-product-cta__link:focus-visible .agnero-scroll-product-cta__copy strong {
  color: #fff;
}

@keyframes agnero-cta-enter {
  0% { width: 4rem; opacity: 0; transform: translate3d(-50%, calc(100% + 5rem), 0) scale(.76); }
  38% { width: 4rem; opacity: 1; transform: translate3d(-50%, 0, 0) scale(1); }
  100% { width: var(--agnero-cta-width); opacity: 1; transform: translate3d(-50%, 0, 0) scale(1); }
}
@keyframes agnero-cta-arrow {
  0% { transform: translateY(calc(50% + 4.5rem)) rotate(-28deg) scale(.7); filter: blur(9px); }
  45% { transform: translateY(-50%) rotate(0) scale(1.04); filter: blur(0); }
  100% { transform: translateY(-50%) rotate(0) scale(1); filter: blur(0); }
}
@keyframes agnero-cta-copy {
  0% { opacity: 0; transform: translateX(1.4rem); filter: blur(11px); }
  100% { opacity: 1; transform: none; filter: blur(0); }
}
@keyframes agnero-cta-leave {
  to { opacity: 0; transform: translate3d(-50%, calc(100% + 2rem), 0) scale(.9); filter: blur(12px); }
}

@media (max-width: 1180px) {
  .agnero-knowledge-layout { grid-template-columns: minmax(11rem, 15rem) minmax(0, 45rem); }
  .agnero-knowledge-related { grid-column: 2; }
  .agnero-knowledge-related__sticky { position: static; padding-top: 2rem; border-top: 1px solid var(--ka-line); }
  .agnero-knowledge-related__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
  .agnero-knowledge-hero { grid-template-columns: 1fr; grid-template-rows: auto; height: auto; min-height: auto; }
  .agnero-knowledge-hero__media { height: min(48svh, 26rem); min-height: 20rem; max-height: none; }
  .agnero-knowledge-hero__media::after { background: linear-gradient(0deg, rgba(17, 20, 25, .35), transparent 45%); }
  .agnero-knowledge-hero__copy { padding: 2.5rem 1.25rem 3.25rem; overflow: visible; }
  .agnero-knowledge-breadcrumb { margin-bottom: 2.75rem; }
  .agnero-knowledge-layout { grid-template-columns: minmax(0, 1fr); padding-top: 3.5rem; }
  .agnero-knowledge-rail { display: block; }
  .agnero-knowledge-toc { position: static; }
  .agnero-knowledge-related { grid-column: 1; }
  .agnero-article-product-shelf__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  .agnero-knowledge-hero__media { height: min(30svh, 18rem); min-height: 14rem; }
  .agnero-knowledge-hero__copy { padding-top: 2rem; padding-bottom: 2.5rem; }
  .agnero-knowledge-hero h1 { font-size: clamp(2.15rem, 10.5vw, 3rem); }
  .agnero-knowledge-layout { gap: 3rem; padding: 3rem 1rem 7rem; }
  .agnero-knowledge-rail { display: block; }
  .agnero-knowledge-toc { margin-top: 1.5rem; }
  .agnero-article-content { font-size: 1rem; line-height: 1.75; }
  .agnero-article-content h2 { margin-top: 4rem; }
  .agnero-article-product-shelf { width: 100%; margin-top: 3.5rem; margin-bottom: 3.5rem; padding: 0; }
  .agnero-article-product-shelf__head { display: block; }
  .agnero-article-product-shelf__head p { margin-top: .8rem; }
  .agnero-article-product-shelf__grid { display: flex; margin-right: -1rem; padding-right: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; }
  .agnero-article-product-card { flex: 0 0 min(82vw, 19rem); grid-template-columns: 6.2rem minmax(0, 1fr); grid-template-rows: 1fr; scroll-snap-align: start; }
  .agnero-knowledge-related__list { grid-template-columns: 1fr; }
  .agnero-scroll-product-cta { --agnero-cta-width: min(20rem, calc(100vw - 2rem)); right: auto; bottom: calc(9.2rem + env(safe-area-inset-bottom)); left: 50%; }
  .agnero-scroll-product-cta__link { width: 100%; min-height: 3.9rem; padding-left: 1rem; }
  .agnero-knowledge-lightbox { width: calc(100vw - 1.5rem); height: min(82svh, 42rem); }
  .agnero-knowledge-lightbox img { max-height: calc(82svh - 3rem); border-radius: .55rem; }
  .agnero-knowledge-lightbox__close { top: -.55rem; right: -.2rem; }
}

@media (prefers-reduced-motion: reduce) {
  .agnero-knowledge-page *,
  .agnero-knowledge-page *::before,
  .agnero-knowledge-page *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .agnero-scroll-product-cta.is-visible { opacity: 1; transform: translate3d(-50%, 0, 0); filter: none; }
}