#medvedevMobileMenu{display:none}
@media(max-width:700px){
 html,body{max-width:100%;overflow-x:clip}
 .top.medvedev-mobile{
  display:grid;grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;gap:8px;padding:10px 12px;
  transition:transform .18s ease
 }
 .top.medvedev-mobile.reader-scrolled-away{
  transform:translateY(calc(-100% - 3px))
 }
 .top.medvedev-mobile>a{
  font-size:13px;min-width:0;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis
 }
 .top.medvedev-mobile>span{display:none}
 .top.medvedev-mobile .theme-toggle{
  min-height:44px;padding:8px 10px;white-space:nowrap
 }
 .top.medvedev-mobile #medvedevMobileMenu{
  display:block;position:relative
 }
 #medvedevMobileMenu summary{
  background:var(--reader-button);color:var(--reader-fg);
  border:1px solid var(--reader-line);min-height:44px;
  padding:10px;border-radius:8px;display:flex;
  align-items:center;cursor:pointer;
  font:13px/1.1 Arial,sans-serif;white-space:nowrap
 }
 #medvedevMobileMenu summary::-webkit-details-marker{display:none}
 #medvedevMobileMenu .medvedev-mobile-panel{
  position:absolute;right:0;top:calc(100% + 7px);
  width:min(330px,calc(100vw - 24px));padding:13px;
  border:1px solid var(--reader-line);
  background:var(--reader-top);box-shadow:0 9px 28px #0005;
  border-radius:10px;z-index:21
 }
 #medvedevMobileMenu .reader-controls{
  display:flex!important;justify-content:center;
  flex-wrap:wrap;gap:8px;margin-bottom:12px
 }
 #medvedevMobileMenu .reader-settings{
  display:grid!important;grid-template-columns:auto 1fr;
  align-items:center;gap:9px;width:100%;
  font:13px Arial,sans-serif
 }
 #medvedevMobileMenu button,
 #medvedevMobileMenu select{min-height:42px}
 .page{
  max-width:min(100%,var(--reader-width));width:100%;
  margin:24px auto 60px;padding:0 clamp(16px,4vw,24px);
  overflow-wrap:break-word
 }
 .page img,.page table{max-width:100%}
}
@media(prefers-reduced-motion:reduce){
 .top.medvedev-mobile{transition:none}
}