.dfl-language{display:flex;align-items:center;gap:3px;flex-shrink:0;margin-left:auto;padding:4px;border:1px solid #d9d5cf;border-radius:13px;background:#fff;align-self:center}
.dfl-language button{width:auto;min-height:38px;margin:0;padding:8px 13px;border:0;border-radius:9px;background:transparent;color:#625d58;font:600 14px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.dfl-language button[aria-pressed="true"]{background:#bc0d3f;color:white}
.dfl-language button:focus-visible{outline:2px solid #bc0d3f;outline-offset:3px}
main.card>.dfl-language{width:max-content;margin:0 auto 28px}
/* Equal columns keep all duration labels on the same centered baseline. */
html[lang="es"] #generator #length.equal-options{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:stretch}
html[lang="es"] #generator #length.equal-options .opt{grid-column:auto!important;display:flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1.25;min-width:0;padding:12px 4px!important;font-size:14px}
@media(max-width:360px){html[lang="es"] #generator #length.equal-options .opt{font-size:13px!important}}
html[lang="es"] .gen-dial-directions button,html[lang="es"] .practice-dial-directions button{white-space:normal}
@media(max-width:760px){.app>.top,.app:has(#generator.active)>.top{flex-wrap:wrap!important;gap:10px!important}.app>.top .dfl-language{align-self:center;margin:4px auto 0}.dfl-language button{padding:8px 12px}html[lang="es"] #level .opt{padding-left:4px;padding-right:4px;font-size:13px}}