/* Mobile story and PLUS workspace. The existing nodes/actions remain the
   source of truth; only their mobile placement changes. Desktop stays intact. */
.story-step-title{display:none}
@media(max-width:760px){
 /* The original story-content controls move here; the global source directory
    remains in the main menu and is not confused with this story's sources. */
 html[data-reader-skin] body.real-mode #right-panel.open[data-panel=story] .panel-tabs.has-story-navigation{grid-template-columns:repeat(3,minmax(0,1fr)) 44px;grid-auto-rows:minmax(44px,auto);min-width:0}
 html[data-reader-skin] body.real-mode #right-panel.open[data-panel=story] .panel-tabs.has-story-navigation>[data-panel]{display:none}
 html[data-reader-skin] body.real-mode #right-panel .panel-tabs>.story-panel-navigation{display:contents}
 html[data-reader-skin] body.real-mode #right-panel .story-panel-navigation>[data-detail-tab]{min-width:0;min-height:44px;height:auto;padding:5px 2px;border-radius:var(--reader-control-radius);font-family:inherit;font-size:calc(10px * var(--ui-text-scale,1));line-height:1.25;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;grid-row:1}
 html[data-reader-skin=current] body.real-mode #right-panel .story-panel-navigation>[data-detail-tab]{box-shadow:var(--reader-skin-bevel)}
 html[data-reader-skin=current] body.real-mode #right-panel .story-panel-navigation>[data-detail-tab].active{box-shadow:var(--reader-skin-pressed)}
 html[data-reader-skin=hybrid] body.real-mode #right-panel .story-panel-navigation>[data-detail-tab].active{color:var(--text);border-bottom:0;background:linear-gradient(145deg,color-mix(in srgb,var(--bluefill) 84%,var(--text)),var(--bluefill));box-shadow:var(--reader-capsule-shadow)}
 html[data-reader-skin] body.real-mode #right-panel .story-panel-navigation>[data-detail-tab=timeline]{grid-column:1}
 html[data-reader-skin] body.real-mode #right-panel .story-panel-navigation>[data-detail-tab=sources]{grid-column:2}
 html[data-reader-skin] body.real-mode #right-panel .story-panel-navigation>[data-detail-tab=compare]{grid-column:3}
 html[data-reader-skin] body.real-mode #right-panel.open[data-panel=story] .panel-tabs.has-story-navigation>.panel-close{grid-column:4;grid-row:1;align-self:center}
 html[data-reader-skin] body.real-mode #right-panel.open[data-panel=dashboard]>.panel-controls{display:none}
 html[data-reader-skin] body.real-mode #right-panel[data-panel=dashboard] .overview-home-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 44px;align-items:center;gap:2px;padding:2px 4px;min-width:0}
 html[data-reader-skin] body.real-mode #right-panel[data-panel=dashboard] .overview-home-nav>button{min-width:0;min-height:44px;padding:4px;font-size:calc(11px * var(--ui-text-scale,1));line-height:1.25}
 html[data-reader-skin] body.real-mode #right-panel[data-panel=dashboard] .overview-home-nav>.panel-close{display:inline-flex;width:44px;height:44px;margin:0;padding:8px;border:0;color:var(--blue);align-self:center}

 /* Six real actions: personal +/−, Save, Comments, Share and Follow. The auth
    and recovery notice has its own line and must never conceal the actions. */
 html[data-reader-skin] body.real-mode #right-panel .story-reporting.story-mobile-toolbar>.detail-top{display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));gap:2px;align-items:center;padding:3px 4px;min-width:0;min-height:44px}
 html[data-reader-skin] body.real-mode #right-panel .story-mobile-toolbar .detail-top :is(.story-reaction-section,.story-reaction-group,.story-quick-actions){display:contents}
 html[data-reader-skin] body.real-mode #right-panel .story-mobile-toolbar .detail-top :is(.story-back,.story-close,.story-more-actions){display:none}
 html[data-reader-skin] body.real-mode #right-panel .story-mobile-toolbar .detail-top :is(.story-reaction-button,.story-save,.story-comments,.story-share,.story-follow){display:inline-flex;align-items:center;justify-content:flex-start;flex-direction:column;grid-row:1;order:0;min-width:44px;min-height:58px;width:100%;height:100%;margin:0;padding:5px 2px;border:0;gap:3px;font-family:inherit;line-height:1.2}
 html[data-reader-skin] body.real-mode #right-panel .story-mobile-toolbar [data-story-reaction="1"]{grid-column:1;color:var(--red)}
 html[data-reader-skin] body.real-mode #right-panel .story-mobile-toolbar [data-story-reaction="-1"]{grid-column:2;color:var(--blue)}
 html[data-reader-skin] body.real-mode #right-panel .story-mobile-toolbar .story-save{grid-column:3}
 html[data-reader-skin] body.real-mode #right-panel .story-mobile-toolbar .story-comments{grid-column:4}
 html[data-reader-skin] body.real-mode #right-panel .story-mobile-toolbar .story-share{grid-column:5}
 html[data-reader-skin] body.real-mode #right-panel .story-mobile-toolbar .story-follow{grid-column:6}
 html[data-reader-skin] body.real-mode #right-panel .story-mobile-toolbar .story-reaction-button[data-story-reaction="1"][aria-pressed=true]{background:var(--redfill);color:var(--red)}
 html[data-reader-skin] body.real-mode #right-panel .story-mobile-toolbar .story-reaction-button[data-story-reaction="-1"][aria-pressed=true]{background:var(--bluefill);color:var(--blue)}
 html[data-reader-skin] body.real-mode #right-panel .story-mobile-toolbar .detail-top :is(button,a):focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
 html[data-reader-skin] body.real-mode #right-panel .story-mobile-toolbar .detail-top :is(.story-reaction-section>h3,.reaction-explanation,.story-reaction-button>b){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
 html[data-reader-skin] body.real-mode #right-panel .story-mobile-toolbar .detail-top .story-action-caption{display:block;position:static;min-width:0;width:100%;height:auto;margin:0;padding:0;overflow:visible;clip-path:none;white-space:normal;overflow-wrap:anywhere;font-family:inherit;font-size:calc(9px * var(--ui-text-scale,1));font-weight:400;line-height:1.2;text-align:center;letter-spacing:0}
 html[data-reader-skin] body.real-mode #right-panel .story-mobile-toolbar .story-reaction-button>span:first-child{display:block;height:20px;font-size:22px;line-height:20px}
 html[data-reader-skin] body.real-mode #right-panel .story-mobile-toolbar .detail-top svg{flex:none;width:20px;height:20px}
 html[data-reader-skin] body.real-mode #right-panel .story-mobile-toolbar .reaction-notice{display:flex;flex-wrap:wrap;align-items:center;grid-column:1/-1;grid-row:2;gap:0 8px;min-width:0;padding:0 4px 3px}
 html[data-reader-skin] body.real-mode #right-panel .story-mobile-toolbar .reaction-notice .reaction-status{flex:1 1 150px;min-width:0;min-height:0;margin:0;font-family:inherit;font-size:calc(10px * var(--ui-text-scale,1));line-height:1.35;color:var(--muted)}
 html[data-reader-skin] body.real-mode #right-panel .story-mobile-toolbar .reaction-notice .reaction-error{color:var(--red)}
 html[data-reader-skin] body.real-mode #right-panel .story-mobile-toolbar .reaction-notice :is(.reaction-account-link,.reaction-retry){flex:0 1 auto;min-width:44px;min-height:44px;width:auto;height:auto;padding:3px 0;font-family:inherit;font-size:calc(10px * var(--ui-text-scale,1));line-height:1.35;text-align:left;white-space:normal}

 /* Navigation is deliberately separate from the personal reactions. The full
    title is in the accessible name, while the visible title ends in ellipsis. */
 html[data-reader-skin] body.real-mode #right-panel .story-reporting .story-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 6px}
 html[data-reader-skin] body.real-mode #right-panel .story-reporting .story-navigation>[data-reader-step]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;min-height:48px;gap:3px;padding:6px 10px;text-align:left}
 html[data-reader-skin] body.real-mode #right-panel .story-reporting .story-navigation>[data-reader-step=previous]{grid-column:1;grid-row:1}
 html[data-reader-skin] body.real-mode #right-panel .story-reporting .story-navigation>[data-reader-step=next]{grid-column:2;grid-row:1}
 html[data-reader-skin] body.real-mode #right-panel .story-reporting .story-navigation>span{grid-column:1/-1;grid-row:2;max-width:none}
 html[data-reader-skin] body.real-mode #right-panel .story-reporting .story-navigation .story-step-direction{font-size:calc(10px * var(--ui-text-scale,1));line-height:1.2;color:var(--muted)}
 html[data-reader-skin] body.real-mode #right-panel .story-reporting .story-navigation .story-step-title{display:block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(11px * var(--ui-text-scale,1));line-height:1.3;color:var(--blue)}

 /* Reuse the original PLUS link and artwork; no duplicated destinations. */
 html[data-reader-skin] body.real-mode #right-panel .member-hub{display:grid;grid-template-columns:minmax(0,1fr) minmax(108px,.72fr);align-items:center;gap:10px 12px;padding:14px 12px}
 html[data-reader-skin] body.real-mode #right-panel .member-hub :is(.member-hub-heading,.member-hub-actions){display:contents}
 html[data-reader-skin] body.real-mode #right-panel .member-hub .plus-kicker{grid-column:1/-1;grid-row:1;min-width:0;margin:0}
 html[data-reader-skin] body.real-mode #right-panel .member-hub .member-hub-heading h2{grid-column:1;grid-row:2;min-width:0;margin:0;font-size:calc(22px * var(--ui-text-scale,1));line-height:1.15;letter-spacing:-.04em;overflow-wrap:normal}
 html[data-reader-skin] body.real-mode #right-panel .member-hub .member-hub-heading .hub-symbol{display:none}
 html[data-reader-skin] body.real-mode #right-panel .member-hub .member-hub-actions>.plus-button{grid-column:2;grid-row:2;align-self:center;justify-self:stretch;min-width:0;min-height:44px;padding:8px 6px;font-size:calc(11px * var(--ui-text-scale,1));line-height:1.3;white-space:normal;text-align:center}
 html[data-reader-skin] body.real-mode #right-panel .member-hub>p{grid-column:1/-1;grid-row:3;min-width:0;margin:0}
 html[data-reader-skin] body.real-mode #right-panel .member-hub .local-activity-link{grid-column:1/-1;grid-row:4;justify-self:start;min-height:44px;margin:0;padding:2px 0}
}