.rich-content{max-width:1100px}.rich-content img{max-width:100%;height:auto}.rich-content table{display:block;overflow:auto}.rich-content h2{margin-top:2rem}.product-thumbnails{display:flex;gap:12px;flex-wrap:wrap}.product-thumb img{width:80px;height:80px;object-fit:contain}.catalog-toolbar{display:flex;gap:16px;align-items:center;margin:24px 0}.catalog-toolbar input{flex:1}.product-tile>a{color:inherit;text-decoration:none}.notice.visible{display:block}.form-input{min-width:0}@media(max-width:720px){.catalog-toolbar{flex-direction:column;align-items:stretch}}
/* Match the integrated card markup and preserve space for the comparison bar. */
#catalog-items>.product-tile{display:flex;flex-direction:column;padding:0;min-width:0}
.product-tile-link{display:block;flex:1;min-width:0}
.product-tile-specs{padding-top:0}
.product-tile .spec-row{gap:12px}
.product-tile .spec-row b{text-align:right;overflow-wrap:anywhere}
.product-image-placeholder{display:grid;place-items:center;min-height:205px;color:var(--muted);background:#edf4fc;font-weight:800;letter-spacing:2px}
.has-comparison{padding-bottom:125px}
.product-detail-copy{min-width:0;overflow-wrap:anywhere}
.product-detail-copy h1{font-size:clamp(32px,4.3vw,70px)}
.product-stage{min-width:0}
.product-thumbnails{display:flex;flex-wrap:wrap;gap:9px}
#compare-close{float:right}
.nav a[aria-current=page]{color:var(--blue);border-bottom:2px solid var(--blue)}
.rich-content iframe{max-width:100%}
@media(max-width:720px){.has-comparison{padding-bottom:185px}.product-stage img{width:100%;height:auto;max-height:360px;object-fit:contain}.nav a[aria-current=page]{border:0}}

.product-use-cases{display:flow-root;margin:32px 0}
.rich-content iframe{display:block;width:min(100%,800px);height:auto;aspect-ratio:16/9;margin:24px 0}
.product-tile strong,.product-tile .text-link{display:block;margin-top:10px}
@media(max-width:720px){.product-use-cases>div[style*="float"]{float:none!important;width:100%!important;margin:20px 0}.product-use-cases>div img{width:100%!important;max-width:350px;padding:0!important;margin:0 0 10px!important}}
.steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.step,.step>div{min-width:0;overflow-wrap:anywhere}
@media(max-width:1050px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.steps{grid-template-columns:1fr}}
#project-items>.project-feature{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.project-image-link{display:block;min-width:0}.project-image-link img{width:100%;height:100%;object-fit:cover}
#project-items>.project-feature h2{font-size:clamp(24px,3vw,36px)}
.project-detail-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;align-items:center}
.project-detail-hero h1{font-size:clamp(32px,4.6vw,64px);overflow-wrap:anywhere}.project-detail-hero>img{width:100%;border-radius:14px;max-height:480px;object-fit:cover}
.project-detail-metrics{font-size:clamp(18px,2.5vw,30px);font-weight:800;overflow-wrap:anywhere}
@media(max-width:720px){#project-items>.project-feature,.project-detail-hero{grid-template-columns:1fr}.project-detail-hero{gap:24px}.project-image-link img{height:220px}}
