/* Unmodified OpenDyslexic web fonts; license and provenance are in fonts/. */
@font-face { font-family: "OpenDyslexic"; src: url("fonts/OpenDyslexic-Regular.990180d2ff1c.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "OpenDyslexic"; src: url("fonts/OpenDyslexic-Bold.eb4ee82ab263.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "OpenDyslexic"; src: url("fonts/OpenDyslexic-Italic.c4bcba3c13ca.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "OpenDyslexic"; src: url("fonts/OpenDyslexic-Bold-Italic.9509fd3e02e8.woff2") format("woff2"); font-weight: 700; font-style: italic; font-display: swap; }
html[data-interface-font="opendyslexic"], body.font-opendyslexic {
  --font-ui: "OpenDyslexic", "Segoe UI", Arial, sans-serif;
  --font-mono: "OpenDyslexic", "Segoe UI", Arial, sans-serif;
  --font-family-primary: var(--font-ui);
  --font-family-monospace: var(--font-mono);
  font-family: var(--font-ui);
  line-height: 1.7;
}
:is(html[data-interface-font="opendyslexic"], body.font-opendyslexic) :is(button, input, select, textarea, code, pre, kbd, samp, .mono, .callsign, .local-time, .step-number) { font-family: var(--font-ui); }
/* Reserve the complete time's width without replacing OpenDyslexic's digits. */
:is(html[data-interface-font="opendyslexic"], body.font-opendyslexic) .local-time [data-local-clock] { display: inline-block; inline-size: 8ch; text-align: end; }
.appearance-preferences { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; max-width: 100%; }
.preferences-link, #user-tools .preferences-link { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 11px; border: 1px solid var(--control-border); border-radius: 5px; background: var(--panel); color: var(--ink); font: 600 14px/1.3 var(--font-ui); text-decoration: none; white-space: nowrap; }
.preferences-link:hover { border-color: var(--orange-pale); color: var(--orange-pale); }
.preferences-link:focus-visible { outline: 2px solid var(--orange-pale); outline-offset: 1px; }
.login-form-panel > .appearance-preferences { margin-bottom: 18px; }
/* Flexible navigation and wrapping preserve the wider selected font on phones. */
html[data-interface-font="opendyslexic"] .primary-nav a { min-width: 0; overflow-wrap: normal; }
html[data-interface-font="opendyslexic"] .utility-right { flex-wrap: wrap; flex-basis: 1300px; }
html[data-interface-font="opendyslexic"] body { line-height: 1.7; }
@media (max-width: 767px) {
  .dashboard.font-opendyslexic #content-main .module table th { padding: 12px 10px; }
  .dashboard.font-opendyslexic #content-main .module table td { width: 1%; padding: 12px 4px; font-size: 12px; white-space: nowrap; }
}

/* Tracking intended for small system-font captions is distracting in this font. */
:is(html[data-interface-font="opendyslexic"], body.font-opendyslexic) :is(h1, h2, h3, .eyebrow, .workspace-name, .environment-tag, .workspace-footer, .ui-dialog-eyebrow) { letter-spacing: normal; }
html[data-interface-font="opendyslexic"] .primary-nav a { line-height: 1.6; }