/*
 * Reader Hybrid — optional main-reader presentation, 23 October 2026.
 * An opt-in presentation layer: original palette, existing responsive layout,
 * real states and provider surfaces. Current remains completely untouched.
 */
html[data-reader-skin=hybrid]{
 --reader-hybrid-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
 --reader-hybrid-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
 --reader-hybrid-shadow:0 3px 12px color-mix(in srgb,var(--bg) 55%,transparent);
 --reader-hybrid-dialog-shadow:0 16px 48px color-mix(in srgb,var(--bg) 80%,transparent);
}
html[data-reader-skin=hybrid][data-theme=light]{
 --reader-hybrid-shadow:0 3px 12px color-mix(in srgb,var(--text) 7%,transparent);
 --reader-hybrid-dialog-shadow:0 16px 48px color-mix(in srgb,var(--text) 18%,transparent);
}

/* Sans for reading; a quieter terminal layer for navigation and measurements. */
html[data-reader-skin=hybrid] body{font-family:var(--reader-hybrid-sans);font-variant-numeric:tabular-nums}
html[data-reader-skin=hybrid] :is(.eyebrow,.nav-label,.ticker-label,.clock,.row-time,.coverage-rank,.widget-tag,.story-plus-badge,.shortcut-kicker,.article-times dt,.reporting-timeline time,.reader-history-status,.reader-storage-status,.reader-selection,.statusbar kbd){font-family:var(--reader-hybrid-mono)}
html[data-reader-skin=hybrid] :is(.eyebrow,.nav-label,.shortcut-kicker){letter-spacing:.12em;font-weight:500}
html[data-reader-skin=hybrid] :is(.top-links button,.sidebar nav button,.sidebar-bottom>button,.panel-tabs>button,.reader-footer,.launcher-label,.account-menu-body){font-family:var(--reader-hybrid-sans)}
html[data-reader-skin=hybrid] .topbar{box-shadow:0 2px 10px color-mix(in srgb,var(--bg) 35%,transparent)}
html[data-reader-skin=hybrid] .top-links{gap:16px}
html[data-reader-skin=hybrid] .top-links button{font-weight:550;letter-spacing:0}
html[data-reader-skin=hybrid] :is(.search-wrap,.account-menu-body){border-radius:6px}
html[data-reader-skin=hybrid] .account-menu-body{box-shadow:var(--reader-hybrid-dialog-shadow)}
html[data-reader-skin=hybrid] .topbar :is(.icon-button,.login-entry){border-radius:6px}
html[data-reader-skin=hybrid] .ticker-label{font-weight:600}
html[data-reader-skin=hybrid] .ticker button{font-family:var(--reader-hybrid-sans);font-weight:500}

/* One editorial command area, instead of a stack of fully outlined controls. */
html[data-reader-skin=hybrid] body.real-mode .workspace-head{padding:18px 18px 12px;align-items:center;gap:12px;border-bottom:0}
html[data-reader-skin=hybrid] .workspace-head>div:first-child{min-width:0}
html[data-reader-skin=hybrid] .workspace-head .eyebrow{display:block;font-size:calc(10px * var(--ui-text-scale,1));line-height:1.5;margin:0 0 5px 15px}
html[data-reader-skin=hybrid] #view-title{margin:0;padding:0 0 2px 12px;border-left:3px solid var(--blue);font:700 calc(28px * var(--ui-text-scale,1))/1.15 var(--reader-hybrid-sans);letter-spacing:-.035em;overflow-wrap:anywhere}
html[data-reader-skin=hybrid] .head-tools{gap:5px}
html[data-reader-skin=hybrid] .head-tools .icon-button{border-radius:6px}
html[data-reader-skin=hybrid] #reader-navigation{padding:6px 18px 10px;background:var(--panel);border-bottom:0;font-family:var(--reader-hybrid-sans)}
html[data-reader-skin=hybrid] .reader-primary{gap:8px}
html[data-reader-skin=hybrid] .reader-mode-row{gap:5px}
html[data-reader-skin=hybrid] #reader-navigation .reader-mode-row>button{min-height:42px;padding:7px 12px;border:0;border-radius:6px;font-weight:550;letter-spacing:-.01em;line-height:1.3;color:var(--muted)}
html[data-reader-skin=hybrid] #reader-navigation .reader-mode-row>button[aria-pressed=true]{background:var(--bluefill);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 60%,var(--line)),var(--reader-hybrid-shadow);font-weight:600}
html[data-reader-skin=hybrid] #reader-navigation .reader-mode-row>button:hover{background:var(--hover);color:var(--text)}
html[data-reader-skin=hybrid] .reader-secondary{gap:6px 16px;padding-top:4px}
html[data-reader-skin=hybrid] #reader-navigation .reader-period-row{gap:4px}
html[data-reader-skin=hybrid] #reader-navigation .reader-period-row>button{min-height:36px;padding:5px 10px;border:1px solid transparent;border-radius:4px;color:var(--muted);font:500 calc(11px * var(--ui-text-scale,1))/1.3 var(--reader-hybrid-mono)}
html[data-reader-skin=hybrid] #reader-navigation .reader-period-row>button[aria-pressed=true]{color:var(--blue);border-color:color-mix(in srgb,var(--blue) 65%,var(--line));background:var(--bluefill)}
html[data-reader-skin=hybrid] .reader-nav-options>summary{font-size:calc(11px * var(--ui-text-scale,1));min-height:36px;gap:6px}
html[data-reader-skin=hybrid] .reader-nav-body{border-top:1px solid var(--line);padding-top:8px;gap:6px 16px;line-height:1.5}
html[data-reader-skin=hybrid] .reader-nav-body :is(select,input){border-radius:6px;font-family:var(--reader-hybrid-sans)}
html[data-reader-skin=hybrid] .reader-daily-entry{border-radius:6px;font-weight:500;box-shadow:none}
html[data-reader-skin=hybrid] body.real-mode .feed-controls>.toolbar{background:color-mix(in srgb,var(--raised) 70%,var(--panel));border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-bottom:1px solid var(--line);padding-block:5px}
html[data-reader-skin=hybrid] body.real-mode .toolbar #signal-controls{gap:4px 7px}
html[data-reader-skin=hybrid] body.real-mode .toolbar #signal-controls>button{min-height:32px;padding:5px 8px;border:1px solid color-mix(in srgb,currentColor 15%,var(--line));border-radius:999px;background:transparent;font-family:var(--reader-hybrid-sans);font-weight:500;line-height:1.3}
html[data-reader-skin=hybrid] body.real-mode .toolbar #signal-controls>button[aria-pressed=true]{border-color:currentColor;background:color-mix(in srgb,currentColor 7%,var(--panel))}
html[data-reader-skin=hybrid] body.real-mode .toolbar #signal-controls>button:hover{background:var(--hover)}
html[data-reader-skin=hybrid] .list-context{font:calc(10px * var(--ui-text-scale,1))/1.5 var(--reader-hybrid-mono);padding-block:8px}
html[data-reader-skin=hybrid] :is(#active-filters button,.new-member-label){border-radius:999px}
html[data-reader-skin=hybrid] .new-stories{border-radius:6px;box-shadow:var(--reader-hybrid-shadow)}

/* Dense editorial rows remain dense: hierarchy changes, not extra whitespace. */
html[data-reader-skin=hybrid] body.real-mode .story-row .story-title{font-family:var(--reader-hybrid-sans);font-size:calc((var(--reading-size,16px) - 1px) * var(--ui-text-scale,1));font-weight:600;letter-spacing:-.015em;line-height:1.36}
html[data-reader-skin=hybrid] body.real-mode .story-row{border-top-color:color-mix(in srgb,var(--line) 80%,transparent)}
html[data-reader-skin=hybrid] body.real-mode .story-row .row-meta{font-family:var(--reader-hybrid-sans)}
html[data-reader-skin=hybrid] body.real-mode .story-row .row-classification .row-category{font-family:var(--reader-hybrid-sans);font-weight:500}
html[data-reader-skin=hybrid] body.real-mode .story-row .source-count{font-weight:600}
html[data-reader-skin=hybrid] body.real-mode .story-row .row-more{border:0;border-radius:6px}
html[data-reader-skin=hybrid] body.real-mode .story-row.selected{box-shadow:inset 3px 0 var(--blue)}
html[data-reader-skin=hybrid] body.real-mode .story-row.coverage-leader{background:color-mix(in srgb,var(--bluefill) 30%,var(--panel))}
html[data-reader-skin=hybrid] .reader-popover{border-radius:6px;box-shadow:var(--reader-hybrid-dialog-shadow);font-family:var(--reader-hybrid-sans)}
html[data-reader-skin=hybrid] .reader-popover h3{font-weight:650;letter-spacing:-.01em}
html[data-reader-skin=hybrid] :is(.reader-action-list>button,.reader-action-list>a,.reader-action-times>summary){border-radius:6px}
html[data-reader-skin=hybrid] .reader-hint{border-radius:4px;box-shadow:var(--reader-hybrid-shadow)}

/* The rail is one navigation surface, with labels rather than boxed groups. */
html[data-reader-skin=hybrid] .sidebar .nav-label{font-size:calc(9px * var(--ui-text-scale,1));padding-top:11px;opacity:.9}
html[data-reader-skin=hybrid] .sidebar nav button{border-radius:6px;font-weight:500}
html[data-reader-skin=hybrid] .sidebar nav button.active{box-shadow:inset 3px 0 var(--blue)}
html[data-reader-skin=hybrid] .sidebar nav button small{padding:1px 5px;border-radius:999px;background:var(--raised);font-family:var(--reader-hybrid-mono)}
html[data-reader-skin=hybrid] .sidebar-bottom>button{border-radius:6px}
html[data-reader-skin=hybrid] .sidebar :is(.legal-entry,.source-directory-entry,.account-reader-links a){font-family:var(--reader-hybrid-sans)}

/* Open summary groups and a clear story hierarchy; charts and Markets untouched. */
html[data-reader-skin=hybrid] .panel-tabs{gap:4px}
html[data-reader-skin=hybrid] .panel-tabs>button{font-weight:550;letter-spacing:-.01em}
html[data-reader-skin=hybrid] :is(.widget-head h2,.overview-section .widget-head h2){font:650 calc(14px * var(--ui-text-scale,1))/1.35 var(--reader-hybrid-sans);letter-spacing:-.015em}
html[data-reader-skin=hybrid] :is(.widget,.overview-section){border-bottom-color:color-mix(in srgb,var(--line) 75%,transparent)}
html[data-reader-skin=hybrid] :is(.overview-section .widget-note,.overview-lead,.member-hub>p){font-family:var(--reader-hybrid-sans);line-height:1.6}
html[data-reader-skin=hybrid] .member-hub{background:color-mix(in srgb,var(--bg) 70%,var(--panel))}
html[data-reader-skin=hybrid] .member-hub h2{font-family:var(--reader-hybrid-sans);font-weight:700;letter-spacing:-.035em}
html[data-reader-skin=hybrid] .member-hub :is(.member-login,.member-register,.member-discover){border-radius:6px}
html[data-reader-skin=hybrid] .snapshot-stats{border:0;border-radius:0;background:transparent;padding-block:8px;border-block:1px solid var(--line)}
html[data-reader-skin=hybrid] .snapshot-stats button{border:0;border-radius:4px}
html[data-reader-skin=hybrid] .snapshot-stats strong{font-family:var(--reader-hybrid-mono);font-weight:500;letter-spacing:-.055em}
html[data-reader-skin=hybrid] .snapshot-stats span{font-family:var(--reader-hybrid-sans)}
html[data-reader-skin=hybrid] .coverage-story>span{font-family:var(--reader-hybrid-sans);font-weight:550;letter-spacing:-.01em}
html[data-reader-skin=hybrid] .coverage-story small{font-family:var(--reader-hybrid-mono)}
html[data-reader-skin=hybrid] body.real-mode .story-reporting-title{font-family:var(--reader-hybrid-sans);font-weight:700;letter-spacing:-.03em}
html[data-reader-skin=hybrid] body.real-mode .reporting-timeline .timeline-title{font-family:var(--reader-hybrid-sans);font-weight:600;letter-spacing:-.015em}
html[data-reader-skin=hybrid] body.real-mode .story-reporting-eyebrow{font-family:var(--reader-hybrid-mono);font-size:calc(10px * var(--ui-text-scale,1))}
html[data-reader-skin=hybrid] body.real-mode .story-reporting>.detail-tabs{gap:4px;border:0}
html[data-reader-skin=hybrid] body.real-mode .story-reporting>.detail-tabs>*{border:0;border-radius:6px;background:transparent}
html[data-reader-skin=hybrid] body.real-mode .story-reporting>.detail-tabs>.active{background:var(--bluefill);box-shadow:inset 0 -2px var(--blue)}
html[data-reader-skin=hybrid] body.real-mode .reporting-timeline .article-times{font-family:var(--reader-hybrid-mono);font-size:calc(11px * var(--ui-text-scale,1))}
html[data-reader-skin=hybrid] #dialog{border-radius:8px;box-shadow:var(--reader-hybrid-dialog-shadow)}
html[data-reader-skin=hybrid] .dialog-head h2{font-family:var(--reader-hybrid-sans);font-weight:700;letter-spacing:-.025em}
html[data-reader-skin=hybrid] :is(.reader-shortcut-dialog,.shortcut-open,.shortcut-close){border-radius:6px}
html[data-reader-skin=hybrid] .reader-shortcut-dialog{font-family:var(--reader-hybrid-sans);box-shadow:var(--reader-hybrid-dialog-shadow)}

/* Source directory and source profiles use the same editorial/data hierarchy. */
html[data-reader-skin=hybrid] :is(.source-profile h2,.empty-state h2){font-family:var(--reader-hybrid-sans);font-weight:700;letter-spacing:-.025em;line-height:1.25}
html[data-reader-skin=hybrid] :is(.source-profile h3,.source-directory-row h3,.source-health h3,.radar-intro h2){font-family:var(--reader-hybrid-sans);font-weight:650;letter-spacing:-.015em;line-height:1.4}
html[data-reader-skin=hybrid] :is(.source-directory-row,.source-article,.source-health){border-top-color:color-mix(in srgb,var(--line) 75%,transparent)}
html[data-reader-skin=hybrid] :is(.source-profile .detail-stats strong,.health-summary b,.profile-stats strong){font-family:var(--reader-hybrid-mono);font-weight:500;letter-spacing:-.045em}
html[data-reader-skin=hybrid] .source-article>button{font-family:var(--reader-hybrid-sans);font-weight:600;letter-spacing:-.015em;line-height:1.4}
html[data-reader-skin=hybrid] :is(.source-directory-row p,.source-health p,.source-diagnostics,.source-profile>p){font-family:var(--reader-hybrid-sans);line-height:1.6}
html[data-reader-skin=hybrid] .source-diagnostics>summary{font-family:var(--reader-hybrid-sans);font-weight:500}
html[data-reader-skin=hybrid] :is(.source-categories button,.health-filters button,.quick-source-options button){border-radius:6px;font-family:var(--reader-hybrid-sans)}
html[data-reader-skin=hybrid] .health-filters button{border-color:transparent;background:var(--raised);font-weight:500}
html[data-reader-skin=hybrid] .health-filters button[aria-pressed=true]{background:var(--bluefill);box-shadow:inset 0 -2px var(--blue)}
html[data-reader-skin=hybrid] :is(.quick-source-heading,.news-counts-values strong,.reader-overview-status){font-family:var(--reader-hybrid-mono)}
html[data-reader-skin=hybrid] .reader-overview>summary{font-family:var(--reader-hybrid-sans);font-weight:550}
html[data-reader-skin=hybrid] .reader-overview-body{border-top-color:color-mix(in srgb,var(--line) 65%,transparent)}
html[data-reader-skin=hybrid] .radar-intro{border:0;border-radius:6px;box-shadow:var(--reader-hybrid-shadow)}
html[data-reader-skin=hybrid] .empty-state{padding-block:34px}
html[data-reader-skin=hybrid] .empty-state :is(button,.archive-search-link){font-family:var(--reader-hybrid-sans);border-radius:6px}

/* Comparison retains both responsive columns and all highlighted words. */
html[data-reader-skin=hybrid] .compare-choices :is(label,select){font-family:var(--reader-hybrid-sans)}
html[data-reader-skin=hybrid] .compare-choices select{border-radius:6px}
html[data-reader-skin=hybrid] .compare-card{border:0;border-top:1px solid var(--line);border-radius:4px;background:color-mix(in srgb,var(--raised) 35%,var(--panel));box-shadow:var(--reader-hybrid-shadow)}
html[data-reader-skin=hybrid] .compare-card h3{font-family:var(--reader-hybrid-sans);font-weight:650;line-height:1.4;letter-spacing:-.015em}
html[data-reader-skin=hybrid] .compare-card .article-times{font-family:var(--reader-hybrid-mono)}
html[data-reader-skin=hybrid] :is(.compare-source,.compare-legend,.compare-empty,.compare-original){font-family:var(--reader-hybrid-sans)}

/* Forms retain native inputs, focus outlines, error colors and existing grids. */
html[data-reader-skin=hybrid] #dialog-body :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-radius:6px;font-family:var(--reader-hybrid-sans)}
html[data-reader-skin=hybrid] #dialog-body :is(.field,.fields label,.dialog-note,.modal-text,.source-option,.widget-setting){font-family:var(--reader-hybrid-sans)}
html[data-reader-skin=hybrid] #dialog-body :is(.primary-button,.modal-actions>button,.radar-rule>button,.radar-rules>button,.topics>button){border-radius:6px;font-family:var(--reader-hybrid-sans);font-weight:550}
html[data-reader-skin=hybrid] #dialog-body .source-option{border-color:transparent;border-radius:6px;background:var(--raised)}
html[data-reader-skin=hybrid] #dialog-body :is(.source-option.active,.source-option[aria-pressed=true],.source-option:has(input:checked)){background:var(--bluefill);box-shadow:inset 0 0 0 1px var(--blue)}
html[data-reader-skin=hybrid] #dialog-body .modal-actions{border-top-color:color-mix(in srgb,var(--line) 65%,transparent)}
html[data-reader-skin=hybrid] #dialog-body .widget-setting{border-bottom-color:color-mix(in srgb,var(--line) 65%,transparent)}
html[data-reader-skin=hybrid] #dialog-body .widget-setting .icon-button{width:36px;height:36px;border-radius:6px}
html[data-reader-skin=hybrid] #dialog-body :is(.modal-text h3,.story-reaction-section h3){font-family:var(--reader-hybrid-sans);font-weight:650;letter-spacing:-.015em}

/* Story actions stay separate from chronological evidence and real reactions. */
html[data-reader-skin=hybrid] :is(.story-navigation>button,.detail-actions>button,.mobile-story-actions>button,.story-reaction-button,.reaction-retry){border-radius:6px;font-family:var(--reader-hybrid-sans)}
html[data-reader-skin=hybrid] :is(.story-navigation>span,.story-reaction-button b){font-family:var(--reader-hybrid-mono)}
html[data-reader-skin=hybrid] .story-reaction-section>h3{font-family:var(--reader-hybrid-sans);font-weight:650;letter-spacing:-.015em}
html[data-reader-skin=hybrid] :is(.reaction-explanation,.reaction-status,.reaction-account-link,.story-context>summary,.detail-actions>.community-tab){font-family:var(--reader-hybrid-sans)}

/* Only our Markets chrome; embedded quotes and provider contents are unchanged. */
html[data-reader-skin=hybrid] .market-rail-head h2{font-family:var(--reader-hybrid-sans);font-weight:650;letter-spacing:-.015em}
html[data-reader-skin=hybrid] :is(.market-return,.market-size-toggle){border-radius:6px;font-family:var(--reader-hybrid-sans);font-weight:500}
html[data-reader-skin=hybrid] .market-external-quotes{border:0;border-radius:4px;background:var(--raised);font-family:var(--reader-hybrid-sans)}
html[data-reader-skin=hybrid] .market-rail-note{font-family:var(--reader-hybrid-sans)}

@media(min-width:1001px){
 html[data-reader-skin=hybrid] body.real-mode .sidebar{padding-inline:7px}
 html[data-reader-skin=hybrid] body.real-mode .sidebar nav button{gap:7px;padding-inline:6px;font-size:calc(13px * var(--ui-text-scale,1))}
 html[data-reader-skin=hybrid] #reader-navigation .reader-secondary>.reader-daily-entry{margin-left:auto}
 html[data-reader-skin=hybrid] .reader-news-return{font-family:var(--reader-hybrid-sans);font-weight:500}
}
@media(min-width:761px){
 @container reader-main (min-width:580px){
  /* Give unread its actual width, rather than reserving two empty 110px sides. */
  html[data-reader-skin=hybrid] body.real-mode .feed-controls>.toolbar{grid-template-columns:minmax(0,1fr) auto max-content}
  html[data-reader-skin=hybrid] body.real-mode .toolbar #signal-controls{max-width:calc(100cqw - 140px * var(--ui-text-scale,1));gap:4px 6px}
  html[data-reader-skin=hybrid] body.real-mode .toolbar #signal-controls>button{padding-inline:6px}
 }
}
@container reader-main (min-width:900px){
 html[data-reader-skin=hybrid] #reader-navigation:not(:has(.reader-nav-options[open])){display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:8px 16px}
 html[data-reader-skin=hybrid] .reader-primary{min-width:0}
 html[data-reader-skin=hybrid] .reader-secondary{min-height:44px;justify-content:flex-end;padding-top:0}
}
@media(max-width:1000px){
 html[data-reader-skin=hybrid] #view-title{font-size:calc(25px * var(--ui-text-scale,1))}
 html[data-reader-skin=hybrid] .head-tools{flex-wrap:wrap}
}
@media(min-width:761px) and (max-width:1399px){
 html[data-reader-skin=hybrid] body.real-mode .topbar .header-intelligence{top:58px;height:44px}
}
@media(max-width:760px){
 /* The existing screen-reader-only mobile title stays out of the news viewport. */
 html[data-reader-skin=hybrid] body.real-mode .workspace-head{padding:0}
 html[data-reader-skin=hybrid] .workspace-head .eyebrow{font-size:calc(8px * var(--ui-text-scale,1));margin-left:11px}
 html[data-reader-skin=hybrid] #view-title{font-size:calc(21px * var(--ui-text-scale,1));padding-left:8px;letter-spacing:-.03em}
 html[data-reader-skin=hybrid] #reader-navigation{padding:4px 5px 6px}
 html[data-reader-skin=hybrid] #reader-navigation .reader-mode-row{gap:2px}
 html[data-reader-skin=hybrid] #reader-navigation .reader-mode-row>button{min-height:44px;padding:4px 5px!important;font-size:calc(10px * var(--ui-text-scale,1))!important;letter-spacing:-.015em}
 html[data-reader-skin=hybrid] #reader-navigation .reader-secondary{gap:3px 6px;padding-top:1px}
 html[data-reader-skin=hybrid] #reader-navigation .reader-period-row>button{min-height:44px;font-size:calc(10px * var(--ui-text-scale,1));padding:4px 6px!important}
 html[data-reader-skin=hybrid] .reader-nav-options>summary{min-height:44px;font-size:calc(10px * var(--ui-text-scale,1))}
 html[data-reader-skin=hybrid] body.real-mode .feed-controls>.toolbar{padding:3px}
 html[data-reader-skin=hybrid] body.real-mode .toolbar #signal-controls{gap:2px}
 html[data-reader-skin=hybrid] body.real-mode .toolbar #signal-controls>button{min-height:44px;border-color:transparent;border-radius:6px;padding:3px 1px;font-size:calc(9px * var(--ui-text-scale,1));gap:3px}
 html[data-reader-skin=hybrid] body.real-mode .toolbar #signal-controls>button[aria-pressed=true]{border-color:color-mix(in srgb,currentColor 40%,var(--line))}
 html[data-reader-skin=hybrid] body.real-mode .story-row .story-title{font-size:calc(12.5px * var(--ui-text-scale,1));line-height:1.36;font-weight:600;letter-spacing:-.012em}
 html[data-reader-skin=hybrid] .sidebar .nav-label{padding-top:9px}
 html[data-reader-skin=hybrid] body.real-mode .sidebar:not(.open) :is(nav button,.sidebar-bottom>button){border-radius:0}
 html[data-reader-skin=hybrid] body.real-mode .sidebar [data-mobile-current=true]{box-shadow:inset 3px 0 var(--blue)}
 html[data-reader-skin=hybrid] .launcher-heading{background:var(--panel);border-bottom-color:color-mix(in srgb,var(--line) 60%,transparent)}
 html[data-reader-skin=hybrid] .launcher-heading strong{font-family:var(--reader-hybrid-sans);font-weight:650}
 html[data-reader-skin=hybrid] .launcher-tile{border-radius:6px}
 html[data-reader-skin=hybrid] .launcher-glyph{border:0;border-radius:6px;background:var(--raised)}
 html[data-reader-skin=hybrid] .launcher-tile[aria-current=true]{border-color:transparent;box-shadow:inset 0 -2px var(--blue)}
 html[data-reader-skin=hybrid] .launcher-tile[aria-current=true] .launcher-glyph{background:transparent}
 html[data-reader-skin=hybrid] .shortcut-glyph{border-radius:4px}
 html[data-reader-skin=hybrid] .shortcut-open{font-family:var(--reader-hybrid-sans);font-weight:550}
 html[data-reader-skin=hybrid] .reader-shortcut-dialog{box-shadow:var(--reader-hybrid-shadow)}
 html[data-reader-skin=hybrid] #dialog-body .widget-setting .icon-button{width:44px;height:44px;flex-shrink:0}
 html[data-reader-skin=hybrid] :is(.source-categories button,.health-filters button,.source-diagnostics>summary){min-height:44px}
}