/* Regional Options demo applet — page coordinates (the page's origin is screen (9, 49)); controls are placed inline
   from the tables in regional.js. */
.ro { position: absolute; inset: 0; }
.ro > * { position: absolute; }
.ro > span { white-space: pre; }
.ro > .w2k-groupbox { box-sizing: border-box; }
/* Samples: read-only edits on ButtonFace, 23px high. */
.ro > input.ro__sample.w2k-edit { height: 23px; padding-top: 3px; padding-bottom: 7px; }   /* the text 1px higher than in a 21px edit */
/* The two-digit-year spin: a 20px edit (its up-down 1px shorter, as everywhere). */
.ro__to > .w2k-edit { height: 20px; }
/* The language groups: a check-box list (listbox.css [data-checks]). General's layout with a compact theme
   (--layout-compact — user, 2026-10-10): the user's group ends 16px under the locale combo, the system's group and its
   list take the room (--ro-shift). */
.ro--general { --ro-shift: calc(81px * var(--layout-compact)); }
.ro > .ro__user { height: calc(187px - var(--ro-shift)) !important; }   /* over the measured inline heights */
.ro > .ro__system { margin-top: calc(-1 * var(--ro-shift)); height: calc(179px + var(--ro-shift)) !important; }
.ro > .ro__system-text { margin-top: calc(-1 * var(--ro-shift)); }
.ro > .ro__groups { margin-top: calc(-1 * var(--ro-shift)); height: calc(91px + var(--ro-shift)) !important; }