.controls label:has(select){flex:1;min-width:210px}
.components{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.score-card{border:1px solid var(--line);border-radius:12px;padding:24px;background:var(--paper);min-width:0}
.score-card[data-preferred="true"]{border-color:var(--green)}
.score-card small{color:var(--muted);font-size:10px;letter-spacing:.1em}
.score-card h3{font-size:23px;min-height:2.3em}
.score-card strong{display:block;font:36px/1.3 Georgia,serif;color:var(--green)}
.score-card p{font-size:12px;color:var(--muted)}
.score-bar,.work-bar{height:12px;border-radius:3px;background:#102625;overflow:hidden;display:flex;margin:20px 0}
.score-bar span{display:block;height:100%;background:var(--green);min-width:0}
.score-bar .terminal{background:var(--warm)}
.score-bar .extension{background:var(--aqua)}
.work-bar span{background:var(--aqua);display:block;height:100%}
details{padding:18px 0;margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
summary{cursor:pointer;color:var(--green);font-size:13px}
.chosen-row{background:#25443b}
.chosen-row th{color:var(--green)}
td,th{font-variant-numeric:tabular-nums}
.branch-card .frame{min-height:7em}
nav{flex-wrap:wrap}
@media(max-width:700px){.components{grid-template-columns:1fr}.score-card{padding:18px}.score-card h3{min-height:0;margin-bottom:10px}.controls label:has(select){min-width:0;flex-basis:100%}.branch-card .frame{min-height:0}header>span{margin-left:0}}