@font-face{font-family:OpenDyslexic;src:url('fonts/opendyslexic-latin-400-normal.woff2') format('woff2'),url('fonts/opendyslexic-latin-400-normal.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:OpenDyslexic;src:url('fonts/opendyslexic-latin-400-italic.woff2') format('woff2'),url('fonts/opendyslexic-latin-400-italic.woff') format('woff');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:OpenDyslexic;src:url('fonts/opendyslexic-latin-700-normal.woff2') format('woff2'),url('fonts/opendyslexic-latin-700-normal.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:OpenDyslexic;src:url('fonts/opendyslexic-latin-700-italic.woff2') format('woff2'),url('fonts/opendyslexic-latin-700-italic.woff') format('woff');font-weight:700;font-style:italic;font-display:swap}
html[data-dyslexic-font] body,html[data-dyslexic-font] body *{font-family:OpenDyslexic,Arial,sans-serif!important}

/* Match the wider font to the available modal space without scaling controls. */
@font-face{font-family:OpenDyslexicModal;size-adjust:85%;src:url('fonts/opendyslexic-latin-400-normal.woff2') format('woff2'),url('fonts/opendyslexic-latin-400-normal.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:OpenDyslexicModal;size-adjust:85%;src:url('fonts/opendyslexic-latin-400-italic.woff2') format('woff2'),url('fonts/opendyslexic-latin-400-italic.woff') format('woff');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:OpenDyslexicModal;size-adjust:85%;src:url('fonts/opendyslexic-latin-700-normal.woff2') format('woff2'),url('fonts/opendyslexic-latin-700-normal.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:OpenDyslexicModal;size-adjust:85%;src:url('fonts/opendyslexic-latin-700-italic.woff2') format('woff2'),url('fonts/opendyslexic-latin-700-italic.woff') format('woff');font-weight:700;font-style:italic;font-display:swap}
html[data-dyslexic-font] :is(#information,#settings-console,#audius-browser,#radio-browser,#music-drop-choice,#playlist-folder-access),html[data-dyslexic-font] :is(#information,#settings-console,#audius-browser,#radio-browser,#music-drop-choice,#playlist-folder-access) *{font-family:OpenDyslexicModal,OpenDyslexic,Arial,sans-serif!important}
html[data-dyslexic-font] :is(#information,#settings-console,#audius-browser,#radio-browser) :is(h2,h3,p,label,summary,button,a){overflow-wrap:anywhere}
/* Reserve biography space on the fixed-height card backs. */
html[data-dyslexic-font] #information .team-back{padding:12px}
html[data-dyslexic-font] #information .team-back-label{margin-bottom:6px;letter-spacing:.08em}
html[data-dyslexic-font] #information .team-back .team-role{margin-top:2px;min-height:0}
html[data-dyslexic-font] #information .team-bio{margin-top:8px;padding-top:8px;font-size:11.5px;line-height:1.4;letter-spacing:0}
html[data-dyslexic-font] #information .team-back .team-hint{flex-shrink:0;padding-top:8px;font-size:9px;letter-spacing:0;line-height:1.4}
/* Allow Contact to fit the larger font metrics without clipping its action row. */
html[data-dyslexic-font] #information.is-contact{height:auto;max-height:calc(100dvh - 48px)}
html[data-dyslexic-font] #information.is-contact .panel{height:auto;max-height:calc(100dvh - 48px)}
html[data-dyslexic-font] #information.is-contact #card-content{flex:0 1 auto;padding-bottom:8px}
html[data-dyslexic-font] .contact-actions button{line-height:1.4;white-space:nowrap;flex-shrink:0}
@media(max-width:480px){html[data-dyslexic-font] #information.is-contact,html[data-dyslexic-font] #information.is-contact .panel{max-height:calc(100dvh - 28px)}}

/* Preview the reading font in its own option, including when disabled. */
.dyslexia-friendly-label{font-family:OpenDyslexicModal,OpenDyslexic,Arial,sans-serif}