.chart .speed{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.chart .speed .btn{min-width:84px}.chart .group{margin-top:34px;scroll-margin-top:16px}.chart .titled{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}.chart .titled:after{content:"";flex:1;align-self:center;border-top:1px solid var(--rule)}.chart h2{margin:0;font-size:var(--text-section);font-weight:var(--weight-heading);letter-spacing:var(--tracking-heading)}.chart .titled span{font-size:var(--text-caption);font-weight:var(--weight-label);color:var(--soft);font-variant-numeric:tabular-nums}.cells{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:12px;margin:0;padding:0;list-style:none}.cells li{display:flex;flex-direction:column;background:var(--paper);border:2px solid var(--outline)}.cells button{display:block;width:100%;margin:0;background:none;border:0;border-radius:0;color:var(--edge);font-family:var(--read);font-variant-ligatures:none;cursor:pointer;touch-action:manipulation;transition:background-color .15s}.cells button:hover{background:var(--surface)}.cells button:focus-visible{outline-offset:-3px}.cells button.on{background:var(--mustard)}.cells .say{flex:1;min-height:92px;padding:14px 8px 10px;font-size:44px;font-weight:400;line-height:1}.cells .eg{min-height:var(--control-size);padding:8px 8px 10px;border-top:1px solid var(--rule);font-size:19px;line-height:1.2;color:var(--soft)}.cells .eg b{font-weight:700;color:var(--edge);text-decoration:underline;text-decoration-color:var(--tomato);text-decoration-thickness:3px;text-underline-offset:5px}.cells .eg:hover,.cells .eg.on{color:var(--edge)}@media(max-width:640px){.cells{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.cells .say{min-height:78px;font-size:38px}.cells .eg{font-size:17px}}