/* Coverage rings (js/coverage.js) and the You page's "You can name" strip */
.cov-ring{display:block;flex:none}
.cov-ring circle{fill:none;stroke-width:calc(var(--sw,5) * 1px)}
.cov-track{stroke:var(--rule)}
.cov-learn{stroke:var(--soft);opacity:.55}
.cov-yours{stroke:var(--ink)}
.cov-n{font:500 13px var(--serif);fill:var(--ink)}
.ym-name{display:flex;gap:10px;overflow-x:auto;margin:0 -16px;padding:2px 16px 8px;scroll-snap-type:x proximity;scrollbar-width:none}
.ym-name::-webkit-scrollbar{display:none}
.ym-set{flex:none;scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;width:148px;min-height:44px;padding:12px;text-align:left;border:1px solid var(--rule);border-radius:var(--r-2,12px);background:var(--bg);color:var(--ink);font:inherit}
.ym-set-top{display:flex;align-items:center;gap:10px}
.ym-set-c{display:flex;height:10px;border-radius:5px;overflow:hidden;flex:1}
.ym-set-c i{flex:1;background:var(--c)}
.ym-set b{font:500 16px/1.25 var(--serif);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ym-set small{font-size:15px;color:var(--soft)}
.ym-figs>button{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;padding:14px 0 12px 14px;border-left:1px solid var(--rule);cursor:pointer;min-height:44px}
.ym-figs>button+div{padding-left:14px;border-left:1px solid var(--rule)}
.ym-figs>button span{text-decoration:underline;text-decoration-color:var(--soft);text-underline-offset:3px}
.ym-figs>button:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.ym-untangle{margin-left:auto;flex:none;min-height:44px;padding:0 18px;border-radius:var(--r-pill,22px);border:1px solid var(--ink);background:transparent;color:var(--ink);font:italic 400 17px var(--serif);cursor:pointer}