/* User-confirmed: tablet/desktop reading-mode grammar identity stays truly centered in the viewport. */
@media (min-width:701px){
  .site-nav.reading-mode .site-nav-inner{position:relative!important}
  .site-nav.reading-mode .grammar-header-copy{
    display:flex!important;position:absolute!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;
    margin:0!important;min-width:0!important;justify-content:center!important;text-align:center!important;z-index:2!important;
  }
}
@media (min-width:701px) and (max-width:1024px){
  .site-nav.reading-mode .grammar-header-links{display:none!important}
  .site-nav.reading-mode .grammar-header-copy{
    flex-direction:column!important;align-items:center!important;gap:2px!important;
    width:min(66vw,680px)!important;max-width:calc(100vw - 190px)!important;white-space:normal!important;
  }
  .site-nav.reading-mode .grammar-header-divider{display:none!important}
  .site-nav.reading-mode .grammar-header-name{font-size:18px!important;line-height:1.15!important;text-align:center!important}
  .site-nav.reading-mode .grammar-header-meaning{
    display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;
    white-space:nowrap!important;line-height:1.25!important;text-align:center!important;font-size:12px!important;
  }
}
@media (min-width:1025px){
  .site-nav.reading-mode .grammar-header-copy{
    flex-direction:row!important;align-items:baseline!important;gap:10px!important;
    width:auto!important;max-width:46vw!important;white-space:nowrap!important;
  }
  .site-nav.reading-mode .grammar-header-name{flex:0 0 auto!important;text-align:center!important}
  .site-nav.reading-mode .grammar-header-meaning{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:center!important}
  .site-nav.reading-mode .grammar-header-links{display:flex!important}
}