/* Hardware showcase: isolated from application captures and existing page styles. */
.hardware-section {background:#081422;border-block:1px solid var(--line)}
.hardware-intro {margin:20px 0 0;font-size:15px;max-width:660px}
.hardware-section .section-heading>div {max-width:780px}
.hardware-section .section-heading>.link {flex-shrink:0;font-size:13px}
.hardware-viewport {overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;touch-action:pan-x pan-y;scroll-behavior:auto}
.hardware-track {display:flex;width:max-content;gap:22px;padding:6px 0 18px}
.hardware-set {list-style:none;display:flex;gap:22px;padding:0;margin:0}
.hardware-card {width:calc((min(1280px,100vw - 96px) - 78px)/3.2);min-width:250px;margin:0!important;background:var(--panel);border:1px solid var(--line)}
.hardware-card-link {display:flex;flex-direction:column;height:100%;color:var(--ink)}
.hardware-card-link:hover {color:var(--ink);border-color:var(--orange)}
.hardware-card:has(a:hover),.hardware-card:focus-within {border-color:var(--orange)}
.hardware-card a:focus-visible {outline-offset:-4px}
.hardware-card-copy {padding:22px 22px 18px}
.hardware-card h3 {font-size:24px;letter-spacing:-.04em}
.hardware-card-copy p {font-size:13px;line-height:1.6;margin:7px 0 12px;min-height:42px}
.hardware-protocol {display:inline-block;font-size:11px;line-height:1.6;color:#d3e7f6;border-top:1px solid #466075;padding-top:10px}
.hardware-media {background:#f5f7fa;padding:22px;height:220px;display:flex;align-items:center;justify-content:center;margin:0 14px}
.hardware-media img {width:100%;height:100%;object-fit:contain}
.hardware-card[data-hardware-brand="keysight"] .hardware-media {background:#000}
.hardware-card-action {display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:18px 22px;color:var(--orange2);margin-top:auto}
.hardware-approval {display:block;padding:12px 22px 0;font-size:11px;font-weight:600;color:var(--green)}
.hardware-controls {display:flex;gap:20px;align-items:center;justify-content:center;margin-top:22px}
.hardware-buttons {display:flex;gap:8px}
.hardware-buttons button {min-height:44px;min-width:44px;background:transparent;border:1px solid var(--line);padding:10px 14px;font-size:12px}
.hardware-buttons button:hover {border-color:var(--orange2);color:var(--orange2)}
.hardware-arrow-back {transform:rotate(180deg)}
.hardware-position {font-size:12px;font-variant-numeric:tabular-nums;color:var(--orange2);min-width:48px}
.hardware-motion {font-size:11px;color:var(--muted);min-width:135px}
.hardware-help {font-size:12px;margin:18px 0 0;color:var(--muted)}
.hardware-brands {display:flex;flex-wrap:wrap;align-items:center;gap:16px 25px;padding-block:26px;margin-top:25px;border-block:1px solid var(--line)}
.hardware-brands a {font-size:13px;font-weight:600;letter-spacing:.015em}
.hardware-foot {display:flex;justify-content:space-between;gap:35px;padding-top:20px}
.hardware-foot p {font-size:11px;line-height:1.8;margin:0}
.hardware-foot strong {display:block;text-transform:uppercase;font-size:10px;letter-spacing:.13em;margin-bottom:4px}
.hardware-foot p:last-child {max-width:270px}
.hardware-directory {background:var(--navy);border-bottom:1px solid var(--line)}
.hardware-interface-list {display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hardware-interface-list a {border:1px solid var(--line);padding:10px 16px;font-size:13px;color:var(--blue)}
.hardware-filters {display:grid;grid-template-columns:1.4fr 1fr 1.25fr 1fr auto;gap:16px;align-items:end;margin:36px 0 18px}
.hardware-filters label {display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted);min-width:0}
.hardware-filters input,.hardware-filters select {width:100%;min-width:0;height:46px;padding:10px;border:1px solid var(--line);background:var(--base);color:var(--ink);font-size:13px;border-radius:0}
.hardware-filters .btn {min-height:46px;padding:11px 16px;font-size:12px}
.hardware-result {font-size:13px;margin:0 0 24px}
.hardware-directory-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:0}
.hardware-directory-grid .hardware-card {width:auto;min-width:0}
.hardware-requirements {font-size:12px;line-height:1.8;margin:18px 22px 10px}
.hardware-families {font-size:11px;line-height:1.8;margin:0 22px 12px;color:var(--blue)}
.hardware-empty {border:1px solid var(--line);padding:35px}
.hardware-empty p {margin:14px 0}
.hardware-catalog-note,.hardware-image-credit {font-size:12px;line-height:1.9;margin:26px 0 0;max-width:980px}
.hardware-category-details {margin-top:40px;border-block:1px solid var(--line);padding:22px 0}
.hardware-category-details summary {font-size:22px;font-weight:600;cursor:pointer}
.hardware-category-details .table-scroll {margin-top:24px}
.hardware-category-details tbody th {font-size:13px;text-align:left;min-width:200px;color:var(--ink)}
@media(max-width:1050px) {
  .hardware-card {width:calc((100vw - 130px)/2.2)}
  .hardware-filters {grid-template-columns:repeat(2,minmax(0,1fr))}
  .hardware-directory-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .hardware-section .section-heading {align-items:start;flex-direction:column;gap:24px}
}
@media(max-width:600px) {
  .hardware-section,.hardware-directory {padding-block:64px}
  .hardware-card {width:calc(100vw - 80px);min-width:0}
  .hardware-track,.hardware-set {gap:16px}
  .hardware-card h3 {font-size:23px}
  .hardware-media {height:200px}
  .hardware-controls {gap:12px;flex-wrap:wrap;justify-content:space-between}
  .hardware-motion {min-width:0;flex-basis:100%;text-align:center}
  .hardware-foot {flex-direction:column;gap:14px}
  .hardware-foot p:last-child {max-width:none}
  .hardware-brands {gap:15px 20px}
  .hardware-filters {grid-template-columns:1fr}
  .hardware-directory-grid {grid-template-columns:1fr}
  .hardware-directory .section-heading {flex-direction:column;align-items:start;gap:24px}
}