/* A compact core library, using the same panel, type and border language as the viewer. */
.systems-strip{margin-top:32px;min-width:0;overflow:hidden;border:1px solid #344a48;border-radius:8px;background:radial-gradient(ellipse at 8% 0%,#213b342e,transparent 60%),#0d171a;box-shadow:0 14px 40px #00000012}
.systems-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 26px 21px}
.systems-heading .eyebrow{font-size:9px;letter-spacing:.14em;margin:0 0 9px;color:var(--teal)}
.systems-heading h3{font-size:23px;line-height:1.2;letter-spacing:-.035em;font-weight:500;margin:0}
.systems-heading h3 em{font-style:normal;font-weight:400;color:var(--muted)}
.systems-filters{display:flex;align-items:center;gap:5px;flex-shrink:0}
.systems-filters button{display:flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:5px;padding:9px 11px;min-height:38px;background:transparent;font-family:inherit;font-size:11px;line-height:1.2;color:#abbdb4;cursor:pointer;transition:color .2s,background .2s,border-color .2s}
.systems-filters button span{font:9px 'Courier New',monospace;color:#81988f}
.systems-filters button:hover{color:#e9f0e7;background:#ffffff06}
.systems-filters button[aria-pressed=true]{background:#213831;border-color:#486b5c;color:#c7e7d0}
.systems-filters button[aria-pressed=true] span{color:#b0c9ac}
.systems-rail{position:relative;border-top:1px solid #2a3b37;border-bottom:1px solid #2a3b37;background:#0a12153b}
.systems-track{display:flex;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:20px;scrollbar-width:thin;scrollbar-color:#3d5d50 transparent;margin:0;list-style:none;padding:10px 20px 12px;min-width:0}
.systems-track::-webkit-scrollbar{height:4px}.systems-track::-webkit-scrollbar-thumb{background:#3d5d50;border-radius:4px}
.systems-track .system-card{flex:0 0 156px;list-style:none;margin:0;padding:0;scroll-snap-align:start;min-width:0}
.system-card a{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:112px;padding:14px 13px 12px;border:1px solid transparent;border-radius:6px;text-decoration:none;transition:background .22s,border-color .22s;isolation:isolate}
.system-card a:hover,.system-card a:focus-visible{border-color:color-mix(in srgb,var(--system-ink) 34%,transparent);background:color-mix(in srgb,var(--system-ink) 7%,transparent)}
.system-logo{display:block;width:100%;height:48px;transition:transform .22s}
.system-logo img{width:100%;height:100%;object-fit:contain}
@supports (mask-image:url('')){.system-logo{background:var(--system-ink);mask-image:var(--system-logo);mask-position:center;mask-size:contain;mask-repeat:no-repeat}.system-logo img{visibility:hidden}}
.system-card a:hover .system-logo,.system-card a:focus-visible .system-logo{transform:translateY(-3px)}
.system-name{display:block;text-align:center;font-size:10px;line-height:1.4;color:#a6bab0;max-width:100%;min-height:28px}
.system-open{position:absolute;right:8px;top:6px;color:var(--system-ink);font-size:11px;opacity:0;transition:opacity .2s}
.system-card a:hover .system-open,.system-card a:focus-visible .system-open{opacity:1}
.systems-footer{display:flex;align-items:center;gap:18px;padding:12px 25px;min-height:57px}
.systems-footer .systems-summary{font:10px/1.5 'Courier New',monospace;color:#91aa9e;margin:0}
.systems-links{display:flex;align-items:center;gap:17px;margin-left:auto;white-space:nowrap}
.systems-links a{font-size:10px;text-decoration:none;color:#c0d4bf}.systems-links a:hover{color:var(--teal)}
.systems-links .systems-art-credit{color:#849b91;font-size:9px}
.systems-navigation{display:flex;gap:6px}
.systems-navigation button{width:35px;height:32px;border:1px solid #3c5349;border-radius:4px;color:#c9dfcb;background:#14231e;cursor:pointer;transition:background .2s,border-color .2s,opacity .2s;font-size:16px}
.systems-navigation button:hover:not(:disabled){background:#254034;border-color:#769982}
.systems-navigation button:disabled{opacity:.3;cursor:default}
.systems-strip :focus-visible{outline:2px solid var(--teal);outline-offset:-3px}
.systems-strip [hidden]{display:none!important}
@media(max-width:1100px){.systems-header{align-items:flex-start;flex-direction:column;gap:16px}.systems-filters button{min-height:40px}.systems-heading h3{font-size:23px}}
@media(max-width:600px){.systems-strip{margin-top:25px}.systems-header{padding:21px 17px 15px;gap:17px}.systems-heading h3{font-size:21px;line-height:1.35}.systems-heading h3 em{display:block}.systems-filters{width:100%;gap:3px;justify-content:space-between}.systems-filters button{padding:9px 7px;min-height:44px;font-size:10px;gap:4px}.systems-filters button span{font-size:8px}.systems-track{padding:8px 10px 10px;scroll-padding-inline:10px}.systems-track .system-card{flex-basis:138px}.system-card a{padding:14px 11px 10px;gap:12px;min-height:106px}.system-logo{height:42px}.system-name{font-size:9px}.systems-footer{padding:12px 16px;gap:9px 12px;flex-wrap:wrap}.systems-footer .systems-summary{flex-basis:100%;font-size:9px}.systems-links{margin-left:0;gap:12px}.systems-navigation{margin-left:auto}.systems-navigation button{width:40px;height:40px}.systems-art-credit{font-size:8px!important}}
@media(prefers-reduced-motion:reduce){.systems-strip *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}