/* World news desk (VISUAL_SPEC §3). Uses only the --tf-* tokens from tf-components.css (Atelier aliases),
   so the light theme follows automatically. Scoped to #news-view and the workspace. */
body[data-app] .market-research-links{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1359px){body[data-app] .market-research-links>.research-link strong{font-size:11px}}

#news-view{--wn-pad:38px;min-width:0;padding-bottom:40px;color:var(--tf-text)}
#news-view h1,#news-view h2,#news-view h3,#news-view p{margin:0}
/* :not(.tf-btn) so buttons rendered as links keep their own colours (Read on {Source} is accent-ink on gold) */
#news-view a:not(.tf-btn){color:inherit;text-decoration:none}
#news-view a.tf-btn{text-decoration:none}
#news-view a.tf-btn.primary{color:var(--tf-accent-ink)}
#news-view svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* header */
.wn-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.wn-head h1{margin-top:12px!important;font:550 clamp(30px,3.1vw,44px)/1.04 var(--tf-font-display);letter-spacing:-1.6px;color:var(--tf-text);text-wrap:balance}
.wn-head h1 span{color:var(--tf-muted)}
.wn-live{display:flex;align-items:center;gap:8px;font:400 12px/1.4 var(--tf-font-ui);color:var(--tf-muted);min-width:0}
.wn-live-tag{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px;border:1px solid var(--tf-edge);border-radius:var(--tf-r-pill);background:var(--tf-wash)}
.wn-live-tag b{font:600 10px/1 var(--tf-font-mono);letter-spacing:1.2px;color:var(--tf-accent)}
.wn-paused .wn-live-tag b{color:var(--tf-quiet)}
.wn-paused .tf-pulse{background:var(--tf-quiet)}.wn-paused .tf-pulse::after{animation:none;opacity:0}
.wn-updated{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wn-live .tf-icon-btn{border-color:var(--tf-line);background:var(--tf-surface)}
.wn-search-toggle{display:none!important}

/* ticker */
.wn-ticker{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;height:46px;margin-top:22px;border:1px solid var(--tf-line);border-radius:var(--tf-r-lg);
  background:linear-gradient(160deg,var(--tf-raised),var(--tf-surface));box-shadow:inset 0 1px var(--tf-highlight);overflow:hidden}
.wn-ticker[hidden]{display:none}
.wn-ticker-label{display:flex;align-items:center;gap:8px;height:100%;padding:0 14px;border-right:1px solid var(--tf-line);font:600 10px/1 var(--tf-font-mono);letter-spacing:1.4px;color:var(--tf-accent)}
#news-view .wn-ticker-label svg{width:15px;height:15px}
.wn-ticker-track{overflow:hidden;min-width:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 40px),transparent)}
.wn-ticker-run{display:flex;width:max-content;animation:wn-ticker var(--wn-duration,84s) linear infinite}
.wn-ticker:hover .wn-ticker-run,.wn-ticker:focus-within .wn-ticker-run,.wn-ticker.is-held .wn-ticker-run,.wn-ticker.is-stopped .wn-ticker-run{animation-play-state:paused}
@keyframes wn-ticker{to{transform:translateX(-50%)}}
.wn-ticker-item{position:relative;display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 22px 0 16px;border:0;background:none;white-space:nowrap;font:400 13px/1 var(--tf-font-ui);color:var(--tf-text);cursor:pointer}
.wn-ticker-item::after{content:"";position:absolute;right:0;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:var(--tf-edge)}
.wn-ticker-item time{font:500 11px/1 var(--tf-font-mono);color:var(--tf-quiet)}
.wn-ticker-item em{font-style:normal;font-weight:550;font-size:12px;color:var(--tf-muted)}
.wn-ticker-item:hover span{color:var(--tf-accent)}
.wn-ticker-item:focus-visible{outline-offset:-3px}

/* filters (sticky under the workspace topbar) */
.wn-filters{position:sticky;top:var(--workspace-header-height,0px);z-index:30;margin:18px calc(var(--wn-pad)*-1) 0;padding:6px var(--wn-pad) 10px;
  background:color-mix(in srgb,var(--tf-bg) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.wn-filter-row{display:flex;align-items:center;gap:12px;min-width:0}
.wn-regions{flex:1;min-width:0}
.wn-search{display:flex;align-items:center;gap:8px;width:220px;height:38px;padding:0 10px 0 12px;border:1px solid var(--tf-line);border-radius:var(--tf-r-md);background:var(--tf-surface);color:var(--tf-quiet);flex:none;transition:border-color var(--tf-d1),box-shadow var(--tf-d1)}
.wn-search:focus-within{border-color:var(--tf-edge);box-shadow:0 0 0 3px var(--tf-wash)}
#news-view .wn-search svg{width:16px;height:16px}
.wn-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--tf-text);font:400 13px var(--tf-font-ui)}
.wn-search input::placeholder{color:var(--tf-quiet)}
.wn-search kbd{font:500 10px/1 var(--tf-font-mono);padding:3px 5px;border:1px solid var(--tf-line);border-radius:5px;color:var(--tf-quiet)}
.wn-sources-btn{flex:none;cursor:pointer}
.wn-topics{margin-top:8px}
.wn-topics .tf-chip{cursor:pointer}
.wn-regions .tf-tab{cursor:pointer}

/* new-stories pill */
.wn-pill-wrap{position:sticky;top:calc(var(--workspace-header-height,0px) + 112px);z-index:29;height:0;display:flex;justify-content:center}
.wn-pill{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 15px 0 12px;border-radius:var(--tf-r-pill);background:var(--tf-accent-grad);color:var(--tf-accent-ink);
  border:1px solid var(--tf-accent-border);font:600 12px/1 var(--tf-font-ui);box-shadow:inset 0 1px rgba(255,255,255,.4),0 10px 26px rgba(0,0,0,.35);transform:translateY(6px);animation:wn-pill-in var(--tf-d2) var(--tf-ease-out) both;cursor:pointer}
.wn-pill[hidden]{display:none}
#news-view .wn-pill svg{width:15px;height:15px;stroke-width:2}
@keyframes wn-pill-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(6px)}}

/* notices and legal */
.wn-notice{display:flex;align-items:center;gap:10px;margin-top:16px;padding:10px 12px;border:1px dashed var(--tf-line);border-radius:var(--tf-r-lg);font-size:12px;line-height:1.5;color:var(--tf-muted)}
.wn-notice[hidden]{display:none}
.wn-notice .tf-btn{margin-left:auto;min-height:36px}
.wn-legal{margin-top:26px!important;font-size:11.5px;line-height:1.6;color:var(--tf-quiet);max-width:70ch}

/* source mark, meta, tags */
.wn-mark{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;flex:none;font:600 10px/1 var(--tf-font-mono);letter-spacing:-.2px;
  background:hsl(var(--h) 18% 20%);color:hsl(var(--h) 45% 80%);box-shadow:inset 0 0 0 1px hsl(var(--h) 20% 30%)}
html[data-theme=light] .wn-mark{background:hsl(var(--h) 35% 92%);color:hsl(var(--h) 45% 28%);box-shadow:inset 0 0 0 1px hsl(var(--h) 25% 80%)}
.wn-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;font-size:12px;color:var(--tf-quiet)}
.wn-src{font:550 12px/1.2 var(--tf-font-ui);color:var(--tf-text)}
.wn-meta time{font:500 11px/1 var(--tf-font-mono);color:var(--tf-quiet)}
.wn-sep{width:3px;height:3px;border-radius:50%;background:var(--tf-edge);flex:none}
#news-view .wn-lock{width:13px;height:13px;color:var(--tf-quiet)}
.wn-new{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:5px;background:var(--tf-wash-strong);color:var(--tf-accent);font:600 10px/1 var(--tf-font-mono);letter-spacing:.8px}
.wn-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.wn-tag{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:6px;border:1px solid var(--tf-line);font:500 10px/1 var(--tf-font-mono);letter-spacing:.6px;text-transform:uppercase;color:var(--tf-muted)}
.wn-tag.breaking{color:var(--tf-breaking-ink);background:var(--tf-breaking-bg);border-color:var(--tf-breaking-line);font-weight:600}
.wn-tag.breaking::before{content:"";width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor;animation:wn-blink 1.6s ease-in-out infinite}
@keyframes wn-blink{50%{opacity:.25}}
.wn-also{font-size:11.5px;color:var(--tf-quiet)}
.wn-summary{font-size:13px;line-height:1.6;color:var(--tf-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
#news-view mark{background:var(--tf-wash-strong);color:inherit;border-radius:3px;padding:0 1px}
.wn-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px;min-width:0}
.wn-actions{display:flex;align-items:center;gap:4px;flex:none}
#news-view .wn-actions .tf-icon-btn{width:36px;height:36px}
@media(pointer:coarse){#news-view .wn-actions .tf-icon-btn{width:44px;height:44px}}
.wn-ticker-chip{display:inline-flex;align-items:center;height:28px;padding:0 9px;border:1px solid var(--tf-line);border-radius:8px;background:var(--tf-raised);font:500 11px/1 var(--tf-font-mono);color:var(--tf-text);cursor:pointer;position:relative}
.wn-ticker-chip::after{content:"";position:absolute;inset:-8px -2px}
.wn-ticker-chip:hover{border-color:var(--tf-edge);color:var(--tf-accent)}
.wn-card h2 a,.wn-card h3 a{background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size var(--tf-d2) var(--tf-ease)}
.wn-card h2 a:hover,.wn-card h3 a:hover{background-size:100% 1px}
.wn-card h2 a:focus-visible,.wn-card h3 a:focus-visible{outline-offset:3px;border-radius:4px}

/* top stories */
.wn-top{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:16px;margin-top:22px}
.wn-card{min-width:0;color:inherit;transition:border-color var(--tf-d2)}
.wn-card.tf-card:hover{border-color:var(--tf-edge)}
.wn-lead{display:flex;flex-direction:column;overflow:hidden}
.wn-thumb{position:relative;overflow:hidden;background:var(--tf-raised)}
.wn-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.wn-lead .wn-thumb{aspect-ratio:16/9}
.wn-lead .wn-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.35));pointer-events:none}
.wn-lead-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px}
.wn-lead h2{font:600 24px/1.22 var(--tf-font-display);letter-spacing:-.55px;text-wrap:balance;overflow-wrap:anywhere;color:var(--tf-text)}
.wn-lead .wn-summary{font-size:14px;line-height:1.62;-webkit-line-clamp:3}
.wn-side{display:flex;flex-direction:column;gap:12px;min-width:0}
.wn-second{display:flex;flex-direction:column;gap:8px;padding:16px;flex:1}
.wn-second h3{font:600 15.5px/1.35 var(--tf-font-display);letter-spacing:-.2px;text-wrap:pretty;overflow-wrap:anywhere;color:var(--tf-text)}

/* latest timeline */
.wn-list-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:34px 0 4px;padding-bottom:12px;border-bottom:1px solid var(--tf-line)}
.wn-list-head h2{font:600 17px/1.2 var(--tf-font-display);letter-spacing:-.3px;color:var(--tf-text)}
.wn-list-head span{font-size:12px;color:var(--tf-quiet);text-align:right}
.wn-river{list-style:none;margin:0;padding:0}
.wn-group h3{margin:0;padding:18px 0 6px!important;font:600 10px/1 var(--tf-font-mono)!important;letter-spacing:1.3px;text-transform:uppercase;color:var(--tf-quiet)}
.wn-row{display:grid;grid-template-columns:62px minmax(0,1fr) 104px;gap:16px;padding:16px 10px 16px 0;border-bottom:1px solid var(--tf-line);position:relative;transition:background var(--tf-d1)}
.wn-row:hover{background:linear-gradient(90deg,transparent,var(--tf-wash) 30%)}
.wn-row.no-thumb{grid-template-columns:62px minmax(0,1fr)}
.wn-when{position:relative;padding-left:14px}
.wn-when b{display:block;font:500 13px/1.2 var(--tf-font-mono);color:var(--tf-text)}
.wn-when small{display:block;margin-top:3px;font:500 11px/1 var(--tf-font-mono);color:var(--tf-quiet)}
.wn-when time{font:inherit;color:inherit}
.wn-when::before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%;background:var(--tf-edge)}
.wn-row.fresh .wn-when::before{background:var(--tf-accent);box-shadow:0 0 0 4px var(--tf-wash-strong)}
.wn-row-body{display:flex;flex-direction:column;gap:7px;min-width:0}
.wn-row-body .wn-meta time,.wn-row-body .wn-meta .wn-sep{display:none}
.wn-row h3{font:600 15.5px/1.38 var(--tf-font-display);letter-spacing:-.2px;overflow-wrap:anywhere;color:var(--tf-text)}
.wn-row .wn-thumb{aspect-ratio:4/3;border-radius:var(--tf-r-md);align-self:start}
.wn-card.is-new{animation:wn-new 2.4s var(--tf-ease) both}
@keyframes wn-new{0%{background:var(--tf-wash-strong)}100%{background:transparent}}
.wn-more{display:flex;justify-content:center;margin-top:18px}
.wn-more .tf-btn[hidden]{display:none}

/* skeleton, empty and error */
.wn-skel{display:grid;grid-template-columns:62px minmax(0,1fr) 104px;gap:16px;padding:18px 0;border-bottom:1px solid var(--tf-line)}
.wn-skel .tf-skel{display:block;height:12px}
.wn-skel .tf-skel.tall{height:15px}
.wn-skel .tf-skel.thumb{height:66px;border-radius:var(--tf-r-md)}
.wn-skel-body{display:flex;flex-direction:column;gap:10px}
.wn-state{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:24px;padding:26px 22px;text-align:center}
.wn-state-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;border:1px solid var(--tf-edge);background:var(--tf-wash);color:var(--tf-accent)}
.wn-state strong{font:600 15px/1.3 var(--tf-font-display);color:var(--tf-text)}
.wn-state p{font-size:13px;line-height:1.6;color:var(--tf-muted);max-width:34ch}
.wn-state-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}

/* sources dialog */
.wn-dialog{width:min(460px,calc(100vw - 32px));max-height:min(80dvh,640px);padding:0;border:1px solid var(--tf-edge);border-radius:var(--tf-r-2xl);background:var(--tf-surface);color:var(--tf-text);box-shadow:var(--tf-shadow-pop)}
.wn-dialog::backdrop{background:var(--tf-scrim)}
.wn-dialog-inner{display:flex;flex-direction:column;max-height:inherit}
.wn-dialog header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 6px 20px}
.wn-dialog h2{font:600 16px/1.3 var(--tf-font-display)}
.wn-dialog-note{padding:0 20px;font-size:12px;line-height:1.55;color:var(--tf-muted)}
.wn-dialog-tools{display:flex;gap:8px;padding:12px 20px 6px}
.wn-dialog-tools .tf-btn{min-height:36px;padding:0 12px;font-size:12px}
.wn-source-list{list-style:none;margin:0;padding:4px 12px;overflow:auto;flex:1}
.wn-source-list label{display:grid;grid-template-columns:20px 22px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:48px;padding:4px 8px;border-radius:10px;cursor:pointer}
.wn-source-list label:hover{background:var(--tf-raised)}
.wn-source-list input{width:18px;height:18px;accent-color:var(--tf-accent)}
.wn-source-name{min-width:0;font-size:13px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wn-source-name small{display:block;font-weight:400;font-size:11px;color:var(--tf-quiet)}
.wn-health{display:inline-flex;align-items:center;gap:5px;font:500 10px/1 var(--tf-font-mono);letter-spacing:.4px;color:var(--tf-quiet)}
.wn-health i{width:7px;height:7px;border-radius:50%;background:var(--tf-up)}
.wn-health.bad i{background:var(--tf-error)}
.wn-dialog footer{padding:12px 20px 18px;border-top:1px solid var(--tf-line)}
.wn-dialog footer .tf-btn{width:100%}
.wn-source-empty{padding:16px 8px;font-size:12px;color:var(--tf-quiet)}

/* reading drawer */
.wn-drawer-layer{position:fixed;inset:0;z-index:190;visibility:hidden;pointer-events:none}
.wn-drawer-layer.is-open{visibility:visible;pointer-events:auto}
.wn-drawer-layer .tf-scrim{position:absolute;inset:0;background:var(--tf-scrim);opacity:0;transition:opacity var(--tf-d3) var(--tf-ease)}
.wn-drawer-layer.is-open .tf-scrim{opacity:1}
.wn-drawer{position:absolute;top:0;right:0;bottom:0;width:min(480px,100vw);display:flex;flex-direction:column;background:var(--tf-surface);border-left:1px solid var(--tf-edge);
  box-shadow:var(--tf-shadow-pop);transform:translateX(102%);transition:transform var(--tf-d3) var(--tf-ease);outline:0}
.wn-drawer-layer.is-open .wn-drawer{transform:none}
.wn-drawer-top{display:flex;align-items:center;gap:6px;height:64px;padding:0 14px 0 20px;border-bottom:1px solid var(--tf-line);flex:none}
.wn-drawer-top>span{margin-right:auto;font:600 10px/1 var(--tf-font-mono);letter-spacing:1.4px;color:var(--tf-quiet)}
.wn-drawer-top .tf-icon-btn.is-done{color:var(--tf-up)}
.wn-drawer-body{flex:1;overflow:auto;overscroll-behavior:contain;padding:22px 24px 30px;display:flex;flex-direction:column;gap:16px}
.wn-drawer-body>*{flex:none}
.wn-drawer h2{margin:0;font:600 25px/1.22 var(--tf-font-display);letter-spacing:-.6px;text-wrap:balance;overflow-wrap:anywhere;color:var(--tf-text)}
.wn-drawer-thumb{aspect-ratio:16/9;border-radius:var(--tf-r-xl)}
.wn-lede{margin:0;font-size:15.5px;line-height:1.7;color:var(--tf-text);overflow-wrap:anywhere}
.wn-attrib{margin:0;font-size:12px;line-height:1.6;color:var(--tf-quiet);padding:12px 14px;border:1px dashed var(--tf-line);border-radius:var(--tf-r-lg)}
.wn-cta{display:flex;gap:10px;flex-wrap:wrap}
.wn-cta .tf-btn{flex:1 1 140px}
.wn-sub{margin:6px 0 0;font:600 10px/1 var(--tf-font-mono);letter-spacing:1.3px;color:var(--tf-quiet);text-transform:uppercase}
.wn-chips{display:flex;gap:8px;flex-wrap:wrap}
.wn-chips .wn-ticker-chip{height:34px;padding:0 12px;font-size:12px}
.wn-related{list-style:none;margin:0;padding:0}
.wn-related a{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-top:1px solid var(--tf-line)}
.wn-related strong{font:550 14px/1.4 var(--tf-font-ui);color:var(--tf-text)}
.wn-related a:hover strong{color:var(--tf-accent)}

/* responsive */
/* --wn-pad mirrors #workspace-main's horizontal padding so sticky rows and the ticker can bleed to its edges */
@media(min-width:1600px){#news-view{--wn-pad:55px}}
@media(max-width:1200px){#news-view{--wn-pad:25px}}
@media(max-width:900px){.wn-top{grid-template-columns:minmax(0,1fr)}.wn-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
  #news-view{--wn-pad:20px}
  .wn-live [data-news-action=refresh]{display:none}
  .wn-head{align-items:flex-start;gap:12px}
  .wn-head h1{font-size:30px;letter-spacing:-1.2px}
  .wn-live{width:100%;gap:6px;font-size:11.5px}
  .wn-live .wn-updated{flex:1}
  .wn-search-toggle{display:inline-grid!important}
  .wn-ticker{height:44px;margin-top:16px;margin-inline:calc(var(--wn-pad)*-1);border-radius:0;border-inline:0}
  .wn-ticker-label{padding:0 12px 0 var(--wn-pad)}
  .wn-ticker-item{height:44px;font-size:12.5px}
  .wn-filters{margin-top:10px;padding:2px var(--wn-pad) 8px}
  .wn-filter-row{flex-wrap:wrap;gap:8px}
  .wn-regions{flex:1 0 100%}
  .wn-search{display:none;width:auto;flex:1;height:44px}
  .wn-search kbd{display:none}
  .wn-search input{font-size:16px}
  .wn-search-open .wn-search{display:flex}
  .wn-sources-btn{display:none}
  .wn-search-open .wn-sources-btn{display:inline-flex;height:44px}
  .wn-topics{margin-top:4px;margin-inline:calc(var(--wn-pad)*-1);padding-inline:var(--wn-pad)}
  .wn-pill-wrap{top:calc(var(--workspace-header-height,0px) + 108px)}
  .wn-top{margin-top:16px;gap:12px}
  .wn-side{display:flex}
  .wn-lead .wn-thumb{aspect-ratio:2/1}
  .wn-lead-body{padding:14px 16px 16px;gap:8px}
  .wn-lead h2{font-size:20px;letter-spacing:-.4px}
  .wn-lead .wn-summary{font-size:13.5px}
  .wn-second{padding:14px}
  .wn-row,.wn-row.no-thumb{grid-template-columns:minmax(0,1fr) 76px;gap:12px;padding:14px 0}
  .wn-row.no-thumb{grid-template-columns:minmax(0,1fr)}
  .wn-row .wn-when{display:none}
  .wn-row-body .wn-meta time,.wn-row-body .wn-meta .wn-sep{display:inline-block}
  .wn-row.fresh .wn-meta time{color:var(--tf-accent)}
  .wn-row h3{font-size:15px}
  .wn-foot{flex-wrap:wrap}
  .wn-actions{margin-left:auto}
  .wn-skel{grid-template-columns:minmax(0,1fr) 76px}.wn-skel>.w{display:none}
  .wn-list-head span{max-width:55%}
  .wn-drawer{top:auto;left:0;width:100%;height:92dvh;border-left:0;border-top:1px solid var(--tf-edge);border-radius:20px 20px 0 0;transform:translateY(102%)}
  .wn-drawer-top{height:56px;padding:0 8px 0 var(--wn-pad)}
  .wn-drawer-body{padding:16px var(--wn-pad) 0}
  .wn-drawer h2{font-size:21px}
  .wn-drawer-thumb{display:none}
  .wn-cta{position:sticky;bottom:0;z-index:2;margin:0 calc(var(--wn-pad)*-1);padding:14px var(--wn-pad) calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,var(--tf-surface) 24%)}
}
@media(max-width:1020px){body[data-app].news-drawer-open .tf-bottom-nav{visibility:hidden}}
@media(prefers-reduced-motion:reduce){
  .wn-ticker-run{animation:none}
  .wn-ticker-track{overflow-x:auto;scrollbar-width:none}
  .wn-ticker-run .wn-ticker-item[aria-hidden=true]{display:none}
  .wn-tag.breaking::before,.wn-card.is-new,.wn-pill{animation:none}
  .wn-pill{transform:translateY(6px)}
  .wn-drawer,.wn-drawer-layer .tf-scrim{transition:none}
}

/* RNS tab: topic chips and the source picker do not apply; hidden in place so nothing moves. */
.wn-rns-mode .wn-topics,.wn-rns-mode .wn-sources-btn,.wn-rns-mode .wn-live-tag{visibility:hidden}