/* KOB component row: six desktop columns, three tablet columns, two mobile columns. */
#hardware .hardware-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
#mounting-components .component-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
#mounting-components .component{min-width:0}
#mounting-components .picture{height:190px;display:flex;align-items:center;justify-content:center;background:#f5f7f8;border:1px solid #d7e1e6;padding:8px}
#mounting-components .picture img{display:block;width:100%;height:100%;object-fit:contain}
#mounting-components .component h3{font-size:17px;line-height:1.6;margin:14px 0 7px}
#mounting-components .component p{font-size:14px;line-height:1.8;color:#4b5d6c;margin:0;min-height:76px}
#mounting-components .detail{font-size:14px;color:#165c88;display:inline-block;margin-top:8px}
#mounting-components .boundary{margin-top:22px}
@media(max-width:1000px){#mounting-components .component-row{grid-template-columns:repeat(3,minmax(0,1fr))}#mounting-components .picture{height:220px}}
@media(max-width:600px){#mounting-components .component-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}#mounting-components .picture{height:190px}#mounting-components .component p{min-height:0}}