/* Mobile Writing only: the editor card already ends above the bottom action bar. */
@media(max-width:767px){
 body:has(.bb-skrivebord) #ed-word-count,
 body:has(.bb-skrivebord) #sk-word-statistics,
 #sk-edit-toolbar #sk-tb-back{display:none!important}
 body.skrivebord-editing:not(.ss-anon-over-limit) .bb-skrivebord .counter-nav-div{bottom:12px!important}
 body.skrivebord-editing:not(.ss-anon-over-limit) .bb-skrivebord .textarea-wrapper{padding-bottom:72px!important;scroll-padding-bottom:72px!important}
}

/* Mobile Writing keeps reading and clear controls, without editing menus. */
@media(max-width:767px){
 body:has(.bb-skrivebord) :is(#calm-heading-popover,#editor-more-menu),
 .bb-skrivebord .format-toolbar :is(.calm-heading-trigger,.calm-heading-separator,.group-1,.format-divider,.ed-overflow-wrap),
 .bb-skrivebord :is(#revertBack,#redoBtn){display:none!important}
}

/* Native robot navigation matches Translation on phones. */
.sk-robot-links{display:none}
@media(max-width:767px){
body:has(.bb-skrivebord) #bb-mobile-more-sheet .sk-robot-links{display:flex!important;flex-direction:column!important;gap:2px!important;margin:0 0 8px!important;padding:0 0 8px!important;border-bottom:1px solid var(--mns-line,var(--ss-border))!important}
body:has(.bb-skrivebord) #bb-mobile-more-sheet .sk-robot-links>a{display:flex!important;align-items:center!important;min-height:48px!important;text-decoration:none!important}
body:has(.bb-skrivebord) #bb-mobile-more-sheet .sk-robot-links .mn-tab-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;flex:0 0 20px!important;margin:0!important;background:none!important;box-shadow:none!important;color:inherit!important}
body:has(.bb-skrivebord) #bb-mobile-more-sheet .sk-robot-links svg{width:20px!important;height:20px!important;flex:none!important}
body:has(.bb-skrivebord) #bb-mobile-more-sheet .sk-robot-links .mn-icon-f{display:none!important}
body:has(.bb-skrivebord) #bb-mobile-more-sheet .sk-robot-links .mn-icon-o{display:block!important}
body:has(.bb-skrivebord) #bb-mobile-more-sheet .sk-robot-links [aria-current=page] .mn-icon-f{display:block!important}
body:has(.bb-skrivebord) #bb-mobile-more-sheet .sk-robot-links [aria-current=page] .mn-icon-o{display:none!important}
body:has(.bb-skrivebord) #bb-mobile-more-sheet .sk-robot-links .mn-tab-label{font:inherit!important;color:inherit!important;white-space:normal!important;text-align:start!important}
body:has(.bb-skrivebord) #bb-mobile-more-sheet .sk-robot-links>a{flex-direction:row!important;justify-content:flex-start!important;gap:12px!important;padding:10px!important;border-radius:10px!important;font:inherit!important;color:inherit!important}
}

@media(max-width:767px){body:has(.bb-skrivebord) #bb-mobile-more-sheet:not([data-pubnav]) .sk-robot-links>a{padding:10px 12px!important;border-radius:12px!important;color:var(--ss-text)!important}body:has(.bb-skrivebord) #bb-mobile-more-sheet:not([data-pubnav]) .sk-robot-links>a[aria-current=page]{background:var(--ss-selected)!important;color:var(--ss-on-selected)!important}}

/* Keep dictation closer to its language control than to correction, with full touch targets. */
@media(max-width:767px){
 body:has(.bb-skrivebord) #sk-edit-toolbar{column-gap:6px!important}
 body:has(.bb-skrivebord) #sk-edit-toolbar #sk-tb-mic{margin-inline-start:10px!important}
 body:has(.bb-skrivebord) #sk-edit-toolbar #sk-tb-mic+.dict-language{margin-inline-start:-6px!important}
}

/* Balance the correction action between Menu and dictation. */
@media(max-width:767px){body:has(.bb-skrivebord) #sk-edit-toolbar #sk-tb-check{margin-inline-start:10px!important}}
@media(max-width:360px){body:has(.bb-skrivebord) #sk-edit-toolbar #sk-tb-check{margin-inline-start:4px!important;min-width:120px!important}body:has(.bb-skrivebord) #sk-edit-toolbar #sk-tb-mic{margin-inline-start:4px!important}body:has(.bb-skrivebord) #sk-edit-toolbar #sk-tb-check span{white-space:nowrap}}

/* Separate reading settings from clearing, with 16px from divider to each icon. */
@media(max-width:767px){
 body:is(#writing-app,#writing-shared):is(#writing-app,#writing-shared) .bb-skrivebord .counter-nav-div .format-toolbar{column-gap:0!important}
 .bb-skrivebord .format-toolbar .ed-clear-toolbar-separator{display:block!important;flex:0 0 1px!important;width:1px!important;height:18px!important;margin:0 8px!important;background:var(--ss-border)!important;align-self:center}
 .bb-skrivebord .format-toolbar #ed-clear-btn{width:34px!important;min-width:34px!important}
}
