.cards.c3,.knowledge-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.knowledge-product-grid:has(>.knowledge-product:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.knowledge-product{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #d6d8db;background:#fff;color:#17181a}
.knowledge-product .ph{aspect-ratio:3/2;overflow:hidden;background:#e3e5e7}
.knowledge-product .ph img,.knowledge-product:hover .ph img{position:static;display:block;width:100%;height:100%;object-fit:contain;filter:none;transform:none}
.knowledge-product .bd{display:flex;flex-direction:column;flex:1;padding:20px}
.knowledge-product .bd h3,.knowledge-product .bd h4{font-size:18px;line-height:1.45;margin:0 0 10px;overflow-wrap:anywhere}
.knowledge-product .bd p{font-size:13px;line-height:1.7;color:#62666b;margin:0 0 16px;overflow-wrap:anywhere}
.knowledge-product .bd .product-check{font-size:12px;padding-inline-start:12px;border-inline-start:2px solid #9da2a8;color:#41464c}
.knowledge-product .product-inquiry{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;width:100%;margin-top:auto;padding:12px 0 0;border:0;border-top:1px solid #d6d8db;background:none;font:inherit;font-size:13px;font-weight:600;line-height:1.5;text-decoration:none;color:#17181a;text-align:start;cursor:pointer;overflow-wrap:anywhere}
.knowledge-product .product-inquiry::after{content:'↗';font:20px/1 sans-serif;flex-shrink:0}
.knowledge-product .product-inquiry:focus-visible{outline:3px solid #3869a8;outline-offset:4px}
#series-05 .cards{margin-top:28px}
#series-05 .feature .fi[data-product-assembly]{display:flex;align-items:center;min-height:0;background:#e3e5e7}
#series-05 .feature .fi[data-product-assembly] img{position:static;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;filter:none}
@media(max-width:1000px){.cards.c3,.knowledge-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.cards.c3,.knowledge-product-grid,.knowledge-product-grid:has(>.knowledge-product:nth-child(2):last-child){grid-template-columns:minmax(0,1fr)}.knowledge-product .bd{padding:18px}.knowledge-product .bd h3,.knowledge-product .bd h4{font-size:17px}}
