.device-finder{padding:24px;border:1px solid var(--line,#68778b);border-radius:16px;margin:24px 0;background:var(--raised,#eef2f8)}
.device-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;align-items:end}
.device-filters label{display:flex;flex-direction:column;gap:8px;font-weight:600;min-width:0}
.device-filters input,.device-filters select{width:100%;min-height:48px;padding:10px 12px;font:inherit;color:inherit;background:var(--bg,#fff);border:1px solid currentColor;border-radius:8px;box-sizing:border-box}
.device-finder button{margin-top:16px}.device-finder [role=status]{margin:16px 0 0}.device-models{list-style:none!important;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.device-models li{padding:16px;border:1px solid var(--line,#68778b);border-radius:12px;overflow-wrap:anywhere}.device-models strong{display:block}.device-models code{display:block;margin-top:8px;font-size:1em;color:inherit}.device-models [hidden],[data-device-section][hidden]{display:none!important}
@media(max-width:650px){.device-filters,.device-models{grid-template-columns:1fr}.device-finder{padding:16px}}

.fire-mockup{margin:24px 0}.fire-mockup img{display:block;width:100%;height:auto;border-radius:16px}.fire-mockup figcaption{font-size:.875rem;margin-top:8px}