/* WOC 3.14 — editorial layout: restrained typography, purposeful navigation */
:root{--woc314-ink:#192128;--woc314-red:#ad3037;--woc314-mist:#f3f1ed;--woc314-hairline:#e2dfd9}
body{--woc314-news-surface:#fff}
.app-header{border-bottom:1px solid #e9e7e4!important;box-shadow:none!important;background:#fff!important}
.app-header .top-brand{min-height:71px!important;gap:10px;padding-left:15px!important;padding-right:15px!important}
.app-header .logo-img{width:94px!important;height:auto!important;max-height:41px;object-fit:contain}
.header-actions{gap:6px!important}
.header-actions .header-icon-btn{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:12px!important;width:42px!important;height:42px!important}
#woc314Bell{position:relative;display:grid;place-items:center;flex:none;border:0;background:transparent;color:#293035;border-radius:13px;width:42px;height:42px;cursor:pointer}
#woc314Bell svg{width:23px;height:23px;stroke-width:1.8}
#woc314Bell[data-notify="yes"]::after{content:"";position:absolute;top:7px;right:7px;width:6px;height:6px;border-radius:50%;background:#aa343a;border:2px solid white}
#woc-discover-open{order:-1;width:42px!important;height:42px!important}
#woc314Beijing{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.1;color:#53585b;font-weight:680;white-space:nowrap;border:0;background:transparent;cursor:pointer;padding:8px 3px}
#woc314Beijing .woc314-weather{font-size:10px;color:#7b7d7e}
.woc23-home #woc23Edition{--woc314-surface:#fff}
.woc23-home .woc23-edition-head{padding-top:12px!important}
.woc23-home .woc23-dateline{font-size:11px!important;letter-spacing:.045em!important;opacity:.9}
.woc23-home .woc23-tabs{border:0!important;border-radius:0!important;background:none!important;gap:17px!important;padding:0!important;box-shadow:none!important;border-bottom:1px solid #e5e1da!important}
.woc23-home .woc23-tabs button{border-radius:0!important;box-shadow:none!important;border:0!important;background:transparent!important;padding:13px 3px!important;font-size:14px!important;font-weight:650!important}
.woc23-home .woc23-tabs button[aria-selected="true"]{color:#a72d35!important;box-shadow:inset 0 -3px #b22b34!important}
.woc23-home .woc23-edition-body{padding-top:14px!important}
.woc23-home .woc23-story{box-shadow:none!important;border-radius:9px!important}
.woc23-home .woc23-story-pic{border-radius:7px!important;overflow:hidden}
.woc23-home .woc23-main-lead>.woc23-story{border:0!important;padding:0!important;background:transparent!important}
.woc23-home .woc23-main-lead .woc23-story-copy{padding:13px 0 0!important}
.woc23-home .woc23-block{border-top:1px solid #e4e0dc!important}
.woc23-home .woc23-block h2,.woc23-home .woc23-topic-title h2{letter-spacing:-.035em!important}
.woc23-home .woc23-actions{gap:1px!important;border:1px solid #e7e3dd!important;border-radius:12px!important;background:white!important;overflow:hidden!important}
.woc23-home .woc23-actions>button{border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
.woc23-home .woc23-actions>button+button{border-left:1px solid #edeae6!important}
.woc23-home .woc23-actions small{font-size:10px!important}
.woc23-home .woc23-small-grid{gap:14px!important}
.woc23-home .woc23-small-grid .woc23-story{border-radius:9px!important}
.woc23-home .woc23-digest,.woc23-home .woc23-more-news{box-shadow:none!important}
.woc23-home .woc23-topic-scroll button{border-radius:5px!important;box-shadow:none!important}
.woc23-home .woc23-next-separator{letter-spacing:.07em}
.bottom-nav{border-radius:17px 17px 0 0!important;box-shadow:0 -3px 16px #00000009!important}
.bottom-nav .nav-btn{font-size:11px!important}
.bottom-nav .nav-btn span:not(.saved-badge){font-weight:650!important}
.bottom-nav #navPanda{order:3}.bottom-nav #navCategories{order:2}.bottom-nav #navNews{order:1}.bottom-nav #navLearning{order:4}.bottom-nav #navSaved{order:5}
.woc314-sheet[hidden]{display:none!important}
.woc314-sheet{position:fixed;z-index:760;inset:0;display:flex;align-items:flex-end;justify-content:center;background:#101a2470}
.woc314-panel{width:100%;max-width:650px;height:min(88dvh,830px);background:#fff;color:#1e2428;border-radius:23px 23px 0 0;display:flex;flex-direction:column;box-shadow:0 18px 75px #0004;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}
.woc314-top{padding:23px 21px 16px;border-bottom:1px solid #e8e7e3;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.woc314-overline{font-size:10px;letter-spacing:.12em;font-weight:850;color:#ae3239;text-transform:uppercase}
.woc314-top h2{font-family:Georgia,serif;font-size:29px;line-height:1.1;letter-spacing:-.045em;margin:7px 0 0}
.woc314-top button{width:40px;height:40px;border:1px solid #e3dfd9;border-radius:50%;background:#fff;font-size:24px;color:#333;flex:none}
.woc314-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px 21px 30px}
.woc314-section{border-bottom:1px solid #e9e6df;padding:16px 0}
.woc314-section:first-child{padding-top:0}
.woc314-section:last-child{border-bottom:0}
.woc314-section h3{font-size:15px;line-height:1.3;margin:0 0 7px}
.woc314-sub{color:#6d7173;font-size:12px;line-height:1.55;margin:2px 0 10px}
.woc314-setting{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:65px;padding:9px 0;border-bottom:1px solid #f1eeeb}
.woc314-setting:last-child{border-bottom:0}
.woc314-setting b{font-size:14px}
.woc314-setting small{display:block;color:#747777;font-size:12px;line-height:1.35;margin-top:4px}
.woc314-setting input[type=checkbox]{appearance:none;flex:none;position:relative;width:46px;height:27px;border:0;border-radius:999px;background:#d9dadb;cursor:pointer;transition:background .15s}
.woc314-setting input[type=checkbox]::after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0002;transition:transform .15s}
.woc314-setting input[type=checkbox]:checked{background:#a92e36}
.woc314-setting input[type=checkbox]:checked::after{transform:translateX(19px)}
.woc314-button{border-radius:10px;background:#a82c35;border:1px solid #a82c35;color:white;font-size:13px;font-weight:800;min-height:46px;padding:10px 16px;cursor:pointer}
.woc314-button.secondary{background:#fff;color:#34383b;border-color:#dad8d3}
.woc314-button:disabled{opacity:.5;cursor:not-allowed}
.woc314-buttonrow{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 6px}
.woc314-inline-note{font-size:12px;color:#757575;line-height:1.6}
.woc314-inline-status{border-radius:10px;padding:12px;background:#f5f3ef;color:#56585a;font-size:12px;line-height:1.5;min-height:38px}
.woc314-topicgrid{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}
.woc314-topic{border-radius:8px;border:1px solid #dedbd6;background:#fff;padding:10px 12px;font-size:13px;font-weight:750;color:#303536}
.woc314-topic[aria-pressed="true"]{border-color:#b5323c;background:#fff1f0;color:#9a252f}
.woc314-linkrow{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;border:0;background:transparent;border-bottom:1px solid #e9e6e1;min-height:55px;padding:13px 2px;text-align:left;color:#303437;font-size:14px;font-weight:750}
.woc314-linkrow span:last-child{color:#a92a34}
.woc314-forecast{display:flex;gap:14px;align-items:baseline;font-size:13px;color:#333;padding:13px 0 0}
.woc314-forecast strong{font-size:32px;font-family:Georgia,serif}
.woc314-forecast small{color:#7b7c7e}
.woc314-inbox{display:grid;gap:9px}
.woc314-inbox-item{background:#f8f6f3;border-left:3px solid #b1353d;padding:12px 14px;border-radius:5px;font-size:13px}
.woc314-inbox-item b{display:block;margin-bottom:4px}
.woc314-inbox-item small{color:#747777}
body.woc314-overlay-open{overflow:hidden!important}
.woc314-sheet button:focus-visible,.woc314-sheet input:focus-visible,#woc314Bell:focus-visible{outline:3px solid #be4850;outline-offset:2px}
@media(min-width:700px){.woc314-sheet{align-items:center;padding:22px}.woc314-panel{border-radius:20px;height:min(84vh,830px)}}
@media(max-width:360px){#woc314Beijing{font-size:10px}.app-header .logo-img{width:83px!important}.app-header .top-brand{gap:2px}.header-actions{gap:0!important}#woc314Bell,.header-actions .header-icon-btn{width:35px!important}}
[data-theme="dark"] .woc314-panel{background:#242526;color:#f6f5f2}
[data-theme="dark"] .woc314-setting,[data-theme="dark"] .woc314-section{border-color:#444}
[data-theme="dark"] .woc314-inline-status,[data-theme="dark"] .woc314-inbox-item{background:#323335;color:#f2f0ed}
[data-theme="dark"] .app-header{background:#202020!important}
@media(prefers-reduced-motion:reduce){.woc314-setting input[type=checkbox],.woc314-setting input[type=checkbox]::after{transition:none}}

/* Responsive masthead: editorial branding must never be clipped. */
.app-header .top-brand{display:flex!important;min-width:0!important;overflow:visible!important}
.app-header .logo-img{flex:0 0 auto;min-width:0!important}
#woc314Beijing{flex:0 1 auto;min-width:0!important}
.app-header .header-actions{flex:0 0 auto;display:flex!important;align-items:center!important}
@media(max-width:399px){#woc314Beijing .woc314-weather,#woc314Beijing>span:first-child{display:none!important}#woc314Beijing{padding:8px 1px!important;font-size:11px!important}#aboutAppBtn{display:none!important}.app-header .logo-img{width:91px!important}.app-header .top-brand{gap:3px!important;padding-inline:9px!important}.app-header .header-actions{gap:1px!important}.app-header #themeToggle{width:33px!important}.app-header #woc314Bell{width:35px!important}.app-header #woc-discover-open{width:35px!important}}
@media(max-width:340px){.app-header .logo-img{width:83px!important}#woc314Beijing{font-size:10px!important}.app-header #themeToggle{width:31px!important}}