/* WOC 3.15: Editorial redesign. Reference implementation is original WOC code,
   based on accessible navigation principles; no third-party UI artwork or fonts included. */
:root{--woc315-r:#b32c35;--woc315-ink:#1c1e20;--woc315-rule:#dedfdd;--woc315-sub:#686c70;--woc315-paper:#fff}
html:not([data-theme="dark"]) body{background:#fff!important;color:var(--woc315-ink)}
/* Compact, purposeful masthead */
.app-header{background:var(--woc315-paper)!important;border-bottom:1px solid #e7e7e5!important}
.app-header .top-brand{min-height:62px!important;display:flex!important;align-items:center!important;padding:6px 15px!important;gap:8px!important}
.app-header .logo-img{width:112px!important;max-height:45px!important;object-fit:contain!important;flex:0 0 auto!important}
.app-header .header-actions{gap:2px!important;margin-left:auto!important}
#themeToggle,#aboutAppBtn{display:none!important}
.app-header #woc314Beijing{display:none!important}
.app-header #woc-discover-open{order:0!important;width:42px!important;height:42px!important}
.app-header #woc314Bell{width:42px!important;height:42px!important}
.app-header #woc315Search{display:grid!important;place-items:center;order:-1;flex:0 0 42px;border:0;background:transparent;color:#303438;border-radius:11px;width:42px;height:42px}
.app-header #woc315Search svg{width:21px;height:21px;stroke-width:1.8}
/* Splash: one centered identity, one simple progress indicator. */
.woc-boot{background:#fdfcf9!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:calc(env(safe-area-inset-top) + 14px) 28px calc(env(safe-area-inset-bottom) + 16px)!important}
.woc-boot[hidden]{display:none!important}
.woc-boot-card{width:min(390px,100%)!important;padding:0!important;margin:0!important;text-align:center!important;display:flex;flex-direction:column;align-items:center}
.woc-boot-logo{display:block!important;width:clamp(165px,52vw,218px)!important;margin:0 auto 29px!important;height:auto!important;object-fit:contain!important}
.woc-boot-kicker{display:none!important}
.woc-boot-title{font-family:system-ui,-apple-system,sans-serif!important;letter-spacing:-.035em!important;font-size:clamp(22px,5.4vw,28px)!important;font-weight:720!important;line-height:1.16!important;margin:0 0 8px!important;text-align:center!important;width:100%!important}
.woc-boot-message{font-size:13px!important;line-height:1.5!important;color:#6a6c6d!important;max-width:32ch!important;text-align:center!important;margin:0 auto!important;min-height:43px!important}
.woc-boot-progress{width:100%!important;height:4px!important;margin:25px 0 8px!important;background:#e7e6e2!important;border-radius:4px!important}
.woc-boot-progress>span{background:var(--woc315-r)!important;border-radius:4px!important}
.woc-boot-stats{width:100%!important;font-size:11px!important;text-align:left!important}
.woc-boot-stats b{font-size:12px!important;color:var(--woc315-r)!important}
.woc-boot-list{width:100%!important;margin:21px 0 19px!important;display:flex!important;gap:7px!important;justify-content:center!important;flex-wrap:wrap!important}
.woc-boot-step{padding:7px 10px!important;border:1px solid #e5e3de!important;border-radius:9px!important;min-height:34px!important;display:flex!important;align-items:center!important;gap:5px!important;font-size:10.5px!important;white-space:nowrap!important}
.woc-boot-step i{width:17px!important;height:17px!important;border-radius:50%!important;font-size:10px!important;background:#efefec!important}
.woc-boot-step.done{color:#466a57!important;border-color:#dce8df!important}
.woc-boot-step.active{border-color:#ecc9c9!important;color:#a93138!important}
.woc-boot-continue{min-height:46px!important;max-width:390px!important;background:#a72c34!important;border-radius:10px!important;font-weight:750!important;font-size:14px!important}
.woc-boot-skip{margin:14px auto 0!important;text-decoration:none!important;font-size:12px!important;color:#666!important}
.woc-boot-foot{font-size:10.5px!important;line-height:1.5!important;color:#858587!important;max-width:34ch!important;margin:14px auto 0!important}
@media(max-height:700px){.woc-boot-logo{width:150px!important;margin-bottom:15px!important}.woc-boot-list{margin:12px 0!important}.woc-boot-progress{margin-top:14px!important}.woc-boot-foot{display:none!important}}
@media(max-width:350px){.woc-boot-step{font-size:10px!important;padding:6px 8px!important}.woc-boot-logo{width:150px!important}}
/* Genuine editorial drawer: search, headlines, sections, user tools. */
.woc-drawer{background:#fff!important;width:min(100vw,430px)!important;box-shadow:15px 0 45px #0002!important}
.woc-drawer-header{padding:23px 22px 14px!important;border-bottom:1px solid #e6e6e3!important;align-items:center!important}
.woc-drawer-kicker{color:#747474!important;letter-spacing:.09em!important;font-size:10px!important}
.woc-drawer-header h2{font-size:25px!important;font-weight:700!important;letter-spacing:-.04em!important;margin-top:2px!important}
.woc-drawer-close{border:0!important;border-radius:9px!important;background:#f4f3f1!important;font-size:24px!important}
.woc-drawer-body{padding:14px 20px 30px!important}
.woc-drawer-label{margin:16px 0 8px!important;font-size:10px!important;letter-spacing:.09em!important;color:#777!important}
.woc-drawer #woc-discover-tools{margin-bottom:15px!important}
.woc-drawer .toolbar .search-row{gap:6px!important}
.woc-drawer .toolbar .search{border-radius:10px!important;height:47px!important;min-height:47px!important;background:#f3f4f4!important;border:0!important;padding:8px 12px!important}
.woc-drawer .toolbar .search input{font-size:14px!important}
.woc-drawer .toolbar .refresh-btn{width:45px!important;height:45px!important;min-width:45px!important;border-radius:10px!important;background:#f1f1ee!important;border:0!important;color:#ad3038!important;box-shadow:none!important}
#woc-discover-drawer #categoryChips{display:none!important}
.woc-drawer .woc30-quick-search{display:none!important}
#woc-discover-results{display:none!important}
#woc-discover-shortcuts{display:none!important}
.woc315-menu-groups{margin:0!important;display:grid!important;gap:11px!important}
.woc315-menu-head{font-size:10px!important;color:#777!important;letter-spacing:.09em!important;text-transform:uppercase!important;font-weight:760!important;padding:12px 3px 5px!important}
.woc315-menu-row{display:flex;width:100%;align-items:center;min-height:49px;justify-content:space-between;gap:9px;padding:12px 3px;background:transparent;border:0;border-bottom:1px solid #ededea;text-align:left;color:#1f2224;font-size:14px;font-weight:630;cursor:pointer}
.woc315-menu-row span:last-child{font-weight:400;color:#8b8f92;font-size:16px}
.woc315-menu-row:focus-visible{outline:2px solid var(--woc315-r);outline-offset:1px}
.woc315-menu-row[data-primary="yes"]{color:#a3242b!important;font-weight:740}
.woc315-menu-row[data-selected="yes"]{color:#a3242b!important}
.woc315-menu-utility{margin-top:3px!important;border-top:1px solid #e6e5e2!important;padding-top:8px!important}
.woc315-drawer-foot{padding:13px 0 20px;font-size:12px;line-height:1.5;color:#787878}
#woc314Beijing.woc315-menu-beijing{display:flex!important;color:#4a4e52!important;gap:8px;font-size:12px;border-top:1px solid #e7e7e4;margin-top:12px;padding:17px 3px!important;width:100%;justify-content:flex-start}
.woc315-brief-divider{color:#a52e38;font-weight:760}
.woc-drawer-status{border:0!important;border-radius:8px!important;background:#f5f5f3!important;margin-top:8px!important}
#woc-offline-refresh{border-radius:8px!important;border-color:#e4e4df!important}
/* Frontpage: newspapers, not a collection of product cards. */
.woc23-edition{margin-top:0!important}
.woc23-edition-head{padding-top:17px!important}
.woc23-issue-mark{width:5px!important;height:15px!important;transform:none!important;border-radius:1px!important}
.woc23-dateline{font-size:10px!important;color:#646a6b!important;gap:6px!important}
.woc23-edition-word{color:var(--woc315-r)!important}
.woc23-tabs{display:flex!important;gap:23px!important;max-width:none!important;align-items:stretch!important;border-radius:0!important;background:transparent!important;border-bottom:1px solid #dfe0dd!important;margin-top:4px!important}
.woc23-tabs button{font-size:13px!important;font-weight:650!important;padding:13px 0 12px!important;flex:0 0 auto!important;min-height:43px!important;border:0!important;border-radius:0!important}
.woc23-tabs button[aria-selected="true"]{box-shadow:inset 0 -3px #b62f37!important;color:#a72d35!important;background:transparent!important}
.woc23-edition-body{gap:26px!important;padding-top:15px!important}
.woc23-main-lead .woc23-story-lead{display:flex!important;flex-direction:column!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;background:transparent!important}
.woc23-main-lead .woc23-story-lead .woc23-story-pic{order:0!important;aspect-ratio:1.7!important;max-height:none!important;border-radius:4px!important}
.woc23-main-lead .woc23-story-lead .woc23-story-copy{order:1!important;padding:13px 0 0!important}
.woc23-main-lead .woc23-story-lead .woc23-meta{font-size:10px!important;color:#af2d37!important;letter-spacing:.02em!important;margin-bottom:6px!important}
.woc23-main-lead .woc23-story-lead .woc23-story-title{font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(25px,5.9vw,31px)!important;line-height:1.09!important;letter-spacing:-.037em!important;font-weight:740!important}
.woc23-main-lead .woc23-story-lead .woc23-story-deck{font-size:13px!important;line-height:1.49!important;color:#555d60!important;-webkit-line-clamp:2!important;margin-top:8px!important}
.woc23-main-lead .woc23-story-lead .woc23-story-arrow{display:none!important}
.woc23-digest{border-radius:0!important;background:transparent!important;border:0!important;border-top:2px solid #343638!important;padding:11px 0 0!important;box-shadow:none!important}
.woc23-digest-top{padding:2px 0 10px!important;margin:0!important;border-color:#e4e4e2!important;font-size:10px!important;color:#31363a!important}
.woc23-digest-row{padding:11px 0!important;border-bottom:1px solid #e7e7e5!important}
.woc23-index{color:#a8adb0!important;font-size:17px!important}
.woc23-story-digest .woc23-story-title{font-size:13px!important;line-height:1.35!important;font-weight:720!important}
.woc23-story-digest .woc23-meta{font-size:9px!important}
.woc23-block{border-top:2px solid #2e3032!important;padding-top:14px!important}
.woc23-section-head{margin:0 0 15px!important}
.woc23-section-head h2{font:730 23px/1.13 Georgia,serif!important;letter-spacing:-.04em!important}
.woc23-section-head p{display:none!important}
.woc23-eyebrow{font-size:9.5px!important;letter-spacing:.08em!important;color:#b52e38!important}
.woc23-story-magazine,.woc23-story-tile{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:0!important}
.woc23-story-magazine{padding-bottom:12px!important;border-bottom:1px solid #e8e8e6!important}
.woc23-story-tile .woc23-story-pic{border-radius:3px!important}
.woc23-story-magazine .woc23-story-title{font-size:15px!important}
.woc23-story-tile .woc23-story-title{font-size:13px!important}
.woc23-story .woc23-meta{color:#a92e35!important}
.woc23-actions{border:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;border-top:1px solid #e1e2e0!important;border-bottom:1px solid #e1e2e0!important;border-radius:0!important;padding:8px 0!important;gap:0!important}
.woc23-actions>button{min-height:63px!important;padding:6px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;text-align:center!important;background:transparent!important;border:0!important;border-right:1px solid #e3e3e1!important;border-radius:0!important}
.woc23-actions>button:last-child{border-right:0!important}
.woc23-actions>button svg:first-child{width:18px!important;height:18px!important}
.woc23-actions b{font-size:11px!important}
.woc23-actions small{font-size:9px!important}
.woc23-actions button svg:last-child{display:none!important}
.woc23-topic-title h2{font:750 20px/1.2 Georgia,serif!important}
.woc23-topic-scroll button{border-radius:4px!important;font-size:12px!important;background:transparent!important}
.woc23-feed-divider{border-top:2px solid #2d3032!important;margin-top:0!important}
.woc23-feed-divider h2{font-size:22px!important}
.bottom-nav{border-radius:0!important;box-shadow:0 -2px 11px #0000000b!important;border-top:1px solid #ededeb!important}
.bottom-nav .bottom-nav-inner{padding-inline:5px!important}
.bottom-nav .nav-btn{min-width:0!important}
.bottom-nav .nav-btn span{font-size:10px!important}
@media(max-width:420px){.app-header .logo-img{width:102px!important}.app-header .top-brand{padding:7px 10px!important;gap:3px!important}.app-header #woc-discover-open,.app-header #woc314Bell,.app-header #woc315Search{width:40px!important;height:40px!important;flex-basis:40px!important}.woc23-tabs{gap:22px!important}.woc23-dateline time{font-size:10px!important}}
@media(max-width:350px){.app-header .logo-img{width:93px!important}.app-header #woc-discover-open,.app-header #woc314Bell,.app-header #woc315Search{width:36px!important;height:36px!important;flex-basis:36px!important}.woc23-tabs{gap:17px!important}}
html[data-theme="dark"]{--woc315-ink:#f8f6f3;--woc315-rule:#454545;--woc315-paper:#222426}
html[data-theme="dark"] .woc-drawer{background:#202124!important;color:#eee!important}
html[data-theme="dark"] .woc315-menu-row{color:#f0f0ee!important;border-color:#414141!important}
html[data-theme="dark"] .woc23-story-magazine,html[data-theme="dark"] .woc23-story-tile{background:transparent!important}
html[data-theme="dark"] .woc23-digest,html[data-theme="dark"] .woc23-block{border-color:#aaa!important}
@media(prefers-reduced-motion:reduce){.woc315-menu-row{transition:none}}
/* Original legacy media query was more specific and reversed the lead order. */
body.woc23-home .woc23-main-lead .woc23-story-lead{display:flex!important;flex-direction:column!important}
body.woc23-home .woc23-main-lead .woc23-story-lead .woc23-story-pic{order:0!important;max-height:none!important;aspect-ratio:1.7!important}
body.woc23-home .woc23-main-lead .woc23-story-lead .woc23-story-copy{order:1!important;padding:12px 0 0!important}
/* Final first-run polish: no decorative status chips or rounded wrapper. */
.woc-boot-logo{width:min(212px,70vw)!important;margin-bottom:30px!important}
.woc-boot-list{display:none!important}
.woc-boot-continue{margin-top:24px!important}
.woc-boot-foot{font-size:11px!important}
body:not(.woc-drawer-open) .woc-discover-scrim{visibility:hidden!important;pointer-events:none!important;transition:none!important}
body:not(.woc-drawer-open) .woc-drawer{pointer-events:none!important}

/* Logo artwork has transparent padding in the legacy asset; use the trimmed original. */
.app-header .logo-img{width:128px!important;height:auto!important;max-height:45px!important}
@media(max-width:420px){.app-header .logo-img{width:122px!important}}
@media(max-width:350px){.app-header .logo-img{width:110px!important}}
