.css-unit-converter .cu-context{margin:var(--s4) 0;padding:var(--s3) var(--s4) var(--s4);border:1px solid var(--border);border-radius:var(--r-sm)}.css-unit-converter .cu-context legend{padding:0 var(--s2);font-size:.9rem;font-weight:600}.css-unit-converter .cu-table{width:100%;margin-top:var(--s3);border-collapse:collapse;font-size:.88rem}.css-unit-converter .cu-caption{caption-side:bottom;margin-top:var(--s2);color:var(--muted);text-align:left;font-size:.78rem}.css-unit-converter .cu-table th,.css-unit-converter .cu-table td{padding:6px var(--s2);border-bottom:1px solid var(--border);text-align:left}.css-unit-converter .cu-table thead th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.76rem}.css-unit-converter .cu-table tbody th{font-family:var(--font-mono);width:5.5ch}.css-unit-converter .cu-table td{font-variant-numeric:tabular-nums}.css-unit-converter .cu-table td:last-child{color:var(--text-2);font-size:.82rem}.css-unit-converter .cu-table tr.cu-same{background:var(--surface-inset)}.css-unit-converter section{margin-top:var(--s5)}.css-unit-converter section h2{margin:0 0 var(--s3);font-size:1.02rem}.css-unit-converter .cu-ladder ul{gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0;padding:0;list-style:none;display:grid}.css-unit-converter .cu-ladder li{justify-content:space-between;gap:var(--s2);padding:6px var(--s3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.82rem;display:flex}