/* Compact reader controls; hit areas stay usable when their visual labels are small. */
#reader-navigation{padding:5px 14px;background:var(--panel,#151a22);border-bottom:1px solid var(--line,#303845);font-size:calc(12px * var(--ui-text-scale,1))}
.reader-primary,.reader-secondary,.reader-mode-row,.reader-period-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.reader-primary{flex-wrap:nowrap}.reader-mode-row{flex:1}.reader-secondary{justify-content:space-between}
#reader-navigation button,#reader-navigation select,.reader-hide{min-height:44px;font:inherit;max-width:100%}
#reader-navigation button{padding:4px 9px}.reader-mode-row button[aria-pressed=true],.reader-period-row button[aria-pressed=true]{color:var(--blue,#86adff);border-color:var(--blue,#86adff);background:var(--bluefill,#20304b)}
.reader-mode-row small{font:inherit;color:var(--blue,#86adff)}.reader-help{flex:0 0 44px;min-width:44px;color:var(--muted)}
.reader-nav-options{border:0;min-width:0}.reader-nav-options>summary{display:flex;align-items:center;gap:5px;min-height:44px;cursor:pointer;list-style:none;color:var(--muted)}
.reader-nav-options>summary::-webkit-details-marker{display:none}.reader-nav-options>summary::after{content:'▾'}.reader-nav-options[open]>summary::after{content:'▴'}
.reader-nav-options[open]{flex-basis:100%}.reader-nav-options[open]>summary{justify-content:flex-end}.reader-nav-body{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;min-width:0;padding:0 0 6px}
.reader-nav-body label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.reader-nav-body p{flex-basis:100%;margin:3px 0;overflow-wrap:anywhere}.reader-history-status,.reader-storage-status,.reader-selection{color:var(--muted,#9ba8bc);font-size:.9em}.reader-history-status:empty{display:none}
.real-mode .feed-controls .segmented{display:none}.new-member-label{color:var(--blue,#86adff);font-size:.85em;display:inline-block;border:1px solid currentColor;padding:1px 5px}
.story-row.coverage-leader{border-inline-start:3px solid var(--blue,#86adff);background:color-mix(in srgb,var(--blue,#86adff) 4%,transparent)}
.real-mode .story-row .row-content .row-meta{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:0 8px;margin:3px 0 0;padding:0;line-height:1.4}
.real-mode .story-row .coverage-rank{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;margin:0;padding:0 4px;border:0;color:var(--blue,#86adff);font:inherit;font-size:calc(10px * var(--ui-text-scale,1));font-variant-numeric:tabular-nums}
.real-mode .story-row .row-meta .source-count,.real-mode .story-row .row-meta .row-time-details{min-height:44px;min-width:44px;padding:2px 4px;font-size:calc(10px * var(--ui-text-scale,1));white-space:nowrap;border:0;max-width:100%}
.real-mode .story-row .row-meta .publisher-links{min-width:0;width:auto;flex:0 1 auto}.real-mode .story-row .row-meta .article-credit{margin:0;flex-wrap:wrap;white-space:normal;line-height:1.4}
.real-mode .story-row .row-meta .article-original,.real-mode .story-row .row-meta .source-profile-link{min-height:44px}
.real-mode .story-row .row-meta .reader-hide{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px;min-width:44px;width:auto;max-width:none;white-space:nowrap;font-size:calc(10px * var(--ui-text-scale,1));padding:2px 4px;color:var(--muted);border:0}
.real-mode .story-row .row-meta .row-publisher-date{font-size:calc(10px * var(--ui-text-scale,1));color:var(--muted)}
.story-row .row-tail{flex-wrap:wrap}.panel-controls{height:auto!important}
.reader-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:3px 18px;padding:6px 14px 12px;border-top:1px solid var(--line);font-size:calc(10px * var(--ui-text-scale,1));color:var(--muted)}.reader-footer a{display:inline-flex;align-items:center;min-height:44px;color:inherit}.reader-footer a:hover{color:var(--blue)}
.reader-popover{position:fixed;z-index:2100;box-sizing:border-box;width:max-content;max-width:min(430px,calc(100vw - 16px));max-height:min(520px,calc(100dvh - 16px));overflow:auto;overscroll-behavior:contain;background:var(--panel,#151a22);color:var(--text,#e1e6ef);border:1px solid var(--line,#303845);box-shadow:0 8px 22px #0005;padding:12px 16px;font:calc(12px * var(--ui-text-scale,1))/1.5 var(--mono,ui-monospace,SFMono-Regular,Consolas,monospace);overflow-wrap:anywhere}
.reader-popover[hidden]{display:none}.reader-popover h3{font:inherit;font-weight:650;margin:0 32px 8px 0}.reader-popover p{margin:7px 0;color:var(--muted,#a0aaba)}.reader-popover ul{list-style:none;margin:7px 0;padding:0}.reader-popover li{padding:6px 0;border-top:1px solid var(--line,#303845)}.reader-popover li>span{display:block;font-size:.9em;color:var(--muted,#a0aaba)}.reader-popover a{display:flex;align-items:center;min-height:44px;color:var(--blue,#86adff)}.reader-popover button{min-height:44px;font:inherit;color:var(--blue,#86adff);max-width:100%}.reader-popover-close{position:absolute;right:3px;top:0;min-width:44px}.reader-popover .article-times{font:inherit}.reader-popover .article-times div{display:block;margin-bottom:6px}.reader-popover .article-times dd{margin:0}
#reader-report-form label{display:block;margin:8px 0}#reader-report-form input[type=checkbox]{margin-right:8px;min-width:20px;min-height:20px}#reader-report-form select,#reader-report-form textarea,#reader-report-form input[type=search]{width:100%;max-width:100%;font:inherit;min-height:44px}#reader-report-form fieldset{min-width:0;border:1px solid var(--line,#303845)}#reader-report-form .field-error{color:#ff9797}#reader-report-form [hidden]{display:none}.timeline [data-reading-article]{scroll-margin-top:1rem}
#toast.show{pointer-events:auto}#toast{max-width:calc(100vw - 24px);padding:5px 10px;font-size:calc(12px * var(--ui-text-scale,1));line-height:1.4}#toast:has([data-reader-undo]){display:flex;align-items:center;gap:10px}#toast [data-reader-undo]{flex:0 0 auto;white-space:nowrap;padding:2px 4px;min-height:44px;color:var(--blue)}
#reader-navigation :is(button,select,summary):focus-visible,.reader-popover :is(button,a):focus-visible,.reader-footer a:focus-visible,.reader-hide:focus-visible,.coverage-rank:focus-visible,.row-time-details:focus-visible,.story-coverage:focus-visible{outline:2px solid var(--blue,#86adff);outline-offset:2px}
@media(max-width:700px){#reader-navigation{padding:3px 10px}.reader-primary{gap:0}.reader-mode-row{gap:2px;flex-wrap:nowrap}.reader-mode-row button{flex:1;padding:3px 5px!important;font-size:calc(11px * var(--ui-text-scale,1))!important;white-space:normal;line-height:1.3}.reader-mode-row button[data-reader-new]{flex:.65}.reader-help{flex-basis:34px;min-width:34px}.reader-period-row{gap:2px}.reader-period-row button{padding:3px 8px!important}.reader-nav-body label{width:100%}.reader-nav-body select{min-width:0;flex:1}.real-mode .story-row .row-content .row-meta{gap:0 6px}.real-mode .story-row .row-meta .publisher-links{flex-basis:100%}.real-mode .story-row .row-tail .row-category{display:none}.real-mode .story-row .row-meta .reader-hide{margin-left:auto}.real-mode .story-row .row-meta .row-time-details{color:var(--muted)}.real-mode .reader-overview-body .reader-activity-strip{padding:6px 0;border-bottom:0}.real-mode #active-filters.reader-sort-only{display:none}.real-mode .reader-overview-body .archive-search-bridge{padding:6px 0}.panel-open #reader-navigation{position:relative}.reader-footer{justify-content:flex-start}.reader-popover{padding:10px 12px}}
@media(max-width:700px){.real-mode .story-row .row-content .row-meta{column-gap:3px}.real-mode .story-row .row-meta .source-count{font-size:calc(9px * var(--ui-text-scale,1));padding-inline:2px}.real-mode .story-row .row-meta .row-time-details{padding-inline:0}.real-mode .story-row .row-meta .reader-hide{padding-inline:0}}

.statusbar .updates-entry{display:inline-flex;align-items:center;min-height:30px;font:inherit;color:var(--muted)}
.reader-new-period{display:flex;align-items:center;min-height:44px;color:var(--muted);font-size:.9em}

/* Compact rank: one decorative trophy, the position and the actual source names. */
.real-mode .story-row .coverage-rank{gap:3px}
.reader-rank-trophy{display:block;width:14px;height:14px;flex:none;color:var(--blue,#86adff)}
.reader-rank-popover{max-width:min(360px,calc(100vw - 16px))}
.reader-rank-popover h3{display:flex;align-items:center;gap:7px;margin-bottom:6px}
.reader-rank-popover p{margin:5px 0}
.reader-rank-popover .reader-rank-sources{margin-bottom:0}

/* The time and coverage position share a centered, quiet left column. */
.real-mode .story-row .row-time{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;text-align:center;padding-top:0}
.real-mode .story-row [data-reader-rank="1"]{--rank-color:#e7bd54}
.real-mode .story-row [data-reader-rank="2"]{--rank-color:#c4ceda}
.real-mode .story-row [data-reader-rank="3"]{--rank-color:#c98e65}
.real-mode .story-row .coverage-rank{color:var(--rank-color,var(--blue))}
.coverage-rank .reader-rank-trophy{color:inherit;fill:color-mix(in srgb,currentColor 14%,transparent)}
html[data-theme="light"] .real-mode .story-row [data-reader-rank="1"]{--rank-color:#916000}
html[data-theme="light"] .real-mode .story-row [data-reader-rank="2"]{--rank-color:#5a687b}
html[data-theme="light"] .real-mode .story-row [data-reader-rank="3"]{--rank-color:#98582e}

/* Signals sit directly below the period selector in the main reader. */
.real-mode .feed-controls>.toolbar{flex-wrap:wrap;gap:3px 14px;overflow:visible;padding:3px 12px;background:var(--raised)}
.real-mode .toolbar #signal-controls{display:flex;flex:1 1 auto;align-items:center;justify-content:flex-start;flex-wrap:wrap;order:1;gap:2px 12px;padding:0;border:0;background:none}
.real-mode .toolbar #signal-controls>button{display:inline-flex;flex-direction:row;gap:5px;min-height:44px;padding:4px 0;white-space:nowrap;font-size:calc(11px * var(--ui-text-scale,1))}
.real-mode .toolbar #signal-controls .signal-glyph{width:18px;height:18px}
.real-mode .toolbar .unread-toggle{order:2;min-height:44px;margin-left:auto;display:flex;align-items:center;gap:6px;cursor:pointer}
.reader-daily-entry{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:6px 10px;border:1px solid var(--line);color:var(--blue);font-size:calc(11px * var(--ui-text-scale,1));white-space:nowrap}
.reader-daily-entry:hover{border-color:var(--blue);background:var(--bluefill)}
.reader-daily-entry svg{width:15px;height:15px}

/* Center the signal group across the reader, with unread at the right edge. */
.real-mode #main-panel{container:reader-main / inline-size}
.real-mode .toolbar #signal-controls{flex-basis:100%;justify-content:center}
.real-mode #right-panel{container:reader-panel / inline-size}
@container reader-main (min-width:580px){
  .real-mode .feed-controls>.toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  .real-mode .toolbar #signal-controls{grid-column:2;grid-row:1;max-width:calc(100cqw - 220px)}
  .real-mode .toolbar .unread-toggle{grid-column:3;grid-row:1;justify-self:end;margin-left:0;white-space:normal}
}

.reader-pane-divider{display:none}
@media(min-width:1001px){
  .real-mode .terminal.reader-resizable{grid-template-columns:var(--reader-sidebar-size) minmax(0,1fr) 10px var(--reader-right-size)}
  .real-mode .reader-pane-divider{position:relative;z-index:16;display:flex;align-items:center;justify-content:center;min-width:0;cursor:col-resize;touch-action:none;background:var(--bg);border-inline:1px solid var(--line)}
  .reader-pane-divider>span{display:block;width:4px;height:44px;border-radius:2px;background:var(--muted);opacity:.7}
  .reader-pane-divider:hover,.reader-pane-divider:focus-visible,.reader-resizing .reader-pane-divider{background:var(--bluefill)}
  .reader-pane-divider:hover>span,.reader-pane-divider:focus-visible>span,.reader-resizing .reader-pane-divider>span{background:var(--blue);opacity:1}
  .reader-pane-divider:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
}
.reader-resizing,.reader-resizing *{cursor:col-resize!important;user-select:none!important}
.reader-resizing iframe{pointer-events:none}

/* Two market states: a fixed compact rail, or the complete provider table. */
.real-mode .reader-panel-workspace{display:flex;flex-direction:column;min-width:0}
.real-mode .reader-panel-workspace>#panel-content{width:100%;min-width:0}
.real-mode #reader-market-rail{order:-1;width:min(280px,100%);min-width:0;justify-self:end;align-self:flex-end;border-left:1px solid var(--line)}
.real-mode .market-expanded #reader-market-rail{width:100%;align-self:auto}
.real-mode #right-panel:not([data-panel="dashboard"]) #reader-market-rail{display:none}
.real-mode .overview-layout{display:block}
.real-mode .overview-main{display:block;border:0}
.real-mode #reader-market-rail .market-rail{padding:12px 10px;border:0;border-bottom:1px solid var(--line)}
.real-mode #reader-market-rail .market-rail-head{flex-direction:row;align-items:center}
.market-size-toggle{min-height:34px;padding:4px 8px;border:1px solid var(--line);color:var(--blue);font-size:calc(11px * var(--ui-text-scale,1))}
.market-size-toggle:hover{background:var(--bluefill);border-color:var(--blue)}
.market-compact-frame{display:block;width:100%;height:840px;border:1px solid var(--line)}
.real-mode .market-quote-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.real-mode .market-quote-scroll iframe{display:block;width:100%;min-width:500px;border:1px solid var(--line);height:770px}
.real-mode #rail-market-frame{height:clamp(520px,calc(100dvh - 244px),770px)}
.real-mode #reader-market-rail .market-rail-note{font-size:calc(10px * var(--ui-text-scale,1));margin:7px 0;line-height:1.5}
.real-mode #reader-market-rail .tradingview-widget-copyright{font-size:calc(11px * var(--ui-text-scale,1));line-height:26px}
.real-mode #reader-market-rail .market-open{margin:9px 0 0;min-height:36px}
@media(min-width:1001px) and (max-width:1099px){
  .real-mode .terminal{grid-template-columns:128px minmax(320px,1fr) 520px}
}
@media(min-width:1100px) and (max-width:1679px){
  .real-mode .terminal{grid-template-columns:144px minmax(380px,1.1fr) minmax(520px,1fr)}
}
@media(min-width:1680px){
  .real-mode .terminal{grid-template-columns:160px minmax(580px,1.1fr) minmax(880px,1fr)}
}
/* The market layout follows the actual resized panel, not the viewport width. */
@container reader-panel (min-width:500px){
  .real-mode .reader-panel-workspace:not(.market-expanded){display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start}
  .real-mode .reader-panel-workspace>#panel-content{border-right:1px solid var(--line)}
  .real-mode #right-panel:not([data-panel="markets"]) .reader-panel-workspace:not(.market-expanded) #reader-market-rail{display:block;order:0;position:sticky;top:44px;align-self:start}
}
@container reader-panel (min-width:850px){
  .real-mode .reader-panel-workspace.market-expanded{display:grid;grid-template-columns:minmax(0,1fr) 520px;align-items:start}
  .real-mode #right-panel:not([data-panel="markets"]) .market-expanded #reader-market-rail{display:block;order:0;position:sticky;top:44px;align-self:start}
}
@container reader-panel (min-width:500px){
  .real-mode #right-panel[data-panel="markets"] .reader-panel-workspace{display:block}
}
.real-mode .sidebar-bottom .source-directory-entry{border:0;border-radius:3px;letter-spacing:0;font:inherit;font-size:calc(12px * var(--ui-text-scale,1));text-transform:none}

/* A single account entry stays at the upper right on desktop and mobile. */
.real-mode .topbar .account-menu{position:relative;flex-shrink:0;min-width:0;margin-left:0}
.real-mode .topbar .account-menu>.login-entry{display:flex;align-items:center;justify-content:center;gap:7px;min-height:34px;width:auto;padding:0 10px;cursor:pointer;list-style:none;white-space:nowrap}
.account-menu>summary::-webkit-details-marker{display:none}
.account-menu-chevron{color:var(--muted);font-size:13px}
.account-menu[open] .account-menu-chevron{transform:rotate(180deg)}
.account-menu-body{position:absolute;right:0;top:calc(100% + 8px);z-index:100;width:300px;max-width:calc(100vw - 20px);max-height:calc(100dvh - var(--header) - 20px);overflow:auto;overscroll-behavior:contain;padding:8px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);font-size:calc(12px * var(--ui-text-scale,1));font-weight:400;text-align:left}
.account-menu-heading{padding:9px 10px;font-weight:650;overflow-wrap:anywhere}
.account-menu-body :is(a,button){display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;min-height:44px;padding:8px 10px;color:var(--text);font:inherit;text-align:left;line-height:1.35}
.account-menu-body :is(a,button):hover{background:var(--raised);color:var(--blue)}
.account-menu-body svg{width:16px;height:16px;flex:none;color:var(--muted)}
.account-menu-group{margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}
.account-menu-entry{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.account-menu-entry a{border:1px solid var(--line)}
.account-menu-entry a:first-child{color:var(--blue);background:var(--bluefill);border-color:var(--blue)}
.account-menu-note{margin:7px 10px 10px;color:var(--muted);font-size:.9em;line-height:1.5}
@media(max-width:760px){
  .real-mode .topbar .account-menu{grid-row:1;grid-column:4/7;justify-self:end;max-width:100%}
  .real-mode .topbar .account-menu>.login-entry{min-height:44px;max-width:100%;padding:0 8px;color:var(--blue);border:1px solid var(--blue);background:var(--bluefill)}
  .real-mode .topbar .account-menu>.login-entry>span{display:inline-flex}
  .account-menu-body{max-height:calc(100dvh - 84px)}
  .real-mode .toolbar #signal-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));flex-basis:100%;gap:2px}
  .real-mode .toolbar #signal-controls>button{flex-direction:column;gap:3px;min-height:44px;font-size:calc(10px * var(--ui-text-scale,1))}
  .real-mode .toolbar .unread-toggle{min-height:36px}
  #reader-navigation .reader-secondary>.reader-daily-entry{flex-basis:100%;justify-content:flex-start;min-height:36px;margin:3px 0;font-size:calc(11px * var(--ui-text-scale,1))}
}

/* Mouse/trackpad rows stay compact; touch layouts retain their 44px targets. */
@media (min-width:761px) and (pointer:fine){
  .real-mode .story-row,.real-mode.no-score .story-row{padding-block:4px}
  .real-mode.comfortable .story-row{padding-block:9px}
  .real-mode.dense .story-row,.real-mode.dense.no-score .story-row{padding-block:2px}
  .real-mode .story-row .row-content .row-meta{margin-top:1px}
  .real-mode .story-row .coverage-rank,
  .real-mode .story-row .row-meta :is(.source-count,.row-time-details,.article-original,.source-profile-link,.reader-hide){min-height:24px}
}

/* Beta status fits inside the existing header height on every screen. */
.topbar .brand{flex-direction:column;justify-content:center;gap:0;min-width:184px}
.topbar .brand .brand-logo{width:166px}
.topbar .beta-notice{display:block;color:#79a8ff;font:700 15px/18px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.2px;white-space:nowrap;text-align:center}
@supports (background-clip:text){
  .topbar .beta-notice{background:linear-gradient(105deg,#5b8ff9 0%,#a8d4ff 30%,#699bff 55%,#b6dcff 75%,#5b8ff9 100%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:beta-blue-flow 8s ease-in-out infinite alternate}
  [data-theme=light] .topbar .beta-notice{background-image:linear-gradient(105deg,#2254b6 0%,#386bd2 30%,#183f9b 55%,#4276d6 75%,#2254b6 100%)}
}
@keyframes beta-blue-flow{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(max-width:760px){
  .real-mode .topbar .brand{min-width:164px;height:60px}
  .real-mode .topbar .brand .brand-logo{width:134px}
  .topbar .beta-notice{font-size:12.5px;line-height:15px;letter-spacing:.15px}
}
@media(prefers-reduced-motion:reduce){.topbar .beta-notice{animation:none}}

/* Keep the requested credit beside the existing footer links. */
.statusbar{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.statusbar::-webkit-scrollbar{display:none}
.statusbar>*{flex-shrink:0;white-space:nowrap}
.statusbar .site-credit{margin-left:12px}
.site-credit strong{font-weight:600}
.site-credit a:hover{color:var(--blue);text-decoration:underline}
@media(max-width:760px){.real-mode .statusbar .site-credit{display:none}}