.seo-score{display:grid;grid-template-columns:auto 1fr;gap:2.5rem;align-items:center;max-width:760px;padding:2rem 2.25rem}.seo-dial{--pct:75;width:9rem;height:9rem;place-items:center;background:conic-gradient(var(--accent) calc(var(--pct) * 1%),var(--surface-2) 0)}.seo-dial,.seo-dial>div{border-radius:50%;display:grid}.seo-dial>div{width:7.4rem;height:7.4rem;background:var(--surface);place-items:center;align-content:center}.seo-dial strong{font-family:var(--font-display);font-weight:400;font-size:3rem;line-height:1}.seo-dial span{font-size:.75rem;color:var(--muted);letter-spacing:.04em;margin-top:.25rem}.seo-bars{display:grid;gap:1rem}.seo-bar-head{display:flex;justify-content:space-between;font-size:.92rem;margin-bottom:.4rem}.seo-bar-head span:last-child{color:var(--ink-2);font-variant-numeric:tabular-nums}.seo-bar{height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden}.seo-bar i{display:block;height:100%;border-radius:3px;background:var(--success)}.seo-bar i.is-watch{background:#B88A1E}.seo-example{font-size:.8rem;color:var(--muted);margin-top:.9rem}.seo-wins{max-width:760px}.seo-wins>div{grid-template-columns:1fr 7rem 11rem auto}.seo-wins>div>span{white-space:nowrap}.seo-wins>div>.ds-tag{grid-column:auto;justify-self:end}.seo-wins strong{font-weight:600}.seo-wins .ds-tag{color:var(--success);background:#E8F1EB}@media (max-width:1024px){.seo-wins>div{grid-template-columns:1fr auto;gap:.35rem 1rem}.seo-wins>div>strong{grid-row:1;grid-column:1}.seo-wins>div>.ds-tag{grid-row:1;grid-column:2}.seo-wins>div>span:nth-child(2){grid-row:2;grid-column:1;font-size:.88rem}.seo-wins>div>span:nth-child(3){grid-row:2;grid-column:2;font-size:.88rem;justify-self:end}}@media (max-width:768px){.seo-score{grid-template-columns:1fr;justify-items:center;gap:1.75rem;padding:1.5rem}.seo-score>div:last-child{width:100%}}