/* Additional universal design adjustments for v1.12
 *
 * This stylesheet introduces a few optional classes that improve
 * readability for a wider audience. These rules are applied via
 * toggling classes on the <body> element (see ui.js). Keep these
 * selectors simple so they override defaults when enabled.
 */

/* Bold text mode – increases font weight across the interface. */
body.bold-text {
  font-weight: 600;
}

/* Increased line height mode – gives more breathing room between lines
   which is helpful for readers with dyslexia or visual processing
   difficulties. */
body.large-line-height {
  line-height: 1.6;
}

/* When both bold and large line height are active the combination
   should not disturb component sizing. Let body-wide properties
   cascade naturally. */

/* Slight adjustment for high contrast mode in combination with
   large-line-height to ensure clear delineation between elements. */
body.high-contrast.large-line-height .panel {
  border-bottom: 2px solid var(--line-strong);
}