.system-panel:has(.system-evidence){grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:56px;align-items:start}
.system-evidence{min-width:0;border:1px solid #69715f;background:#181e16}
.system-evidence-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid #59634d}
.system-evidence-heading>span{font:10px/1.5 var(--mono);color:#bdc9ae;white-space:nowrap}
.feature-tabs{display:flex;overflow-x:auto;gap:0;scrollbar-color:var(--accent) #313d29;scrollbar-width:thin;border-bottom:1px solid #59634d}
.feature-tabs button{flex:1 0 140px;max-width:280px;min-height:68px;display:flex;align-items:flex-start;gap:12px;text-align:left;padding:16px;background:transparent;color:#d0d9c5;font-size:12px;line-height:1.5;border-right:1px solid #59634d}
.feature-tabs button>span{font:10px/1.8 var(--mono);color:var(--accent)}
.feature-tabs button[aria-selected=true]{background:var(--accent);color:var(--ink)}
.feature-tabs button[aria-selected=true]>span{color:var(--ink)}
.feature-tabs button:hover:not([aria-selected=true]){background:#ffffff09}
.feature-panel[hidden]{display:none}
.system-shot-open{position:relative;width:100%;padding:16px 16px 0;display:block;background:#e4e7db;border-bottom:1px solid #59634d;text-align:left;cursor:zoom-in}
.system-shot-open img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:white}
.system-shot-open>span{display:flex;justify-content:flex-end;font:9px/1.5 var(--mono);letter-spacing:.5px;padding:12px 0;color:var(--ink)}
.system-shot-open:hover>span{text-decoration:underline;text-underline-offset:4px}
.feature-caption{padding:23px 24px 25px}
.feature-caption h4{font:700 30px/1.08 var(--display);margin-bottom:13px;color:var(--paper)}
.feature-caption p{font-size:13px;line-height:1.85;color:#c5cfba;white-space:pre-line}
.system-application-link{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;margin:0 24px 20px;padding:12px 15px;background:var(--accent);color:var(--ink);font-size:13px}
.system-application-link:hover{background:#e5ff65}
.system-evidence-note{font-size:11px;line-height:1.8;color:#aebc9f;padding:0 24px 24px;white-space:pre-line}
.system-detail-image{display:block;width:100%;height:auto;background:#e4e7db;padding:15px}
#detail-dialog:has(.system-detail-image){max-width:1320px}
.systems .system-evidence :focus-visible{outline:3px solid var(--paper);outline-offset:-4px}
@media(max-width:1100px){.system-panel:has(.system-evidence){grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px}.feature-tabs button{flex-basis:130px;font-size:11px;padding:14px 12px}.system-evidence-heading{padding:17px}.feature-caption{padding:20px}.feature-caption h4{font-size:28px}.system-evidence-note{padding:0 20px 20px}.system-application-link{margin-left:20px;margin-right:20px}}
@media(max-width:860px){.system-panel:has(.system-evidence){grid-template-columns:1fr;gap:30px}.system-evidence{width:100%}.system-shot-open img{aspect-ratio:16/10}.feature-tabs button{flex:1 0 135px;max-width:none}.system-copy>p{max-width:620px}.system-copy dl{max-width:650px}}
@media(max-width:480px){.system-evidence-heading{padding:15px}.system-evidence-heading>span{font-size:9px}.system-shot-open{padding:9px 9px 0}.system-shot-open>span{font-size:8px;padding:10px 0}.feature-caption{padding:20px 17px}.feature-caption h4{font-size:28px}.feature-caption p{font-size:13px}.system-application-link{margin:0 17px 18px}.system-evidence-note{padding:0 17px 20px}.system-detail-image{padding:8px}}