/* Keyboard page: ordered toolbar and vertical blind/clear mode control. */
body .top .lesson-top-toolbar{display:grid!important;grid-template-columns:minmax(130px,240px) minmax(130px,1fr) auto auto!important;gap:10px!important;align-items:center;flex-wrap:nowrap!important}
body .top .lesson-top-toolbar>.home-logo{grid-column:1!important;grid-row:1!important;order:0!important;width:100%!important;max-width:240px!important;min-width:0;height:52px!important;flex-basis:auto!important}
body .top .lesson-top-toolbar>nav{grid-column:2!important;grid-row:1!important;order:0!important;min-width:0!important;width:100%;padding:0!important}
body .top .lesson-top-toolbar>#keyboard-resume{grid-column:3!important;grid-row:1!important;order:0!important;margin:0!important;white-space:nowrap!important;text-transform:uppercase;text-align:center;max-width:none!important}
body .top .lesson-top-toolbar>.sheet-account{grid-column:4!important;grid-row:1!important;order:0!important;margin:0!important;justify-self:end;min-width:0}
body .top #sheet-choice{width:100%!important;max-width:100%!important;min-width:0!important}
.keyboard-with-mode{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:10px;align-items:stretch}
.keyboard-with-mode>#keyboard{min-width:0}
body .keyboard-with-mode>#keyboard-mode{align-self:stretch;width:44px;min-height:150px;padding:10px 7px;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;text-transform:uppercase;font:700 14px/1.2 system-ui;border:2px solid #356f9b;border-radius:12px;background:#83bce8!important;color:#123b5b!important;box-shadow:0 2px 5px #173c2528;cursor:pointer}
body .keyboard-with-mode>#keyboard-mode[aria-pressed=true]{background:#f4a12b!important;color:#432600!important;border-color:#9b5908}
body .keyboard-with-mode>#keyboard-mode:hover{filter:brightness(1.1)}
@media(max-width:760px){
 body .top .lesson-top-toolbar{grid-template-columns:60px minmax(30px,1fr) auto 65px!important;gap:4px!important;width:100%!important}
 body .top .lesson-top-toolbar>.home-logo{width:60px!important;max-width:60px!important;height:38px!important}
 body .top .lesson-top-toolbar>#keyboard-resume{font-size:9.5px!important;line-height:1.2!important;padding:5px 3px!important;min-height:34px;max-width:none!important}
 body .top .lesson-top-toolbar>.sheet-account{padding:5px 3px!important;gap:3px!important;max-width:65px;font-size:10px!important}
 body .top .sheet-account svg{width:18px!important;height:18px!important;flex-shrink:0}
 body .top .sheet-account small,body .top .sheet-account strong{font-size:10px!important;overflow:hidden;text-overflow:ellipsis;max-width:48px}
 body .top #sheet-choice{font-size:11px!important;padding:6px 2px!important}
 .keyboard-with-mode{grid-template-columns:minmax(0,1fr) 35px;gap:6px}
 body .keyboard-with-mode>#keyboard-mode{width:35px;padding:7px 4px;font-size:12px;min-height:130px}
}
@media(max-width:360px){body .top .lesson-top-toolbar{grid-template-columns:42px minmax(18px,1fr) auto 55px!important;gap:3px!important}body .top .lesson-top-toolbar>.home-logo{width:42px!important;max-width:42px!important}body .top .lesson-top-toolbar>#keyboard-resume{font-size:8.5px!important;padding:5px 2px!important}}