/* Desktop redesign, 22 Oct 2026. Every rule in this file sits inside the desktop media query below.
   Owner comps: scratch-tmp/desktop-2026-10-22/. Phone and tablet keep what they have.

   News digest (comp 2-news). The markup this styles is built by dashboard-news.js (deskList), which only runs at
   768px and up: the toolbar row (Filter left, Routing and Add article right), a band per day that folds, and per
   article a bookmark, an open-in-new link, a three-dot menu and Read more. */
@media (min-width:768px){
  /* ---- toolbar row: Filter on the left, Routing and Add article on the right ---- */
  #view .flow26>.f26-topline{display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;gap:16px;margin:4px 0 12px}
  #view .f26-topline>.pf{margin-right:auto}
  #view .f26-topline .pf-btn{height:50px;min-height:50px;padding:0 20px;gap:12px;font-size:15.5px;font-weight:500;line-height:1;color:var(--ink);
    background:var(--card);border:1px solid var(--card-edge,var(--line-2));border-radius:8px}
  #view .f26-topline .pf-btn svg:not(.pf-caret){width:19px;height:19px}
  #view .f26-topline .pf-btn .pf-caret{width:14px;height:14px;margin-left:4px}
  #view .nwd-tools{display:flex;align-items:flex-start;gap:16px}
  #view .nwd-tools .nwd-i{width:20px;height:20px;flex:none}
  #view .nwd-tools .nwd-routing{position:relative;width:64px;height:50px;padding:0;display:grid;place-items:center;color:var(--ink);
    background:var(--card);border:1px solid var(--card-edge,var(--line-2));border-radius:8px;cursor:pointer}
  #view .nwd-tools .nwd-routing .nwd-i{width:24px;height:24px}
  #view .nwd-tools .nwd-routing:hover{background:var(--card-2)}
  #view .nwd-tools .nwd-routing span{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);
    font-size:13px;font-weight:400;line-height:1;color:var(--ink-3);white-space:nowrap;pointer-events:none}
  #view .nwd-tools .nwd-add{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;min-height:50px;padding:0 26px;
    font-size:15.5px;font-weight:600;line-height:1;border-radius:8px;white-space:nowrap}

  /* ---- the feed: one card per day, a band on top ---- */
  #view .f26-news-feed{display:grid;gap:16px;align-content:start}
  #view .f26-news-feed .nwd-day{margin:0;border:1px solid var(--card-edge,var(--line-2));border-radius:8px;background:var(--card)}
  #view .f26-news-feed .nwd-day:not(.is-collapsed){margin-bottom:18px}
  #view .f26-news-feed .nwd-day>h2{margin:0;padding:0;font:inherit;letter-spacing:normal;text-transform:none;color:var(--ink)}
  #view .nwd-band{display:flex;align-items:center;gap:16px;box-sizing:border-box;width:100%;height:64px;min-height:0;padding:0 24px;margin:0;color:var(--ink);
    background:transparent;border:0;border-radius:7px;font:inherit;text-align:left;cursor:pointer}
  #view .nwd-day:not(.is-collapsed)>h2 .nwd-band{border-radius:7px 7px 0 0}
  #view .nwd-band:hover{background:var(--card-2)}
  #view .nwd-band:focus-visible,#view .nwd-ico:focus-visible,#view .nwd-readmore:focus-visible,#view .nwd-menu :is(button,a):focus-visible{outline:2px solid var(--sig);outline-offset:-2px}
  #view .nwd-band .nwd-i{width:22px;height:22px;flex:none}
  #view .nwd-band .nwd-i:first-child{transition:transform .16s ease}
  #view .nwd-day.is-collapsed .nwd-band .nwd-i:first-child{transform:rotate(-90deg)}
  #view .nwd-band b{margin-left:4px;font-size:21px;font-weight:700;letter-spacing:-.015em;line-height:1.2;color:var(--ink)}
  #view .nwd-band .nwd-count{font-size:16px;font-weight:400;color:var(--ink-3)}
  #view .f26-news-feed .nwd-day.is-collapsed .f26-news-day-items{display:none}

  /* ---- article rows: a logo, the story, a column of three quiet actions ---- */
  #view .f26-news-feed .nwd-day .f26-news-day-items{display:block;gap:0;margin:0;padding:0;border:0;border-top:1px solid var(--card-edge,var(--line-2));border-radius:0;
    background:none;overflow:visible}
  #view .f26-news-feed .nwd-day .f26-news-card{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:24px;align-items:start;
    padding:24px 24px 26px!important;border:0!important;border-top:1px solid var(--card-edge,var(--line-2))!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;transform:none!important}
  #view .f26-news-feed .nwd-day .f26-news-card:first-child{border-top:0!important}
  #view .f26-news-feed .nwd-day .f26-news-card:last-child{border-radius:0 0 7px 7px!important}
  #view .f26-news-feed .nwd-day .f26-news-card:hover{background:var(--card-2)!important;box-shadow:none!important;transform:none!important}
  #view .f26-news-feed .nwd-day .f26-news-visual{width:56px;height:56px;margin:0;align-self:start;background:var(--card);
    border:1px solid var(--card-edge,var(--line-2));border-radius:8px}
  #view .f26-news-feed .nwd-day .f26-news-visual .f26-publisher{font-family:Georgia,"Times New Roman",serif;font-size:21px;font-weight:600;letter-spacing:0;color:var(--ink)}
  #view .f26-news-feed .nwd-day .f26-news-visual .f26-publisher.has-mark{padding:8px}
  #view .f26-news-feed .nwd-day .f26-news-body{min-width:0}
  #view .f26-news-feed .nwd-day .f26-news-source{gap:10px;font-size:13.5px;line-height:1.4;flex-wrap:nowrap}
  #view .f26-news-feed .nwd-day .f26-news-source b{font-size:13.5px;font-weight:500;color:var(--ink-2)}
  #view .f26-news-feed .nwd-day .f26-news-source span{font-size:13.5px;color:var(--ink-3)}
  #view .f26-news-feed .nwd-day .f26-news-source .f26-badge{font-size:12px}
  #view .f26-news-feed .nwd-day .f26-news-title{margin:6px 0 0;padding-right:150px;font-size:20px;line-height:1.4;font-weight:650;letter-spacing:-.015em;color:var(--ink)}
  #view .f26-news-feed .nwd-day .f26-news-excerpt{max-width:640px;margin:10px 0 0;font-size:15px;line-height:1.7;color:var(--ink-2)}
  #view .f26-news-feed .nwd-day .f26-news-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}
  #view .f26-news-feed .nwd-day .f26-reach-v72{display:inline-flex;align-items:center;height:30px;padding:0 14px;font-size:13px;font-weight:600;line-height:1;
    color:var(--ink);background:color-mix(in srgb,var(--sig) 13%,var(--card));border:0;border-radius:999px}
  #view .f26-news-feed .nwd-day .f26-news-foot .f26-muted{display:inline-flex;align-items:center;height:30px;padding:0 14px;font-size:13px;font-weight:500;line-height:1;
    color:var(--ink-2);background:var(--card-2);border:1px solid var(--line);border-radius:999px}
  #view .nwd-readmore{display:inline-flex;align-items:center;gap:8px;margin:0 0 0 auto;padding:6px 0;font-size:15px;font-weight:400;line-height:1;color:var(--ink);
    background:none;border:0;cursor:pointer}
  #view .nwd-readmore:hover{color:var(--sig)}
  #view .nwd-readmore .nwd-i{width:18px;height:18px}

  /* bookmark, open in a new tab, three-dot menu */
  #view .nwd-actions{position:absolute;top:14px;right:16px;z-index:3;display:flex;align-items:center;gap:6px}
  #view .nwd-card:has(.nwd-menu:not([hidden])) .nwd-actions{z-index:8}
  #view .nwd-ico{display:grid;place-items:center;width:36px;height:36px;margin:0;padding:0;color:var(--ink);background:transparent;border:0;border-radius:8px;cursor:pointer}
  #view .nwd-ico:hover,#view .nwd-ico[aria-expanded="true"]{background:var(--card-edge-soft,color-mix(in srgb,var(--ink) 8%,transparent))}
  #view .nwd-ico .nwd-i{width:20px;height:20px}
  #view .nwd-save[aria-pressed="true"]{color:var(--sig)}
  #view .nwd-save[aria-pressed="true"] .nwd-i{fill:currentColor}
  #view .nwd-menu-wrap{position:relative;display:block}
  #view .nwd-menu{position:absolute;top:calc(100% + 6px);right:0;display:grid;min-width:200px;padding:6px;
    background:var(--card);border:1px solid var(--card-edge-strong,var(--card-edge,var(--line-2)));border-radius:10px;box-shadow:0 4px 12px rgba(16,22,19,.14)}
  #view .nwd-menu[hidden]{display:none}
  #view .nwd-menu :is(button,a){display:flex;align-items:center;min-height:38px;margin:0;padding:0 12px;font-size:14px;font-weight:400;line-height:1;color:var(--ink);
    text-align:left;text-decoration:none;white-space:nowrap;background:none;border:0;border-radius:7px;cursor:pointer}
  #view .nwd-menu :is(button,a):hover{background:var(--card-2)}
}