/* WOC 3.12: streamlined editorial home, accessible discovery drawer and staged offline setup */
#woc-discover-open{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--text);width:42px;height:42px;min-width:42px;border-radius:14px;cursor:pointer}
#woc-discover-open svg{width:23px;height:23px}
#woc-discover-open:focus-visible,.woc-drawer button:focus-visible,.woc-boot button:focus-visible{outline:3px solid #ca2930;outline-offset:3px}
body.woc-drawer-open{overflow:hidden!important}
.woc-discover-scrim{position:fixed;inset:0;background:rgba(21,24,28,.42);z-index:400;opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}
.woc-discover-scrim.is-open{opacity:1;visibility:visible}
.woc-drawer{position:fixed;z-index:401;inset:0 auto 0 0;width:min(420px,calc(100vw - 34px));background:#faf9f6;color:#171819;box-shadow:25px 0 70px rgba(15,20,25,.23);transform:translateX(-103%);visibility:hidden;transition:transform .28s cubic-bezier(.2,.7,.3,1),visibility .28s;display:flex;flex-direction:column;overscroll-behavior:contain;padding-top:env(safe-area-inset-top)}
.woc-drawer.is-open{transform:translateX(0);visibility:visible}
.woc-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:26px 22px 16px;flex:none}
.woc-drawer-kicker{font-size:11px;letter-spacing:.12em;color:#a5282c;font-weight:850;text-transform:uppercase}
.woc-drawer-header h2{font-family:Georgia,serif;font-size:28px;letter-spacing:-.035em;line-height:1.12;margin:7px 0 0}
.woc-drawer-close{border:1px solid #e2dfd8;background:#fff;color:#202126;border-radius:50%;width:42px;height:42px;font-size:28px;line-height:1;cursor:pointer}
.woc-drawer-body{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;padding:10px 20px 30px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.woc-drawer-label{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#777;display:block;margin:21px 0 10px}
.woc-drawer .toolbar{display:block!important;position:static!important;background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0!important;max-width:none!important;border-radius:0!important;width:100%!important;min-height:0!important;transform:none!important}
.woc-drawer .toolbar .search-row{display:flex;gap:9px;align-items:center}
.woc-drawer .toolbar .search{min-width:0;border:1px solid #dad6cf!important;background:#fff!important;box-shadow:none!important;padding:11px 13px!important}
.woc-drawer .toolbar .search input{min-width:0;width:100%}
.woc-drawer .toolbar .refresh-btn{flex:0 0 44px;min-width:44px;max-width:44px;width:44px;height:44px}
.woc-drawer #woc30CategoryToggle{display:none!important}
.woc-drawer #categoryChips,.woc-drawer body.woc23-home #categoryChips:not(.woc30-expanded){display:flex!important;position:static!important;visibility:visible!important;opacity:1!important;flex-wrap:wrap!important;gap:8px!important;max-height:none!important;height:auto!important;overflow:visible!important;padding:12px 0 0!important;white-space:normal!important;transform:none!important;background:transparent!important}
.woc-drawer #categoryChips .chip{max-width:100%;white-space:normal;text-align:left;border-radius:11px;padding:10px 13px;font-size:13px;line-height:1.35}
.woc-drawer .woc30-quick-search{display:block!important;margin:8px 0!important}
.woc-drawer .woc30-quick-search button{width:100%;min-height:50px}
.woc-drawer-action{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;border:1px solid #e2ddd4;border-radius:16px;background:#fff;padding:12px 16px;margin-top:9px;text-align:left;font-size:14px;font-weight:750;color:#313131;cursor:pointer}
.woc-drawer-action span:last-child{color:#ae252e}
.woc-drawer-note{font-size:12px;line-height:1.6;color:#777;margin:13px 2px 0}
.woc-offline-status{font-size:12px;color:#6d6c69;line-height:1.55;margin:8px 2px}
.woc-drawer-status{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:12px 13px;background:#f0ede8;border:1px solid #e1dcd2;border-radius:14px;margin-top:16px}
.woc-drawer-status small{font-size:11px;font-weight:650;color:#555}
.woc-drawer-status strong{font-size:12px;color:#a5262a;font-variant-numeric:tabular-nums}
.woc-boot[hidden]{display:none!important}
.woc-boot{position:fixed;inset:0;z-index:9999;background:#f8f7f3;display:grid;place-items:center;padding:calc(env(safe-area-inset-top) + 26px) 25px calc(env(safe-area-inset-bottom) + 22px);color:#171717}
.woc-boot-card{width:min(430px,100%);text-align:left}
.woc-boot-logo{height:48px;width:auto;max-width:185px;object-fit:contain;margin-bottom:42px}
.woc-boot-kicker{font-size:11px;font-weight:850;color:#b4242a;letter-spacing:.13em;text-transform:uppercase}
.woc-boot-title{font-family:Georgia,serif;line-height:1.12;letter-spacing:-.04em;font-weight:700;font-size:clamp(34px,8vw,46px);margin:13px 0}
.woc-boot-message{font-size:15px;line-height:1.65;color:#676665;max-width:36ch}
.woc-boot-progress{background:#e9e5dc;height:6px;border-radius:20px;overflow:hidden;margin:34px 0 12px}
.woc-boot-progress>span{display:block;width:0;height:100%;background:#ba2931;border-radius:20px;transition:width .2s}
.woc-boot-stats{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:12px;font-weight:750;color:#777;line-height:1.5}
.woc-boot-stats b{color:#bb2730;font-variant-numeric:tabular-nums}
.woc-boot-list{display:grid;gap:14px;margin:32px 0 26px}
.woc-boot-step{display:flex;gap:12px;align-items:center;color:#7a7873;font-size:14px}
.woc-boot-step i{display:grid;place-items:center;width:30px;height:30px;font-size:12px;font-style:normal;font-weight:750;background:#eae7e0;border-radius:11px;color:#6e6c66}
.woc-boot-step.done{color:#343330}.woc-boot-step.done i{background:#e5efe7;color:#357147}.woc-boot-step.active i{background:#f8e2e2;color:#bd2930}
.woc-boot-continue{width:100%;min-height:52px;border-radius:15px;border:0;background:#ba2931;color:white;font-size:15px;font-weight:850;cursor:pointer}
.woc-boot-continue:disabled{opacity:.48;cursor:wait}
.woc-boot-skip{display:block;margin:17px auto;border:0;background:transparent;font-size:12px;text-decoration:underline;color:#706d67;cursor:pointer}
.woc-boot-foot{font-size:12px;color:#807d78;line-height:1.6;margin-top:22px}
@media(prefers-reduced-motion:reduce){.woc-drawer,.woc-discover-scrim,.woc-boot-progress>span{transition:none!important}}
@media(min-width:860px){.woc-drawer{width:445px}.woc-boot-title{font-size:48px}}
[data-theme="dark"] .woc-drawer{background:#202020;color:#f5f2ee}
[data-theme="dark"] .woc-drawer-action,[data-theme="dark"] .woc-drawer .search,[data-theme="dark"] .woc-drawer-close{background:#303030!important;color:#f6f4ee!important;border-color:#444!important}
[data-theme="dark"] .woc-boot{background:#1d1d1f;color:#f5f2ed}
[data-theme="dark"] .woc-boot-message,[data-theme="dark"] .woc-boot-step{color:#beb9b5}

body.woc23-home .woc-drawer #categoryChips:not(.woc30-expanded){display:flex!important;}

main .woc30-quick-search{display:none!important}
.woc-drawer .woc30-quick-search{display:block!important}

.woc30-quick-search{display:none!important}