.compatibility-container{max-width:1100px;margin:0 auto;padding:1rem 1rem 4rem}.breadcrumbs{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--text-primary);margin-bottom:2rem;font-weight:500}.breadcrumbs a{color:var(--text-primary);text-decoration:none;transition:color .2s ease}.breadcrumbs a:hover{color:var(--accent-signature)}.breadcrumbs .separator{color:var(--text-muted)}.breadcrumbs .current{color:var(--text-primary)}.compatibility-hero{padding:2rem 0;margin-bottom:2.5rem;border-bottom:1px solid var(--border-primary)}.category-badge{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--accent-signature);background:var(--bg-hover);padding:.2rem .6rem;border-radius:var(--radius-sm);letter-spacing:.05em;margin-bottom:1rem}.page-title{font-size:2.25rem;line-height:1.25;color:var(--text-primary);max-width:800px;font-weight:800;margin-bottom:1rem}.hero-desc{font-size:1.05rem;color:var(--text-primary);max-width:650px;line-height:1.6}.banner-glow{display:none}.checker-grid{display:grid;grid-template-columns:320px 1fr;gap:2.5rem;align-items:start;margin-bottom:4rem}.controls-panel{display:flex;flex-direction:column;gap:1.75rem;padding:1.75rem;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:#ffffff04;backdrop-filter:blur(16px);box-shadow:0 4px 20px -2px #00000026;transition:border-color .3s ease}.controls-panel:hover{border-color:#10b98133}.panel-section-title{font-size:1.2rem;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:.6rem;margin:0;letter-spacing:-.01em}.panel-icon{color:var(--accent-signature);transition:transform .3s ease}.controls-panel:hover .panel-icon{transform:rotate(30deg)}.control-group{display:flex;flex-direction:column;gap:.75rem}.control-label{font-size:.85rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.custom-select-wrapper{position:relative}.custom-select{width:100%;padding:.75rem 2rem .75rem .85rem;font-size:.9rem;color:var(--text-primary);background:var(--bg-hover);border:1px solid var(--border-primary);border-radius:var(--radius-sm);appearance:none;-webkit-appearance:none;cursor:pointer;transition:all .25s ease}.custom-select:focus{outline:none;border-color:var(--accent-signature);box-shadow:0 0 0 3px #10b9811f}.custom-select-wrapper:after{content:"▾";font-size:.85rem;color:var(--text-muted);position:absolute;right:.85rem;top:50%;transform:translateY(-50%);pointer-events:none;transition:color .2s ease}.custom-select-wrapper:hover:after{color:var(--accent-signature)}.protocol-radio-group{display:flex;flex-direction:column;gap:.65rem}.protocol-radio-card{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.75rem 1rem;border-radius:var(--radius-sm);cursor:pointer;background:var(--bg-hover);border:1px solid var(--border-primary);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.protocol-radio-card input[type=radio]{display:none}.protocol-radio-card:hover{background:var(--bg-surface);border-color:#10b98166}.protocol-radio-card.active{background:#10b9810a;border-color:var(--accent-signature);box-shadow:0 4px 12px -2px #10b98114}.protocol-radio-card.active:before{content:"";width:3px;height:70%;background:var(--accent-signature);position:absolute;left:0;top:15%;border-radius:0 4px 4px 0}.protocol-name{font-size:.95rem;font-weight:700;color:var(--text-primary);transition:color .2s ease}.protocol-radio-card.active .protocol-name{color:var(--accent-signature)}.protocol-desc{display:block;font-size:.85rem;color:var(--text-primary);line-height:1.3;transition:color .2s ease}.protocol-radio-card.active .protocol-desc{color:var(--text-primary)}.search-input-wrapper{position:relative}.search-input{width:100%;padding:.75rem 1rem .75rem 2.1rem;font-size:.9rem;color:var(--text-primary);background:var(--bg-hover);border:1px solid var(--border-primary);border-radius:var(--radius-sm);transition:all .25s ease}.search-input::placeholder{font-size:.85rem;color:var(--text-muted)}.search-input:focus{outline:none;border-color:var(--accent-signature);background:var(--bg-surface);box-shadow:0 0 0 3px #10b9811f}.search-input-wrapper .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;transition:color .2s ease}.search-input:focus+.search-icon,.search-input-wrapper:hover .search-icon{color:var(--accent-signature)}.results-panel{display:flex;flex-direction:column;gap:1.5rem}.results-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-primary);padding-bottom:.75rem}.results-count{font-size:1rem;color:var(--text-primary)}.filter-badges-row{display:flex;gap:.5rem}.status-filter-btn{background:transparent;border:none;font-size:.85rem;color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem;transition:color .2s ease}.status-filter-btn.active{color:var(--accent-signature);border-bottom:2px solid var(--accent-signature)}.devices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.device-compat-card{border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;background:var(--bg-hover);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000005}.device-compat-card:hover{border-color:var(--accent-signature)}.device-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.device-brand{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--accent-signature);letter-spacing:.05em}.device-title{font-size:1.2rem;font-weight:800;color:var(--text-primary);margin-top:.25rem;line-height:1.35;letter-spacing:-.01em}.device-status-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:var(--radius-sm);white-space:nowrap;border:1px solid transparent}.device-status-badge.status-direct{color:var(--diff-easy-text);background:var(--diff-easy-bg);border-color:var(--diff-easy-border)}.device-status-badge.status-bridge{color:var(--diff-medium-text);background:var(--diff-medium-bg);border-color:var(--diff-medium-border)}.device-status-badge.status-incompatible{color:var(--diff-hard-text);background:var(--diff-hard-bg);border-color:var(--diff-hard-border)}.device-card-body{font-size:1rem;line-height:1.5;color:var(--text-primary);flex-grow:1;display:flex;flex-direction:column;gap:.5rem}.device-compatibility-note{font-size:.9rem;color:var(--text-primary)}.device-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-primary);padding-top:.75rem}.protocol-badge{font-size:.75rem;font-weight:700;padding:.15rem .4rem;border-radius:var(--radius-sm)}.protocol-badge.protocol-zigbee{color:var(--accent-signature);background:var(--bg-hover)}.protocol-badge.protocol-wifi{color:var(--text-secondary);background:var(--bg-hover)}.protocol-badge.protocol-matter{color:var(--accent-signature);background:var(--bg-hover)}.device-category-badge{font-size:.75rem;color:var(--text-muted)}.empty-state{padding:3rem;text-align:center;border:1px dashed var(--border-primary);border-radius:var(--radius-sm)}.empty-state.hidden{display:none!important}.compatibility-faq{margin-top:5rem;border-top:1px solid var(--border-primary);padding-top:3rem}.faq-title{font-size:1.5rem;font-weight:700;margin-bottom:2rem}.faq-item{border-bottom:1px solid var(--border-primary);padding:1rem 0}.faq-item[open] .faq-summary{color:var(--accent-signature)}.faq-summary{font-size:1.05rem;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-summary::-webkit-details-marker{display:none}.faq-summary:after{content:"+";font-size:1.25rem;color:var(--text-muted)}.faq-item[open] .faq-summary:after{content:"−"}.faq-content{margin-top:.75rem;font-size:1rem;line-height:1.6;color:var(--text-primary)}@media(max-width:900px){.checker-grid{grid-template-columns:1fr;gap:2rem}}@media(max-width:640px){.compatibility-faq{margin-top:3rem;padding-top:2rem}}