/* Mobile only. The desktop reader and the fixed compact market rail are unchanged. */
.mobile-rail-tools,.mobile-install-shortcut,.mobile-link-icon{display:none}
.install-steps{padding-left:22px;line-height:1.65}.install-steps li{margin:10px 0}
@media(max-width:760px){
  .real-mode{--footer:0px;--mobile-rail:44px}
  .real-mode .mobile-nav{display:none!important}
  .real-mode .terminal{display:block;padding-left:var(--mobile-rail);padding-bottom:env(safe-area-inset-bottom,0px)}
  .real-mode .sidebar{display:flex;position:fixed;top:var(--header);bottom:0;left:0;width:var(--mobile-rail);z-index:45;padding:4px 0 calc(56px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;scrollbar-width:none}
  .real-mode .sidebar.open{width:min(300px,90vw);z-index:51;padding-inline:8px}
  .real-mode .mobile-rail-tools{display:block}
  .real-mode .mobile-link-icon{display:inline-flex;margin-right:8px}
  .real-mode .sidebar:not(.open) .mobile-link-icon{margin:0}
  .real-mode .sidebar:not(.open) :is(.nav-label,.mobile-menu-heading,.mobile-menu-reading,.local-label,.legal-entry){display:none}
  .real-mode .sidebar:not(.open) nav{padding:3px 0;border-bottom:1px solid var(--line)}
  .real-mode .sidebar:not(.open) :is(nav button,.sidebar-bottom>button){font-size:0;gap:0;width:44px;height:44px;min-height:44px;padding:0;justify-content:center;border-radius:0}
  .real-mode .sidebar:not(.open) :is(nav button,.sidebar-bottom>button) :is(small,.live-dot){display:none}
  .real-mode .sidebar:not(.open) :is(nav button,.sidebar-bottom>button) svg{width:19px;height:19px}
  .real-mode .sidebar:not(.open) nav a{display:flex;align-items:center;justify-content:center;font-size:0;line-height:0;width:44px;height:44px;min-height:44px;padding:0;gap:0}
  .real-mode .sidebar:not(.open) nav a svg{width:19px;height:19px}
  .real-mode .sidebar:not(.open) .sidebar-bottom{padding-top:4px}
  .real-mode .sidebar.open .mobile-rail-tools [data-action=menu]{display:none}
  .real-mode .mobile-install-shortcut{display:flex;position:fixed;left:0;bottom:0;z-index:52;min-height:52px;width:44px;padding:4px 0 calc(4px + env(safe-area-inset-bottom,0px));background:var(--sidebar);border-top:1px solid var(--line);color:var(--blue)}
  .real-mode .mobile-install-shortcut svg{width:21px;height:21px}
  .real-mode .sidebar:not(.open) .mobile-install-shortcut span{display:none}
  .real-mode .sidebar.open .mobile-install-shortcut{width:min(300px,90vw);justify-content:flex-start;gap:10px;padding-left:20px;font-size:calc(12px * var(--ui-text-scale,1))}
  .real-mode .shade{bottom:0}
  .real-mode .reader-footer{padding:4px 8px}
  .real-mode #reader-navigation{padding:0 5px}
  .real-mode #reader-navigation .reader-mode-row{gap:0}
  .real-mode #reader-navigation .reader-mode-row button{padding-inline:5px;font-size:calc(10px * var(--ui-text-scale,1))}
  .real-mode #reader-navigation .reader-help{flex-basis:32px;min-width:32px}
  .real-mode #reader-navigation .reader-daily-entry{margin:0}
  .real-mode .feed-controls>.toolbar{display:block;padding:3px;overflow-x:auto;overscroll-behavior-inline:contain}
  .real-mode .toolbar #signal-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;min-width:calc(264px * var(--ui-text-scale,1));width:100%}
  .real-mode .toolbar #signal-controls>button{min-width:0;padding-inline:1px;font-size:calc(9px * var(--ui-text-scale,1))}
  .real-mode .toolbar #signal-controls>.unread-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:44px;width:100%;min-width:0;margin:0;font:calc(8.5px * var(--ui-text-scale,1))/1.2 system-ui,sans-serif;white-space:nowrap}
  .real-mode .toolbar #signal-controls>.unread-toggle input{margin:0;width:15px;height:15px;min-width:15px;min-height:15px}
  .real-mode .story-row,.real-mode.no-score .story-row,.real-mode.comfortable .story-row,.real-mode.dense .story-row{grid-template-columns:44px minmax(0,1fr) 44px;padding:4px 5px;column-gap:3px;align-items:start}
  .real-mode .story-row .story-title{font-size:calc(12px * var(--ui-text-scale,1));line-height:1.4;letter-spacing:0}
  .real-mode .story-row .row-time{align-self:center;padding:0;line-height:1.3;font-size:calc(9px * var(--ui-text-scale,1))}
  .real-mode .story-row .row-time small{font-size:calc(8px * var(--ui-text-scale,1))}
  .real-mode .story-row .coverage-rank{min-width:44px;min-height:44px;padding:0;font-size:calc(9px * var(--ui-text-scale,1))}
  .real-mode .story-row .row-content .row-meta{flex-direction:row;flex-wrap:wrap;gap:0 3px;margin:0;line-height:1.3}
  .real-mode .story-row .row-meta .publisher-links{flex:0 1 auto;flex-basis:auto;width:auto;max-width:100%}
  .real-mode .story-row .row-meta .article-credit{flex-wrap:nowrap;gap:0;width:auto}
  .real-mode .story-row .row-meta .source-profile-link{max-width:100px;min-height:44px;gap:4px}
  .real-mode .story-row .row-meta .source-profile-link>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:78px}
  .real-mode .story-row .row-meta .source-badge:not(.publisher-icon){display:none}
  .real-mode .story-row .row-meta .source-count{min-height:44px;padding:0 2px;white-space:nowrap;font-size:calc(9px * var(--ui-text-scale,1))}
  .real-mode .story-row .row-meta :is(.reader-hide,.article-original,.row-publisher-date,.row-time-details){display:none}
  .real-mode .story-row .row-tail :is(.reactions,.row-category){display:none}
  .real-mode .story-row .row-tail .row-signal{grid-column:3;grid-row:1;margin:0;width:44px;min-height:44px;align-self:center}
  .real-mode .story-row .publisher-intro-compact{display:none}
  .mobile-story-actions{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:12px;border-bottom:1px solid var(--line)}
  .mobile-story-actions button{min-height:44px;padding:7px 10px;border:1px solid var(--line);color:var(--blue);font-size:calc(12px * var(--ui-text-scale,1))}
  .mobile-story-actions details{flex-basis:100%}.mobile-story-actions summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--muted);font-size:calc(12px * var(--ui-text-scale,1))}
}

/* The shared credit lives only in the expanded menu on phones. */
.real-mode .sidebar>.site-credit{display:none}
@media(max-width:760px){
  .real-mode .sidebar.open>.site-credit{display:block;flex-shrink:0;margin:12px 8px 6px;padding:12px 8px 0;border-top:1px solid var(--line);font:calc(11px * var(--ui-text-scale,1))/1.6 system-ui,sans-serif;color:var(--muted);overflow-wrap:anywhere}
  .real-mode .sidebar.open>.site-credit a{display:flex;align-items:center;min-height:44px;color:var(--blue);max-width:100%}
}