.score-bars{display:grid;grid-template-columns:repeat(5,1fr);gap:.2em;width:100px;height:16px;align-items:center;position:relative;flex-shrink:0;margin:5px 0;cursor:help}
.score-segment{height:.4em;width:100%;background:#d6d6d6}
.score-level-1 .is-filled{background:darkred}.score-level-2 .is-filled{background:orangered}.score-level-3 .is-filled{background:#30c7c1}.score-level-4 .is-filled{background:yellowgreen}.score-level-5 .is-filled{background:green}
.score-bars:focus-visible::after{content:attr(aria-label);position:absolute;top:22px;left:0;z-index:2;min-width:140px;width:max-content;max-width:240px;background:var(--ink);color:white;border-radius:5px;padding:6px 10px;font-size:12px}

.score-level-0{--score-color:#767676}.score-level-1{--score-color:darkred}.score-level-2{--score-color:orangered}.score-level-3{--score-color:#30c7c1}.score-level-4{--score-color:yellowgreen}.score-level-5{--score-color:green}
.adequacy{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:20px;align-items:center;margin:20px 0}
.adequacy-label{grid-column:1;grid-row:1;font-size:14px;font-weight:600}.adequacy>.score-bars{grid-column:1;grid-row:2}.adequacy-percentage{grid-column:2;grid-row:1 / 3;font-size:36px;line-height:1.1;font-weight:600;color:var(--score-color);white-space:nowrap}
.adequacy-summary>.adequacy-percentage{grid-row:1}.card>.adequacy{margin-top:0}
.adequacy-summary>.adequacy-label{font-size:20px;line-height:1.2;font-weight:600;margin:0}
@media(max-width:420px){.adequacy{column-gap:12px}.adequacy-percentage{font-size:30px}}