/* WOC 3.13 — editorial welcome and listening studio */
.woc-boot{background:radial-gradient(ellipse 110% 50% at 104% -5%,rgba(182,37,47,.09),transparent 68%),#f8f7f3}
.woc-boot::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#ad202d}
.woc-boot-card{position:relative;padding:20px 0 14px;max-width:420px}
.woc-boot-logo{height:42px;max-width:125px;margin-bottom:42px}
.woc-boot-kicker{letter-spacing:.14em;font-size:11px;color:#a32930;margin-bottom:10px}
.woc-boot-title{font-size:clamp(31px,7.5vw,44px);letter-spacing:-.045em;max-width:11em;margin:0 0 15px}
.woc-boot-message{margin:0;max-width:39ch;min-height:42px;font-size:14px;line-height:1.6;color:#6f6c68}
.woc-boot-progress{height:5px;margin:26px 0 10px}
.woc-boot-stats{font-size:12px}
.woc-boot-list{border:1px solid #e7e2d9;border-radius:18px;background:rgba(255,255,255,.7);padding:14px 15px;gap:10px;margin:23px 0 24px}
.woc-boot-step{font-size:13px;line-height:1.35}
.woc-boot-step i{border-radius:50%;width:26px;height:26px}
.woc-boot-continue{background:#a92731;box-shadow:0 10px 22px rgba(145,33,43,.15);border-radius:13px;min-height:49px}
.woc-boot-continue:active{transform:scale(.99)}
.woc-boot-skip{margin-top:13px}
.woc-boot-foot{line-height:1.5;font-size:11.5px;color:#84817c;margin-top:16px}
.woc-boot-panda{position:absolute;width:116px;height:116px;object-fit:contain;right:-13px;top:38px;opacity:.95;pointer-events:none;filter:drop-shadow(0 12px 18px rgba(12,8,8,.07))}
.woc-boot-endorsement{position:absolute;right:-5px;top:135px;border-radius:999px;border:1px solid #ebddd9;background:#fff;color:#8d3538;padding:5px 10px;font-size:10px;font-weight:850;letter-spacing:.025em}
@media(max-width:360px){.woc-boot-panda{width:95px;height:95px;top:37px}.woc-boot-endorsement{top:116px;font-size:9px}.woc-boot-logo{margin-bottom:33px}.woc-boot-list{margin:15px 0}}
/* Listening hub uses reader voice where possible and device speech for the brief. */
.woc-listen[hidden]{display:none!important}
.woc-listen{position:fixed;inset:0;z-index:700;display:flex;align-items:flex-end;justify-content:center;background:rgba(15,18,23,.48);padding:0;overscroll-behavior:contain}
.woc-listen-sheet{width:100%;max-width:650px;height:min(86dvh,750px);padding:0 20px calc(25px + env(safe-area-inset-bottom));background:#fcfbf8;color:#222;border-radius:28px 28px 0 0;box-shadow:0 20px 70px #0004;overflow:auto;overscroll-behavior:contain}
.woc-listen-handle{width:40px;height:5px;background:#dbd5cf;border-radius:50px;margin:12px auto 22px}
.woc-listen-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.woc-listen-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#b32631;font-weight:850}
.woc-listen-top h2{font-family:Georgia,serif;font-size:32px;line-height:1.08;letter-spacing:-.04em;margin:8px 0 6px}
.woc-listen-top p{font-size:13px;color:#716c67;line-height:1.55;margin:0;max-width:34ch}
.woc-listen-close{width:42px;height:42px;flex:none;border:1px solid #e2ded7;background:white;border-radius:50%;font-size:27px;color:#333}
.woc-listen-feature{border-radius:18px;background:linear-gradient(135deg,#a81e2d,#702027);color:#fff;padding:20px 20px 18px;margin:23px 0}
.woc-listen-feature-top{font-weight:750;font-size:13px;opacity:.87}
.woc-listen-feature h3{font-family:Georgia,serif;font-size:23px;margin:8px 0 16px;line-height:1.2}
.woc-listen-controls{display:flex;flex-wrap:wrap;gap:9px}
.woc-listen-action{background:#fff;color:#98222c;border:0;border-radius:11px;min-height:42px;padding:10px 16px;font-weight:850;font-size:13px}
.woc-listen-action.ghost{background:#ffffff25;color:#fff;border:1px solid #ffffff55}
.woc-listen-list-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:900;color:#8c2b31;margin:17px 0 12px}
.woc-listen-stories{display:grid;gap:9px}
.woc-listen-story{border:1px solid #e6e0d8;background:#fff;border-radius:15px;display:flex;align-items:center;gap:12px;text-align:left;width:100%;min-height:65px;padding:10px 13px;font-size:14px;font-weight:750;color:#262525;line-height:1.35}
.woc-listen-num{font-family:Georgia,serif;font-size:24px;font-weight:500;color:#c2a8a1;min-width:26px}
.woc-listen-go{margin-left:auto;color:#b52732;white-space:nowrap;font-size:11px}
.woc-listen-status{margin-top:15px;min-height:20px;color:#6c625c;font-size:12px}
body.woc-listening{overflow:hidden!important}
[data-theme="dark"] .woc-listen-sheet{background:#252323;color:#f5f3ed}
[data-theme="dark"] .woc-listen-story{background:#343030;border-color:#474343;color:#f9f6f1}
@media(min-width:720px){.woc-listen{align-items:center;padding:20px}.woc-listen-sheet{border-radius:28px;height:min(86vh,750px)}}

/* Visual QA: keep the mascot above the editorial headline. */
.woc-boot-panda{top:-13px;right:-3px;width:103px;height:103px}
.woc-boot-endorsement{display:none!important}
.woc-listen-sheet .woc-listen-top{background:transparent!important;box-shadow:none!important;border:0!important;position:static!important;padding:0!important;color:inherit!important}
.woc-boot-skip[hidden]{display:none!important}