.dl-tool .tl-grade-head,.dl-tool .tl-grade-row{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1.2fr) 48px;align-items:center;gap:.6rem;display:grid}.dl-tool .tl-grade-head{color:var(--dl-muted);padding:0 0 .35rem;font-size:.875rem;font-weight:600}.dl-tool .tl-grade-rows{margin:0;padding:0;list-style:none}.dl-tool .tl-grade-row{margin:0 0 .6rem}.dl-tool .tl-grade-row>div{min-width:0}.dl-tool .tl-grade-row label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.dl-tool .tl-grade-letter{border:2px solid var(--dl-ink);background:var(--dl-cream);vertical-align:middle;border-radius:12px;margin-left:.35rem;padding:.1em .45em;font-size:.55em;display:inline-block}@media (max-width:639px){.dl-tool .tl-grade-head{display:none}.dl-tool .tl-grade-row{background:#fff;border:1.5px solid #1a1a1a33;border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px;grid-template-areas:"name name name""weight score remove";gap:.5rem;margin:0 0 .75rem;padding:.75rem}.dl-tool .tl-grade-name{grid-area:name}.dl-tool .tl-grade-weight{grid-area:weight}.dl-tool .tl-grade-score{grid-area:score}.dl-tool .tl-grade-remove{grid-area:remove;align-self:end}.dl-tool .tl-grade-row label{clip:auto;white-space:normal;width:auto;height:auto;margin:0 0 .25rem;font-size:.875rem;position:static;overflow:visible}}