@media(max-width:760px){
 html{scroll-padding-top:76px}
 main [id]{scroll-margin-top:76px}
 .mobile-reader-bar{position:sticky;top:0;z-index:26;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;box-sizing:border-box;min-height:58px;padding:7px max(12px,env(safe-area-inset-right)) 7px max(12px,env(safe-area-inset-left));border-bottom:1px solid var(--line);background:var(--bg)}
 .mobile-reader-bar .reader-nav{position:static;display:flex;flex-direction:row;width:auto;gap:4px;opacity:1;visibility:visible;transform:none;transition:none;flex:none}
 .mobile-reader-bar .reader-logo{width:38px;height:40px;background:transparent;box-shadow:none;border:0}
 .mobile-reader-bar .reader-logo-glyph{font-size:30px}
 .mobile-reader-bar .reader-menu{width:42px;height:42px;background:transparent;border:0;box-shadow:none;transform:none}
 .mobile-reader-bar .reader-utilities{position:static;display:flex;flex-direction:row;width:auto;gap:2px;margin:0;transform:none}
 .mobile-reader-bar .dock-icon{width:42px;height:42px;flex:none;border:0;background:transparent;box-shadow:none}
 .mobile-reader-bar .dock-icon:hover{transform:none}
 .reader-dialog{width:min(420px,100vw);padding-top:max(70px,env(safe-area-inset-top));box-sizing:border-box}
 body.reader-menu-open .mobile-reader-bar{visibility:hidden}
}
@media(max-width:350px){.mobile-reader-bar{gap:4px;padding-left:8px;padding-right:8px}.mobile-reader-bar .dock-icon{width:40px}.mobile-reader-bar .reader-menu{width:40px}}

/* The compact bar is the only header on mobile. */
@media(max-width:760px){
  .top-nav{display:none}
}

/* Mobile: a larger home target and separate lines for project statistics. */
@media(max-width:760px){
  .mobile-reader-bar .reader-nav{gap:6px;pointer-events:auto}
  .mobile-reader-bar .reader-logo{
    position:relative;z-index:1;display:flex;align-items:center;justify-content:center;
    width:48px;min-width:48px;height:48px;min-height:48px;
    padding:0;pointer-events:auto;touch-action:manipulation;
  }
  .mobile-reader-bar .reader-logo-glyph{pointer-events:none;transform:none}
  .stack-card .case-margin{
    display:flex;flex-direction:column;align-items:stretch;
    width:100%;min-width:0;gap:0;
  }
  .stack-card .case-margin>strong,
  .stack-card .case-margin>span{
    display:block;width:100%;min-width:0;white-space:normal;overflow-wrap:break-word;
  }
  .stack-card .case-margin>strong{font-size:22px;line-height:1.35;margin:18px 0 0}
  .stack-card .case-margin>span{font-size:13px;line-height:1.6;margin:8px 0 0}
  .stack-card .case-margin>.case-note{margin:16px 0 0;line-height:1.7}
}

/* Consistent home mark inside the expanded menu. */
.reader-panel-brand{display:flex;align-items:center;gap:14px;padding-right:44px}
.reader-panel-brand .reader-panel-logo{display:flex;width:48px;height:48px;min-width:48px;padding:0;border:0;background:transparent;box-shadow:none;transform:none;transition:none;touch-action:manipulation}
.reader-panel-brand .reader-logo-glyph{font:700 35px/1 Satoshi,sans-serif;letter-spacing:-3px;transform:none;pointer-events:none}
.reader-panel-brand .reader-label{margin:0;font-size:10px;line-height:1.5;letter-spacing:1.5px}
.reader-dialog{padding-top:24px}
.reader-dialog .reader-panel-brand+.reader-label{display:none}
@media(max-width:760px){
 .reader-dialog{padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(30px,env(safe-area-inset-bottom))}
 .mobile-reader-bar .reader-logo,.mobile-reader-bar .reader-logo:hover,.mobile-reader-bar .reader-logo:active{transform:none;transition:none;animation:none}
 .mobile-reader-bar .reader-logo-glyph{font:700 30px/1 Satoshi,sans-serif;letter-spacing:-3px;transform:none;transition:none;animation:none}
}