.device-card {
  border: 1px solid var(--ui-line,#cdd8e4); border-radius: 9px; overflow: hidden;
  background: #fff; color: var(--ui-navy,#263f60); font-variant-numeric: tabular-nums;
}
.device-card[hidden] { display:none; }
.device-card-head {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 6px 16px; padding: 11px 14px 9px; background: #f3f7fb;
}
.device-card-head strong { display: block; font-size: 16px; line-height: 1.3; }
.device-card-head small { display: block; color: var(--ui-muted,#50637a); font-size: 12px; margin-top: 2px; }
.device-card-mode { font-size: 12px; font-weight: 570; }
.device-card dl { margin: 0; }
.device-card .device-card-specs { display: flex; gap: 8px 20px; flex-wrap: wrap; padding: 10px 14px; }
.device-card dt { margin: 0; color: var(--ui-muted,#50637a); font-size: 11px; line-height: 1.35; }
.device-card dd { margin: 2px 0 0; font-size: 13px; font-weight: 590; line-height: 1.4; }
.device-card details { border-top: 1px solid var(--ui-line,#cdd8e4); padding: 0 14px; }
.device-card summary { cursor: pointer; font-size: 12px; font-weight: 590; padding: 8px 0; }
.device-card summary:focus-visible { outline: 2px solid #397398; outline-offset: 1px; }
.device-card .device-card-details { display: grid; gap: 6px; margin: 1px 0 6px; }
.device-card-details > div { display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 9px; }
.device-card-details dd { font-size: 12px; margin: 0; }
.device-card details p { color: var(--ui-ink,#315068); margin: 4px 0 8px; font-size: 12px; line-height: 1.5; }
.device-card p.device-card-note { color: var(--ui-muted,#50637a); }
.device-card-refs { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 6px 0 10px; }
.device-card-refs a { font-size: 12px; color: var(--ui-navy,#263f60); text-decoration: underline; text-underline-offset: 2px; }