.design-page-intro{padding-top:130px;padding-bottom:28px;color:#103845}.design-page-intro>a{font-size:14px;color:#0088a6}.design-page-intro h1{font-size:clamp(32px,4vw,54px);line-height:1.1;max-width:none;margin:18px 0}.design-page-intro p{font-size:18px;max-width:760px;line-height:1.6}.design-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.design-topic-card{display:flex;flex-direction:column;border:1px solid #d8e7eb;border-radius:12px;overflow:hidden;color:#103845;background:#f5f8f9;text-decoration:none;scroll-margin-top:140px}.design-topic-card>img,.design-topic-card>svg{width:100%;height:240px;object-fit:cover}.design-topic-card>img.design-topic-hardware{object-fit:contain;padding:16px}.design-topic-card>div{padding:24px}.design-topic-card h2{font-size:28px;line-height:1.2;max-width:none;margin:0 0 12px}.design-topic-card p{font-size:16px;line-height:1.6}.design-topic-card strong{color:#007d98;font-size:16px}.design-topic-glass{justify-content:center;background:#eaf3f6}.design-topic-nav{display:flex;flex-wrap:wrap;gap:16px;padding-bottom:24px}.design-topic-nav a{padding:12px 18px;border:1px solid #bad4dc;border-radius:6px;color:#007d98;font-size:16px}.design-topic-card:focus-visible,.design-topic-nav a:focus-visible{outline:3px solid #008aa9;outline-offset:4px}#residential-hardware,#commercial-hardware,#configuration{scroll-margin-top:140px}@media(max-width:640px){.design-topic-grid{grid-template-columns:1fr}.design-topic-card>img,.design-topic-card>svg{height:210px}.design-page-intro{padding-top:100px}.design-topic-card h2{font-size:25px}}
.design-hardware-group{height:240px;display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;align-items:center;gap:8px;padding:22px;background:linear-gradient(135deg,#f4f8fa,#e5eef1)}
.design-hardware-group img{display:block;width:100%;height:190px;object-fit:contain;min-width:0}
.design-topic-card>div{display:flex;flex-direction:column;flex:1}.design-topic-card strong{margin-top:auto}.design-topic-glass{justify-content:flex-start}
.design-hardware-picture{display:block;height:240px;flex:none;overflow:hidden}.design-hardware-picture img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.12)}
@media(max-width:640px){.design-hardware-picture{height:210px}}
@media(max-width:640px){.design-hardware-group{height:210px;padding:16px;gap:5px}.design-hardware-group img{height:165px}}