.article-content .aux-usability{border-block:1px solid var(--blog-border);font-family:var(--font-ibm-plex-sans), sans-serif;color:var(--blog-text);margin:2.5rem 0;padding:1.5rem 0}.aux-usability figcaption{gap:.5rem;display:grid}.aux-usability-kicker{color:var(--blog-text-muted);text-transform:uppercase;font:10px var(--font-ibm-plex-mono), monospace;letter-spacing:.12em}.aux-usability figcaption>strong{font-size:clamp(1.25rem,3vw,1.6rem);font-weight:500;line-height:1.3}.aux-usability-deck{color:var(--blog-text-muted);font-size:13px}.article-content .aux-usability-results{margin:1.75rem 0 0}.aux-usability-row{grid-template-columns:100px minmax(0,1fr);gap:1rem;margin-top:1.5rem;display:grid}.aux-usability-row dt{padding-top:.15rem;font-size:14px;font-weight:500}.aux-usability-row dt>span{color:var(--blog-text-muted);margin-top:.25rem;font-size:11px;font-weight:400;display:block}.article-content .aux-usability-row dd{margin:0}.aux-usability-score{font-variant-numeric:tabular-nums;margin-bottom:.6rem;font-size:26px;line-height:1;display:block}.aux-usability-score small{color:var(--blog-text-muted);font-size:12px}.aux-usability-track{background:color-mix(in oklab, var(--blog-text) 7%, transparent);border-radius:2px;height:12px;display:block;overflow:hidden}.aux-usability-track>span{background:var(--blog-accent);height:100%;display:block}.aux-usability-axis{font-variant-numeric:tabular-nums;color:var(--blog-text-muted);justify-content:space-between;margin:.65rem 0 0 116px;font-size:10px;display:flex}.article-page .article-content .aux-usability-scale,.article-page .article-content .aux-usability-note{color:var(--blog-text-muted);margin:.85rem 0 0;font-size:12px;line-height:1.65}.aux-usability-takeaway{margin-top:1.25rem;font-size:13px;line-height:1.6}@media (max-width:400px){.aux-usability-row{grid-template-columns:78px minmax(0,1fr);gap:.75rem}.aux-usability-axis{margin-left:90px}}.article-page .article-content .aux-usability :is(figcaption,strong,span,small,p,dt,dd){font-family:var(--font-ibm-plex-sans), sans-serif}.article-page .article-content .aux-usability .aux-usability-kicker{font-family:var(--font-ibm-plex-mono), monospace}.article-page .article-content figure.aux-usability{margin-left:0!important;margin-right:0!important}