/* 顶栏 logo 旁的读音副句：首页和 layout 页（/pricing、/docs）共用。放不下就整句收起，两层：
   1. 断点：733px 是英文页副句能整句显示的最窄宽度（headless Chromium 每 1px 实测，首页 / pricing / docs 同值），中文页共用。
   2. 字体比实测宽时（别的系统、别的回退字体）断点不够：副句只占 logo 和导航之间剩下的宽度，句子放不下就折到第二行，
      第二行被 height + overflow 裁掉，整句看不见，不会把顶栏撑宽。::before 是宽 0、高一行的第一项（高度为 0 时 Chromium 不会把句子折下去，实测），句子才会整句折行而不是露半句。
   和 logo 的间距就是顶栏的 gap（24px），不另设负边距。 */
.brand-sub{flex:1 1 0;min-width:0;display:flex;flex-wrap:wrap;height:20px;line-height:20px;overflow:hidden;color:var(--fg2);font-size:13px}
.brand-sub::before{content:"";width:0;height:20px}
.brand-sub>span{white-space:nowrap}
@media (max-width:732px){.brand-sub{display:none}}