.stem-topic-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.stem-topic-links>a{display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:22px;border:1px solid #c4cdb9;border-radius:12px;background:#e9ece2;font-size:var(--text-ui);line-height:1.5;min-width:0}
.stem-topic-links strong{font-size:var(--title-sub);font-weight:500}.stem-topic-links span{font-size:var(--text-small);color:#52634f}
.catalogue-detail-hero .stem-detail-stage{position:relative;aspect-ratio:4/3}
.catalogue-detail-hero .stem-detail-stage>a{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:zoom-in}
.catalogue-detail-hero .stem-detail-stage>a>img{display:block;width:100%;height:100%;object-fit:contain}
.catalogue-thumbnails{display:flex;gap:10px;overflow-x:auto;padding:14px 0 8px;max-width:100%}
.catalogue-thumbnails>button{flex:0 0 clamp(58px,5vw,88px);min-width:0;padding:0 0 4px;border:1px solid #bdc9b1;border-radius:8px;background:#e9e6de;color:#20342b;overflow:hidden}
.catalogue-thumbnails img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}
.catalogue-thumbnails [aria-pressed=true]{border:2px solid #9b7b36}
body.site-fluid .catalogue-thumbnails span{font-size:var(--text-small);line-height:1.4}
body.site-fluid .catalogue-image-note{font-size:var(--text-small);line-height:1.6;color:#52634f;margin:10px 0 0}
.catalogue-operation-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}
.catalogue-operation-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--layout-gap);align-items:start}
.catalogue-operation-layout .catalogue-operation-steps{grid-template-columns:1fr}
.catalogue-design-note{padding:24px;border:1px solid #bcc8b2;border-radius:14px;min-width:0}
.catalogue-design-note>p{font-size:var(--text-small);line-height:1.7;margin-bottom:20px}
.catalogue-design-note .stem-video-stage{margin-bottom:18px}
.catalogue-configuration-note{border-left:3px solid #a38649;padding-left:18px}
@media(max-width:1099px){.stem-topic-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.catalogue-operation-layout,.catalogue-operation-steps{grid-template-columns:1fr}.stem-topic-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.stem-topic-links{grid-template-columns:1fr}.catalogue-design-note{padding:18px}.catalogue-thumbnails>button{flex-basis:66px}}