/* Aspect Ratio Calculator — a form (ratio card + result card + dimensions
   card) from styles/components/form.css; the ratio presets are a shared
   segment and the inputs shared unit fields. Only their width and the ratio
   separator are the page's own. */

/* Two inputs share the ratio line, so the field is narrower than the default. */
.ar-field { --unit-field-w: 110px; }
.ar-sep { color: var(--text-muted); font-weight: 600; }
.ar-chip { font-variant-numeric: tabular-nums; }

.ar-num { font-family: var(--mono); font-variant-numeric: tabular-nums; }

@media (max-width: 420px) { .ar-field { --unit-field-w: 84px; } }