/* V8 sidebar rules */
/* V8 — constrained sidebar arrangement. Everything outside sidebar unchanged. */
html[data-device-category="desktop"] body.headerless-concept .desktop-sidebar-head{display:none!important;}
html[data-device-category="desktop"] body.headerless-concept .sidebar-quick-actions.v8-utility-row{
  display:flex!important;position:relative!important;z-index:9;align-items:center!important;
  justify-content:space-between;gap:5px!important;min-height:41px!important;
  padding:6px 8px 5px 10px!important;margin:0!important;
  border-bottom:1px solid #e2e9f0;background:rgba(255,255,255,.30);
}
html[data-device-category="desktop"] body.headerless-concept .v8-utility-row #desktopSidebarSaved{
  flex:1 1 auto!important;min-width:0!important;min-height:29px!important;
  height:29px!important;padding:3px 5px!important;font-size:11px!important;
  border:0!important;box-shadow:none!important;background:transparent!important;
}
html[data-device-category="desktop"] body.headerless-concept .v8-utility-row .v8-actions{
  flex:0 0 auto!important;display:flex!important;gap:3px!important;
  margin:0!important;align-items:center!important;
}
html[data-device-category="desktop"] body.headerless-concept .v8-actions .desktop-sidebar-head-action{
  display:inline-flex!important;flex:0 0 27px!important;min-width:27px!important;
  width:27px!important;height:29px!important;padding:0!important;margin:0!important;
  justify-content:center!important;align-items:center!important;position:static!important;
  border-radius:8px!important;border:1px solid #cfdae6!important;
  background:#f7f9fc!important;color:#425d78!important;
}
html[data-device-category="desktop"] body.headerless-concept .v8-actions .desktop-sidebar-head-action svg{
  width:15px!important;height:15px!important;stroke:currentColor!important;
  fill:none!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
html[data-device-category="desktop"] body.headerless-concept .v8-actions .desktop-sidebar-head-action:is(:focus-visible,:hover){background:#e7f0f8!important;}
html[data-device-category="desktop"] body.headerless-concept .sidebar-refresh-section{
  padding:3px 10px 7px!important;min-height:39px!important;
  background:rgba(247,249,252,.34)!important;
}
html[data-device-category="desktop"] body.headerless-concept .sidebar-refresh-section .sidebar-refresh-line{min-height:30px!important;}
html[data-device-category="desktop"] body.headerless-concept .desktop-sidebar-nav{
  padding-top:8px!important;
}
html[data-device-category="desktop"] body.headerless-concept #desktopSidebarGroupControls,
html[data-device-category="desktop"] body.headerless-concept #desktopSidebarToggleGroups{display:none!important;}
html[data-device-category="desktop"] body.headerless-concept .v8-utility-row .sidebar-add-popover{
  position:absolute;top:calc(100% - 2px);right:8px;width:195px;z-index:99;
  display:flex;flex-direction:column;gap:4px;padding:7px;border-radius:11px;
  border:1px solid #d2deea;background:#fff;
  box-shadow:0 10px 28px rgba(26,52,80,.16);font-family:'Avenir Next',Avenir,Arial,sans-serif;
}
html[data-device-category="desktop"] body.headerless-concept .sidebar-add-popover[hidden]{display:none!important;}
html[data-device-category="desktop"] body.headerless-concept .sidebar-add-popover button{
  display:flex!important;align-items:center!important;gap:7px!important;
  padding:10px 9px!important;margin:0!important;min-height:37px!important;
  border:0!important;background:transparent!important;border-radius:7px!important;
  font-size:12px!important;line-height:1.2!important;font-weight:700!important;
  text-align:left!important;white-space:nowrap!important;color:#334b65!important;cursor:pointer;
}
html[data-device-category="desktop"] body.headerless-concept .sidebar-add-popover button:hover,
html[data-device-category="desktop"] body.headerless-concept .sidebar-add-popover button:focus-visible{background:#eaf2fa!important;outline:2px solid #bdd1e4;}
html[data-device-category="desktop"] body.headerless-concept .sidebar-add-popover .sidebar-add-choice svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.8;}
/* The source nav is still the sole scrollable sidebar region; all its children are publisher rows. */



/* APPROVED REFERENCE LAYER: mirage.css */
/* 2Day.news Navy Mirage v4 — DESIGN-ONLY desktop atmosphere.
   CSS applied over the ORIGINAL Pages v15.8.1 stylesheet. No app.js changes. */
html.theme-dark, html.theme-dark body, body.design-preview{
 --d2-accent:#839EBC;
 background:#141A23!important;
 color:#EDF0F3;
}
body.design-preview{
 min-height:100vh!important;
 background:
   radial-gradient(ellipse 61% 60% at 1% -18%,rgba(88,99,117,.24) 0%,transparent 81%),
   radial-gradient(ellipse 46% 49% at 99% 95%,rgba(154,107,70,.12) 0%,transparent 81%),
   linear-gradient(120deg,#2A2E36 0%,#1B232F 45%,#151B25 100%)!important;
 background-attachment:fixed!important;
}
body.design-preview:not(.baseline)::before{
 content:"";position:fixed;top:-10%;bottom:-10%;left:calc(50% - 676px);width:2px;
 background:linear-gradient(to bottom, transparent, rgba(216,164,104,.34) 20%, rgba(224,178,121,.18) 58%,transparent 84%);
 box-shadow:0 0 15px 3px rgba(192,136,83,.075);pointer-events:none;z-index:0;
}
body.design-preview:not(.baseline)::after{
 content:""; position:fixed;right:-16%;bottom:-24%;height:90vh;width:45vw;
 background:radial-gradient(ellipse,rgba(178,125,90,.075),transparent 67%);pointer-events:none;z-index:0;
}
html[data-device-category="desktop"] body.design-preview .shell{
 position:relative;z-index:1;
 width:min(calc(100% - 64px),1354px)!important;
 margin:0 auto!important;
 padding:20px 0 55px!important;
 background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;
 overflow:visible!important;
}
html[data-device-category="desktop"] body.design-preview .topbar{
 position:relative;
 background:rgba(22,28,38,.84)!important;
 border:1px solid rgba(175,187,197,.13)!important;
 border-radius:12px!important;
 box-shadow:0 12px 26px rgba(0,0,0,.13)!important;
 margin:0 0 14px!important;padding:6px 20px!important;
 min-height:61px!important;
}
/* Original EXACT user-supplied monogram: recolor pixels only for white on dark. */
body.design-preview .brand-home-logo-dark{
 display:block!important;filter:brightness(0) invert(1)!important;
 width:50px!important;height:50px!important;object-fit:contain!important;
}
body.design-preview .brand-home-logo-light{display:none!important;}
body.design-preview .brand-home-button{gap:10px!important;}
body.design-preview .brand-home-text{color:#F1F3F3!important;font-weight:850!important;font-size:20px!important;}
body.design-preview .top-actions,#desktopHeaderSourceName{color:#CCD5DD!important}
body.design-preview .updated{color:#9CA9B5!important}
body.design-preview .ui-language-control{border:1px solid rgba(176,187,196,.22)!important;background:rgba(32,41,54,.65)!important}
body.design-preview .ui-language-choice{color:#B5BECD!important;background:transparent!important}
body.design-preview .ui-language-choice.active{color:#F6F3ED!important;background:#435870!important}
body.design-preview .account-menu-button:not(.hidden),body.design-preview #refreshBtn:not(.hidden){color:#E2E9F0!important;opacity:1!important}
html[data-device-category="desktop"] body.design-preview .dashboard{
 background:transparent!important;border:0!important;box-shadow:none!important;
 display:grid!important; grid-template-columns:214px minmax(0,1fr)!important;
 gap:0 17px!important;overflow:visible!important;
}
html[data-device-category="desktop"] body.design-preview .desktop-source-sidebar{
 background:rgba(22,28,37,.81)!important;
 border:1px solid rgba(170,183,197,.15)!important;
 border-radius:12px!important;
 box-shadow:0 14px 30px rgba(0,0,0,.12)!important;
 height:max-content!important;min-height:760px!important;
}
body.design-preview .desktop-sidebar-head{border-bottom:1px solid rgba(200,210,220,.13)!important}
body.design-preview .desktop-sidebar-title{color:#C3CBD6!important}
body.design-preview .desktop-publisher-name,
body.design-preview .desktop-sidebar-source-name,
body.design-preview .desktop-sidebar-special,
body.design-preview .desktop-sidebar-actions button{color:#D5DAE2!important}
body.design-preview .desktop-sidebar-source.active{
 border-radius:7px!important;background:rgba(115,140,164,.18)!important;
 box-shadow:none!important;overflow:hidden!important;
}
body.design-preview .desktop-sidebar-source.active::before{background:#87A5C2!important;border-radius:0!important;left:0!important}
body.design-preview .desktop-source-unread-count,
body.design-preview .desktop-sidebar-unread-count{
 background:rgba(114,143,170,.22)!important;color:#DCE6EF!important;border-radius:5px!important;
}
body.design-preview .desktop-sidebar-actions{background:transparent!important}
body.design-preview .desktop-sidebar-actions button{background:rgba(31,40,52,.66)!important;border-color:rgba(180,196,208,.17)!important}
/* Reading column has a softly translucent ground, not a heavy enclosing shell. */
html[data-device-category="desktop"] body.design-preview .desktop-content-header{
 padding:5px 10px 7px!important; background:transparent!important;
}
html[data-device-category="desktop"] body.design-preview .desktop-news-container:not(.hidden){
 width:100%!important;margin:0!important;padding:0 0 24px!important;
 background:transparent!important;border:none!important;box-shadow:none!important;
}
body.design-preview .desktop-day-section{margin:0!important;padding:0!important;background:transparent!important;}
body.design-preview .day-heading{background:rgba(15,21,30,.36)!important;border:1px solid rgba(187,199,209,.075)!important;
 border-radius:7px!important;color:#C3CDD8!important;}
body.design-preview .day-filter-all.active{color:#C5D7E7!important;background:rgba(106,134,158,.12)!important;}
body.design-preview .desktop-article-grid{gap:8px!important;}
/* Exact 2Day DOM with corrected desktop grid/image layout for fixture content. */
html[data-device-category="desktop"] body.design-preview .desktop-news-container[data-columns="1"] .desktop-article-grid,
html[data-device-category="desktop"] body.design-preview .desktop-article-grid{display:grid!important;grid-template-columns:1fr!important;}
html[data-device-category="desktop"] body.design-preview .desktop-news-card-wrapper{
 display:block!important;width:100%!important;border:1px solid rgba(177,190,203,.14)!important;
 border-radius:10px!important;background:rgba(25,32,42,.89)!important;
 box-shadow:0 3px 12px rgba(0,0,0,.07)!important;overflow:hidden!important;
}
html[data-device-category="desktop"] body.design-preview .desktop-news-card-wrapper.selected{
 background:rgba(35,42,53,.93)!important;
 border-color:rgba(170,187,202,.20)!important;
}
html[data-device-category="desktop"] body.design-preview .desktop-news-card-wrapper .story-card{
 display:grid!important;
 grid-template-columns:126px minmax(0,1fr)!important;
 grid-template-rows:auto auto 1fr!important;
 grid-template-areas:"media title" "media meta" "media desc"!important;
 gap:4px 13px!important;
 padding:11px 14px!important;min-height:115px!important;
 background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;
}
html[data-device-category="desktop"] body.design-preview .desktop-news-card-wrapper .story-image-cell{
 grid-area:media!important; width:126px!important;height:89px!important; margin:0!important;align-self:start!important;
}
html[data-device-category="desktop"] body.design-preview .desktop-news-card-wrapper .story-image{
 display:block!important;position:static!important;width:126px!important;height:89px!important;max-width:126px!important;object-fit:cover!important;
 border-radius:6px!important;opacity:1!important;
}
html[data-device-category="desktop"] body.design-preview .desktop-news-card-wrapper .story-title-cell{
 grid-area:title!important;margin:0!important;min-width:0!important;padding:0!important;
}
html[data-device-category="desktop"] body.design-preview .desktop-news-card-wrapper .story-title-trigger{
 font-size:15px!important;font-weight:810!important;line-height:1.3!important;color:#F0F2F4!important;
}
html[data-device-category="desktop"] body.design-preview .desktop-news-card-wrapper .story-meta{
 grid-area:meta!important;padding:0!important;margin:0!important;align-self:center!important;
}
html[data-device-category="desktop"] body.design-preview .desktop-news-card-wrapper .story-meta-line,
html[data-device-category="desktop"] body.design-preview .desktop-news-card-wrapper .story-time{
 color:#A5B2C1!important;font-size:11px!important;
}
html[data-device-category="desktop"] body.design-preview .desktop-news-card-wrapper .story-desc{
 grid-area:desc!important;min-width:0!important;margin:0!important;padding:0!important;
}
html[data-device-category="desktop"] body.design-preview .desktop-news-card-wrapper .story-desc-text{
 color:#ABB7C6!important;font-size:13px!important;line-height:1.45!important;
}
html[data-device-category="desktop"] body.design-preview .desktop-news-card-wrapper .story-desc-toggle{display:none!important;}
/* Keep QF30 short opposite-corner markers; retint ONLY the accent. */
html[data-device-category="desktop"] body.design-preview .desktop-news-card-wrapper.selected::before,
html[data-d2-border="mirrored"][data-device-category="desktop"] body.design-preview .desktop-news-card-wrapper.selected::after{
 background:var(--d2-accent)!important;z-index:8!important;
}
body.design-preview .desktop-news-card-wrapper .desktop-analysis-host{
 background:rgba(25,32,42,.50)!important;border-top:1px solid rgba(182,196,208,.13)!important;
 padding:7px 13px 15px!important;
}
html[data-device-category="desktop"] body.design-preview .desktop-analysis-host .analysis-panel{
 background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;
}
html[data-device-category="desktop"] body.design-preview .desktop-analysis-host .analysis-actions{
 border-bottom:1px solid rgba(191,203,211,.14)!important;min-height:37px!important;
}
html[data-device-category="desktop"] body.design-preview .desktop-analysis-host .analysis-button,
html[data-device-category="desktop"] body.design-preview .desktop-analysis-host .analysis-actions .analysis-button,
html[data-device-category="desktop"] body.design-preview .desktop-analysis-host .analysis-original-link{
 background:transparent!important;color:#C5D1DD!important;border:none!important;box-shadow:none!important;
}
html[data-device-category="desktop"] body.design-preview .desktop-analysis-host .analysis-button.selected,
html[data-device-category="desktop"] body.design-preview .desktop-analysis-host [data-action="summary"]{
 color:#C2D5E8!important;background:rgba(110,144,175,.12)!important;
}
html[data-device-category="desktop"] body.design-preview .desktop-analysis-host .analysis-original-group{border-left-color:rgba(176,190,206,.16)!important}
body.design-preview .preview-ai-response{color:#C7D1DB!important;padding:5px 4px!important;font-size:13px!important;line-height:1.5!important;}
body.design-preview .preview-ai-heading{color:#A6BBD0!important;font-size:12px!important;font-weight:900!important;letter-spacing:.09em!important;padding:5px 0;border-bottom:1px solid rgba(170,184,195,.1)!important;}
body.design-preview .preview-ai-response p{margin:12px 0 5px!important;}
body.design-preview .preview-ai-response ol{margin:7px 0 2px 0!important;padding-left:22px!important;}
body.design-preview .preview-ai-response li{margin-bottom:5px!important;}
body.design-preview .analysis-history:not(.hidden){display:block!important;}
/* Fixed compact visual review controls outside the production layout. */
.review-control{position:fixed;right:18px;bottom:17px;z-index:1000;display:flex;align-items:center;gap:8px;
 padding:9px 11px;border:1px solid rgba(202,213,222,.25);border-radius:9px;
 background:rgba(16,22,30,.96);color:#DBE1E8;box-shadow:0 6px 24px rgba(0,0,0,.23);font-size:11px;font-family:Nunito Sans,Arial,sans-serif;}
.review-label{font-weight:900;letter-spacing:.08em;color:#D7CFBF;margin-right:6px;}
.review-control button{border:1px solid rgba(160,183,202,.23);background:rgba(54,66,81,.4);color:#CDD9E4;padding:6px 9px;border-radius:6px;cursor:pointer;font-size:11px;}
.review-control button.review-active{background:#506A83;color:#fff;border-color:#8296A9}
.review-note{color:#98A6B4}
/* Baseline switch: disables only atmospheric changes; original app source stays identical. */
body.design-preview.baseline{background:#0C1424!important;}
body.design-preview.baseline .shell{border:1px solid #30445E!important;background:#111B2D!important;border-radius:15px!important;padding:16px!important;margin-top:18px!important;}
body.design-preview.baseline .topbar{box-shadow:none!important;border-radius:0!important;background:transparent!important;border:0!important;border-bottom:1px solid #40526B!important;}
body.design-preview.baseline .desktop-source-sidebar{box-shadow:none!important;background:#111D30!important;}
body.design-preview.baseline .desktop-news-card-wrapper{box-shadow:none!important;background:#101E32!important;}
body.design-preview.baseline .desktop-news-card-wrapper.selected{background:#1A2840!important;}
body.design-preview.baseline .desktop-news-card-wrapper .story-desc-text{color:#A5B6CC!important;}
@media(max-width:1240px){.review-note{display:none}}
/* Source favicon sizing: match v15.8 sidebar/header rather than stretching the demo image. */
body.design-preview #desktopHeaderSourceFavicon,body.design-preview #desktopHeaderSourceFavicon img{
 display:inline-flex!important;width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;object-fit:cover!important;border-radius:50%!important;
}
body.design-preview .desktop-publisher-heading .desktop-source-favicon{
 display:inline-block!important;width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;object-fit:cover!important;border-radius:50%!important;flex:0 0 22px!important;
}
body.design-preview .fakefavicon{width:19px;height:19px;line-height:19px;font-size:9px;font-weight:900;display:inline-grid;place-items:center;border-radius:4px;flex-shrink:0;color:#fff}
body.design-preview .fakefavicon.hvg{background:#F2562E}
body.design-preview .fakefavicon.n24{background:#44444C}
body.design-preview .fakefavicon.ifl{background:#171C19;color:#D6EB28}
body.design-preview .fakefavicon.portfolio{background:#FF8E1A}
body.design-preview .fakefavicon.misc{background:#283442;color:#DFE2E5}
body.capture .review-control{display:none!important}
/* Deliberately atmospheric yet mostly neutral: background reaches behind *all* application zones. */
body.design-preview:not(.baseline){
 background:
  radial-gradient(ellipse 54% 48% at -7% 5%, rgba(100,110,125,.34),transparent 70%),
  radial-gradient(ellipse 46% 76% at 109% 62%, rgba(71,88,105,.24), transparent 74%),
  radial-gradient(ellipse 34% 45% at 78% 101%, rgba(186,139,93,.135), transparent 75%),
  linear-gradient(126deg,#30333A 0%,#202630 37%,#151E29 72%,#1D2530 100%)!important;
 background-attachment:fixed!important;
}
body.design-preview .desktop-news-card-wrapper .desktop-analysis-host .preview-ai-response{background:transparent!important;}
body.design-preview .desktop-header-source{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
body.design-preview .desktop-header-source-favicon{background:transparent!important;border:0!important;}
body.design-preview .desktop-news-card-wrapper .analysis-history:not(.hidden){
 background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;
}
body.design-preview .desktop-news-card-wrapper .preview-ai-response{background:transparent!important;box-shadow:none!important;}
body.design-preview .desktop-news-card-wrapper.selected .story-card{box-shadow:none!important;}


/* APPROVED REFERENCE LAYER: stage1.css */
/* 2DAY.news STAGE 1 | Desktop-dark visual refinements only.
   Builds on original Pages v15.8.1 HTML + style.css + mirage.css.
   These overrides touch atmosphere, spacing, surface styling, NOT app semantics. */
:root { color-scheme: dark; }
body.design-preview.stage1 {
  --d2-accent: #96aec4;
  min-height:100vh !important;
  background:
    radial-gradient(ellipse 43% 67% at 4% 16%, rgba(149,155,164,.27), transparent 77%),
    radial-gradient(ellipse 35% 59% at 94% 15%, rgba(96,113,138,.17), transparent 78%),
    radial-gradient(ellipse 38% 46% at 55% 103%, rgba(173,128,95,.12), transparent 80%),
    linear-gradient(117deg,#30333b 0%,#252b36 35%,#161f2c 76%,#202734 100%) !important;
  background-attachment:fixed !important;
}
body.design-preview.stage1::before{
   top:0!important;bottom:auto!important;left:calc(50% - 682px)!important;
   height:100vh!important;width:2px!important;
   background:linear-gradient(to bottom,transparent 0%,rgba(224,171,108,.49) 19%,rgba(206,151,90,.20) 65%,transparent 99%)!important;
   box-shadow:0 0 19px 2px rgba(240,166,97,.13)!important;
}
body.design-preview.stage1::after{
   right:-20%!important;bottom:-26%!important;
   width:61vw!important;height:82vh!important;
   background:radial-gradient(ellipse,rgba(185,144,103,.072),transparent 67%)!important;
}
html[data-device-category="desktop"] body.design-preview.stage1 .shell{
  width:min(calc(100% - 88px),1376px)!important;
  margin:24px auto 38px!important;
  padding:0!important;
  border:1px solid rgba(199,209,219,.16)!important;
  border-radius:21px!important;
  overflow:hidden!important;
  background:linear-gradient(128deg, rgba(25,33,45,.94),rgba(17,24,36,.97) 62%,rgba(19,28,40,.96))!important;
  box-shadow:0 35px 90px rgba(3,8,16,.46),0 1px 4px rgba(255,255,255,.035) inset!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
html[data-device-category="desktop"] body.design-preview.stage1 .topbar{
  min-height:79px!important;
  margin:0!important;
  padding:9px 26px!important;
  border:0!important;
  border-bottom:1px solid rgba(196,206,215,.11)!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:linear-gradient(100deg,rgba(28,37,49,.80),rgba(19,26,38,.62))!important;
}
body.design-preview.stage1 .brand-home-text{font-size:19px!important;font-weight:800!important;color:#f5f5f3!important;letter-spacing:-.035em!important}
body.design-preview.stage1 .brand-home-logo-dark{width:48px!important;height:48px!important;filter:brightness(0) invert(1)!important}
body.design-preview.stage1 .updated{font-size:11px!important;color:#9ea8b7!important;letter-spacing:.015em!important}
body.design-preview.stage1 .ui-language-choice.active{background:rgba(116,136,158,.27)!important;color:#fafafa!important}
body.design-preview.stage1 .ui-language-control{border:1px solid rgba(191,201,209,.14)!important;background:rgba(255,255,255,.025)!important}
html[data-device-category="desktop"] body.design-preview.stage1 .dashboard{
  display:grid!important;
  grid-template-columns:222px minmax(0,1fr)!important;
  gap:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.design-preview.stage1 .desktop-sidebar-title{color:#aeb9c7!important;font-size:12px!important;letter-spacing:.12em!important}
body.design-preview.stage1 .desktop-publisher-heading,body.design-preview.stage1 .desktop-sidebar-special{
 color:#d8dee5!important;
}
body.design-preview.stage1 .desktop-sidebar-source.active{
 background:rgba(111,135,163,.15)!important;
 border-radius:5px!important;
}
body.design-preview.stage1 .desktop-sidebar-source.active::before{background:#9bb3c9!important}
body.design-preview.stage1 .desktop-sidebar-actions{border-top:1px solid rgba(197,208,217,.095)!important}
body.design-preview.stage1 .desktop-sidebar-actions button{
 background:rgba(30,40,53,.52)!important;border-color:rgba(175,189,205,.15)!important;
}
html[data-device-category="desktop"] body.design-preview.stage1 .desktop-content-header{
 background:transparent!important;padding:20px 24px 10px!important;
}
body.design-preview.stage1 #desktopHeaderSourceName{color:#d7e0ea!important;font-size:16px!important;font-weight:750!important}
html[data-device-category="desktop"] body.design-preview.stage1 .desktop-news-container:not(.hidden){
 margin:0!important;padding:0 24px 32px!important;background:transparent!important;
}
body.design-preview.stage1 .day-heading{
  border:0!important;border-top:1px solid rgba(191,204,214,.075)!important;
  border-bottom:1px solid rgba(191,204,214,.075)!important;
  border-radius:3px!important;
  background:rgba(15,22,33,.48)!important;
  padding-top:8px!important;padding-bottom:8px!important;
}
body.design-preview.stage1 .day-filter-all.active{
  background:rgba(117,144,166,.12)!important;color:#b9cee0!important;
}
body.design-preview.stage1 .desktop-article-grid{gap:9px!important;margin-top:10px!important}
html[data-device-category="desktop"] body.design-preview.stage1 .desktop-news-card-wrapper{
  background:rgba(14,22,34,.67)!important;
  border:1px solid rgba(200,212,224,.092)!important;
  border-radius:9px!important;
  box-shadow:0 2px 8px rgba(0,0,0,.055)!important;
}
html[data-device-category="desktop"] body.design-preview.stage1 .desktop-news-card-wrapper.selected{
  background:rgba(29,40,57,.83)!important;
  border-color:rgba(167,189,208,.21)!important;
  box-shadow:0 5px 22px rgba(0,0,0,.09)!important;
}
html[data-device-category="desktop"] body.design-preview.stage1 .desktop-news-card-wrapper .story-card{
  padding:12px 14px!important;
}
body.design-preview.stage1 .desktop-news-card-wrapper .story-title-trigger{
 color:#eef2f6!important;font-weight:800!important;line-height:1.32!important;
}
body.design-preview.stage1 .desktop-news-card-wrapper .story-desc-text{color:#abb8c7!important;}
body.design-preview.stage1 .desktop-news-card-wrapper .story-time{color:#9eacbc!important;}
body.design-preview.stage1 .desktop-news-card-wrapper .desktop-analysis-host{
 border-top:1px solid rgba(198,213,224,.11)!important;
 background:rgba(22,32,47,.24)!important;
}
body.design-preview.stage1 .preview-ai-response{color:#d1d9e3!important;line-height:1.56!important}
body.design-preview.stage1 .preview-ai-heading{color:#afc1d3!important;letter-spacing:.13em!important}
body.design-preview.stage1 .analysis-button.selected{color:#c1d2e2!important}
body.design-preview.stage1 .desktop-source-unread-count,body.design-preview.stage1 .desktop-sidebar-unread-count{
 background:rgba(110,133,159,.17)!important;border-radius:4px!important
}
body.design-preview.stage1 .review-control{display:none!important}

/* Variant A: one cohesive premium instrument panel. */
html[data-device-category="desktop"] body.design-preview.stage1-integrated .dashboard{
 background:linear-gradient(90deg,rgba(27,34,45,.43) 0%,rgba(18,27,40,.57) 25%,rgba(15,23,36,.67) 100%)!important;
}
html[data-device-category="desktop"] body.design-preview.stage1-integrated .desktop-source-sidebar{
 background:linear-gradient(144deg,rgba(37,44,55,.66),rgba(26,35,48,.34) 63%,rgba(19,29,43,.30))!important;
 min-height:800px!important;height:auto!important;
 border:0!important;border-right:1px solid rgba(204,212,220,.095)!important;
 border-radius:0!important;box-shadow:none!important;
}
html[data-device-category="desktop"] body.design-preview.stage1-integrated .desktop-content-header{
 background:linear-gradient(90deg,rgba(19,28,40,.3),transparent)!important;
}

/* Variant B: sidebar visually distinct, inside the same floating shell. */
html[data-device-category="desktop"] body.design-preview.stage1-separate .dashboard{
 gap:0 17px!important;
 padding:17px 18px 26px!important;
 background:linear-gradient(110deg,rgba(29,37,49,.48),rgba(16,24,37,.58))!important;
}
html[data-device-category="desktop"] body.design-preview.stage1-separate .desktop-source-sidebar{
 background:linear-gradient(147deg,rgba(30,38,50,.98),rgba(20,29,42,.96))!important;
 border:1px solid rgba(199,210,219,.13)!important;
 border-radius:12px!important;
 box-shadow:0 12px 28px rgba(0,0,0,.12)!important;
 min-height:776px!important;height:max-content!important;
}
html[data-device-category="desktop"] body.design-preview.stage1-separate .desktop-content-header{
 padding:8px 8px 12px!important;
}
html[data-device-category="desktop"] body.design-preview.stage1-separate .desktop-news-container:not(.hidden){padding:0 0 26px!important;}
body.design-preview.stage1-separate .day-heading{background:rgba(14,21,33,.32)!important;}

/* Progressive enhancement only; do not change mobile product styles here. */
@media(max-width:800px){
  body.design-preview.stage1::before{display:none!important}
  body.design-preview.stage1::after{display:none!important}
}


/* APPROVED REFERENCE LAYER: stage2.css */
/* 2Day.news / Stage 2 — Design-only desktop explorations.
   Direct visual overrides over preserved v4 assets and fixture.
   Never use these files as a production replacement. */
:root { color-scheme:dark; }
html[data-device-category="desktop"] body.design-preview.stage2 {
  --d2-accent:#a4b9d3;
  overflow:hidden !important;
  margin:0 !important;
  height:100dvh !important;
  background:
    radial-gradient(ellipse 43% 63% at -8% 3%,rgba(124,138,149,.26),transparent 78%),
    radial-gradient(ellipse 48% 58% at 103% 16%,rgba(80,106,136,.19),transparent 81%),
    radial-gradient(ellipse 38% 26% at 70% 103%,rgba(184,134,93,.11),transparent 81%),
    linear-gradient(123deg,#2b3038 0%,#1e2733 38%,#111925 81%,#192430 100%) !important;
  background-attachment:fixed !important;
  color:#e8eff8;
}
body.design-preview.stage2::before,
body.design-preview.stage2::after {display:none !important;content:none !important}
html[data-device-category="desktop"] body.design-preview.stage2 .shell{
  display:flex !important;flex-direction:column !important;
  width:min(calc(100vw - 76px),1414px) !important;
  max-width:1414px !important;
  height:calc(100dvh - 76px) !important;
  min-height:590px !important;
  padding:0 !important;
  margin:38px auto !important;
  overflow:hidden !important;
  border-radius:21px !important;
  border:1px solid rgba(194,208,221,.18) !important;
  background:linear-gradient(125deg,rgba(23,32,44,.97),rgba(12,21,34,.973)) !important;
  box-shadow:0 38px 98px rgba(0,0,0,.48),0 1px 0 rgba(255,255,255,.035) inset !important;
  backdrop-filter:blur(12px);
}
html[data-device-category="desktop"] body.design-preview.stage2 .topbar{
  flex:0 0 70px !important;
  position:relative !important;
  z-index:4 !important;
  margin:0 !important; padding:6px 25px !important;
  width:100% !important; min-height:70px !important;
  border:0 !important;border-bottom:1px solid rgba(191,206,224,.115) !important;
  border-radius:0 !important;
  background:linear-gradient(100deg,rgba(31,42,56,.89),rgba(19,29,42,.82)) !important;
  box-shadow:0 6px 25px rgba(0,0,0,.07) !important;
}
body.design-preview.stage2 .brand-home-logo-dark{width:45px!important;height:45px!important;filter:brightness(0) invert(1)!important}
body.design-preview.stage2 .brand-home-text{font-size:20px !important;font-weight:850 !important;color:#f3f5f9!important}
html[data-device-category="desktop"] body.design-preview.stage2 .dashboard:not(.hidden){
  display:grid !important;
  grid-template-columns:224px minmax(0,1fr) !important;
  grid-template-rows:minmax(0,1fr) !important;
  column-gap:17px !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow:hidden !important;
  padding:18px 20px 21px !important;
  width:100% !important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-device-category="desktop"] body.design-preview.stage2 .desktop-source-sidebar {
  display:flex !important;
  flex-direction:column !important;
  grid-column:1 !important;grid-row:1 !important;
  align-self:stretch !important;
  min-height:0 !important; height:100% !important;
  overflow:hidden !important;
  background:linear-gradient(146deg,rgba(29,40,55,.95),rgba(19,29,43,.96)) !important;
  border:1px solid rgba(194,211,229,.14) !important;
  border-radius:13px !important;
  box-shadow:0 12px 28px rgba(0,0,0,.16) !important;
}
html[data-device-category="desktop"] body.design-preview.stage2 .desktop-sidebar-head {
  flex:0 0 auto !important;
  padding-top:4px!important;
  background:rgba(255,255,255,.01) !important;
}
html[data-device-category="desktop"] body.design-preview.stage2 .desktop-sidebar-nav{
  display:block !important;
  flex:1 1 auto !important;
  height:auto!important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  scrollbar-width:thin;
  scrollbar-color:rgba(153,176,204,.26) transparent;
}
html[data-device-category="desktop"] body.design-preview.stage2 .desktop-sidebar-actions{
  position:relative!important;
  flex:0 0 auto !important;
  margin-top:auto!important;
  padding:9px 8px!important;
  background:rgba(20,30,44,.91)!important;
  border-top:1px solid rgba(200,212,225,.10) !important;
}
html[data-device-category="desktop"] body.design-preview.stage2 .stage-reading-region {
  grid-column:2;grid-row:1;
  display:flex;flex-direction:column;
  min-width:0;min-height:0;
  height:100%;overflow:hidden;
}
html[data-device-category="desktop"] body.design-preview.stage2 #desktopContentHeader {
  display:flex !important;
  flex:0 0 auto;
  min-height:44px!important;
  align-items:center!important;
  padding:4px 12px 11px !important;
  margin:0 !important;
  background:transparent !important;
  width:100% !important;
}
html[data-device-category="desktop"] body.design-preview.stage2 #desktopHeaderSourceName{font-size:16px !important;color:#e0e8f2!important}
html[data-device-category="desktop"] body.design-preview.stage2 .stage-feed-scroll{
  min-height:0 !important;
  min-width:0 !important;
  flex:1 1 auto !important;
  overflow-y:auto!important;overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(144,163,188,.39) transparent;
  padding:0 8px 13px 0;
}
html[data-device-category="desktop"] body.design-preview.stage2 .desktop-news-container:not(.hidden){
  display:block !important;
  max-width:none !important;width:100% !important;
  margin:0 !important;
  padding:0 5px 18px !important;
  background:transparent !important;
  border:0!important;box-shadow:none!important;
}
html[data-device-category="desktop"] body.design-preview.stage2 .desktop-day-section{background:transparent !important;border:0!important;box-shadow:none!important}
html[data-device-category="desktop"] body.design-preview.stage2 .day-heading{
  min-height:33px !important;
  margin-bottom:12px !important;
  border:0 !important;
  border-bottom:1px solid rgba(191,210,224,.14) !important;
  border-radius:0 !important;
  padding:4px 7px!important;
  background:rgba(16,27,42,.13) !important;
}
html[data-device-category="desktop"] body.design-preview.stage2 .desktop-article-grid{
  grid-template-columns:minmax(0,1fr)!important;
  display:grid!important;
  gap:10px!important;
  background:transparent!important;
}
html[data-device-category="desktop"] body.design-preview.stage2 .desktop-news-card-wrapper{
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  border:1px solid rgba(181,204,229,.15)!important;
  border-radius:11px!important;
  background:linear-gradient(116deg,rgba(19,32,50,.96),rgba(16,27,44,.95)) !important;
  box-shadow:0 2px 10px rgba(0,0,0,.11)!important;
}
html[data-device-category="desktop"] body.design-preview.stage2 .desktop-news-card-wrapper.selected{
  position:relative !important;
  background:linear-gradient(116deg,rgba(31,48,73,.95),rgba(24,38,59,.96))!important;
  border-color:rgba(175,201,228,.24)!important;
}
/* Exact opposite-corner motif, rendered with CSS borders so local HTML previews
   cannot lose the rounded top-left or bottom-right when the SVG mask fails to load. */
html[data-device-category="desktop"] body.design-preview.stage2 .desktop-news-card-wrapper.selected::before,
html[data-device-category="desktop"] body.design-preview.stage2 .desktop-news-card-wrapper.selected::after{
  content:''!important;
  position:absolute!important;
  display:block!important;
  width:61px!important;height:61px!important;
  background:transparent!important;
  -webkit-mask:none!important;mask:none!important;
  z-index:10!important;pointer-events:none!important;
  box-sizing:border-box!important;
  transform:none!important;
}
html[data-device-category="desktop"] body.design-preview.stage2 .desktop-news-card-wrapper.selected::before{
  left:0!important;top:0!important;bottom:auto!important;right:auto!important;
  border-top:3px solid #92aec9!important;
  border-left:3px solid #92aec9!important;
  border-top-left-radius:11px!important;
}
html[data-device-category="desktop"] body.design-preview.stage2 .desktop-news-card-wrapper.selected::after{
  bottom:0!important;right:0!important;left:auto!important;top:auto!important;
  border-bottom:3px solid #92aec9!important;
  border-right:3px solid #92aec9!important;
  border-bottom-right-radius:11px!important;
}
html[data-device-category="desktop"] body.design-preview.stage2 .desktop-news-card-wrapper.selected .story-card{
  box-shadow:none!important;
}
body.design-preview.stage2 .desktop-news-card-wrapper .story-title-trigger{color:#f1f5fa!important;font-weight:800!important}
body.design-preview.stage2 .desktop-news-card-wrapper .story-desc-text{color:#b2bed1!important}
body.design-preview.stage2 .desktop-news-card-wrapper .desktop-analysis-host{background:rgba(16,25,41,.20)!important}
body.design-preview.stage2 .desktop-source-sidebar .desktop-sidebar-source.active::before{background:#a0b7cc!important}
body.design-preview.stage2 .review-control{display:none!important}
/* Comparison 1: visible only the individual article cards, NO feed-panel backdrop. */
html[data-device-category="desktop"] body.design-preview.stage2-bare .stage-reading-region,
html[data-device-category="desktop"] body.design-preview.stage2-bare .stage-feed-scroll,
html[data-device-category="desktop"] body.design-preview.stage2-bare #desktopNewsContainer{
  background:transparent!important;
}
/* Gold accent 1: contextual, fine edge on the currently selected article, nowhere else. */
html[data-device-category="desktop"] body.design-preview.stage2-bare .desktop-news-card-wrapper.selected{
  box-shadow:inset 2px 0 rgba(219,171,108,.54),0 3px 17px rgba(0,0,0,.10)!important;
}
html[data-device-category="desktop"] body.design-preview.stage2-bare #desktopContentHeader{border-bottom:0!important}
/* Comparison 2: ultra-subtle feed backplate and warm architectural divider. */
html[data-device-category="desktop"] body.design-preview.stage2-frost .stage-reading-region{
  padding:0 10px 8px!important;
  border:1px solid rgba(195,210,226,.09)!important;
  border-radius:13px!important;
  background:linear-gradient(150deg,rgba(33,45,61,.28),rgba(13,23,36,.18))!important;
}
html[data-device-category="desktop"] body.design-preview.stage2-frost .desktop-source-sidebar{
  border-right-color:rgba(228,182,124,.34)!important;
  box-shadow:2px 0 0 rgba(221,166,91,.14),0 12px 28px rgba(0,0,0,.13)!important;
}
html[data-device-category="desktop"] body.design-preview.stage2-frost .stage-reading-region::before{
  content:'';height:1px;position:absolute;pointer-events:none;
}
/* Contextual accent 3 for the editorial experiment: article header underlining. */
html[data-device-category="desktop"] body.design-preview.stage2-editorial .dashboard:not(.hidden){
  grid-template-columns:188px minmax(0,1fr)!important;column-gap:19px!important;
}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .desktop-source-sidebar{
  background:linear-gradient(145deg,rgba(26,37,52,.94),rgba(17,28,43,.95))!important;
}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .desktop-publisher-sources,
html[data-device-category="desktop"] body.design-preview.stage2-editorial .desktop-sidebar-group-controls{
  display:none!important;
}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .desktop-sidebar-source.desktop-sidebar-child{
  display:none!important;
}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .desktop-sidebar-actions #desktopSidebarAddArticle{display:none!important}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .stage-reading-region{
  background:transparent!important;
}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .editorial-columns{
  min-height:0;flex:1 1 auto;
  display:grid;grid-template-columns:minmax(400px, 48%) minmax(0,52%);
  gap:15px;overflow:hidden;
}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .stage-feed-scroll{
  min-width:0;min-height:0;overflow:auto;
  padding-right:4px;
}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .desktop-news-card-wrapper .story-card{
  grid-template-columns:90px minmax(0,1fr)!important;
  min-height:103px!important;
  gap:3px 11px!important;padding:10px 12px!important;
}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .desktop-news-card-wrapper .story-image-cell,
html[data-device-category="desktop"] body.design-preview.stage2-editorial .desktop-news-card-wrapper .story-image{
  width:90px!important;height:74px!important;
}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .desktop-news-card-wrapper .story-title-trigger{
  font-size:13px!important;line-height:1.32!important;
}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .desktop-news-card-wrapper .story-desc-text{
  font-size:11px!important;line-height:1.4!important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;
}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .desktop-news-card-wrapper .story-time{font-size:10px!important}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .desktop-news-card-wrapper.selected::before,
html[data-device-category="desktop"] body.design-preview.stage2-editorial .desktop-news-card-wrapper.selected::after{
  width:43px!important;height:43px!important;
}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .editorial-detail{
  min-height:0;display:flex;flex-direction:column;
  overflow:hidden;position:relative;
  border-radius:13px;
  border:1px solid rgba(193,210,227,.18);
  background:linear-gradient(160deg,rgba(19,30,45,.96),rgba(16,27,42,.95));
  box-shadow:0 7px 27px rgba(0,0,0,.16);
}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .editorial-detail-scroll{
  min-height:0;overflow-y:auto;flex:1 1 auto;
  scrollbar-width:thin;scrollbar-color:rgba(145,162,184,.4) transparent;
}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .editorial-hero{
  min-height:202px;height:30%;max-height:254px;position:relative;overflow:hidden;
}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .editorial-hero img{
  display:block;width:100%;height:100%;object-fit:cover;
  filter:brightness(.7) saturate(.74);
}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .editorial-hero::after{
  content:'';position:absolute;inset:20% 0 0;
  background:linear-gradient(transparent,rgba(16,27,42,.70) 82%,rgba(16,27,42,1));
  pointer-events:none;
}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .editorial-hero-caption{
  position:absolute;bottom:17px;left:24px;z-index:2;font-size:11px;
  letter-spacing:.21em;color:#d8b58a;text-transform:uppercase;font-weight:850;
}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .editorial-detail-body{padding:6px 22px 24px;}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .editorial-title{
  font-size:22px;line-height:1.26;letter-spacing:-.027em;font-weight:850;color:#f1f4f8;margin:0 0 9px;
}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .editorial-publisher{
  display:flex;align-items:center;gap:8px;padding:9px 0 13px;
  color:#9eafc4;font-size:12px;border-bottom:1px solid rgba(199,215,232,.13);
}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .editorial-context-label{
  margin:15px 0 7px;letter-spacing:.18em;text-transform:uppercase;color:#d9b68b;
  font-size:10px;font-weight:850;
}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .editorial-detail .desktop-analysis-host{
  display:block!important;border:0!important;padding:0!important;background:transparent!important;
}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .editorial-detail .analysis-panel{padding:0!important;border:0!important;background:transparent!important}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .editorial-detail .analysis-actions{flex-wrap:wrap!important;gap:4px!important;}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .editorial-detail .analysis-button{font-size:10px!important;}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .editorial-detail .preview-ai-response{font-size:12.5px!important;}
/* No new UI in the fixed-layout branch; experimental branch explicitly marked. */
@media(max-width:1100px){
 html[data-device-category="desktop"] body.design-preview.stage2 .dashboard:not(.hidden){grid-template-columns:196px minmax(0,1fr)!important;gap:13px!important;padding:15px!important;}
 html[data-device-category="desktop"] body.design-preview.stage2-editorial .editorial-columns{grid-template-columns:minmax(320px,1fr) minmax(360px,1fr)}
}
/* Three accent placement experiments (not a new orange brand system). */
html[data-device-category="desktop"] body.design-preview.stage2-bare .desktop-news-card-wrapper.selected .story-title-wrap {position:relative!important}
html[data-device-category="desktop"] body.design-preview.stage2-bare .desktop-news-card-wrapper.selected .story-title-wrap::before {
  content:''; position:absolute;left:-9px;top:1px;width:2px;height:25px;
  border-radius:2px;background:linear-gradient(#edc391,#b4824e);
  box-shadow:0 0 8px rgba(221,166,95,.24);
}
html[data-device-category="desktop"] body.design-preview.stage2-frost .desktop-source-sidebar{position:relative!important}
html[data-device-category="desktop"] body.design-preview.stage2-frost .desktop-source-sidebar::after {
  content:'';display:block;position:absolute;top:10%;right:0;bottom:10%;width:2px;
  background:linear-gradient(transparent,rgba(233,183,112,.62) 34%,rgba(233,183,112,.25) 76%,transparent);
  box-shadow:0 0 10px rgba(226,176,109,.14);pointer-events:none;
}
html[data-device-category="desktop"] body.design-preview.stage2-editorial .editorial-detail::before{
  content:'';position:absolute;z-index:4;top:0;left:16px;height:2px;width:54px;
  background:linear-gradient(90deg,rgba(234,190,132,.8),transparent);pointer-events:none;
}
html[data-device-category="desktop"] body.design-preview.stage2-frost .desktop-source-sidebar {top:0!important;}


/* APPROVED REFERENCE LAYER: stage4-exact.css */
/* Stage 4: STRICT CORRECTION ONLY. Base = Stage 2 bare.html.
   Frost styling below is transcribed verbatim from Stage 2 frost.html / stage2.css.
   Only selectors scoped to the bare page change; no theme, layout or content changes. */

/* [A] Frost sidebar treatment: same right-edge border, shadow and inset amber line. */
html[data-device-category="desktop"] body.design-preview.stage4-exact .desktop-source-sidebar{
  border-right-color:rgba(228,182,124,.34)!important;
  box-shadow:2px 0 0 rgba(221,166,91,.14),0 12px 28px rgba(0,0,0,.13)!important;
  position:relative!important;
  top:0!important;
}
html[data-device-category="desktop"] body.design-preview.stage4-exact .desktop-source-sidebar::after {
  content:'';display:block;position:absolute;top:10%;right:0;bottom:10%;width:2px;
  background:linear-gradient(transparent,rgba(233,183,112,.62) 34%,rgba(233,183,112,.25) 76%,transparent);
  box-shadow:0 0 10px rgba(226,176,109,.14);pointer-events:none;
}

/* [B] Selected thumbnail/card accent EXACTLY like frost:
   inherited top-left blue thumbnail and opposite rounded card corners.
   Remove only Version 1's extra gold selected-title and selected-card edge. */
html[data-device-category="desktop"] body.design-preview.stage4-exact .desktop-news-card-wrapper.selected{
  box-shadow:0 5px 22px rgba(0,0,0,.09)!important;
}
html[data-device-category="desktop"] body.design-preview.stage4-exact .desktop-news-card-wrapper.selected .story-title-wrap::before{
  display:none!important;
  content:none!important;
}

/* [C] Remove redundant desktop current-source label (left sidebar already shows it). */
html[data-device-category="desktop"] body.design-preview.stage4-exact #desktopContentHeader,
html[data-device-category="desktop"] body.design-preview.stage4-exact #stickySourceIndicator{
  display:none!important;
}

/* [D] HEADER: no overrides. Keep baseline's D2-EXACT.png icon + adjacent
   one-line 2Day.news wordmark and every original header property. */


/* APPROVED REFERENCE LAYER: stage5-wordmark.css */
/* Stage 5 – ONLY the explicitly approved brand artwork change.
   Stage 4 CSS, news cards, sidebar accent, scroll behavior, and all original
   application assets remain byte-identical. The original white D2 icon is
   untouched. This new image uses the user's stacked "2Day." + "NEWS" artwork. */
html[data-device-category="desktop"] body.design-preview.stage4-exact .brand-home-wordmark {
  display:block;
  flex:0 0 92px;
  width:92px;
  height:auto;
  max-height:52px;
  object-fit:contain;
  object-position:center bottom;
  margin:0 0 2px;
  padding:0;
  border:0;
  background:transparent;
}
/* Same brand on mobile if responsive preview is enabled; without altering
   any other component. Desktop samples remain the verification scope. */
@media(max-width:900px) {
  body.design-preview.stage4-exact .brand-home-wordmark{
    display:block;flex:0 0 81px;width:81px;height:auto;max-height:45px;
    object-fit:contain;margin:0 0 2px;
  }
}

/* Stage 6 — header icon size only. Wordmark total height is <= this icon.
   Keep the logo on the left and artwork on the right, with the approved gap. */
html[data-device-category="desktop"] body.design-preview.stage4-exact .brand-home-logo-dark {
  width:56px!important; height:56px!important;
}
/* Align mobile-scale branding proportions without changing other controls. */
@media (max-width:900px) {
  body.design-preview.stage4-exact .brand-home-wordmark{
    flex-basis:72px; width:72px; max-height:41px;
  }
  body.design-preview.stage4-exact .brand-home-logo-dark{
    width:46px!important; height:46px!important;
  }
}


/* APPROVED REFERENCE LAYER: icon-experiment.css */
/* D2 icon-only experiment — no layout or typography overrides. */
/* All three variants use identical original D2 alpha geometry at the already approved 56px. */
html[data-device-category="desktop"] body.design-preview.stage4-exact .brand-home-logo-dark[data-icon-experiment]{
  /* Filters below alter only the pixels of this one image (no sizes or positioning). */
}
body.design-preview.stage4-exact .brand-home-logo-dark[data-icon-experiment="v1"]{
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.32))!important;
}
body.design-preview.stage4-exact .brand-home-logo-dark[data-icon-experiment="v2"]{
  filter:none!important;
}
body.design-preview.stage4-exact .brand-home-logo-dark[data-icon-experiment="v3"]{
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.27)) drop-shadow(0 0 3px rgba(227,150,57,.13))!important;
}


/* APPROVED REFERENCE LAYER: wordmark-depth.css */
/* Variant 4 — keep Variant 3 icon treatment, add the same faint depth to the approved wordmark artwork only. */
html[data-device-category="desktop"] body.design-preview.stage4-exact .brand-home-wordmark{
  filter: drop-shadow(0 2px 3px rgba(0,0,0,.27)) drop-shadow(0 0 3px rgba(227,150,57,.10)) !important;
}
@media (max-width:900px){
  body.design-preview.stage4-exact .brand-home-wordmark{
    filter: drop-shadow(0 1.5px 2px rgba(0,0,0,.27)) drop-shadow(0 0 2px rgba(227,150,57,.10)) !important;
  }
}


/* APPROVED REFERENCE LAYER: light-mode.css */
/* 2Day.news — light-mode V1, DESIGN PREVIEW ONLY.
   Dark v4 HTML architecture, D2 silhouettes, sizes, spacing, and scroll layout are unchanged.
   Only surface colors, ink contrast, shadows and the two theme-specific logo pixel RGB values change. */
:root{color-scheme:light!important}
html[data-device-category="desktop"] body.design-preview.stage2.light-mode-v1,
body.design-preview.stage2.light-mode-v1:not(.baseline){
  background:
    radial-gradient(ellipse 60% 54% at -5% 0%,rgba(136,160,180,.17),transparent 75%),
    radial-gradient(ellipse 40% 40% at 110% 93%,rgba(191,162,123,.12),transparent 80%),
    linear-gradient(121deg,#e9edf1 0%,#e8ecf1 50%,#e0e6ed 100%)!important;
  color:#253348!important;
}
html[data-device-category="desktop"] body.design-preview.stage2.light-mode-v1 .shell{
  background:linear-gradient(122deg,rgba(249,250,252,.99),rgba(242,245,249,.995))!important;
  border-color:rgba(119,138,156,.28)!important;
  box-shadow:0 30px 70px rgba(36,55,80,.16),0 1px 0 rgba(255,255,255,.88) inset!important;
  backdrop-filter:blur(12px);
}
html[data-device-category="desktop"] body.design-preview.stage2.light-mode-v1 .topbar{
  background:linear-gradient(95deg,rgba(255,255,255,.97),rgba(245,247,250,.96))!important;
  border-bottom-color:rgba(110,133,161,.20)!important;
  box-shadow:0 5px 20px rgba(38,52,68,.04)!important;
}
/* Keep exact v4 logo placement, size and tiny depth. The light artwork changes RGB only. */
body.light-mode-v1 .brand-home-wordmark{
  filter:drop-shadow(0 2px 3px rgba(33,48,64,.16)) drop-shadow(0 0 3px rgba(227,150,57,.055))!important;
}
body.light-mode-v1 .brand-home-logo-dark[data-icon-experiment="v3"]{
  filter:drop-shadow(0 2px 3px rgba(33,48,64,.16)) drop-shadow(0 0 3px rgba(227,150,57,.08))!important;
}
body.design-preview.light-mode-v1 .updated,
body.design-preview.light-mode-v1 .top-actions{color:#5a6675!important}
body.design-preview.light-mode-v1 .ui-language-control{background:rgba(232,237,243,.74)!important;border-color:#d1dae3!important}
body.design-preview.light-mode-v1 .ui-language-choice{color:#5c6b7f!important}
body.design-preview.light-mode-v1 .ui-language-choice.active{color:#fff!important;background:#49627e!important}
body.design-preview.light-mode-v1 #refreshBtn:not(.hidden),body.design-preview.light-mode-v1 #accountMenuBtn:not(.hidden){color:#526579!important}
html[data-device-category="desktop"] body.design-preview.stage2.light-mode-v1 .desktop-source-sidebar{
  background:linear-gradient(154deg,#f2f5f8,#edf1f6)!important;
  border-color:#d3dce6!important;
  box-shadow:0 10px 25px rgba(64,78,92,.09)!important;
}
/* Exact approved sidebar-edge signature, adjusted for contrast only. */
html[data-device-category="desktop"] body.design-preview.stage4-exact.light-mode-v1 .desktop-source-sidebar{
  border-right-color:rgba(182,133,67,.45)!important;
  box-shadow:2px 0 0 rgba(201,151,79,.15),0 10px 25px rgba(64,78,92,.08)!important;
}
html[data-device-category="desktop"] body.design-preview.stage4-exact.light-mode-v1 .desktop-source-sidebar::after{
  background:linear-gradient(transparent,rgba(181,123,50,.66) 34%,rgba(181,123,50,.24) 76%,transparent)!important;
  box-shadow:0 0 7px rgba(193,146,71,.13)!important;
}
body.design-preview.light-mode-v1 .desktop-sidebar-head{background:rgba(255,255,255,.37)!important;border-bottom-color:#dbe2ea!important}
body.design-preview.light-mode-v1 .desktop-sidebar-title{color:#58687a!important}
body.design-preview.light-mode-v1 .desktop-publisher-name,
body.design-preview.light-mode-v1 .desktop-sidebar-source-name,
body.design-preview.light-mode-v1 .desktop-sidebar-special,
body.design-preview.light-mode-v1 .desktop-sidebar-source,
body.design-preview.light-mode-v1 .desktop-sidebar-toggle,
body.design-preview.light-mode-v1 .desktop-sidebar-actions button{
  color:#293b50!important;
}
body.design-preview.light-mode-v1 .desktop-sidebar-source.active{
  background:#dfe8f2!important;
  box-shadow:inset 0 0 0 1px rgba(115,151,180,.09)!important;
}
body.design-preview.light-mode-v1 .desktop-sidebar-source.active::before{background:#7191ab!important}
body.design-preview.light-mode-v1 .desktop-sidebar-unread-count,
body.design-preview.light-mode-v1 .desktop-source-unread-count{
  background:rgba(90,118,148,.12)!important;
  color:#354a61!important;
}
html[data-device-category="desktop"] body.design-preview.stage2.light-mode-v1 .desktop-sidebar-actions{
  background:rgba(242,245,249,.96)!important;border-top-color:#dbe3ec!important;
}
body.design-preview.light-mode-v1 .desktop-sidebar-actions button{
  background:#f6f8fb!important;
  border-color:#d4dde6!important;
  box-shadow:0 1px 2px rgba(30,49,65,.03)!important;
}
body.design-preview.light-mode-v1 .desktop-sidebar-toggle,
body.design-preview.light-mode-v1 .desktop-sidebar-group-controls button{
  background:#f9fbfd!important;border-color:#d1dae4!important;color:#48617d!important;
}
html[data-device-category="desktop"] body.design-preview.stage2.light-mode-v1 .day-heading{
  background:rgba(233,238,246,.16)!important;
  border-bottom-color:#d6e0e9!important;
  color:#586a7e!important;
}
body.design-preview.light-mode-v1 .day-filter-all.active{
  background:#e3ebf4!important;color:#293f5b!important;
}
body.design-preview.light-mode-v1 .day-heading button,
body.design-preview.light-mode-v1 .day-heading span{color:#52647a!important}
html[data-device-category="desktop"] body.design-preview.stage2.light-mode-v1 .desktop-news-card-wrapper{
  background:linear-gradient(113deg,#ffffff,#fcfdff)!important;
  border-color:#dbe3eb!important;
  box-shadow:0 2px 10px rgba(52,70,89,.055)!important;
}
html[data-device-category="desktop"] body.design-preview.stage2.light-mode-v1 .desktop-news-card-wrapper.selected{
  background:linear-gradient(111deg,#e9f0f8,#eef3f9)!important;
  border-color:#b6c9dd!important;
  box-shadow:0 4px 18px rgba(51,81,114,.11)!important;
}
/* Preserve blue opposite-corner markers; slightly deeper for WCAG on pale panels. */
html[data-device-category="desktop"] body.design-preview.stage2.light-mode-v1 .desktop-news-card-wrapper.selected::before{
  border-top-color:#678bad!important;border-left-color:#678bad!important;
}
html[data-device-category="desktop"] body.design-preview.stage2.light-mode-v1 .desktop-news-card-wrapper.selected::after{
  border-right-color:#678bad!important;border-bottom-color:#678bad!important;
}
body.design-preview.stage2.light-mode-v1 .desktop-news-card-wrapper .story-title-trigger{
  color:#1f3045!important;
}
body.design-preview.stage2.light-mode-v1 .desktop-news-card-wrapper .story-desc-text{
  color:#5c6d7f!important;
}
body.design-preview.stage2.light-mode-v1 .desktop-news-card-wrapper .story-meta-line,
body.design-preview.stage2.light-mode-v1 .desktop-news-card-wrapper .story-time{
  color:#5e7084!important;
}
body.design-preview.stage2.light-mode-v1 .desktop-news-card-wrapper .desktop-analysis-host{
  background:rgba(230,238,247,.40)!important;
  border-top-color:#d2dfec!important;
}
html[data-device-category="desktop"] body.design-preview.light-mode-v1 .desktop-analysis-host .analysis-actions{
  border-bottom-color:#cbd8e5!important;
}
html[data-device-category="desktop"] body.design-preview.light-mode-v1 .desktop-analysis-host .analysis-button,
html[data-device-category="desktop"] body.design-preview.light-mode-v1 .desktop-analysis-host .analysis-actions .analysis-button,
html[data-device-category="desktop"] body.design-preview.light-mode-v1 .desktop-analysis-host .analysis-original-link{
  color:#425b76!important;background:transparent!important;
}
html[data-device-category="desktop"] body.design-preview.light-mode-v1 .desktop-analysis-host .analysis-button.selected,
html[data-device-category="desktop"] body.design-preview.light-mode-v1 .desktop-analysis-host [data-action="summary"]{
  color:#244f7d!important;background:rgba(116,154,193,.15)!important;
}
body.design-preview.light-mode-v1 .preview-ai-response{
  color:#415367!important;
}
body.design-preview.light-mode-v1 .preview-ai-heading{
  color:#405c79!important;border-bottom-color:#d5e0ea!important;
}
body.design-preview.light-mode-v1 .preview-ai-response strong{color:#283b52!important}
body.design-preview.light-mode-v1 .analysis-result,
body.design-preview.light-mode-v1 .analysis-history{color:#405367!important}
body.design-preview.light-mode-v1 .desktop-publisher-heading,
body.design-preview.light-mode-v1 .desktop-sidebar-group-title,
body.design-preview.light-mode-v1 .desktop-sidebar-special-icon,
body.design-preview.light-mode-v1 .desktop-sidebar-source svg{color:#5e7390!important}
body.design-preview.light-mode-v1 .story-time-marker,
body.design-preview.light-mode-v1 .story-unread-marker{color:#6687ac!important}
html[data-device-category="desktop"] body.design-preview.stage2.light-mode-v1 .stage-reading-region,
html[data-device-category="desktop"] body.design-preview.stage2.light-mode-v1 .stage-feed-scroll,
html[data-device-category="desktop"] body.design-preview.stage2.light-mode-v1 #desktopNewsContainer{background:transparent!important}


/* APPROVED REFERENCE LAYER: headerless-light.css */
/* 2Day.news • Headerless light concept — Layout-only transformation over approved light V1.
   Approved mark, source hierarchy, article cards, colors, blue/orange selected state,
   premium shell and balanced typography are preserved. Desktop design prototype. */
html[data-device-category="desktop"] body.design-preview.stage2.light-mode-v1.headerless-concept .shell {
  position:relative!important;
}
/* The global header is removed from the DOM, not merely concealed; the shell now holds a full-height two-column reading layout. */
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .dashboard:not(.hidden){
  padding:17px 20px 20px!important;
  grid-template-columns:224px minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  flex:1 1 auto!important;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .desktop-source-sidebar{
  min-height:0!important;
  height:100%!important;
  isolation:isolate;
}
/* The brand and controls are outside of the navigation scroller. */
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .sidebar-fixed-brand{
  display:flex;align-items:center;justify-content:flex-start;
  flex:0 0 95px;
  min-height:95px;
  padding:11px 11px 9px;
  background:rgba(255,255,255,.38);
  border-bottom:1px solid #dbe3ec;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .sidebar-fixed-brand .brand-home-button{
  display:flex!important;
  align-items:center!important;justify-content:flex-start!important;
  gap:10px!important; width:auto!important;max-width:100%!important;
  padding:2px!important;margin:0!important;background:none!important;border:0!important;
  box-shadow:none!important;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .sidebar-fixed-brand .brand-home-logo-dark{
  flex:0 0 56px!important;width:56px!important;height:56px!important;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .sidebar-fixed-brand .brand-home-wordmark{
  flex:0 0 92px!important;width:92px!important;height:auto!important;max-height:52px!important;
  object-fit:contain!important; margin:0 0 2px!important;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .desktop-sidebar-head{
  padding-top:1px!important;
  min-height:41px!important;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .desktop-sidebar-nav{
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .desktop-sidebar-actions{
  margin-top:auto!important;
  flex:0 0 auto!important;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .sidebar-fixed-utilities{
  display:flex;
  flex:0 0 auto;
  flex-direction:column;
  gap:5px;
  padding:9px 10px 12px;
  background:rgba(247,249,252,.97);
  border-top:1px solid #dbe3ec;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .sidebar-refresh-line{
  min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:7px;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept #updatedAt{
  display:block!important;font-size:10px!important;font-weight:650!important;
  letter-spacing:.035em;color:#667b91!important;white-space:nowrap;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept #refreshBtn{
  display:inline-flex!important;flex:0 0 31px;justify-content:center;align-items:center;
  height:30px;width:31px;padding:6px!important;border-radius:9px;
  color:#375b80!important;border:1px solid #d5dfe9!important;
  background:#f9fbfe!important;cursor:pointer;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept #refreshBtn svg{
  width:17px;height:17px;fill:currentColor;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .sidebar-refresh-note{
  font-size:10px;color:#7e6b54;margin:0;min-height:0;line-height:1.3;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .sidebar-refresh-note:empty{display:none;}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .sidebar-settings-button{
  display:flex;align-items:center;gap:9px;width:100%;height:38px;
  padding:8px 10px;border-radius:9px;border:1px solid #d7e0eb;
  color:#2b3e55;background:#f5f8fb;font:700 12px/1.2 'Avenir Next',Avenir,Arial,sans-serif;
  text-align:left;cursor:pointer;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .sidebar-settings-button:hover,
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .sidebar-settings-button[aria-expanded="true"]{
  background:#e3edf6;border-color:#b9cde1;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .sidebar-settings-button svg{
  width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .sidebar-settings-chevron{margin-left:auto;font-size:22px;font-weight:400;line-height:1;}
/* Reading column stays separate; the day heading is visible while cards scroll beneath it. */
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .stage-reading-region{
  min-height:0!important;overflow:hidden!important;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .stage-feed-scroll{
  height:100%!important;overflow-y:auto!important;overscroll-behavior:contain;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .day-heading{
  position:sticky!important;top:0!important;z-index:22!important;
  background:rgba(238,243,249,.97)!important;
  backdrop-filter:blur(12px);
  border-bottom:1px solid #d8e2ed!important;
  padding-top:8px!important;padding-bottom:9px!important;
}
/* Overlay drawer: preserves the news reading state and never changes card positions. */
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .settings-backdrop{
  position:absolute!important;z-index:49!important;inset:0!important;
  display:none!important;border:0!important;padding:0!important;margin:0!important;
  background:rgba(24,38,55,.22)!important;
  backdrop-filter:blur(2px);
  cursor:default;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept.settings-open .settings-backdrop{display:block!important;}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept #settingsPanel.headerless-settings-drawer{
  display:flex!important;flex-direction:column!important;
  position:absolute!important;z-index:50!important;
  top:13px!important;right:13px!important;bottom:13px!important;left:auto!important;
  width:min(435px,calc(100% - 30px))!important;
  height:auto!important;max-height:none!important;min-height:0!important;
  margin:0!important;padding:0 0 18px!important;
  overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;
  border-radius:17px!important;
  border:1px solid rgba(179,195,212,.8)!important;
  background:linear-gradient(155deg,#fbfcfe 0%,#f4f7fb 100%)!important;
  box-shadow:-24px 12px 65px rgba(34,56,79,.22), 0 0 0 1px rgba(255,255,255,.5) inset!important;
  transform:translateX(calc(100% + 28px))!important;opacity:0;visibility:hidden;
  transition:transform .24s ease,opacity .24s ease,visibility .24s ease;
  pointer-events:none;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept.settings-open #settingsPanel.headerless-settings-drawer{
  transform:translateX(0)!important;opacity:1;visibility:visible;pointer-events:auto;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept #settingsPanel .settings-panel-head{
  position:sticky!important;top:0!important;z-index:2!important;
  flex:0 0 auto;
  padding:21px 22px!important;margin:0 0 12px!important;
  background:rgba(248,250,253,.96)!important;border-bottom:1px solid #dbe3ec!important;
  color:#233951!important;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept #settingsPanel .settings-title{
  font-size:22px!important;font-weight:800!important;letter-spacing:-.03em!important;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept #settingsPanel .settings-row{
  margin:0 20px 12px!important;padding:15px!important;
  background:#fff!important;border:1px solid #dbe5ee!important;
  border-radius:11px!important;box-shadow:0 2px 8px rgba(31,55,81,.035)!important;
  color:#2d4157!important;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept #settingsPanel label{
  color:#354960!important;font-weight:750!important;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept #settingsPanel .account-info-line{
  display:flex!important;align-items:center;gap:11px;
  overflow:visible!important;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept #settingsPanel .sidebar-account-avatar{
  display:flex!important;width:37px;height:37px;border:1px solid #c8d7e6;
  flex:0 0 37px;align-items:center;justify-content:center;
  background:#dfeaf3;color:#304e68;border-radius:50%;font-size:12px;font-weight:800;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept #settingsPanel .ui-interface-language-row{display:flex;flex-direction:column;gap:10px;}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept #settingsPanel .ui-language-control{
  display:flex!important;align-items:center;justify-content:flex-start;gap:4px;
  width:max-content;padding:4px;border:1px solid #d5dfe9!important;background:#eef3f8!important;border-radius:9px;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept #settingsPanel .ui-language-choice{cursor:pointer;min-width:41px;}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept #settingsPanel .settings-close{
  color:#405971!important;border:1px solid #d3dee9!important;border-radius:9px!important;
  background:#f3f7fb!important;width:30px;height:30px;
}
/* demo note / dashboard preview; avoids false claim of live actions */
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept #settingsPanel::after{
  content:'DESIGN PREVIEW · Live settings and subscription data are not connected.';
  display:block;margin:8px 24px 2px;color:#8b97a5;font:600 10px/1.5 'Avenir Next',Avenir,Arial,sans-serif;
  letter-spacing:.06em;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept #settingsPanel button:focus-visible,
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .sidebar-settings-button:focus-visible,
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .sidebar-fixed-brand button:focus-visible{
  outline:2px solid #688cb1!important;outline-offset:2px!important;
}
@media (prefers-reduced-motion:reduce){
  body.headerless-concept .headerless-settings-drawer{transition:none!important;}
}
@media(max-width:1020px){
  html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .dashboard:not(.hidden){
    grid-template-columns:212px minmax(0,1fr)!important;column-gap:12px!important;padding:13px!important;
  }
  html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .sidebar-fixed-brand .brand-home-logo-dark{flex-basis:52px!important;width:52px!important;height:52px!important;}
  html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .sidebar-fixed-brand .brand-home-wordmark{flex-basis:85px!important;width:85px!important;}
}

/* Stage 2 refinement: compact only the logo SECTION, not the approved artwork. */
html[data-device-category="desktop"] body.design-preview.stage2.light-mode-v1.headerless-concept .sidebar-fixed-brand{
  flex:0 0 76px!important;
  min-height:76px!important;
  padding:5px 11px 4px!important;
}
/* Management actions now belong to the scrollable source nav (not the bottom utility dock).
   Preserve the existing button labels and styling; only adjust their placement boundaries. */
html[data-device-category="desktop"] body.design-preview.stage2.light-mode-v1.headerless-concept .desktop-sidebar-nav > .desktop-sidebar-actions{
  flex:0 0 auto!important;
  margin:6px 0 9px!important;
  padding:7px 2px 10px!important;
  border-top:1px solid #dbe3ec!important;
  border-bottom:1px solid #dbe3ec!important;
  background:transparent!important;
}

/* V3 — approved compact branding. Only size/spacing of brand lockup changes.
   The D2/wordmark artwork, colors, original geometry, and existing utility/navigation rules are untouched. */
html[data-device-category="desktop"] body.design-preview.stage2.light-mode-v1.headerless-concept .sidebar-fixed-brand{
  flex:0 0 68px!important;
  min-height:68px!important;
  padding:3px 9px 3px!important;
}
html[data-device-category="desktop"] body.design-preview.stage2.light-mode-v1.headerless-concept .sidebar-fixed-brand .brand-home-button{
  gap:9px!important;
}
html[data-device-category="desktop"] body.design-preview.stage2.light-mode-v1.headerless-concept .sidebar-fixed-brand .brand-home-logo-dark{
  flex:0 0 50px!important;
  width:50px!important;
  height:50px!important;
}
html[data-device-category="desktop"] body.design-preview.stage2.light-mode-v1.headerless-concept .sidebar-fixed-brand .brand-home-wordmark{
  flex:0 0 82px!important;
  width:82px!important;
  max-height:46px!important;
}

/* V6 - only the approved source management control changes. */
html[data-device-category="desktop"] body.headerless-concept .desktop-sidebar-head{gap:5px!important;padding-right:6px!important;}
html[data-device-category="desktop"] body.headerless-concept .desktop-sidebar-title{white-space:nowrap;min-width:0;}
html[data-device-category="desktop"] body.headerless-concept .desktop-sidebar-head-controls{display:flex;gap:3px;align-items:center;flex:0 0 auto;margin-left:auto;}
html[data-device-category="desktop"] body.headerless-concept .desktop-sidebar-head-action{
  display:inline-flex!important;align-items:center;justify-content:center;
  padding:0!important;margin:0!important;flex:0 0 27px;width:27px;height:29px;
  border-radius:8px;border:1px solid #cfdae6;background:#f6f9fc;
  color:#425d78;cursor:pointer;
}
html[data-device-category="desktop"] body.headerless-concept .desktop-sidebar-head-action:hover{background:#e7f0f8;border-color:#a9bed4;}
html[data-device-category="desktop"] body.headerless-concept .desktop-sidebar-head-action:focus-visible{outline:2px solid #527da7;outline-offset:2px;}
html[data-device-category="desktop"] body.headerless-concept .desktop-sidebar-head-action svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
html[data-device-category="desktop"] body.headerless-concept .desktop-sidebar-head-controls .desktop-sidebar-toggle{flex:0 0 27px;min-width:27px;width:27px;height:29px;margin:0!important;}
html[data-device-category="desktop"] body.headerless-concept .desktop-sidebar-nav > .desktop-sidebar-actions{display:block!important;}
html[data-device-category="desktop"] body.headerless-concept .desktop-sidebar-nav > .desktop-sidebar-actions button{width:100%!important;}
html[data-device-category="desktop"] body.headerless-concept .desktop-source-sidebar.collapsed .desktop-sidebar-head-action{display:none!important;}
/* Right drawer is a clickable design-only preview of the source management destination. */
body.headerless-concept .source-manager-backdrop:not([hidden]){position:fixed;inset:0;z-index:80;background:rgba(25,42,63,.20);backdrop-filter:blur(2px);}
body.headerless-concept .source-manager-drawer:not([hidden]){position:fixed;z-index:81;top:14px;bottom:14px;right:14px;width:min(410px,calc(100% - 28px));display:flex;flex-direction:column;border-radius:15px;overflow:hidden;background:#f8fafc;border:1px solid #cbd8e6;box-shadow:-12px 12px 40px rgba(30,54,79,.17);font-family:'Avenir Next',Avenir,Arial,sans-serif;color:#263b51;}
body.headerless-concept .source-manager-drawer .source-manager-heading{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #d8e2ed;background:#f6f9fc;gap:10px;}
body.headerless-concept .source-manager-heading h2{font-size:19px;line-height:1.2;margin:0 0 6px;font-weight:760;}
body.headerless-concept .source-manager-heading p{font-size:12px;color:#69798c;margin:0;}
body.headerless-concept .source-manager-close{width:32px;height:32px;border-radius:9px;background:#edf2f8;border:1px solid #d3dfeb;color:#34485e;font-size:22px;cursor:pointer;}
body.headerless-concept .source-manager-body{flex:1;overflow-y:auto;min-height:0;padding:18px 20px;}
body.headerless-concept .source-manager-note{font-size:11px;color:#7a8795;line-height:1.5;margin:0 0 15px;}
body.headerless-concept .source-manager-existing-list{display:grid;gap:8px;}
body.headerless-concept .source-manager-item{padding:11px 12px;border-radius:9px;background:#fff;border:1px solid #dbe4ee;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;}
body.headerless-concept .source-manager-item small{color:#789;font-size:11px;}
body.headerless-concept .source-manager-add-form{margin:16px 0;display:grid;gap:10px;font-size:13px;}
body.headerless-concept .source-manager-add-form[hidden]{display:none;}
body.headerless-concept .source-manager-add-form input{border-radius:8px;border:1px solid #c6d4e3;background:#fff;color:#24354b;padding:11px;font-size:13px;width:100%;box-sizing:border-box;}
body.headerless-concept .source-manager-form-actions{display:flex;gap:10px;}
body.headerless-concept .source-manager-form-actions button,
body.headerless-concept .source-manager-footer button{border-radius:8px;padding:9px 13px;border:1px solid #c6d5e4;background:#eef4fa;color:#344e66;font-weight:700;cursor:pointer;}
body.headerless-concept .source-manager-footer{padding:14px 20px;border-top:1px solid #dbe4ee;}
body.headerless-concept .source-manager-message{font-size:12px;color:#667e96;line-height:1.4;}


/* APPROVED REFERENCE LAYER: sidebar-v7.css */

/* V7 - three requested sidebar adjustments only. All article and branding styles unchanged. */
html[data-device-category="desktop"] body.headerless-concept .desktop-sidebar-head .sidebar-settings-icon {
  display:inline-flex!important;align-items:center;justify-content:center;
  flex:0 0 27px;width:27px;height:29px;padding:0!important;
  background:#f6f9fc!important;border:1px solid #cfdae6!important;color:#425d78!important;
  border-radius:8px!important;
}
html[data-device-category="desktop"] body.headerless-concept .desktop-sidebar-head .sidebar-settings-icon:hover{background:#e7f0f8!important;border-color:#a9bed4!important;}
html[data-device-category="desktop"] body.headerless-concept .desktop-sidebar-head .sidebar-settings-icon svg {
  flex:0 0 15px!important;width:15px!important;height:15px!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;
  stroke-linecap:round;stroke-linejoin:round;
}
html[data-device-category="desktop"] body.headerless-concept .sidebar-quick-actions {
  flex:0 0 auto;display:flex;align-items:stretch;gap:7px;
  padding:8px 10px 3px;
}
html[data-device-category="desktop"] body.headerless-concept .sidebar-quick-actions #desktopSidebarSaved {
  width:auto!important;flex:1 1 auto!important;min-width:0!important;
  display:flex!important;align-items:center!important;gap:7px!important;
  padding:5px 6px!important;margin:0!important;
  min-height:33px!important;text-align:left!important;
  white-space:nowrap!important;
}
html[data-device-category="desktop"] body.headerless-concept .sidebar-quick-actions #desktopSidebarSaved .desktop-sidebar-special-icon {
  flex-shrink:0;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .sidebar-quick-actions > .desktop-sidebar-actions {
  display:flex!important;flex:0 0 90px!important;position:static!important;
  margin:0!important;padding:0!important;border:0!important;
  background:transparent!important;
}
html[data-device-category="desktop"] body.headerless-concept .sidebar-quick-actions #desktopSidebarAddArticle {
  width:100%!important;min-width:0!important;height:33px!important;
  padding:5px 7px!important;margin:0!important;border-radius:8px!important;
  font-size:11px!important;font-weight:750!important;
  background:#f6f8fb!important;border:1px solid #d4dde6!important;
  color:#334a64!important;cursor:pointer;
}
html[data-device-category="desktop"] body.headerless-concept .sidebar-refresh-section {
  flex:0 0 auto;display:flex;flex-direction:column;
  padding:4px 11px 9px;border-bottom:1px solid #dbe3ec;
  background:rgba(247,249,252,.34);
}
html[data-device-category="desktop"] body.headerless-concept .sidebar-refresh-section .sidebar-refresh-line {
  display:flex!important;align-items:center;justify-content:space-between;
  gap:7px;min-height:32px!important;
}
html[data-device-category="desktop"] body.headerless-concept .sidebar-refresh-section #updatedAt {
  flex:1 1 auto;min-width:0;white-space:nowrap!important;
  overflow:hidden;text-overflow:ellipsis;
}
html[data-device-category="desktop"] body.headerless-concept .desktop-sidebar-nav {
  flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;
  padding-top:3px!important;
}
html[data-device-category="desktop"] body.headerless-concept .desktop-sidebar-group-controls {
  margin-top:0!important;
}



/* APPROVED REFERENCE LAYER: sidebar-v9.css */

/* V9 — scoped, minimal corrections to V8 only.
   Unchanged: logo, sidebar actions, source structure, AI cards, selected card corners,
   drawer logic, scrolling, and prototype content. */

/* A. Refresh is a bare 18px icon, aligned with the Saved bookmark.
   The text is 11px Nunito Sans, weight 750, starting at precisely the same
   horizontal position as the Saved label. */
html[data-device-category="desktop"] body.headerless-concept .sidebar-refresh-section .sidebar-refresh-line{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  column-gap:7px!important;
  align-items:center!important;
  justify-content:initial!important;
  min-height:32px!important;
}
html[data-device-category="desktop"] body.design-preview.headerless-concept .sidebar-refresh-section #refreshBtn{
  grid-column:1!important;grid-row:1!important;
  justify-self:start!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:initial!important;
  width:18px!important;height:24px!important;min-width:18px!important;min-height:24px!important;
  margin:0 0 0 9px!important;padding:0!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  color:#526b89!important;
}
html[data-device-category="desktop"] body.design-preview.headerless-concept .sidebar-refresh-section #refreshBtn svg{
  width:18px!important;height:18px!important;fill:currentColor!important;
}
html[data-device-category="desktop"] body.design-preview.headerless-concept .sidebar-refresh-section #updatedAt{
  grid-column:2!important;grid-row:1!important;
  flex:initial!important;min-width:0!important;
  font-family:'Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-size:11px!important;font-weight:750!important;line-height:normal!important;
  letter-spacing:normal!important;color:#293b50!important;
  white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;
}
html[data-device-category="desktop"] body.headerless-concept .sidebar-refresh-section #refreshBtn:hover,
html[data-device-category="desktop"] body.headerless-concept .sidebar-refresh-section #refreshBtn:focus-visible{
  color:#274e79!important;
}
html[data-device-category="desktop"] body.headerless-concept .sidebar-refresh-section #refreshBtn:focus-visible{
  outline:2px solid #7191ab!important;outline-offset:4px!important;
}

/* B. Normalize unread counts to the corresponding source / publisher font,
   without changing badges, counts, or row dimensions. */
html[data-device-category="desktop"] body.headerless-concept .desktop-publisher-heading .desktop-source-unread-count{
  font-family:'Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-size:12px!important;font-weight:850!important;line-height:14px!important;
  font-variant-numeric:tabular-nums!important;
}
html[data-device-category="desktop"] body.headerless-concept .desktop-sidebar-source .desktop-source-unread-count,
html[data-device-category="desktop"] body.headerless-concept .desktop-sidebar-source .desktop-sidebar-unread-count{
  font-family:'Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-size:12px!important;font-weight:700!important;line-height:14px!important;
  font-variant-numeric:tabular-nums!important;
}

/* C. In the sample selected thumbnail, the short blue stripe is embedded
   in the original sample photograph. A narrow CSS-only crop excludes it.
   Keep the card-level opposing rounded blue corner accents untouched. */
html[data-device-category="desktop"] body.design-preview.light-mode-v1 .desktop-news-card-wrapper.selected .story-image-cell{
  overflow:hidden!important;border-radius:6px!important;
}
html[data-device-category="desktop"] body.design-preview.light-mode-v1 .desktop-news-card-wrapper.selected .story-image{
  transform:scale(1.10)!important;
  transform-origin:center bottom!important;
}

/* ================================================================
   2Day.news V10 – SETTINGS PANEL ONLY. V9 shell and feed are locked.
   ================================================================ */
html[data-device-category="desktop"] body.headerless-concept #settingsPanel .v10-settings-content {
  padding: 0 23px 8px;
  display: flex;
  flex-direction: column;
}
html[data-device-category="desktop"] body.headerless-concept #settingsPanel .v10-settings-section {
  padding: 15px 0 18px;
  border-bottom: 1px solid #dfe6ee;
}
html[data-device-category="desktop"] body.headerless-concept #settingsPanel .v10-settings-section:last-child {
  border-bottom: 0;
}
html[data-device-category="desktop"] body.headerless-concept #settingsPanel .v10-settings-section-title {
  color: #8392a4; font: 800 10px/1.35 'Avenir Next',Avenir,Arial,sans-serif;
  letter-spacing: .13em; margin: 0 0 16px;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept #settingsPanel .v10-settings-content .settings-row {
  margin: 0 0 17px !important; padding: 0 !important; background: transparent !important;
  border: none !important; border-radius: 0 !important; box-shadow: none !important;
  display: flex; flex-direction: column; align-items: stretch; gap: 8px;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept #settingsPanel .v10-settings-content .settings-row:last-child {margin-bottom:0!important;}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept #settingsPanel .v10-settings-content label {
  font: 750 12px/1.4 'Avenir Next',Avenir,Arial,sans-serif !important;
  color:#344c67!important; margin:0!important;
}
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept #settingsPanel .v10-account-row .account-info-line {
  display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;
}
html[data-device-category="desktop"] body.headerless-concept #settingsPanel .v10-account-details {
  display:flex;flex-direction:column;gap:3px;min-width:0;
}
html[data-device-category="desktop"] body.headerless-concept #settingsPanel .v10-account-details strong {
  font-size:14px;font-weight:760;color:#2e455e;
}
html[data-device-category="desktop"] body.headerless-concept #settingsPanel .v10-account-details #accountEmail {
  font-size:12px;font-weight:600;color:#63778c;
}
html[data-device-category="desktop"] body.headerless-concept #settingsPanel .v10-account-details .account-plan-inline {
  font-size:11px;font-weight:650;color:#8091a1;margin:0;
}
html[data-device-category="desktop"] body.headerless-concept #settingsPanel .v10-account-row .sidebar-account-avatar {
  width:43px;height:43px;flex-basis:43px;font-size:12px;
}
html[data-device-category="desktop"] body.headerless-concept #settingsPanel .v10-setting-select {
  display:block!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;
  height:40px!important;min-height:40px!important;padding:8px 34px 8px 12px!important;
  background:#fff;color:#2d4157;border:1px solid #ccd9e6;border-radius:9px!important;
  font:650 13px/1.4 'Avenir Next',Avenir,Arial,sans-serif!important;
}
html[data-device-category="desktop"] body.headerless-concept #settingsPanel .v10-segmented {
  display:grid!important;grid-auto-columns:1fr;grid-auto-flow:column;gap:3px!important;
  padding:4px!important;margin:0!important;width:100%;box-sizing:border-box;
  background:#edf2f7!important;border:1px solid #dce5ee!important;border-radius:10px!important;
}
html[data-device-category="desktop"] body.headerless-concept #settingsPanel .v10-segmented button {
  box-sizing:border-box!important;min-width:0!important;min-height:34px!important;height:34px!important;
  width:100%!important;padding:6px 8px!important;background:transparent!important;border:1px solid transparent!important;
  border-radius:7px!important;color:#6b7d90!important;box-shadow:none!important;
  font:700 12px/1.35 'Avenir Next',Avenir,Arial,sans-serif!important;
  text-align:center;cursor:pointer;
}
html[data-device-category="desktop"] body.headerless-concept #settingsPanel .v10-segmented button.active {
  background:#fff!important;color:#274765!important;border-color:#d8e3ee!important;
  box-shadow:0 1px 3px rgba(36,61,85,.10)!important;
}
html[data-device-category="desktop"] body.headerless-concept #settingsPanel .v10-language-grid {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:14px;
}
html[data-device-category="desktop"] body.headerless-concept #settingsPanel .v10-language-grid .settings-row {min-width:0;}
html[data-device-category="desktop"] body.headerless-concept #settingsPanel .v10-signout-section {padding-top:16px;}
html[data-device-category="desktop"] body.headerless-concept #settingsPanel .v10-signout-section .settings-signout-button {
  align-self:flex-start;border:0!important;background:transparent!important;color:#ad4949!important;
  min-height:36px;padding:7px 6px!important;
}
html[data-device-category="desktop"] body.headerless-concept #settingsPanel .v10-signout-section .settings-signout-button:hover {background:#fff1f1!important;}
html[data-device-category="desktop"] body.headerless-concept #settingsPanel .v10-settings-content button:focus-visible,
html[data-device-category="desktop"] body.headerless-concept #settingsPanel .v10-settings-content select:focus-visible {outline:2px solid #688cb1!important;outline-offset:2px;}
@media(max-width:520px) {
  body.headerless-concept #settingsPanel .v10-language-grid {grid-template-columns:minmax(0,1fr)!important;row-gap:10px;}
}


/* APPROVED REFERENCE LAYER: ai-panel-v11.css */

/* V11: refine only the selected story's AI panel in the locked light-mode prototype.
   AI controls remain grouped separately from Original Article and Saved. */
html[data-device-category="desktop"] body.design-preview.light-mode-v1
 .desktop-analysis-host .analysis-ai-actions { gap: 5px !important; }
html[data-device-category="desktop"] body.design-preview.light-mode-v1
 .desktop-analysis-host .preview-ai-response {
   font-size: 13px !important;
   line-height: 1.6 !important;
   padding: 8px 4px 5px !important;
 }
html[data-device-category="desktop"] body.design-preview.light-mode-v1
 .desktop-analysis-host .preview-ai-response p {margin: 5px 0 9px !important;}
html[data-device-category="desktop"] body.design-preview.light-mode-v1
 .desktop-analysis-host .preview-ai-response ol {
   margin: 3px 0 2px !important;
   padding-left: 24px !important;
   list-style-type: decimal !important;
 }
html[data-device-category="desktop"] body.design-preview.light-mode-v1
 .desktop-analysis-host .preview-ai-response li { margin-bottom: 7px !important; }
html[data-device-category="desktop"] body.design-preview.light-mode-v1
 .desktop-analysis-host .preview-ai-response li::marker {
   color: #4A647E;
   font-weight: 700;
   font-variant-numeric: tabular-nums;
 }


/* APPROVED REFERENCE LAYER: news-card-v12.css */

/* V12 — limited, desktop light-mode news-card polish.
   V9 sidebar, V10 Settings, V11 AI, card geometry, headline weights/sizes,
   imagery, active markers and interactions are locked. */
html[data-device-category="desktop"] body.design-preview.light-mode-v1.headerless-concept
 .desktop-news-container .desktop-news-card-wrapper .story-card {
   row-gap: 5px !important; /* previously 4px: steady title → time → description rhythm */
 }
html[data-device-category="desktop"] body.design-preview.light-mode-v1.headerless-concept
 .desktop-news-container .desktop-news-card-wrapper .story-meta-line {
   min-height: 20px !important; /* previously 22px: balances 1px row-gap increase */
 }
html[data-device-category="desktop"] body.design-preview.light-mode-v1.headerless-concept
 .desktop-news-container .desktop-news-card-wrapper .story-title-cell,
html[data-device-category="desktop"] body.design-preview.light-mode-v1.headerless-concept
 .desktop-news-container .desktop-news-card-wrapper .story-desc {
   min-width: 0 !important; /* prevent lengthy Hungarian headlines from overflowing their column */
 }
html[data-device-category="desktop"] body.design-preview.light-mode-v1.headerless-concept
 .desktop-news-container .desktop-news-card-wrapper .story-title-trigger {
   overflow-wrap: break-word !important; /* retain 15px / bold / original line height */
 }
html[data-device-category="desktop"] body.design-preview.light-mode-v1.headerless-concept
 .desktop-news-container .desktop-news-card-wrapper .story-desc-text {
   color: #52667c !important; /* slightly higher contrast, still visually secondary */
   overflow-wrap: break-word !important;
 }
html[data-device-category="desktop"] body.design-preview.light-mode-v1.headerless-concept
 .desktop-news-container .desktop-news-card-wrapper .story-time,
html[data-device-category="desktop"] body.design-preview.light-mode-v1.headerless-concept
 .desktop-news-container .desktop-news-card-wrapper .story-meta-line {
   color: #566a80 !important; /* more readable time metadata */
 }


/* APPROVED REFERENCE LAYER: dark-theme-v13.css */


/* V13: dark visual layer. Rules are gated by html.theme-dark, leaving V12 light pixel-identical. */
html.theme-dark { color-scheme:dark!important;--bg:#111925;--surface:#162232;--surface-soft:#192a3c;--surface-blue:#1c314b;--text:#edf3fa;--muted:#a8b8ca;--line:#34475d;--line-soft:#2a394d;--blue:#82aaff;--blue-soft:#223953;--black:#e8f1fa;--d2-accent:#82aaff;--d2-ink:#ecf3ff;}
html.theme-dark body.design-preview.stage2.light-mode-v1.headerless-concept {
 background:radial-gradient(ellipse 52% 65% at -4% 3%,rgba(116,132,147,.23),transparent 76%),radial-gradient(ellipse 36% 42% at 102% 90%,rgba(178,124,74,.085),transparent 79%),linear-gradient(121deg,#27313d 0%,#1b2635 46%,#101a29 100%)!important;
 color:#e7edf6!important;
}
html.theme-dark body.design-preview.stage2.light-mode-v1.headerless-concept .shell {
 background:linear-gradient(130deg,rgba(23,33,47,.985),rgba(12,21,34,.99))!important;
 border-color:#344255!important;
 box-shadow:0 30px 80px rgba(0,0,0,.42),0 1px 0 rgba(223,237,251,.045) inset!important;
}
html.theme-dark body.design-preview.stage2.light-mode-v1.headerless-concept .desktop-source-sidebar{
 background:linear-gradient(151deg,#1d2b3c,#182536)!important;
 border-color:#34465a!important;
 box-shadow:0 12px 28px rgba(0,0,0,.23)!important;
}
/* Approved subtle amber vertical signature from V12 left sidebar. */
html.theme-dark body.design-preview.stage2.stage4-exact.light-mode-v1.headerless-concept .desktop-source-sidebar{
 border-right-color:rgba(219,166,96,.58)!important;
 box-shadow:2px 0 0 rgba(201,151,79,.12),0 12px 28px rgba(0,0,0,.20)!important;
}
html.theme-dark body.design-preview.stage2.stage4-exact.light-mode-v1.headerless-concept .desktop-source-sidebar::after{
 background:linear-gradient(transparent,rgba(224,164,84,.66) 34%,rgba(220,155,77,.22) 77%,transparent)!important;
 box-shadow:0 0 8px rgba(214,152,77,.18)!important;
}
html.theme-dark body.design-preview.stage2.headerless-concept .sidebar-fixed-brand{
 background:rgba(32,45,63,.63)!important;border-bottom-color:#34465b!important;
}
html.theme-dark body.design-preview.stage2.headerless-concept .sidebar-fixed-brand .brand-home-logo-dark[data-icon-experiment="v3"]{
 filter:drop-shadow(0 2px 3px rgba(0,0,0,.30)) drop-shadow(0 0 4px rgba(226,150,57,.10))!important;
}
html.theme-dark body.design-preview.stage2.headerless-concept .sidebar-fixed-brand .brand-home-wordmark{
 filter:drop-shadow(0 2px 3px rgba(0,0,0,.32)) drop-shadow(0 0 3px rgba(227,150,57,.09))!important;
}
html.theme-dark body.design-preview.stage2.headerless-concept .sidebar-quick-actions,
html.theme-dark body.design-preview.stage2.headerless-concept .sidebar-refresh-section {background:rgba(28,43,61,.38)!important;}
html.theme-dark body.design-preview.stage2.headerless-concept .sidebar-refresh-section {border-bottom-color:#314156!important;}
html.theme-dark body.design-preview.stage2.headerless-concept .sidebar-refresh-section #updatedAt,
html.theme-dark body.design-preview.stage2.headerless-concept .sidebar-quick-actions #desktopSidebarSaved,
html.theme-dark body.design-preview.light-mode-v1 .desktop-sidebar-special,
html.theme-dark body.design-preview.light-mode-v1 .desktop-publisher-name,
html.theme-dark body.design-preview.light-mode-v1 .desktop-sidebar-source-name,
html.theme-dark body.design-preview.light-mode-v1 .desktop-sidebar-source,
html.theme-dark body.design-preview.light-mode-v1 .desktop-sidebar-toggle {color:#d3dfed!important;}
html.theme-dark body.design-preview.stage2.headerless-concept #refreshBtn:not(.hidden){color:#acc8e8!important;}
html.theme-dark body.design-preview.stage2.headerless-concept .desktop-sidebar-head .desktop-sidebar-head-action,
html.theme-dark body.design-preview.stage2.headerless-concept .desktop-sidebar-head .sidebar-settings-icon{
 color:#c9d9ec!important;background:#22344b!important;border-color:#405571!important;
}
html.theme-dark body.design-preview.stage2.headerless-concept .desktop-sidebar-head .desktop-sidebar-head-action:hover,
html.theme-dark body.design-preview.stage2.headerless-concept .desktop-sidebar-head .sidebar-settings-icon:hover{
 background:#2d4360!important;border-color:#7490b0!important;
}
html.theme-dark body.design-preview.stage2.headerless-concept .desktop-sidebar-source.active{
 background:#2b3e55!important;box-shadow:inset 0 0 0 1px rgba(120,156,190,.10)!important;
}
html.theme-dark body.design-preview.stage2.headerless-concept .desktop-sidebar-source.active::before{background:#91b6d8!important;}
html.theme-dark body.design-preview.stage2.headerless-concept .desktop-sidebar-unread-count,
html.theme-dark body.design-preview.stage2.headerless-concept .desktop-source-unread-count{background:rgba(108,141,177,.18)!important;color:#d2deec!important;}
html.theme-dark body.design-preview.stage2.headerless-concept .desktop-publisher-heading,
html.theme-dark body.design-preview.stage2.headerless-concept .desktop-sidebar-group-title,
html.theme-dark body.design-preview.stage2.headerless-concept .desktop-sidebar-special-icon,
html.theme-dark body.design-preview.stage2.headerless-concept .desktop-sidebar-source svg{color:#adbed3!important;}
html.theme-dark body.design-preview.stage2.headerless-concept .sidebar-add-popover {
 background:#213146!important;border-color:#44576d!important;box-shadow:0 12px 28px rgba(0,0,0,.3)!important;
}
html.theme-dark body.design-preview.stage2.headerless-concept .sidebar-add-popover button{color:#e0eaf5!important;background:transparent!important;}
html.theme-dark body.design-preview.stage2.headerless-concept .sidebar-add-popover button:hover{background:#314a66!important;}
html.theme-dark body.design-preview.stage2.headerless-concept .day-heading{
 background:rgba(17,27,42,.965)!important;border-bottom-color:#2e4358!important;color:#bccbda!important;
}
html.theme-dark body.design-preview.stage2.headerless-concept .day-heading button,
html.theme-dark body.design-preview.stage2.headerless-concept .day-heading span{color:#c4d0e0!important;}
html.theme-dark body.design-preview.stage2.headerless-concept .day-filter-all.active{background:#2b415b!important;color:#f2f5fa!important;}
html.theme-dark body.design-preview.stage2.light-mode-v1.headerless-concept .desktop-news-card-wrapper{
 background:linear-gradient(115deg,#182436,#162131)!important;
 border-color:#34465b!important;
 box-shadow:0 2px 9px rgba(0,0,0,.15)!important;
}
html.theme-dark body.design-preview.stage2.light-mode-v1.headerless-concept .desktop-news-card-wrapper.selected{
 background:linear-gradient(111deg,#21334c,#1b2c44)!important;
 border-color:#506982!important;
 box-shadow:0 4px 17px rgba(0,0,0,.21)!important;
}
html.theme-dark body.design-preview.stage2.light-mode-v1.headerless-concept .desktop-news-card-wrapper.selected::before{
 border-top-color:#91b9e0!important;border-left-color:#91b9e0!important;
}
html.theme-dark body.design-preview.stage2.light-mode-v1.headerless-concept .desktop-news-card-wrapper.selected::after{
 border-right-color:#91b9e0!important;border-bottom-color:#91b9e0!important;
}
html.theme-dark body.design-preview.stage2.light-mode-v1.headerless-concept .desktop-news-card-wrapper .story-title-trigger{color:#eef4fb!important;}
html.theme-dark body.design-preview.stage2.light-mode-v1.headerless-concept .desktop-news-card-wrapper .story-desc-text{color:#aebed0!important;}
html.theme-dark body.design-preview.stage2.light-mode-v1.headerless-concept .desktop-news-card-wrapper .story-time,
html.theme-dark body.design-preview.stage2.light-mode-v1.headerless-concept .desktop-news-card-wrapper .story-meta-line{color:#a4b5c9!important;}
html.theme-dark body.design-preview.stage2.light-mode-v1.headerless-concept .desktop-news-card-wrapper .read-indicator{color:#b3c7df!important;}
html.theme-dark body.design-preview.stage2.light-mode-v1.headerless-concept .desktop-news-card-wrapper .desktop-analysis-host{
 background:rgba(26,40,61,.58)!important;border-top-color:#344962!important;
}
html.theme-dark body.design-preview.stage2.light-mode-v1.headerless-concept .desktop-analysis-host .preview-ai-response,
html.theme-dark body.design-preview.stage2.light-mode-v1.headerless-concept .desktop-analysis-host .preview-ai-response p,
html.theme-dark body.design-preview.stage2.light-mode-v1.headerless-concept .desktop-analysis-host .preview-ai-response li{
 color:#d8e2ef!important;
}
html.theme-dark body.design-preview.stage2.light-mode-v1.headerless-concept .desktop-analysis-host .preview-ai-response strong{color:#f0f6ff!important;}
html.theme-dark body.design-preview.stage2.light-mode-v1.headerless-concept .desktop-analysis-host .preview-ai-response li::marker{color:#b7cfe8!important;}
html.theme-dark body.design-preview.stage2.light-mode-v1.headerless-concept .desktop-analysis-host .analysis-actions{border-color:#35465c!important;}
html.theme-dark body.design-preview.stage2.light-mode-v1.headerless-concept .desktop-analysis-host .analysis-ai-button,
html.theme-dark body.design-preview.stage2.light-mode-v1.headerless-concept .desktop-analysis-host .analysis-original-link,
html.theme-dark body.design-preview.stage2.light-mode-v1.headerless-concept .desktop-analysis-host .analysis-save-button{
 color:#c8d6e7!important;background:#22334a!important;border-color:#3e536d!important;
}
html.theme-dark body.design-preview.stage2.light-mode-v1.headerless-concept .desktop-analysis-host .analysis-ai-button.selected,
html.theme-dark body.design-preview.stage2.light-mode-v1.headerless-concept .desktop-analysis-host .analysis-ai-button[data-action="summary"]{
 color:#e3f1ff!important;background:#2a4363!important;border-color:#668db9!important;
}
html.theme-dark body.design-preview.stage2.light-mode-v1.headerless-concept .desktop-analysis-host .analysis-save-button.is-saved{color:#c5f0db!important;background:#26483d!important;border-color:#5b9f83!important;}
/* Settings: V10 geometry and groups are retained; only dark surface/ink colors change. */
html.theme-dark body.design-preview.stage2.headerless-concept.settings-open .settings-backdrop {background:rgba(3,8,14,.52)!important;}
html.theme-dark body.design-preview.stage2.headerless-concept #settingsPanel.headerless-settings-drawer{
 background:linear-gradient(150deg,#1a293c,#142236)!important;border-color:#455b73!important;
 box-shadow:-24px 12px 65px rgba(0,0,0,.5),0 0 0 1px rgba(205,224,244,.05) inset!important;
}
html.theme-dark body.design-preview.stage2.headerless-concept #settingsPanel .settings-panel-head {
 color:#edf4fd!important;background:rgba(27,40,57,.97)!important;border-bottom-color:#40536c!important;
}
html.theme-dark body.design-preview.stage2.headerless-concept #settingsPanel .settings-title {color:#edf4fd!important;}
html.theme-dark body.design-preview.stage2.headerless-concept #settingsPanel .v10-settings-section{border-bottom-color:#37495e!important;}
html.theme-dark body.design-preview.stage2.headerless-concept #settingsPanel .v10-settings-section-title{color:#99acc2!important;}
html.theme-dark body.design-preview.stage2.headerless-concept #settingsPanel .v10-settings-content label,
html.theme-dark body.design-preview.stage2.headerless-concept #settingsPanel .settings-row,
html.theme-dark body.design-preview.stage2.headerless-concept #settingsPanel .v10-account-details strong{color:#d8e5f4!important;}
html.theme-dark body.design-preview.stage2.headerless-concept #settingsPanel .v10-account-details #accountEmail,
html.theme-dark body.design-preview.stage2.headerless-concept #settingsPanel .v10-account-details .account-plan-inline{color:#a7bbd0!important;}
html.theme-dark body.design-preview.stage2.headerless-concept #settingsPanel .sidebar-account-avatar{color:#dceafd!important;background:#2a4059!important;border-color:#526e8a!important;}
html.theme-dark body.design-preview.stage2.headerless-concept #settingsPanel .v10-setting-select{
 background:#24364c!important;color:#e4edf8!important;border-color:#526780!important;
}
html.theme-dark body.design-preview.stage2.headerless-concept #settingsPanel .v10-setting-select option{background:#24364c!important;color:#edf4fb!important;}
html.theme-dark body.design-preview.stage2.headerless-concept #settingsPanel .v10-segmented{background:#162539!important;border-color:#445971!important;}
html.theme-dark body.design-preview.stage2.headerless-concept #settingsPanel .v10-segmented button{color:#aebfd3!important;background:transparent!important;}
html.theme-dark body.design-preview.stage2.headerless-concept #settingsPanel .v10-segmented button.active{
 color:#f0f6ff!important;background:#33516f!important;border-color:#6885a5!important;box-shadow:0 1px 3px rgba(0,0,0,.2)!important;
}
html.theme-dark body.design-preview.stage2.headerless-concept #settingsPanel .settings-close{color:#d7e6f5!important;background:transparent!important;}
html.theme-dark body.design-preview.stage2.headerless-concept #settingsPanel .settings-signout-button{color:#ffb7a9!important;}
/* Generic preview overlays, when opened. */
html.theme-dark body.design-preview.stage2 .source-manager-drawer,
html.theme-dark body.design-preview.stage2 .article-preview-drawer{color:#e2edf9!important;background:#1b2d41!important;border-color:#445b75!important;}
html.theme-dark body.design-preview.stage2 .source-manager-drawer input,
html.theme-dark body.design-preview.stage2 .article-preview-drawer input{color:#e4eef8!important;background:#22374f!important;border-color:#516881!important;}



/* APPROVED REFERENCE LAYER: mobile-v14-style */


/* V14 MOBILE ADAPTATION. Everything below applies only up to 900px.
   V12/V13 desktop CSS, geometry and DOM are untouched. */
.mobile-v14-header,.mobile-v14-scrim{display:none}
@media(max-width:900px){
html[data-device-category="mobile"] {color-scheme:light; background:#edf3f9!important;}
html[data-device-category="mobile"].theme-dark {color-scheme:dark; background:#111925!important;}
html[data-device-category="mobile"] body.design-preview.stage2.headerless-concept{
 --m-text:#17283f;--m-muted:#60748a;--m-card:#ffffff;--m-border:#dce6f0;--m-canvas:#edf3f9;--m-sidebar:#f7f9fc;--m-header:#f8fbff;--m-active:#e7f1fb;--m-shadow:rgba(35,58,86,.12);
 margin:0!important;padding:0!important;min-height:100dvh!important;height:100dvh!important;overflow:hidden!important;
 background:#edf3f9!important;color:var(--m-text)!important;font-family:'Avenir Next',Avenir,Arial,sans-serif!important;
}
html[data-device-category="mobile"].theme-dark body.design-preview.stage2.headerless-concept{
 --m-text:#eaf2fb;--m-muted:#a9bbcd;--m-card:#1a293a;--m-border:#354860;--m-canvas:#111925;--m-sidebar:#1b2b3e;--m-header:#172638;--m-active:#263f5b;--m-shadow:rgba(0,0,0,.35);
 background:radial-gradient(ellipse 90% 44% at 5% -5%,rgba(77,102,127,.18),transparent),#111925!important;
}
html[data-device-category="mobile"] body.design-preview::before,
html[data-device-category="mobile"] body.design-preview::after{display:none!important}
html[data-device-category="mobile"] body.design-preview.stage2.headerless-concept .shell{
 position:relative!important;display:block!important;width:100%!important;max-width:none!important;height:100dvh!important;min-height:0!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;overflow:hidden!important;
}
html[data-device-category="mobile"] body.design-preview.stage2.headerless-concept .dashboard:not(.hidden){
 display:block!important;width:100%!important;height:100dvh!important;min-height:0!important;margin:0!important;padding:0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;overflow:hidden!important;
}
/* Page chrome: compact branded top bar */
html[data-device-category="mobile"] .mobile-v14-header{
 position:fixed!important;top:0;left:0;right:0;z-index:40;display:flex!important;align-items:center;gap:11px;
 height:72px;padding:7px 15px 7px 12px;padding-top:max(7px,env(safe-area-inset-top));
 background:var(--m-header);border-bottom:1px solid var(--m-border);box-shadow:0 2px 16px rgba(17,40,66,.055);
}
html[data-device-category="mobile"].theme-dark .mobile-v14-header{box-shadow:0 5px 20px rgba(0,0,0,.15)}
html[data-device-category="mobile"] .mobile-v14-menu-toggle{
 display:flex;align-items:center;justify-content:center;width:42px;height:44px;flex:0 0 42px;
 padding:0;border:0;background:transparent;border-radius:9px;color:var(--m-text);
}
html[data-device-category="mobile"] .mobile-v14-menu-toggle svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.75;stroke-linecap:round}
html[data-device-category="mobile"] .mobile-v14-brand{
 display:flex;gap:7px;align-items:center;flex:0 0 auto;max-width:160px;background:transparent;border:0;padding:0;color:var(--m-text);
}
html[data-device-category="mobile"] .mobile-v14-brand .brand-home-logo-dark{width:44px!important;height:44px!important;object-fit:contain!important;filter:none!important;display:block!important}
html[data-device-category="mobile"] .mobile-v14-brand .brand-home-logo-light{display:none!important}
html[data-device-category="mobile"] .mobile-v14-brand .brand-home-wordmark{height:auto!important;width:76px!important;object-fit:contain!important;max-height:45px!important;display:block!important}
html[data-device-category="mobile"] .mobile-v14-source-label{
 font-size:11px;line-height:1.25;min-width:0;flex:1 1 auto;text-align:right;color:var(--m-muted);font-weight:700;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
/* Existing sidebar moves over feed, without cloning its controls. */
html[data-device-category="mobile"] body.headerless-concept .desktop-source-sidebar{
 position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:auto!important;z-index:62!important;
 transform:translateX(-105%);transition:transform .24s ease;display:flex!important;flex-direction:column!important;
 width:min(88vw,338px)!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;
 padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);
 border:0!important;border-right:1px solid rgba(213,165,99,.43)!important;border-radius:0!important;
 background:var(--m-sidebar)!important;box-shadow:10px 0 38px var(--m-shadow)!important;overflow:hidden!important;
}
html[data-device-category="mobile"] body.mobile-v14-nav-open .desktop-source-sidebar{transform:translateX(0)}
html[data-device-category="mobile"] .mobile-v14-scrim{position:fixed;inset:0;z-index:61;display:block;background:rgba(9,21,35,.47);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .23s ease,visibility .23s ease;border:0;margin:0;padding:0}
html[data-device-category="mobile"] body.mobile-v14-nav-open .mobile-v14-scrim{opacity:1;visibility:visible;pointer-events:auto}
html[data-device-category="mobile"] .sidebar-fixed-brand{
 flex:0 0 74px!important;min-height:74px!important;display:flex!important;align-items:center!important;padding:7px 14px!important;
 background:transparent!important;
}
html[data-device-category="mobile"] .sidebar-fixed-brand .brand-home-button{display:flex!important;align-items:center!important;gap:9px!important;border:0!important;background:transparent!important;padding:0!important}
html[data-device-category="mobile"] .sidebar-fixed-brand .brand-home-logo-dark{width:50px!important;height:50px!important;display:block!important;object-fit:contain!important;filter:none!important}
html[data-device-category="mobile"] .sidebar-fixed-brand .brand-home-logo-light{display:none!important}
html[data-device-category="mobile"] .sidebar-fixed-brand .brand-home-wordmark{width:82px!important;height:auto!important;max-height:46px!important;object-fit:contain!important;display:block!important}
html[data-device-category="mobile"] .sidebar-quick-actions{
 position:relative!important;display:flex!important;align-items:center!important;gap:5px!important;min-height:53px!important;
 flex:0 0 53px!important;padding:5px 10px!important;margin:0!important;background:transparent!important;
}
html[data-device-category="mobile"] .sidebar-quick-actions .desktop-sidebar-special{
 display:flex!important;align-items:center!important;gap:7px!important;flex:1 1 auto!important;min-width:0!important;
 color:var(--m-text)!important;font-size:13px!important;font-weight:700!important;border:0!important;background:transparent!important;
 padding:7px 1px!important;margin:0!important;text-align:left!important;
}
html[data-device-category="mobile"] .desktop-sidebar-special-icon{display:flex;align-items:center;justify-content:center;width:18px;flex:0 0 18px!important}
html[data-device-category="mobile"] .desktop-sidebar-special-icon svg{width:18px!important;height:18px!important;stroke:currentColor;fill:none}
html[data-device-category="mobile"] .desktop-sidebar-head-controls.v8-actions{display:flex!important;gap:5px!important;flex:0 0 auto!important;margin-left:auto!important;align-items:center!important}
html[data-device-category="mobile"] .desktop-sidebar-head-action{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 40px!important;
 width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;
 background:var(--m-header)!important;border:1px solid var(--m-border)!important;border-radius:9px!important;color:var(--m-text)!important;
}
html[data-device-category="mobile"] .desktop-sidebar-head-action svg{width:17px!important;height:17px!important;stroke:currentColor!important;stroke-width:1.75!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html[data-device-category="mobile"] .sidebar-add-popover:not([hidden]){
 position:absolute!important;display:flex!important;flex-direction:column!important;top:51px!important;right:10px!important;z-index:80!important;
 width:209px!important;background:var(--m-card)!important;color:var(--m-text)!important;border:1px solid var(--m-border)!important;
 border-radius:10px!important;padding:6px!important;box-shadow:0 12px 30px var(--m-shadow)!important;
}
html[data-device-category="mobile"] .sidebar-add-popover[hidden]{display:none!important}
html[data-device-category="mobile"] .sidebar-add-popover button{background:transparent!important;border:0!important;color:var(--m-text)!important;text-align:left!important;min-height:43px!important;padding:9px!important;font-size:12px!important;font-weight:700!important;display:flex!important;align-items:center!important;gap:6px!important}
html[data-device-category="mobile"] .sidebar-add-popover svg{width:15px;height:15px;stroke:currentColor;fill:none}
html[data-device-category="mobile"] .sidebar-refresh-section{flex:0 0 auto!important;display:block!important;padding:2px 13px 13px!important;margin:0!important;min-height:46px!important;background:transparent!important}
html[data-device-category="mobile"] .sidebar-refresh-line{display:flex!important;align-items:center!important;gap:8px!important;min-height:31px!important}
html[data-device-category="mobile"] .sidebar-refresh-line #refreshBtn{
 order:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
 width:18px!important;height:30px!important;min-width:18px!important;padding:0!important;margin:0!important;
 background:transparent!important;border:0!important;border-radius:0!important;color:var(--m-muted)!important;box-shadow:none!important;
}
html[data-device-category="mobile"] .sidebar-refresh-line #refreshBtn svg{width:17px!important;height:17px!important;fill:currentColor!important}
html[data-device-category="mobile"] .sidebar-refresh-line .updated{
 order:1!important;display:inline!important;font:700 13px/1.3 'Avenir Next',Avenir,Arial,sans-serif!important;
 text-transform:none!important;letter-spacing:0!important;color:var(--m-muted)!important;
}
html[data-device-category="mobile"] .sidebar-refresh-note{margin:0!important;color:var(--m-muted)!important;font-size:11px!important}
html[data-device-category="mobile"] .desktop-sidebar-nav{
 display:block!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;
 padding:10px 9px 20px!important;border-top:1px solid var(--m-border)!important;overscroll-behavior:contain!important;
 scrollbar-width:thin;
}
html[data-device-category="mobile"] .desktop-source-groups{display:block!important}
html[data-device-category="mobile"] .desktop-source-group{display:block!important;margin:0 0 4px!important}
html[data-device-category="mobile"] .desktop-publisher-heading, html[data-device-category="mobile"] .desktop-sidebar-source{
 display:flex!important;align-items:center!important;gap:8px!important;min-height:44px!important;max-width:100%!important;
 width:100%!important;margin:0!important;padding:7px 11px!important;border:0!important;border-radius:8px!important;
 text-align:left!important;background:transparent!important;color:var(--m-text)!important;
 font:650 13px/1.3 'Avenir Next',Avenir,Arial,sans-serif!important;
}
html[data-device-category="mobile"] .desktop-sidebar-source.desktop-sidebar-child{padding-left:39px!important}
html[data-device-category="mobile"] .desktop-publisher-sources{display:block!important}
html[data-device-category="mobile"] .desktop-publisher-sources.mobile-v14-collapsed{display:none!important}
html[data-device-category="mobile"] .desktop-sidebar-source.active,
html[data-device-category="mobile"] .desktop-publisher-heading.mobile-v14-selected{background:var(--m-active)!important;color:var(--m-text)!important}
html[data-device-category="mobile"] .desktop-sidebar-source.active{box-shadow:inset 3px 0 0 #669bd3!important}
html[data-device-category="mobile"] .desktop-sidebar-source-name,.desktop-publisher-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-device-category="mobile"] .desktop-sidebar-source .desktop-source-unread-count,
html[data-device-category="mobile"] .desktop-publisher-heading .desktop-source-unread-count{
 margin-left:auto!important;font:650 13px/1.3 'Avenir Next',Avenir,Arial,sans-serif!important;
 background:transparent!important;color:var(--m-muted)!important;border-radius:0!important;
}
html[data-device-category="mobile"] .desktop-sidebar-default-dot{display:none!important}
html[data-device-category="mobile"] .desktop-publisher-chevron{margin-left:4px!important;color:var(--m-muted)!important;font-size:10px!important;transition:transform .15s}
html[data-device-category="mobile"] .mobile-v14-collapsed ~ .desktop-publisher-heading .desktop-publisher-chevron{transform:rotate(-90deg)}
html[data-device-category="mobile"] .desktop-source-group .fakefavicon,
html[data-device-category="mobile"] .desktop-source-group img{width:18px!important;height:18px!important;object-fit:contain!important;border-radius:4px!important;flex:0 0 18px!important}
/* Hide inherited phone bottom tab nav/sourcebar: hamburger drawer replaces both. */
html[data-device-category="mobile"] .mobile-bottom-nav,
html[data-device-category="mobile"] .sourcebar,
html[data-device-category="mobile"] .mobile-saved-toolbar,
html[data-device-category="mobile"] .mobile-sources-panel,
html[data-device-category="mobile"] #newsTableWrap,
html[data-device-category="mobile"] .desktop-content-header,
html[data-device-category="mobile"] .app-footer,
html[data-device-category="mobile"] #stickySourceIndicator{display:none!important}
/* Reading region remains independent and retains scroll offset when drawer is opened. */
html[data-device-category="mobile"] body.stage2.headerless-concept .stage-reading-region{
 display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;
 height:calc(100dvh - 72px - env(safe-area-inset-top))!important;min-height:0!important;
 position:absolute!important;inset:72px 0 0 0!important;margin:0!important;padding:0!important;overflow:hidden!important;
}
html[data-device-category="mobile"] body.stage2.headerless-concept .stage-feed-scroll{
 display:block!important;flex:1 1 auto!important;height:100%!important;width:100%!important;min-height:0!important;
 padding:0 12px 24px!important;margin:0!important;overflow-y:auto!important;overflow-x:hidden!important;
 overscroll-behavior:contain;scrollbar-width:thin;
}
html[data-device-category="mobile"] #desktopNewsContainer:not(.hidden){display:block!important;width:100%!important;margin:0!important;padding:0 0 26px!important;background:transparent!important;border:0!important}
html[data-device-category="mobile"] .desktop-day-section{display:block!important;background:transparent!important;padding:0!important;margin:0!important}
html[data-device-category="mobile"] .day-heading{
 display:flex!important;align-items:center!important;justify-content:space-between!important;position:sticky!important;top:0!important;z-index:4!important;
 min-height:49px!important;background:var(--m-canvas)!important;border:0!important;border-bottom:1px solid var(--m-border)!important;
 padding:7px 3px!important;margin:0 0 10px!important;color:var(--m-text)!important;
}
html[data-device-category="mobile"] .day-heading button, html[data-device-category="mobile"] .day-heading-label{color:var(--m-muted)!important;font-size:12px!important;font-weight:700!important}
html[data-device-category="mobile"] .day-filter-controls{display:flex!important;gap:6px!important}
html[data-device-category="mobile"] .desktop-article-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;padding:0 0 15px!important;margin:0!important;background:transparent!important}
html[data-device-category="mobile"] .desktop-news-card-wrapper{
 display:block!important;min-width:0!important;width:100%!important;position:relative!important;overflow:hidden!important;
 border:1px solid var(--m-border)!important;border-radius:11px!important;background:var(--m-card)!important;
 box-shadow:0 2px 7px var(--m-shadow)!important;margin:0!important;
}
html[data-device-category="mobile"] .desktop-news-card-wrapper.selected{background:var(--m-active)!important;border-color:#adc8e3!important;}
html[data-device-category="mobile"].theme-dark .desktop-news-card-wrapper.selected{border-color:#54799f!important}
html[data-device-category="mobile"] .desktop-news-card-wrapper.selected::before,
html[data-device-category="mobile"] .desktop-news-card-wrapper.selected::after{
 content:""!important;position:absolute!important;pointer-events:none!important;z-index:3!important;
 width:18px!important;height:18px!important;border-color:#6da7dd!important;border-style:solid!important;
}
html[data-device-category="mobile"] .desktop-news-card-wrapper.selected::before{top:0!important;left:0!important;border-width:3px 0 0 3px!important;border-radius:9px 0 0 0!important}
html[data-device-category="mobile"] .desktop-news-card-wrapper.selected::after{bottom:0!important;right:0!important;border-width:0 3px 3px 0!important;border-radius:0 0 9px 0!important}
html[data-device-category="mobile"] .story-card-cell{display:block!important;width:100%!important;}
html[data-device-category="mobile"] .desktop-news-card-wrapper .story-card{
 display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;
 grid-template-rows:auto auto auto!important;grid-template-areas:'media title' 'media meta' 'media desc'!important;
 column-gap:11px!important;row-gap:3px!important;align-items:start!important;
 padding:13px 12px!important;min-height:119px!important;margin:0!important;background:transparent!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
}
html[data-device-category="mobile"] .story-image-cell{grid-area:media!important;display:block!important;width:96px!important;height:81px!important;min-width:0!important;overflow:hidden!important;border-radius:7px!important;margin:0!important;padding:0!important}
html[data-device-category="mobile"] .story-image{width:100%!important;height:100%!important;max-width:none!important;display:block!important;object-fit:cover!important;border-radius:7px!important;}
html[data-device-category="mobile"] .story-title-cell{grid-area:title!important;display:block!important;margin:0!important;padding:0!important;min-width:0!important}
html[data-device-category="mobile"] .story-title-wrap{display:block!important;min-width:0!important}
html[data-device-category="mobile"] .story-title-trigger{
 display:block!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;
 font:800 14px/1.32 'Avenir Next',Avenir,Arial,sans-serif!important;letter-spacing:-.015em!important;
 color:var(--m-text)!important;text-align:left!important;white-space:normal!important;overflow-wrap:break-word!important;
}
html[data-device-category="mobile"] .story-meta{grid-area:meta!important;display:block!important;margin:1px 0 0!important;padding:0!important;min-width:0!important}
html[data-device-category="mobile"] .story-meta-line{display:flex!important;gap:7px!important;align-items:center!important;min-width:0!important;flex-wrap:wrap!important}
html[data-device-category="mobile"] .story-time,html[data-device-category="mobile"] .read-indicator{
 color:var(--m-muted)!important;font:600 11px/1.3 'Avenir Next',Avenir,Arial,sans-serif!important;
}
html[data-device-category="mobile"] .story-desc{grid-area:desc!important;display:block!important;min-width:0!important;margin:2px 0 0!important;padding:0!important;overflow:hidden!important}
html[data-device-category="mobile"] .story-desc-text{
 display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;line-clamp:3!important;overflow:hidden!important;
 font:500 12px/1.48 'Avenir Next',Avenir,Arial,sans-serif!important;color:var(--m-muted)!important;overflow-wrap:anywhere!important;
}
html[data-device-category="mobile"] .story-desc-toggle{display:none!important}
html[data-device-category="mobile"] .desktop-analysis-host{
 display:block!important;width:100%!important;margin:0!important;padding:0!important;
 border-top:1px solid var(--m-border)!important;background:transparent!important;
}
html[data-device-category="mobile"] .analysis-panel{display:block!important;border:0!important;border-radius:0!important;background:transparent!important;padding:12px!important;margin:0!important;}
html[data-device-category="mobile"] .analysis-topline{display:block!important;min-width:0!important}
html[data-device-category="mobile"] .analysis-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important;min-width:0!important;padding:0!important;margin:0 0 14px!important;border:0!important}
html[data-device-category="mobile"] .analysis-ai-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:5px!important;width:100%!important}
html[data-device-category="mobile"] .analysis-ai-actions .analysis-button{
 display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;
 min-width:0!important;min-height:41px!important;height:auto!important;
 padding:8px 4px!important;border:1px solid var(--m-border)!important;border-radius:8px!important;
 background:var(--m-card)!important;color:var(--m-text)!important;text-align:center!important;
 font:700 11px/1.2 'Avenir Next',Avenir,Arial,sans-serif!important;white-space:normal!important;
}
html[data-device-category="mobile"] .analysis-ai-actions .analysis-button.selected{background:#d9e9fa!important;border-color:#8ab2de!important;color:#254e79!important}
html[data-device-category="mobile"].theme-dark .analysis-ai-actions .analysis-button.selected{background:#324d6b!important;border-color:#668db3!important;color:#ecf5ff!important}
html[data-device-category="mobile"] .analysis-action-icon{display:block!important;width:13px!important;height:13px!important;flex:0 0 13px!important;stroke:currentColor!important;fill:none!important}
html[data-device-category="mobile"] .analysis-generated-marker,.analysis-generated-count{display:none!important}
html[data-device-category="mobile"] .analysis-original-group,html[data-device-category="mobile"] .analysis-save-group{display:inline-flex!important;vertical-align:middle!important;align-items:center!important;min-width:0!important}
html[data-device-category="mobile"] .analysis-original-group{float:left!important}
html[data-device-category="mobile"] .analysis-save-group{float:right!important}
html[data-device-category="mobile"] .analysis-actions::after{content:"";display:block;clear:both;height:0}
html[data-device-category="mobile"] .analysis-original-group .analysis-button,
html[data-device-category="mobile"] .analysis-save-group .analysis-button{
 display:flex!important;align-items:center!important;gap:5px!important;padding:7px 2px!important;min-height:37px!important;
 border:0!important;background:transparent!important;color:var(--m-muted)!important;
 font:700 11px/1.35 'Avenir Next',Avenir,Arial,sans-serif!important;text-decoration:none!important;
}
html[data-device-category="mobile"] .analysis-history,html[data-device-category="mobile"] .analysis-result{
 display:block!important;margin:0!important;padding:0!important;min-width:0!important;
 font:500 13px/1.6 'Avenir Next',Avenir,Arial,sans-serif!important;color:var(--m-text)!important;
}
html[data-device-category="mobile"] .analysis-history.hidden,html[data-device-category="mobile"] .analysis-result.hidden{display:none!important}
html[data-device-category="mobile"] .preview-ai-response,html[data-device-category="mobile"] .preview-ai-response p,
html[data-device-category="mobile"] .preview-ai-response li{font:500 13px/1.65 'Avenir Next',Avenir,Arial,sans-serif!important;color:var(--m-text)!important}
html[data-device-category="mobile"] .preview-ai-response ol{padding-left:23px!important;margin:8px 0!important;}
html[data-device-category="mobile"] .preview-ai-response li{padding-left:3px!important;margin:0 0 9px!important}
html[data-device-category="mobile"] .preview-ai-response li::marker{font-weight:800!important;color:#6288b1!important}
html[data-device-category="mobile"] .ask-form:not(.hidden){display:block!important;margin:6px 0 13px!important}
html[data-device-category="mobile"] .ask-form .ask-input-shell{display:flex!important;width:100%!important;align-items:center!important;gap:5px!important}
html[data-device-category="mobile"] .ask-form input{min-width:0!important;flex:1!important;padding:10px 12px!important;border-radius:9px!important;background:var(--m-card)!important;color:var(--m-text)!important;border:1px solid var(--m-border)!important}
html[data-device-category="mobile"] .ask-form .ask-submit{flex:0 0 42px!important;height:42px!important}
/* Full-screen Settings A: fixed header, body scroll, stacked language dropdowns. */
html[data-device-category="mobile"] body.design-preview.stage2.headerless-concept #settingsOverlay{display:none!important}
html[data-device-category="mobile"] body.design-preview.stage2.headerless-concept #settingsPanel.headerless-settings-drawer{
 display:flex!important;position:fixed!important;z-index:90!important;inset:0!important;
 top:0!important;right:0!important;bottom:0!important;left:0!important;
 width:100vw!important;height:100dvh!important;min-height:0!important;max-height:none!important;
 overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
 background:var(--m-sidebar)!important;color:var(--m-text)!important;border:0!important;border-radius:0!important;box-shadow:none!important;
 margin:0!important;padding:0 0 calc(32px + env(safe-area-inset-bottom))!important;
 transform:translateX(102%)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
 transition:transform .22s ease,visibility .22s ease,opacity .22s ease!important;
}
html[data-device-category="mobile"] body.design-preview.stage2.headerless-concept.settings-open #settingsPanel.headerless-settings-drawer{
 transform:translateX(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
}
html[data-device-category="mobile"] body.design-preview.stage2.headerless-concept #settingsPanel .settings-panel-head{
 position:sticky!important;top:0!important;z-index:4!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
 padding:calc(19px + env(safe-area-inset-top)) 18px 16px!important;min-height:75px!important;
 margin:0!important;background:var(--m-header)!important;color:var(--m-text)!important;
 border-bottom:1px solid var(--m-border)!important;
}
html[data-device-category="mobile"] body.design-preview.stage2.headerless-concept #settingsPanel .settings-title{
 color:var(--m-text)!important;font:800 22px/1.2 'Avenir Next',Avenir,Arial,sans-serif!important;
}
html[data-device-category="mobile"] body.design-preview.stage2.headerless-concept #settingsPanel .settings-close{
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:43px!important;height:43px!important;border-radius:10px!important;
 border:1px solid var(--m-border)!important;background:var(--m-card)!important;color:var(--m-text)!important;font-size:25px!important;
}
html[data-device-category="mobile"] #settingsPanel .v10-settings-content{display:block!important;flex:1 0 auto!important;width:100%!important;padding:4px 16px 15px!important}
html[data-device-category="mobile"] #settingsPanel .v10-settings-section{display:block!important;padding:20px 0 10px!important;margin:0!important;border-bottom:1px solid var(--m-border)!important}
html[data-device-category="mobile"] #settingsPanel .v10-settings-section-title{
 margin:0 0 14px!important;color:var(--m-muted)!important;font:800 10px/1.3 'Avenir Next',Avenir,Arial,sans-serif!important;letter-spacing:.11em!important;
}
html[data-device-category="mobile"] #settingsPanel .settings-row{
 display:flex!important;flex-direction:column!important;gap:8px!important;
 margin:0 0 17px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
 color:var(--m-text)!important;min-width:0!important;
}
html[data-device-category="mobile"] #settingsPanel .account-info-line{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important}
html[data-device-category="mobile"] #settingsPanel .v10-account-details{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}
html[data-device-category="mobile"] #settingsPanel .v10-account-details strong{color:var(--m-text)!important;font-size:14px!important}
html[data-device-category="mobile"] #settingsPanel .v10-account-details span{color:var(--m-muted)!important;font-size:12px!important}
html[data-device-category="mobile"] #settingsPanel .sidebar-account-avatar{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:50%!important;background:var(--m-active)!important;color:var(--m-text)!important;border:1px solid var(--m-border)!important}
html[data-device-category="mobile"] #settingsPanel label{display:block!important;font:750 13px/1.35 'Avenir Next',Avenir,Arial,sans-serif!important;color:var(--m-text)!important;margin:0!important}
html[data-device-category="mobile"] #settingsPanel .v10-setting-select{
 display:block!important;max-width:100%!important;width:100%!important;min-width:0!important;
 min-height:45px!important;border-radius:9px!important;border:1px solid var(--m-border)!important;
 background:var(--m-card)!important;color:var(--m-text)!important;font-size:14px!important;padding:8px 12px!important;
}
html[data-device-category="mobile"] #settingsPanel .v10-language-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;margin:0!important}
html[data-device-category="mobile"] #settingsPanel .v10-segmented{
 display:flex!important;width:100%!important;max-width:none!important;min-height:46px!important;
 padding:3px!important;gap:3px!important;background:var(--m-canvas)!important;border-radius:10px!important;border:1px solid var(--m-border)!important;
}
html[data-device-category="mobile"] #settingsPanel .v10-segmented button{
 flex:1 1 0!important;min-width:0!important;border:0!important;border-radius:7px!important;
 color:var(--m-muted)!important;background:transparent!important;font-size:12px!important;font-weight:700!important;
}
html[data-device-category="mobile"] #settingsPanel .v10-segmented button.active{color:var(--m-text)!important;background:var(--m-card)!important;box-shadow:0 1px 5px var(--m-shadow)!important}
html[data-device-category="mobile"] #settingsPanel .settings-signout-button{color:var(--m-text)!important;min-height:45px!important}
html[data-device-category="mobile"].theme-dark #settingsPanel .settings-signout-button{color:#f7b2a8!important}
html[data-device-category="mobile"] #settingsPanel .settings-message{color:var(--m-muted)!important}
/* Source-management/add dialogs adapt independently without changing their desktop design */
html[data-device-category="mobile"] body.headerless-concept .source-manager-drawer:not([hidden]){
 inset:0!important;width:100vw!important;height:100dvh!important;max-height:none!important;border-radius:0!important;z-index:96!important;
 background:var(--m-sidebar)!important;color:var(--m-text)!important;border:0!important;
}
html[data-device-category="mobile"] .source-manager-heading{background:var(--m-header)!important;color:var(--m-text)!important;border-color:var(--m-border)!important;padding-top:calc(18px + env(safe-area-inset-top))!important}
html[data-device-category="mobile"] .source-manager-heading h2{color:var(--m-text)!important}
html[data-device-category="mobile"] .source-manager-heading p{color:var(--m-muted)!important}
html[data-device-category="mobile"] .source-manager-body{overflow:auto!important}
html[data-device-category="mobile"] .source-manager-drawer input{max-width:100%!important;min-width:0!important;width:100%!important}
html[data-device-category="mobile"] .source-manager-close{min-width:42px!important;min-height:42px!important}
html[data-device-category="mobile"] .mobile-v14-menu-toggle:focus-visible,
html[data-device-category="mobile"] .mobile-v14-brand:focus-visible,
html[data-device-category="mobile"] button:focus-visible,
html[data-device-category="mobile"] select:focus-visible{outline:2px solid #6ca4da!important;outline-offset:2px!important}
}
@media(max-width:370px){
 html[data-device-category="mobile"] .mobile-v14-source-label{font-size:10px!important}
 html[data-device-category="mobile"] .mobile-v14-brand .brand-home-logo-dark{width:39px!important;height:39px!important}
 html[data-device-category="mobile"] .mobile-v14-brand .brand-home-wordmark{width:69px!important}
 html[data-device-category="mobile"] .desktop-news-card-wrapper .story-card{grid-template-columns:80px minmax(0,1fr)!important;column-gap:9px!important;padding:11px 10px!important}
 html[data-device-category="mobile"] .story-image-cell{width:80px!important;height:75px!important}
 html[data-device-category="mobile"] .story-title-trigger{font-size:13px!important}
 html[data-device-category="mobile"] .analysis-ai-actions .analysis-button{font-size:10px!important;padding:7px 2px!important}
}
@media(prefers-reduced-motion:reduce){.mobile-v14-scrim,.desktop-source-sidebar,#settingsPanel{transition:none!important}}

@media(max-width:900px){
 html[data-device-category="mobile"] body.design-preview.stage2.headerless-concept #settingsPanel.headerless-settings-drawer{
   flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
 }
 html[data-device-category="mobile"] #settingsPanel .settings-panel-head{width:100%!important;flex:0 0 auto!important;align-self:stretch!important;}
 html[data-device-category="mobile"] #settingsPanel .v10-settings-content{flex:0 0 auto!important;align-self:stretch!important;min-width:0!important;}
 html[data-device-category="mobile"] body.design-preview.stage2.headerless-concept .day-heading{
   background:var(--m-canvas)!important;border-color:var(--m-border)!important;border-bottom:1px solid var(--m-border)!important;
   border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;opacity:1!important;
 }
 html[data-device-category="mobile"] .desktop-news-card-wrapper .story-card-cell{background:transparent!important;border:0!important;box-shadow:none!important;}
 html[data-device-category="mobile"] .desktop-news-card-wrapper.selected .story-image{
   height:calc(100% + 7px)!important;min-height:calc(100% + 7px)!important;transform:translateY(-7px)!important;object-fit:cover!important;
 }
 html[data-device-category="mobile"] .analysis-actions{
   display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
   grid-template-rows:auto auto!important;column-gap:13px!important;row-gap:7px!important;
   align-items:center!important;justify-content:stretch!important;
 }
 html[data-device-category="mobile"] .analysis-actions .analysis-ai-actions{grid-column:1/-1!important;grid-row:1!important;}
 html[data-device-category="mobile"] .analysis-actions .analysis-original-group{
   display:flex!important;grid-column:1!important;grid-row:2!important;float:none!important;min-width:0!important;
   justify-content:flex-start!important;
 }
 html[data-device-category="mobile"] .analysis-actions .analysis-save-group{
   display:flex!important;grid-column:2!important;grid-row:2!important;float:none!important;min-width:0!important;
   justify-content:flex-end!important;
 }
 html[data-device-category="mobile"] .analysis-actions .analysis-original-group .analysis-button,
 html[data-device-category="mobile"] .analysis-actions .analysis-save-group .analysis-button{
   width:auto!important;max-width:100%!important;min-width:0!important;overflow:visible!important;white-space:nowrap!important;
   display:inline-flex!important;gap:5px!important;padding:8px 2px!important;font-size:11px!important;
 }
 html[data-device-category="mobile"] .analysis-original-group [data-role="original-label"],
 html[data-device-category="mobile"] .analysis-save-group [data-role="save-label"]{
   display:inline!important;visibility:visible!important;max-width:none!important;overflow:visible!important;white-space:nowrap!important;
 }
 html[data-device-category="mobile"] .analysis-actions::after{display:none!important;content:none!important}
 html[data-device-category="mobile"] .analysis-actions .analysis-original-group,
 html[data-device-category="mobile"] .analysis-actions .analysis-original-link{
   flex:0 0 auto!important;flex-basis:auto!important;flex-grow:0!important;flex-shrink:0!important;
   width:max-content!important;min-width:max-content!important;max-width:none!important;
 }
 html[data-device-category="mobile"] .analysis-original-link [data-role="original-label"]{
   position:static!important;width:auto!important;height:auto!important;min-width:0!important;
   clip:auto!important;clip-path:none!important;white-space:nowrap!important;
   overflow:visible!important;text-indent:0!important;opacity:1!important;
 }
 html[data-device-category="mobile"] .analysis-original-link .analysis-external-icon{
   position:static!important;width:auto!important;height:auto!important;font-size:14px!important;
 }

}



/* APPROVED REFERENCE LAYER: mobile-v15-refinements */

/* V15 — MOBILE ONLY, exact V12/V13 desktop accents + original application type scale.
   Desktop V12/V13 declarations remain untouched. */
@media(max-width:900px){
/* V14 mobile drawer transform needed !important to override the closed state. */
html[data-device-category="mobile"] body.mobile-v14-nav-open .desktop-source-sidebar{transform:translateX(0)!important;}
/* GOLD: identical vertical gradient, color stops and shadow as locked Stage4 V12. */
html[data-device-category="mobile"] body.design-preview.stage4-exact .desktop-source-sidebar::after{
 content:''!important;display:block!important;position:absolute!important;
 top:10%!important;right:0!important;bottom:10%!important;left:auto!important;width:2px!important;
 height:auto!important;z-index:5!important;pointer-events:none!important;
 background:linear-gradient(transparent,rgba(233,183,112,.62) 34%,rgba(233,183,112,.25) 76%,transparent)!important;
 box-shadow:0 0 10px rgba(226,176,109,.14)!important;
}
html[data-device-category="mobile"].theme-dark body.design-preview.stage4-exact .desktop-source-sidebar::after{
 background:linear-gradient(transparent,rgba(224,164,84,.66) 34%,rgba(220,155,77,.22) 77%,transparent)!important;
 box-shadow:0 0 8px rgba(214,152,77,.18)!important;
}
/* The header repeats the same signature as a soft HORIZONTAL glow, rather than a solid stroke. */
html[data-device-category="mobile"] .mobile-v14-header::after{
 content:'';position:absolute;bottom:0;left:11%;right:11%;height:2px;pointer-events:none;
 background:linear-gradient(90deg,transparent,rgba(233,183,112,.62) 34%,rgba(233,183,112,.25) 76%,transparent);
 box-shadow:0 0 10px rgba(226,176,109,.14);
}
html[data-device-category="mobile"].theme-dark .mobile-v14-header::after{
 background:linear-gradient(90deg,transparent,rgba(224,164,84,.66) 34%,rgba(220,155,77,.22) 77%,transparent);
 box-shadow:0 0 8px rgba(214,152,77,.18);
}
/* V15 header favicon and label use a single source-drawer entry point. */
html[data-device-category="mobile"] .mobile-v15-source-favicon{
 display:flex;align-items:center;justify-content:center;flex:0 0 17px;width:17px;height:17px;
 margin-left:auto;color:var(--m-muted);overflow:hidden;
}
html[data-device-category="mobile"] .mobile-v15-source-favicon img,
html[data-device-category="mobile"] .mobile-v15-source-favicon .fakefavicon,
html[data-device-category="mobile"] .mobile-v15-source-favicon svg{display:block!important;width:16px!important;height:16px!important;object-fit:contain!important;border-radius:3px!important;font-size:7px!important;}
html[data-device-category="mobile"] .mobile-v15-source-picker{
 appearance:none;display:block!important;flex:0 1 auto!important;max-width:34%;border:0!important;
 margin:0!important;padding:6px 0!important;background:transparent!important;text-align:left!important;
 cursor:pointer!important;color:var(--m-text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
html[data-device-category="mobile"] .mobile-v15-source-picker::after{content:'  ▾';color:var(--m-muted);font-size:10px;}
/* Keep the application’s font sizes (from its existing responsive type tokens).
   Standard 20px title/body/AI; smaller 18px; larger 22px. */
html[data-device-category="mobile"] body[data-text-size="standard"]{--mobile-title-size:20px;--mobile-body-size:20px;--mobile-ai-size:20px;--mobile-ui-size:15px;--mobile-meta-size:13px}
html[data-device-category="mobile"] body[data-text-size="small"]{--mobile-title-size:18px;--mobile-body-size:18px;--mobile-ai-size:18px;--mobile-ui-size:14px;--mobile-meta-size:12px}
html[data-device-category="mobile"] body[data-text-size="large"]{--mobile-title-size:22px;--mobile-body-size:22px;--mobile-ai-size:22px;--mobile-ui-size:16px;--mobile-meta-size:14px}
html[data-device-category="mobile"] .story-title-trigger{font-size:var(--mobile-title-size,20px)!important;line-height:1.26!important;font-weight:800!important}
html[data-device-category="mobile"] .story-desc-text{font-size:var(--mobile-body-size,20px)!important;line-height:1.4!important}
html[data-device-category="mobile"] .preview-ai-response,
html[data-device-category="mobile"] .preview-ai-response p,
html[data-device-category="mobile"] .preview-ai-response li,
html[data-device-category="mobile"] .analysis-history,
html[data-device-category="mobile"] .analysis-result {font-size:var(--mobile-ai-size,20px)!important;line-height:1.5!important}
html[data-device-category="mobile"] .story-time{font-size:var(--mobile-meta-size,13px)!important;line-height:1.25!important}
/* Suppress repeated fixture clones on mobile only (four unique sample stories). */
html[data-device-category="mobile"] .v15-preview-duplicate-hidden{display:none!important}
/* Recompose cards: photo at upper-left, metadata directly beneath; text to right. */
html[data-device-category="mobile"] .desktop-news-card-wrapper .story-card{
 grid-template-columns:96px minmax(0,1fr)!important;grid-template-rows:min-content auto!important;
 grid-template-areas:'media title' 'media desc'!important;column-gap:11px!important;row-gap:4px!important;
 align-items:start!important;min-height:0!important;padding:12px!important;
}
html[data-device-category="mobile"] .story-media-stack{grid-area:media!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;min-width:0!important;max-width:100%!important}
html[data-device-category="mobile"] .story-media-stack .story-image-cell{grid-area:auto!important;flex:0 0 auto!important;margin:0!important;overflow:hidden!important}
html[data-device-category="mobile"] .story-media-stack .story-meta{grid-area:auto!important;display:block!important;min-width:0!important;margin:0!important;padding:0!important}
html[data-device-category="mobile"] .story-media-stack .story-meta-line{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:3px!important;flex-wrap:nowrap!important;min-height:18px!important;margin:0!important}
html[data-device-category="mobile"] .story-title-cell{grid-area:title!important}
html[data-device-category="mobile"] .story-desc{grid-area:desc!important;margin:0!important}
/* Read status: filled = unread, outline = read. Indicator is a tappable button. */
html[data-device-category="mobile"] .story-media-stack .read-indicator{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 24px!important;
 width:24px!important;height:28px!important;min-width:24px!important;padding:0!important;margin:0!important;
 background:transparent!important;border:0!important;cursor:pointer!important;color:var(--m-muted)!important;
 font-size:0!important;line-height:1!important;
}
html[data-device-category="mobile"] .story-media-stack .read-indicator::before{
 content:''!important;display:block!important;width:11px!important;height:11px!important;
 background:#688eb8!important;border:2px solid #688eb8!important;box-sizing:border-box!important;border-radius:50%!important;
}
html[data-device-category="mobile"] .story-media-stack .read-indicator.is-read::before{
 width:11px!important;height:11px!important;background:transparent!important;border-color:#8b9bb0!important;
}
html[data-device-category="mobile"].theme-dark .story-media-stack .read-indicator::before{background:#91b9e0!important;border-color:#91b9e0!important}
html[data-device-category="mobile"].theme-dark .story-media-stack .read-indicator.is-read::before{background:transparent!important;border-color:#a3b5c9!important}
html[data-device-category="mobile"] .story-media-stack .read-label{display:none!important}
/* Match existing desktop selected-card corner motif exactly: 61px / 3px / 11px. */
html[data-device-category="mobile"] .desktop-news-card-wrapper.selected::before,
html[data-device-category="mobile"] .desktop-news-card-wrapper.selected::after{width:61px!important;height:61px!important;border-style:solid!important;z-index:10!important;}
html[data-device-category="mobile"] .desktop-news-card-wrapper.selected::before{
 border-width:3px 0 0 3px!important;border-top-left-radius:11px!important;border-color:#92aec9!important;
}
html[data-device-category="mobile"] .desktop-news-card-wrapper.selected::after{
 border-width:0 3px 3px 0!important;border-bottom-right-radius:11px!important;border-color:#92aec9!important;
}
html[data-device-category="mobile"].theme-dark .desktop-news-card-wrapper.selected::before,
html[data-device-category="mobile"].theme-dark .desktop-news-card-wrapper.selected::after{border-color:#91b9e0!important}
/* Source list keeps its number, adding only the same filled unread dot. */
html[data-device-category="mobile"] .desktop-source-unread-count::before{
 content:'';display:inline-block;width:7px;height:7px;margin-right:5px;vertical-align:1px;
 background:#688eb8;border-radius:50%;
}
html[data-device-category="mobile"].theme-dark .desktop-source-unread-count::before{background:#91b9e0}
/* Two compact segmented controls. Text-size label itself previews the actual selection. */
html[data-device-category="mobile"] #settingsPanel .v10-segmented{
 min-height:0!important;height:42px!important;padding:3px!important;gap:3px!important;
}
html[data-device-category="mobile"] #settingsPanel .v10-segmented button{
 min-height:34px!important;height:34px!important;padding:3px 5px!important;line-height:1.1!important;
}
html[data-device-category="mobile"] #settingsPanel .text-size-control .text-size-choice-smaller{font-size:18px!important;letter-spacing:-.04em!important;}
html[data-device-category="mobile"] #settingsPanel .text-size-control .text-size-choice[data-text-size="standard"]{font-size:20px!important;letter-spacing:-.04em!important;}
html[data-device-category="mobile"] #settingsPanel .text-size-control .text-size-choice-larger{font-size:22px!important;letter-spacing:-.04em!important;}
/* Keep AI controls at the app’s existing 44px height; original/save remain plain links. */
html[data-device-category="mobile"] .analysis-ai-actions .analysis-button{
 height:44px!important;min-height:44px!important;max-height:44px!important;
 padding:3px 3px!important;font-size:var(--mobile-ui-size,15px)!important;line-height:1.05!important;
}
html[data-device-category="mobile"] .analysis-ai-actions{align-items:center!important}
}
@media(max-width:370px){
 html[data-device-category="mobile"] .desktop-news-card-wrapper .story-card{
 grid-template-columns:80px minmax(0,1fr)!important;column-gap:9px!important;padding:11px 10px!important;
 }
 html[data-device-category="mobile"] .story-title-trigger{font-size:var(--mobile-title-size,20px)!important}
 html[data-device-category="mobile"] .analysis-ai-actions .analysis-button{font-size:var(--mobile-ui-size,15px)!important;padding:3px 1px!important}
 html[data-device-category="mobile"] #settingsPanel .text-size-control .text-size-choice-smaller{font-size:16px!important}
 html[data-device-category="mobile"] #settingsPanel .text-size-control .text-size-choice[data-text-size="standard"]{font-size:18px!important}
 html[data-device-category="mobile"] #settingsPanel .text-size-control .text-size-choice-larger{font-size:20px!important}
}


/* APPROVED REFERENCE LAYER: mobile-option-a-review */

/* V15 Option A refined — NOT locked. Desktop V12/V13 presentation stays unchanged. */
.mobile-read-totals{display:none}
@media(max-width:900px){
 html[data-device-category="mobile"] .desktop-news-card-wrapper .story-card {
   display:block!important;
   grid-template:none!important;
   min-height:0!important;
   padding:12px!important;
 }
 /* A floated thumbnail/media unit allows the FULL headline to reflow across the
    width underneath it. Unlike a rigid two-column grid, there is no blank strip
    beside the continuing headline after the photo ends. */
 html[data-device-category="mobile"] .desktop-news-card-wrapper .story-media-stack{
   grid-area:auto!important;
   float:left!important;
   display:flex!important;
   width:96px!important;
   max-width:96px!important;
   margin:0 11px 5px 0!important;
   clear:none!important;
 }
 html[data-device-category="mobile"] .desktop-news-card-wrapper .story-title-cell{
   grid-area:auto!important;
   display:block!important;
   margin:0!important;
   width:auto!important;
   min-width:0!important;
   overflow:visible!important;
 }
 html[data-device-category="mobile"] .desktop-news-card-wrapper .story-title-wrap{
   display:block!important;
   overflow:visible!important;
 }
 html[data-device-category="mobile"] .desktop-news-card-wrapper .story-title-trigger{
   display:block!important;
   box-sizing:border-box!important;
   width:100%!important;
   max-width:100%!important;
   min-width:0!important;
   overflow:visible!important;
   white-space:normal!important;
   text-wrap:pretty;
 }
 html[data-device-category="mobile"] .desktop-news-card-wrapper .story-desc{
   grid-area:auto!important;
   display:block!important;
   clear:both!important;
   float:none!important;
   width:100%!important;
   margin:8px 0 0!important;
   padding:0!important;
 }
 html[data-device-category="mobile"] .desktop-news-card-wrapper .story-card::after{content:""!important;display:block!important;clear:both!important}
 /* Status symbol is passive. Title and description remain the reading actions. */
 html[data-device-category="mobile"] .story-media-stack .read-indicator{
   cursor:default!important;
   pointer-events:none!important;
   width:15px!important;
   height:18px!important;
   min-width:15px!important;
   flex:0 0 15px!important;
 }
 /* Both counts appear as the already discussed filled/hollow circles and numbers. */
 html[data-device-category="mobile"] .day-heading .day-filter-controls{display:none!important}
 html[data-device-category="mobile"] .mobile-read-totals{
   display:flex!important;align-items:center!important;gap:12px!important;
   white-space:nowrap!important;font-family:'Avenir Next',Avenir,Arial,sans-serif!important;
   font-size:12px!important;color:var(--m-muted)!important;
 }
 html[data-device-category="mobile"] .mobile-read-totals>span{display:inline-flex!important;align-items:center!important;gap:4px!important}
 html[data-device-category="mobile"] .mobile-read-totals b{font-size:12px!important;font-weight:700!important;color:var(--m-text)!important}
 html[data-device-category="mobile"] .mobile-read-dot{display:inline-block!important;width:9px!important;height:9px!important;flex:0 0 9px!important;border-radius:50%!important;border:2px solid #688eb8!important;box-sizing:border-box!important}
 html[data-device-category="mobile"] .mobile-read-dot.filled{background:#688eb8!important}
 html[data-device-category="mobile"] .mobile-read-dot.hollow{border-color:#8b9bb0!important;background:transparent!important}
 html[data-device-category="mobile"].theme-dark .mobile-read-dot.filled{background:#91b9e0!important;border-color:#91b9e0!important}
 html[data-device-category="mobile"].theme-dark .mobile-read-dot.hollow{border-color:#a3b5c9!important}
}
@media(max-width:370px){
 html[data-device-category="mobile"] .desktop-news-card-wrapper .story-media-stack{width:80px!important;max-width:80px!important;margin-right:9px!important}
 html[data-device-category="mobile"] .mobile-read-totals{gap:9px!important;font-size:11px!important}
 html[data-device-category="mobile"] .mobile-read-totals .count-name{display:none!important}
}


/* APPROVED REFERENCE LAYER: mobile-v16-2-headline-flow-fix */

/* V16.2: approved Option A correction, limited to mobile. The prior button's
   block formatting context forced headlines below the left floated image.
   A keyboard-operable inline title control lets text run beside/under it. */
@media (max-width:900px){
 html[data-device-category="mobile"] .desktop-news-card-wrapper .story-title-cell,
 html[data-device-category="mobile"] .desktop-news-card-wrapper .story-title-wrap {display:contents!important;}
 html[data-device-category="mobile"] .desktop-news-card-wrapper .story-title-trigger {
  display:inline!important;width:auto!important;max-width:none!important;
  overflow:visible!important;white-space:normal!important;
 }
}


/* APPROVED REFERENCE LAYER: mobile-v16-header-review */

/* V16 Mobile Header Review — NOT LOCKED. V12/V13 desktop is untouched. */
@media(max-width:900px){
 html[data-device-category="mobile"] .mobile-v14-header{gap:7px!important;padding-left:12px!important;padding-right:12px!important;}
 html[data-device-category="mobile"] .mobile-v14-brand{margin-right:auto!important;}
 html[data-device-category="mobile"] .mobile-v15-source-favicon{margin-left:0!important;flex:0 0 17px!important;}
 html[data-device-category="mobile"] .mobile-v15-source-picker{flex:0 1 auto!important;max-width:35%!important;text-align:left!important;padding:6px 0!important;}
 html[data-device-category="mobile"] .mobile-v14-menu-toggle{order:4!important;margin-left:5px!important;flex:0 0 42px!important;}
 /* Reuse original V14 labels and actual button styles; remove experimental circles. */
 html[data-device-category="mobile"] .mobile-read-totals{display:none!important;}
 html[data-device-category="mobile"] .day-heading .day-filter-controls{display:flex!important;gap:6px!important;}
 html[data-device-category="mobile"] .day-filter-button{cursor:pointer!important;}
 html[data-device-category="mobile"] .desktop-news-card-wrapper.v16-filter-hidden{display:none!important;}
}
@media(max-width:370px){
 html[data-device-category="mobile"] .mobile-v14-header{gap:5px!important;padding-left:8px!important;padding-right:8px!important;}
 html[data-device-category="mobile"] .mobile-v15-source-picker{max-width:28%!important;}
 html[data-device-category="mobile"] .mobile-v14-menu-toggle{margin-left:0!important;}
}


/* APPROVED REFERENCE LAYER: v16-1-approved-corrections */

/* Keep all approved news-card outer corner accents untouched.
   Only the sample image with the baked-in blue bar gets V9's existing crop,
   even when the card is read and no longer selected. */
html[data-device-category="desktop"] .desktop-news-card-wrapper:not(.selected) .story-image-cell:has(> img.crop-blue-strip-demo){overflow:hidden!important;border-radius:8px!important;}
html[data-device-category="desktop"] .desktop-news-card-wrapper:not(.selected) .story-image.crop-blue-strip-demo{transform:scale(1.10)!important;transform-origin:center bottom!important;}