/* WOC 3.19.2 EDITORIAL 2026 — isolated preview-only finishing layer.
   Existing feed, Panda mechanics, offline assets and API endpoints remain intact. */
:root{--woc26-red:#ac2733;--woc26-ink:#172124;--woc26-muted:#657175;--woc26-rule:#dfe5e2;--woc26-paper:#fff;--woc26-canvas:#f6f8f7;--woc26-serif:Georgia,"Times New Roman",serif}
body[data-woc-app="news"]{background:var(--woc26-canvas)!important;color:var(--woc26-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body[data-woc-app="news"] .app-header{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--woc26-rule)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 2px 14px rgba(17,33,31,.035)!important}
body[data-woc-app="news"] .app-header .top-brand{min-height:64px!important}
body[data-woc-app="news"] .app-header .header-icon-btn:focus-visible,
body[data-woc-app="news"] button:focus-visible,
body[data-woc-app="panda"] button:focus-visible{outline:3px solid #3877c2!important;outline-offset:2px}
body[data-woc-app="news"] main{min-width:0!important;overflow:visible}
body[data-woc-app="news"] .woc23-edition{max-width:1180px!important;margin:0 auto!important}
body[data-woc-app="news"] .woc23-edition-head{padding:18px 0 0!important}
body[data-woc-app="news"] .woc23-dateline{font-size:10.5px!important;letter-spacing:.065em!important;color:#566267!important;line-height:1.55!important}
body[data-woc-app="news"] .woc23-edition-word{font-weight:850!important;color:var(--woc26-red)!important}
body[data-woc-app="news"] .woc23-tabs{gap:22px!important;border-bottom:1px solid var(--woc26-rule)!important}
body[data-woc-app="news"] .woc23-tabs button{font-size:13px!important;font-weight:700!important;min-height:44px!important}
body[data-woc-app="news"] .woc23-lead-grid{min-width:0!important;gap:24px!important;align-items:start!important}
body[data-woc-app="news"] .woc23-story-pic{overflow:hidden;background:#edf0ee!important}
body[data-woc-app="news"] .woc23-story-pic img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease}
@media(hover:hover){body[data-woc-app="news"] .woc23-story:hover .woc23-story-pic img{transform:scale(1.018)}}
body[data-woc-app="news"] .woc23-main-lead .woc23-story-title{font-family:var(--woc26-serif)!important;font-size:clamp(28px,3.3vw,47px)!important;line-height:1.1!important;font-weight:700!important;letter-spacing:-.036em!important;overflow-wrap:break-word!important}
body[data-woc-app="news"] .woc23-main-lead .woc23-story-deck{font-size:14.5px!important;line-height:1.56!important;color:#5d696a!important;-webkit-line-clamp:3!important;max-width:65ch}
body[data-woc-app="news"] .woc23-story-meta,
body[data-woc-app="news"] .woc23-meta{color:#a42a35!important;line-height:1.4!important}
body[data-woc-app="news"] .woc23-section-head h2,
body[data-woc-app="news"] .woc23-topic-title h2,
body[data-woc-app="news"] .woc23-feed-divider h2{font-family:var(--woc26-serif)!important;font-weight:700!important;letter-spacing:-.027em!important}
body[data-woc-app="news"] .woc23-section-head{padding-bottom:3px!important;border-bottom:1px solid var(--woc26-rule)!important}
body[data-woc-app="news"] .woc23-digest{border-color:#34413d!important}
body[data-woc-app="news"] .woc23-story-tile,
body[data-woc-app="news"] .woc23-story-magazine{transition:opacity .18s ease!important}
@media(hover:hover){body[data-woc-app="news"] .woc23-story-tile:hover,body[data-woc-app="news"] .woc23-story-magazine:hover{opacity:.83}}
body[data-woc-app="news"] .woc23-story-title{hyphens:auto;overflow-wrap:break-word;word-break:normal!important}
body[data-woc-app="news"] .woc23-story-tile .woc23-story-title{font-size:15px!important;line-height:1.4!important}
body[data-woc-app="news"] .woc23-story-magazine .woc23-story-title{font-size:18px!important;line-height:1.34!important;font-family:var(--woc26-serif)!important}
body[data-woc-app="news"] .woc23-digest .woc23-story-title{font-size:14px!important;line-height:1.36!important}
body[data-woc-app="news"] .woc23-actions{border-color:var(--woc26-rule)!important}
body[data-woc-app="news"] .woc23-actions>button{min-height:66px!important}
body[data-woc-app="news"] .reader-panel{background:var(--woc26-paper)!important}
body[data-woc-app="news"] .reader-article{max-width:780px!important;margin-left:auto!important;margin-right:auto!important}
body[data-woc-app="news"] .reader-article>h1{font-family:var(--woc26-serif)!important;font-size:clamp(30px,4.8vw,51px)!important;letter-spacing:-.037em!important;line-height:1.13!important;overflow-wrap:break-word!important}
body[data-woc-app="news"] .reader-article p{line-height:1.72!important;overflow-wrap:break-word}
body[data-woc-app="news"] .reader-article img{max-width:100%;height:auto}
body[data-woc-app="news"] .reader-article a{overflow-wrap:anywhere}
body[data-woc-app="news"] .reader-head{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body[data-woc-app="news"] #learningPanel{background:#f7f9f7!important}
body[data-woc-app="news"] #learningPanel .learning-head{background:#fff!important;border-bottom:1px solid var(--woc26-rule)!important}
body[data-woc-app="news"] #learningPanel .learning-title{font-family:var(--woc26-serif)!important;letter-spacing:-.025em!important}
body[data-woc-app="news"] .learning-main{max-width:1000px!important;margin:auto!important}
body[data-woc-app="news"] .learning-dash-hero{border-radius:20px!important;box-shadow:0 12px 32px rgba(21,54,44,.08)!important}
body[data-woc-app="news"] .learning-dash-hero h2{font-family:var(--woc26-serif)!important;letter-spacing:-.025em!important;line-height:1.14!important}
body[data-woc-app="news"] .learning-stat-card,
body[data-woc-app="news"] .learning-studio-tile,
body[data-woc-app="news"] .learning-section{border-radius:16px!important}
body[data-woc-app="news"] .learning-studio-tile{box-shadow:0 3px 14px rgba(22,50,40,.035)!important}
body[data-woc-app="news"] .learning-studio-tile h4{font-size:16px!important;letter-spacing:-.01em!important}
body[data-woc-app="news"] .learning-studio-tile p{line-height:1.45!important}
body[data-woc-app="news"] #savedPanel{background:#f7f9f7!important}
body[data-woc-app="news"] #savedPanel .saved-head{background:#fff!important;border-bottom:1px solid var(--woc26-rule)!important}
body[data-woc-app="news"] #savedPanel h1{font-family:var(--woc26-serif)!important;letter-spacing:-.035em!important}
body[data-woc-app="news"] .woc-drawer{background:#fff!important;border-right:1px solid var(--woc26-rule)!important}
body[data-woc-app="news"] .woc315-menu-row{min-height:54px!important;font-size:14px!important}
body[data-woc-app="news"] .woc315-menu-row:active{background:#f5f7f6!important}
body[data-woc-app="news"] .woc316-dialog{width:min(400px,calc(100vw - 28px))!important;max-height:min(94dvh,740px)!important;overflow-y:auto!important;padding:22px!important;border-radius:20px!important}
body[data-woc-app="news"] .woc316-dialog h2{font-family:var(--woc26-serif)!important;font-size:clamp(26px,6.4vw,31px)!important;line-height:1.1!important;letter-spacing:-.035em!important}
body[data-woc-app="news"] .woc316-logo{max-height:65px!important}
body[data-woc-app="news"] .woc316-features{margin:12px 0!important}
body[data-woc-app="news"] .woc316-features li{padding:10px 0!important}
body[data-woc-app="news"] .woc316-tertiary{min-height:42px!important;font-weight:750!important;text-decoration:underline!important}
body[data-woc-app="news"] .woc-boot{background:#f7f9f7!important}
body[data-woc-app="news"] .woc-boot-card{box-shadow:none!important}
body[data-woc-app="news"] .bottom-nav{--woc-nav320-bg:rgba(255,255,255,.97);--woc-nav320-active:#a42531;--woc-nav320-active-bg:#f9ebed;--woc-nav320-text:#526067;--woc-nav320-line:#dde3e0}
body[data-woc-app="news"] .bottom-nav .nav-btn>span:not(.nav-icon):not(.saved-badge){font-size:10px!important}
body[data-woc-app="panda"]{--woc-p26-line:#dbe6df;--woc-p26-text:#173b2e;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body[data-woc-app="panda"] .topbar{border-bottom:1px solid var(--woc-p26-line)!important}
body[data-woc-app="panda"] .title-area h1{letter-spacing:-.035em!important;line-height:1.1!important}
body[data-woc-app="panda"] .section-title h2{font-weight:820!important;letter-spacing:-.035em!important;line-height:1.15!important}
body[data-woc-app="panda"] .section-title>span{line-height:1.45!important}
body[data-woc-app="panda"] #screenGame .arcade-premium-hero{border-radius:20px!important;overflow:hidden}
body[data-woc-app="panda"] #screenGame .arcade-game-card{border-radius:15px!important}
body[data-woc-app="panda"] #screenGame .arcade-game-card:focus-visible{outline:3px solid #3877c2!important}
body[data-woc-app="panda"] #screenFood .food-grid>*,
body[data-woc-app="panda"] #screenShop .shop-card,
body[data-woc-app="panda"] #screenChina .fact-card{border-radius:16px!important}
body[data-woc-app="panda"] #screenStats .achievements-grid>*{min-width:0;overflow-wrap:break-word}
body[data-woc-app="panda"] #screenStats .achievement-icon{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important}
body[data-woc-app="panda"] #screenStats .panda-collection-panel{border-radius:22px!important}
body[data-woc-app="panda"] .bottom-nav .nav-btn>span:not(.nav-icon):not(.saved-badge){font-size:10px!important}
@media(max-width:600px){
 body[data-woc-app="news"] .woc23-main-lead .woc23-story-title{font-size:clamp(27px,7vw,33px)!important}
 body[data-woc-app="news"] .woc23-lead-grid{gap:17px!important}
 body[data-woc-app="news"] .woc23-main-lead .woc23-story-deck{font-size:13px!important}
 body[data-woc-app="news"] .woc23-story-magazine .woc23-story-title{font-size:16px!important}
 body[data-woc-app="news"] .woc23-edition-head{padding-top:13px!important}
 body[data-woc-app="news"] .woc23-dateline{font-size:9.5px!important}
 body[data-woc-app="news"] .woc23-tabs{gap:20px!important}
 body[data-woc-app="news"] .reader-article>h1{font-size:clamp(29px,7vw,35px)!important}
 body[data-woc-app="news"] .reader-article p{line-height:1.64!important}
 body[data-woc-app="news"] .learning-dash-hero{border-radius:15px!important}
 body[data-woc-app="news"] .learning-studio-tile{border-radius:14px!important}
 body[data-woc-app="panda"] .section-title h2{font-size:clamp(23px,6vw,29px)!important}
}
@media(min-width:760px){
 body[data-woc-app="news"] .woc23-lead-grid{grid-template-columns:minmax(0,1.58fr) minmax(260px,.85fr)!important;align-items:start!important}
 body[data-woc-app="news"] .woc23-main-lead .woc23-story-pic{aspect-ratio:1.78!important}
 body[data-woc-app="news"] .woc23-mag-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
 body[data-woc-app="news"] .learning-studio-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(min-width:1150px){
 body[data-woc-app="news"] .bottom-nav{position:fixed!important;left:0!important;right:auto!important;top:65px!important;bottom:0!important;width:100px!important;height:calc(100dvh - 65px)!important;max-height:none!important;padding:18px 8px!important;border-right:1px solid var(--woc26-rule)!important;border-top:0!important;border-radius:0!important}
 body[data-woc-app="news"] .bottom-nav .bottom-nav-inner{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:10px!important;max-width:100%!important;max-height:100%!important}
 body[data-woc-app="news"] .bottom-nav .nav-btn{flex:0 0 69px!important;height:69px!important}
 body[data-woc-app="news"] main{margin-left:100px!important;max-width:calc(100% - 100px)!important}
 body[data-woc-app="news"] .woc23-edition{max-width:1130px!important}
 body[data-woc-app="news"]:has(.reader-panel.open) .bottom-nav,
 body[data-woc-app="news"]:has(.learning-panel.open) .bottom-nav,
 body[data-woc-app="news"]:has(.saved-panel.open) .bottom-nav{display:none!important}
 body[data-woc-app="panda"] .app{max-width:750px!important;margin:auto!important}
}
@media(prefers-reduced-motion:reduce){
 body[data-woc-app] *,body[data-woc-app] *::before,body[data-woc-app] *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}
html[data-theme="dark"] body[data-woc-app="news"]{--woc26-paper:#212729;--woc26-canvas:#1a2021;--woc26-ink:#f4f3ef;--woc26-muted:#b6c0c0;--woc26-rule:#404b4c;background:var(--woc26-canvas)!important;color:var(--woc26-ink)!important}
html[data-theme="dark"] body[data-woc-app="news"] .app-header,
html[data-theme="dark"] body[data-woc-app="news"] #learningPanel .learning-head,
html[data-theme="dark"] body[data-woc-app="news"] #savedPanel .saved-head{background:#22292a!important}
html[data-theme="dark"] body[data-woc-app="news"] #learningPanel,
html[data-theme="dark"] body[data-woc-app="news"] #savedPanel{background:#1a2021!important}
html[data-theme="dark"] body[data-woc-app="news"] .woc23-main-lead .woc23-story-deck{color:#b6c0c0!important}

/* Final UX audit: immersive article reading; clear room for long headlines. */
body[data-woc-app="news"]:has(#readerPanel.open) .bottom-nav{display:none!important;visibility:hidden!important}
@media(max-width:600px){
 body[data-woc-app="news"] #learningPanel .learning-dash-hero h2{
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-size:clamp(23px,6.2vw,27px)!important;
  font-weight:820!important;line-height:1.14!important;letter-spacing:-.035em!important
 }
 body[data-woc-app="news"] .learning-week-ring{flex-shrink:0!important;transform:scale(.86);transform-origin:top right}
 body[data-woc-app="news"] .learning-hero-top{gap:8px!important}
}

/* WOC 3.19.2 — unified dark newsroom / original masthead asset.
   Contrast audited in 390px Chromium; no filtered/edited Panda artwork. */
html[data-theme="dark"]{
 --bg:#151b1e!important;--card:#222a2e!important;
 --text:#f4f6f4!important;--muted:#b3bdc0!important;
 --line:#364248!important;--surface:#222a2ef2!important;
 --surface-solid:#20282c!important;--surface-soft:#2b3539!important;
 --nav-glass:rgba(26,34,37,.97)!important;
 --reader-text:#f4f5f2!important;--soft-red:rgba(238,98,111,.14)!important;
}
html[data-theme="dark"] body[data-woc-app="news"]{
 --woc26-paper:#20282c!important;--woc26-canvas:#151b1e!important;
 --woc26-ink:#f4f6f4!important;--woc26-muted:#b3bdc0!important;
 --woc26-rule:#364248!important;--woc26-red:#f57a84!important;
 --woc-nav320-bg:rgba(27,35,39,.98)!important;
 --woc-nav320-active:#ff929b!important;--woc-nav320-active-bg:rgba(202,57,72,.18)!important;
 --woc-nav320-text:#d1dade!important;--woc-nav320-line:#39454a!important;
 background:#151b1e!important;color:#f4f6f4!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .app-header{
 background:rgba(30,38,42,.97)!important;border-bottom:1px solid #39454a!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .app-header button,
html[data-theme="dark"] body[data-woc-app="news"] .header-icon-btn,
html[data-theme="dark"] body[data-woc-app="news"] #woc314Bell{
 color:#edf2f1!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .app-header button svg,
html[data-theme="dark"] body[data-woc-app="news"] #woc314Bell svg{
 color:#edf2f1!important;stroke:#edf2f1!important;
}
/* Keep the exact WOC logo, with a white backing so its designed transparent
   negative spaces are legible. Never swap in the formerly damaged dark asset. */
html[data-theme="dark"] body[data-woc-app="news"] .logo-img{
 content:url("./woc-logo-trim-313.png")!important;
 background:#fff!important;border-radius:5px!important;
 padding:3px!important;filter:none!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc-boot-logo{
 background:#fff!important;border-radius:6px;padding:9px!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .bottom-nav{
 background:rgba(27,35,39,.98)!important;
 border-top:1px solid #39454a!important;box-shadow:0 -8px 25px rgba(0,0,0,.20)!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .bottom-nav .nav-btn{
 color:#ccd5d9!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .bottom-nav .nav-btn.active,
html[data-theme="dark"] body[data-woc-app="news"] .bottom-nav .nav-btn[aria-current="page"]{
 background:rgba(204,60,75,.18)!important;color:#ff9da6!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc23-dateline,
html[data-theme="dark"] body[data-woc-app="news"] .woc23-dateline span,
html[data-theme="dark"] body[data-woc-app="news"] .woc23-meta,
html[data-theme="dark"] body[data-woc-app="news"] .woc23-digest-top span,
html[data-theme="dark"] body[data-woc-app="news"] .woc23-digest-top strong{
 color:#b9c3c6!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc23-story-title,
html[data-theme="dark"] body[data-woc-app="news"] .woc23-section-head h2,
html[data-theme="dark"] body[data-woc-app="news"] .woc23-digest .woc23-story-title,
html[data-theme="dark"] body[data-woc-app="news"] .woc23-mag-grid h2{
 color:#f4f5f3!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc23-story-deck,
html[data-theme="dark"] body[data-woc-app="news"] .woc23-main-lead .woc23-story-deck{
 color:#c1c9ca!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc23-story-meta,
html[data-theme="dark"] body[data-woc-app="news"] .woc23-story-meta *,
html[data-theme="dark"] body[data-woc-app="news"] .woc23-edition-word{
 color:#ff8994!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc23-tabs button{
 color:#c6cdce!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc23-tabs button.active{
 color:#ff8994!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc-drawer{
 background:#20282c!important;border-right:1px solid #3a464b!important;
 color:#f4f6f4!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc-drawer-header,
html[data-theme="dark"] body[data-woc-app="news"] .woc315-menu-head{
 background:#20282c!important;color:#f4f6f4!important;
 border-color:#39454a!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc-drawer h2,
html[data-theme="dark"] body[data-woc-app="news"] .woc-drawer h3,
html[data-theme="dark"] body[data-woc-app="news"] .woc315-menu-row,
html[data-theme="dark"] body[data-woc-app="news"] .woc315-menu-row span,
html[data-theme="dark"] body[data-woc-app="news"] .woc-drawer-action,
html[data-theme="dark"] body[data-woc-app="news"] .woc-drawer-action span,
html[data-theme="dark"] body[data-woc-app="news"] .woc315-menu-utility button{
 color:#f0f3f2!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc315-menu-row{
 border-color:#39454a!important;background:transparent!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc315-menu-row:hover{
 background:#2b3539!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc-drawer input,
html[data-theme="dark"] body[data-woc-app="news"] .woc-drawer input[type=search]{
 color:#f3f5f4!important;background:#2b3539!important;
 border-color:#435055!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc-drawer input::placeholder{
 color:#b0babe!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc-drawer .woc315-menu-row.active,
html[data-theme="dark"] body[data-woc-app="news"] .woc-drawer a.active{
 color:#ff929b!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc314-overlay-open .woc314-panel,
html[data-theme="dark"] body[data-woc-app="news"] .woc314-panel,
html[data-theme="dark"] body[data-woc-app="news"] .woc314-scroll,
html[data-theme="dark"] body[data-woc-app="news"] .woc314-top{
 background:#20282c!important;color:#f4f6f4!important;
 border-color:#39454a!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc314-panel h1,
html[data-theme="dark"] body[data-woc-app="news"] .woc314-panel h2,
html[data-theme="dark"] body[data-woc-app="news"] .woc314-panel h3,
html[data-theme="dark"] body[data-woc-app="news"] .woc314-panel p,
html[data-theme="dark"] body[data-woc-app="news"] .woc314-linkrow,
html[data-theme="dark"] body[data-woc-app="news"] .woc314-linkrow span,
html[data-theme="dark"] body[data-woc-app="news"] .woc314-setting{
 color:#edf1f0!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc314-linkrow,
html[data-theme="dark"] body[data-woc-app="news"] .woc314-section{
 border-color:#39454a!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc314-linkrow:hover{
 background:#2b3539!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc314-topic,
html[data-theme="dark"] body[data-woc-app="news"] .woc314-button,
html[data-theme="dark"] body[data-woc-app="news"] .woc314-inbox-item{
 background:#2c373b!important;border-color:#47565c!important;color:#eef2f0!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc314-topic.active{
 background:#513137!important;border-color:#ad5e69!important;color:#fff1f1!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc314-sub,
html[data-theme="dark"] body[data-woc-app="news"] .woc314-overline,
html[data-theme="dark"] body[data-woc-app="news"] .woc314-panel small{
 color:#b2bec1!important;
}
html[data-theme="dark"] body[data-woc-app="news"] #learningPanel{
 background:#151b1e!important;color:#f4f6f4!important;
}
html[data-theme="dark"] body[data-woc-app="news"] #learningPanel .learning-head{
 background:#20282c!important;color:#f4f6f4!important;border-color:#39454a!important;
}
html[data-theme="dark"] body[data-woc-app="news"] #learningPanel .learning-stat-card,
html[data-theme="dark"] body[data-woc-app="news"] #learningPanel .learning-studio-tile,
html[data-theme="dark"] body[data-woc-app="news"] #learningPanel .learning-week,
html[data-theme="dark"] body[data-woc-app="news"] #learningPanel .learning-search{
 background:#20282c!important;color:#f1f5f3!important;border-color:#39454a!important;
}
html[data-theme="dark"] body[data-woc-app="news"] #learningPanel h2,
html[data-theme="dark"] body[data-woc-app="news"] #learningPanel h3,
html[data-theme="dark"] body[data-woc-app="news"] #learningPanel h4{
 color:#f4f6f4!important;
}
html[data-theme="dark"] body[data-woc-app="news"] #learningPanel .learning-dash-hero h2{
 color:#fff!important;
}
html[data-theme="dark"] body[data-woc-app="news"] #learningPanel .learning-dash-hero{
 background:linear-gradient(135deg,#96232d,#661c24)!important;
}
html[data-theme="dark"] body[data-woc-app="news"] #learningPanel input{
 color:#f3f5f4!important;background:#242e32!important;
}
html[data-theme="dark"] body[data-woc-app="news"] #savedPanel,
html[data-theme="dark"] body[data-woc-app="news"] #readerPanel{
 background:#151b1e!important;color:#f4f6f4!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .reader-head,
html[data-theme="dark"] body[data-woc-app="news"] .saved-head{
 background:#20282c!important;color:#f4f6f4!important;border-color:#39454a!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .reader-article,
html[data-theme="dark"] body[data-woc-app="news"] .reader-article p,
html[data-theme="dark"] body[data-woc-app="news"] .reader-article h1,
html[data-theme="dark"] body[data-woc-app="news"] .reader-article h2{
 color:#f4f6f4!important;
}
html[data-theme="dark"] body[data-woc-app="panda"].sleep-mode{
 --woc-nav320-bg:rgba(23,30,39,.98);
 --woc-nav320-text:#d5dce2;--woc-nav320-line:#3d4b5d;
 --woc-nav320-active:#ffa3ae;--woc-nav320-active-bg:rgba(189,63,84,.2);
}
html[data-theme="dark"] body[data-woc-app="panda"].sleep-mode #screenHome .p126-care-rail{
 background:linear-gradient(150deg,#25344a,#1d2b40)!important;
 border:1px solid #40556d!important;color:#eff4f7!important;
}
html[data-theme="dark"] body[data-woc-app="panda"].sleep-mode #screenHome .p126-care-rail strong,
html[data-theme="dark"] body[data-woc-app="panda"].sleep-mode #screenHome .p126-care-rail .p124-care-top strong,
html[data-theme="dark"] body[data-woc-app="panda"].sleep-mode #screenHome .p126-care-rail span{
 color:#eff4f7!important;
}
html[data-theme="dark"] body[data-woc-app="panda"].sleep-mode #screenHome .p126-care-rail .p124-care-actions button{
 color:#eff4f7!important;background:#334861!important;border-color:#546984!important;
}

/* Panda uses its own sleep-mode flag rather than the Newsroom theme attribute. */
body[data-woc-app="panda"].sleep-mode{
 --woc-nav320-bg:rgba(23,30,39,.98)!important;
 --woc-nav320-text:#d5dce2!important;--woc-nav320-line:#3d4b5d!important;
 --woc-nav320-active:#ffa3ae!important;--woc-nav320-active-bg:rgba(189,63,84,.2)!important;
}
body[data-woc-app="panda"].sleep-mode #screenHome .p126-care-rail{
 background:linear-gradient(150deg,#25344a,#1d2b40)!important;
 border:1px solid #40556d!important;color:#eff4f7!important;
}
body[data-woc-app="panda"].sleep-mode #screenHome .p126-care-rail strong,
body[data-woc-app="panda"].sleep-mode #screenHome .p126-care-rail .p124-care-top strong,
body[data-woc-app="panda"].sleep-mode #screenHome .p126-care-rail span{
 color:#eff4f7!important;
}
body[data-woc-app="panda"].sleep-mode #screenHome .p126-care-rail .p124-care-actions button{
 color:#eff4f7!important;background:#334861!important;border-color:#546984!important;
}
body[data-woc-app="panda"].sleep-mode #screenHome .p126-care-rail .p124-care-actions button .label{
 color:#eff4f7!important;
}

/* Final dark contrast pass: original logo dimensions, search and Panda night care. */
html[data-theme="dark"] body[data-woc-app="news"] .app-header .logo-img{
 width:88px!important;height:46px!important;
 max-width:88px!important;object-fit:contain!important;
 padding:3px!important;border-radius:5px!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc-drawer label.search,
html[data-theme="dark"] body[data-woc-app="news"] .woc-drawer .search{
 background:#2b3539!important;color:#eff3f2!important;
 border:1px solid #465459!important;border-radius:11px!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc-drawer #searchInput{
 color:#f5f7f6!important;background:#2b3539!important;
 caret-color:#ff9aa4!important;outline:none!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc-drawer #searchInput:focus{
 outline:2px solid #c87681!important;outline-offset:2px!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc-drawer .search-row button{
 background:#2b3539!important;color:#ff9aa4!important;
 border:1px solid #465459!important;
}
body[data-woc-app="panda"].sleep-mode #screenHome #p310CareBar{
 background:linear-gradient(135deg,#23334a,#202d42)!important;
 border:1px solid #445a71!important;color:#eef4f7!important;
 box-shadow:0 10px 24px rgba(4,11,28,.23)!important;
}
body[data-woc-app="panda"].sleep-mode #screenHome #p310CareBar .p310-bar-head strong{
 color:#f3f7f9!important;
}
body[data-woc-app="panda"].sleep-mode #screenHome #p310CareBar .p310-bar-head small,
body[data-woc-app="panda"].sleep-mode #screenHome #p310CareBar #p39-care-result{
 color:#c2d1df!important;
}
body[data-woc-app="panda"].sleep-mode #screenHome #p310CareBar .action-btn{
 background:#30445e!important;border:1px solid #536983!important;
 color:#f0f6f9!important;box-shadow:none!important;
}
body[data-woc-app="panda"].sleep-mode #screenHome #p310CareBar .action-btn .label{
 color:#f1f6f9!important;
}
body[data-woc-app="panda"].sleep-mode #screenHome .woc319-sound-cta{
 background:#30445e!important;color:#f0f5f7!important;
 border:1px solid #536983!important;
}

/* WOC 3.19.3 — iPhone final polish and transparent brand master.
   White is painted INSIDE the PNG artwork; outside alpha stays transparent. */
body[data-woc-app="news"] .app-header .logo-img,
html[data-theme="dark"] body[data-woc-app="news"] .app-header .logo-img{
 background:transparent!important;box-shadow:none!important;filter:none!important;
 border:0!important;border-radius:0!important;padding:0!important;
 width:98px!important;height:52px!important;max-width:98px!important;
 display:block!important;object-fit:contain!important;object-position:center left!important;
 content:url("./woc-logo-white-inside-transparent-3193.png")!important;
}
body[data-woc-app="news"] .app-header .top-brand{
 min-height:62px!important;
}
body[data-woc-app="news"] .app-header .header-icon-btn,
body[data-woc-app="news"] .app-header .menu-toggle{
 min-width:43px;min-height:43px;
}
/* Related articles: use a real square crop, not an image above an empty box. */
body[data-woc-app="news"] #woc23NextReads{
 max-width:740px!important;padding-top:25px!important;margin-top:32px!important;
}
body[data-woc-app="news"] #woc23NextReads .woc23-next-grid{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;
 gap:0!important;
}
body[data-woc-app="news"] #woc23NextReads .woc23-story-tile{
 display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;
 column-gap:15px!important;row-gap:0!important;
 align-items:center!important;min-width:0!important;
 min-height:0!important;padding:13px 0!important;
 margin:0!important;box-shadow:none!important;
 border:0!important;border-bottom:1px solid var(--woc26-rule,#dfe5e2)!important;
 background:transparent!important;border-radius:0!important;
 text-align:left!important;
}
body[data-woc-app="news"] #woc23NextReads .woc23-story-pic{
 position:relative!important;display:block!important;
 width:104px!important;height:104px!important;
 min-width:104px!important;max-width:104px!important;
 min-height:104px!important;max-height:104px!important;
 aspect-ratio:1/1!important;flex:none!important;
 border-radius:9px!important;overflow:hidden!important;
 background:#e4e8e7!important;
}
body[data-woc-app="news"] #woc23NextReads .woc23-story-pic>img{
 position:absolute!important;inset:0!important;
 display:block!important;width:100%!important;height:100%!important;
 max-width:none!important;min-height:100%!important;
 object-fit:cover!important;object-position:center center!important;
 transform:none!important;
}
body[data-woc-app="news"] #woc23NextReads .woc23-story-copy{
 display:block!important;min-width:0!important;max-width:100%!important;
}
body[data-woc-app="news"] #woc23NextReads .woc23-story-title{
 font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;
 font-size:16px!important;line-height:1.32!important;letter-spacing:-.015em!important;
 font-weight:760!important;hyphens:auto!important;overflow-wrap:break-word!important;
}
body[data-woc-app="news"] #woc23NextReads .woc23-meta{
 font-size:10.5px!important;line-height:1.35!important;
 margin-bottom:6px!important;white-space:normal!important;
}
body[data-woc-app="news"] #woc23NextReads .woc23-story-arrow{
 display:none!important;
}
body[data-woc-app="news"] #woc23NextReads .woc23-next-queue{
 display:inline-flex!important;align-items:center!important;
 justify-content:space-between!important;gap:20px!important;
 min-height:50px!important;max-width:100%!important;
 border-radius:12px!important;text-align:left!important;
 margin-top:20px!important;
 background:#fbeced!important;color:#a72636!important;
 border:1px solid #e8bec4!important;
 padding:13px 17px!important;font-size:13px!important;font-weight:780!important;
}
html[data-theme="dark"] body[data-woc-app="news"] #woc23NextReads .woc23-next-queue{
 background:#34282d!important;color:#ffb4bd!important;border-color:#70424a!important;
}
html[data-theme="dark"] body[data-woc-app="news"] #woc23NextReads .woc23-story-pic{
 background:#293438!important;
}
/* Visually balanced mobile newsroom without squeezing the first feature. */
@media(max-width:680px){
 body[data-woc-app="news"] .woc23-story-lead .woc23-story-pic{
  height:clamp(170px,49vw,222px)!important;
  aspect-ratio:auto!important;
 }
 body[data-woc-app="news"] .woc23-story-lead .woc23-story-copy{
  padding:13px 12px 17px!important;
 }
 body[data-woc-app="news"] .woc23-main-lead .woc23-story-title{
  font-size:clamp(26px,7.2vw,30px)!important;
  line-height:1.14!important;letter-spacing:-.032em!important;
 }
 body[data-woc-app="news"] .woc23-main-lead .woc23-story-deck{
  margin-top:8px!important;font-size:12.5px!important;line-height:1.52!important;
 }
 body[data-woc-app="news"] #woc23NextReads .woc23-story-tile{
  grid-template-columns:102px minmax(0,1fr)!important;gap:13px!important;
 }
 body[data-woc-app="news"] #woc23NextReads .woc23-story-pic{
  width:102px!important;height:102px!important;
  min-width:102px!important;max-width:102px!important;
  min-height:102px!important;max-height:102px!important;
 }
 body[data-woc-app="news"] #readerPanel .reader-article{
  padding-bottom:calc(38px + env(safe-area-inset-bottom,0px))!important;
 }
}
@media(max-width:355px){
 body[data-woc-app="news"] #woc23NextReads .woc23-story-tile{
  grid-template-columns:88px minmax(0,1fr)!important;gap:11px!important;
 }
 body[data-woc-app="news"] #woc23NextReads .woc23-story-pic{
  width:88px!important;height:88px!important;
  min-width:88px!important;max-width:88px!important;
  min-height:88px!important;max-height:88px!important;
 }
 body[data-woc-app="news"] #woc23NextReads .woc23-story-title{font-size:14.5px!important}
}

/* The launch screen uses the same true-alpha brand artwork as the header. */
body[data-woc-app="news"] .woc-boot-logo,
html[data-theme="dark"] body[data-woc-app="news"] .woc-boot-logo{
 display:block!important;object-fit:contain!important;background:transparent!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 padding:0!important;filter:none!important;
}
/* iOS safe area at the end of an article, without a redundant bottom nav. */
body[data-woc-app="news"]:has(#readerPanel.open) .bottom-nav{
 display:none!important;visibility:hidden!important;pointer-events:none!important;
}

/* 3.19.4: editorial deduplication across independently loaded modules. */
body.woc23-home #feed .article.woc3194-near-duplicate{display:none!important}
body.woc23-home #feed .home-latest-block .home-block-head{display:none!important}
html[data-theme="dark"] body[data-woc-app="news"] .woc23-actions{
 background:#20282c!important;border-top:1px solid #39454a!important;
 border-bottom:1px solid #39454a!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc23-actions>button{
 color:#f2f5f3!important;background:transparent!important;border-color:#39454a!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc23-actions b{
 color:#f2f5f3!important;
}
html[data-theme="dark"] body[data-woc-app="news"] .woc23-actions small{
 color:#b8c3c6!important;
}
/* An install invitation must never cover the navigation or actual reading. */
body[data-woc-app="news"] .platform-nudge.show{
 bottom:calc(80px + env(safe-area-inset-bottom,0px))!important;
}

/* WOC 3.19.5 — iOS editorial reader hero, fluid images, safe Panda HUD. */
@media(max-width:700px){
 body[data-woc-app="news"] #readerPanel .reader-article{
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;
 }
 body[data-woc-app="news"] #readerPanel .reader-article > img.reader-cover{
  display:block!important;width:100vw!important;max-width:100vw!important;
  height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;
  margin:-18px 0 20px calc(50% - 50vw)!important;border:0!important;
  border-radius:0!important;position:relative!important;
 }
 body[data-woc-app="news"] #readerPanel .reader-body figure:not(.wp-block-embed) img,
 body[data-woc-app="news"] #readerPanel .reader-body .wp-block-image img{
  display:block!important;width:100%!important;max-width:100%!important;
  height:auto!important;object-fit:contain!important;
 }
}
/* Independent modules previously disagreed about left/transform and pushed the
   toast outside the mobile viewport. Final selector wins over old patch styles. */
body[data-woc-app="panda"] #toast.toast{
 position:fixed!important;left:50%!important;right:auto!important;
 top:auto!important;bottom:calc(94px + env(safe-area-inset-bottom,0px))!important;
 width:max-content!important;max-width:calc(100vw - 32px)!important;
 min-width:0!important;box-sizing:border-box!important;
 white-space:normal!important;overflow-wrap:anywhere!important;
 padding:11px 16px!important;border-radius:15px!important;
 line-height:1.38!important;font-size:13px!important;
 text-align:center!important;transform:translate(-50%,20px)!important;
 z-index:300!important;pointer-events:none!important;
}
body[data-woc-app="panda"] #toast.toast.show{
 transform:translate(-50%,0)!important;
}
@media(max-width:360px){
 body[data-woc-app="panda"] #toast.toast{
  max-width:calc(100vw - 24px)!important;
  font-size:12px!important;
 }
}

/* 3.19.6 Reader stability: retain full-bleed photographs without scroll jank. */
body[data-woc-app="news"] #readerPanel.reader-panel{
 scroll-behavior:auto!important;
 overscroll-behavior-y:auto!important;
 -webkit-overflow-scrolling:touch!important;
 touch-action:pan-y pinch-zoom!important;
 overflow-anchor:auto!important;
}
body[data-woc-app="news"] #readerPanel .reader-head{
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 background:var(--surface-solid)!important;
}
body[data-woc-app="news"] #readerPanel .reader-progress span{
 width:100%!important;transform:scaleX(0);
 transform-origin:left center!important;transition:none!important;
 will-change:transform;
}
body[data-woc-app="news"] #readerPanel .reader-article > img.reader-cover{
 height:auto!important;
 aspect-ratio:auto 16 / 9!important;
 width:100%!important;
 max-width:100%!important;
 display:block!important;
 object-fit:contain!important;
 background:var(--surface-soft);
}
@media(max-width:700px){
 body[data-woc-app="news"] #readerPanel .reader-article{
   width:100%!important;max-width:100%!important;overflow:visible!important;
 }
 body[data-woc-app="news"] #readerPanel .reader-article > img.reader-cover{
   width:100vw!important;max-width:100vw!important;
   margin:-18px 0 20px calc(50% - 50vw)!important;
   aspect-ratio:auto 16 / 9!important;
   height:auto!important;object-fit:contain!important;
 }
}

/* 3.20: reserve every photo's real WP proportion ahead of image decode.
   Only unknown external media gets a fixed, letterboxed safety frame. */
body[data-woc-app="news"] #readerPanel .reader-body img[width][height]{
 max-width:100%!important;height:auto;
}
body[data-woc-app="news"] #readerPanel .reader-body img.woc320-image-unknown{
 width:100%!important;height:auto!important;aspect-ratio:3 / 2!important;
 object-fit:contain!important;background:var(--surface-soft)!important;
}
/* Do not animate scroll offsets, images, or entire content trees. */
body[data-woc-app="news"] #readerPanel .reader-body img{
 content-visibility:visible;transition:none!important;
}

/* WOC 3.20.1 -- iOS About/Install dialog accessibility and scrolling.
   A modal must not be covered by navigation with z-index:210. */
body[data-woc-app="news"] #aboutAppModal.app-info-modal{
 position:fixed!important;inset:0!important;
 z-index:520!important;
 display:none;
 align-items:center!important;justify-content:center!important;
 padding:calc(12px + env(safe-area-inset-top, 0px)) 12px
         calc(12px + env(safe-area-inset-bottom, 0px))!important;
 background:rgba(0,0,0,.53)!important;
 overscroll-behavior:contain!important;
}
body[data-woc-app="news"] #aboutAppModal.app-info-modal.show{
 display:flex!important;
}
body[data-woc-app="news"] #aboutAppModal .app-info-card{
 flex:0 1 auto!important;
 width:100%!important;max-width:560px!important;
 max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
 min-height:0!important;
 overflow-y:auto!important;overflow-x:hidden!important;
 -webkit-overflow-scrolling:touch!important;
 overscroll-behavior-y:contain!important;
 touch-action:pan-y!important;
 scrollbar-width:thin;
 padding:0 20px 20px!important;
 border-radius:22px!important;
 background:var(--surface-solid)!important;
 color:var(--text)!important;
 animation:none!important;
}
body[data-woc-app="news"] #aboutAppModal .app-info-top{
 display:flex;gap:10px;align-items:flex-start;
 position:sticky;top:0;z-index:2;
 margin:0 -20px 12px;padding:18px 20px 12px;
 background:var(--surface-solid)!important;
 border-bottom:1px solid var(--line);
}
body[data-woc-app="news"] #aboutAppModal .app-info-top h2{
 flex:1;min-width:0;margin:0!important;
 font-size:clamp(20px,5.8vw,25px)!important;
 line-height:1.17!important;
 color:var(--text)!important;
 overflow-wrap:break-word;
}
body[data-woc-app="news"] #aboutAppModal .app-info-dismiss{
 flex:0 0 44px;width:44px;height:44px;border-radius:50%;
 border:1px solid var(--line)!important;
 background:var(--surface-soft)!important;color:var(--text)!important;
 display:grid;place-items:center;font-size:26px;cursor:pointer;
}
body[data-woc-app="news"] #aboutAppModal .app-info-card p{
 color:var(--text)!important;
 font-size:clamp(14px,3.5vw,16px)!important;
 font-weight:520!important;line-height:1.55!important;
}
body[data-woc-app="news"] #aboutAppModal .app-info-links{
 display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;
}
body[data-woc-app="news"] #aboutAppModal .app-info-actions{
 padding:10px 0 calc(8px + env(safe-area-inset-bottom,0px));
}
body[data-woc-app="news"] #aboutAppModal .app-info-close,
body[data-woc-app="news"] #aboutAppModal .app-info-privacy{
 min-height:44px;
}
body.woc-about-open{overflow:hidden!important;}
body.woc-about-open .bottom-nav{pointer-events:none!important;}
body[data-woc-app="news"] #installGuideModal.install-guide-modal{
 z-index:530!important;
}
body[data-woc-app="news"] #installGuideModal .install-guide-card{
 max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
 -webkit-overflow-scrolling:touch!important;
 overscroll-behavior:contain!important;
}
@media(max-width:360px){
 body[data-woc-app="news"] #aboutAppModal .app-info-card{padding:0 16px 16px!important;}
 body[data-woc-app="news"] #aboutAppModal .app-info-top{margin:0 -16px 12px;padding:14px 16px 10px;}
}