/* Fixed lesson header and navigation; only the product/content pane scrolls. */
#sjb-boxes .rn-stage .wc-stage .wc-safe{overflow:hidden;gap:12px}
#sjb-boxes .wc-stage .lecture-scroll{position:relative;display:flex;flex-direction:column;gap:18px;flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8d9da9 transparent;padding:0 12px 36px 0;scroll-padding-top:70px}
#sjb-boxes .lecture-scroll>*{flex-shrink:0}
#sjb-boxes .lecture-scroll:focus-visible{outline:1px solid #b6c8d780;outline-offset:-2px}
/* Restore the compact brand shelves; keep a scroll fallback when the presenter uses the top position. */
#sjb-boxes .wc-stage[data-page=heat][data-detail=false] .lecture-scroll{gap:9px;padding:0 0 8px}
#sjb-boxes .wc-stage[data-page=heat][data-detail=false] .lecture-scroll .heat-current-month{min-height:820px}
#sjb-boxes .wc-stage[data-page=heat][data-detail=false] .heat-current-month[data-filtered=true]{min-height:460px;flex:0 0 460px}
#sjb-boxes .heat-current-month .heat-model{padding-top:4px}
#sjb-boxes .lecture-scroll .heat-toolbar{position:sticky;top:0;z-index:3;flex-wrap:wrap;gap:8px;padding:9px 0 12px;background:#132b40}
#sjb-boxes .wc-stage[data-theme=light] .heat-toolbar{background:#eef1ef}
#sjb-boxes .heat-toolbar .heat-range{display:flex;align-items:center;gap:10px;width:100%}
#sjb-boxes .heat-range button{font:inherit;font-size:22px;border:1px solid #60748d;border-radius:8px;padding:8px 16px;color:#c4d3e3;background:#16314d;cursor:pointer}
#sjb-boxes .heat-range button[aria-pressed=true]{background:#d4dce6;color:#19324d}
#sjb-boxes .heat-toolbar .heat-filter{display:flex;flex-wrap:wrap;gap:7px;width:100%}
#sjb-boxes .heat-toolbar .heat-filter button{font-size:21px;padding:6px 13px}
#sjb-boxes .wc-stage[data-page=heat][data-detail=false] .heat-current-month[data-range=halfyear][data-filtered=false]{flex:none;min-height:1240px;grid-template-rows:none;grid-auto-rows:minmax(158px,auto);align-items:stretch}
#sjb-boxes .heat-current-month[data-range=halfyear][data-filtered=false] .heat-brand-row[data-wide=true]{min-height:calc(var(--brand-rows) * 150px)}
#sjb-boxes .rn-stage .wc-stage .lecture-scroll .cat-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 16px}
#sjb-boxes .rn-stage .wc-stage .lecture-scroll .cat-shelf .cat-visual{height:260px;max-height:none}
#sjb-boxes .rn-stage .wc-stage .lecture-scroll .cat-shelf .cat-product-name strong{font-size:30px}
#sjb-boxes .rn-stage .wc-stage .lecture-scroll .multi-card{flex-direction:column;gap:15px;padding:22px 15px;min-height:340px;text-align:center}
#sjb-boxes .rn-stage .wc-stage .lecture-scroll .multi-card>.cat-set{height:280px;width:100%;min-width:0;max-height:none;aspect-ratio:auto}
#sjb-boxes .lecture-scroll .multi-card-copy{gap:4px}
#sjb-boxes .lecture-scroll .multi-card-copy strong{font-size:29px}
#sjb-boxes .lecture-scroll .multi-card-copy small{font-size:22px}
#sjb-boxes .wc-stage[data-page=media] .lecture-scroll{overflow:hidden}

/* The skin changes the entire Double Eleven header, not just the page behind it. */
#sjb-boxes .rn-stage .sell-stage-head{background:var(--campaign-bg);border-bottom-color:var(--campaign-accent)}
#sjb-boxes .sell-stage-head:after{background:linear-gradient(90deg,var(--campaign-wash),transparent 85%),linear-gradient(0deg,var(--campaign-bg),transparent 24%)}
#sjb-boxes .rn-stage .sell-hero-content{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:24px;padding-left:90px;padding-right:70px;align-items:start}
#sjb-boxes .sell-hero-copy{min-width:0}
#sjb-boxes .rn-stage .sell-stage-head .sell-hero-eyebrow{font-size:22px;letter-spacing:2px;line-height:32px;margin:4px 0 20px 145px;color:var(--campaign-accent);white-space:nowrap}
#sjb-boxes .rn-stage .sell-stage-head .sell-hero-title{font-size:var(--hero-size,90px);width:100%;max-width:var(--hero-width,92%);color:var(--campaign-text);text-shadow:0 2px 0 #0005,0 8px 22px #0004}
#sjb-boxes .sell-stage-head[data-art=outline] .sell-hero-title{-webkit-text-stroke:1px var(--campaign-accent);text-shadow:2px 3px 0 #0006}
#sjb-boxes .sell-stage-head[data-art=white] .sell-hero-title{color:#fffaf0;text-shadow:0 2px 4px #142333,0 1px 1px #142333}
#sjb-boxes .rn-stage .sell-stage-head[data-art=ink] .sell-hero-title{color:var(--hero-ink)}
#sjb-boxes .rn-stage .sell-stage-head .sell-banner{font-size:28px;line-height:1.45;letter-spacing:.5px;color:var(--campaign-text);text-shadow:none}
#sjb-boxes .sell-campaign-seal{display:flex;align-items:center;gap:15px;margin-top:24px;color:var(--campaign-accent);border-top:1px solid var(--campaign-accent);padding-top:12px}
#sjb-boxes .sell-campaign-seal b{font:bold 39px/1 Georgia,serif;letter-spacing:2px}
#sjb-boxes .sell-campaign-seal span{font-size:23px;letter-spacing:4px}
#sjb-boxes .sell-hero-product{margin:115px 0 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--campaign-text)}
#sjb-boxes .rn-stage .sell-hero-product-open{display:block;width:100%;height:250px;padding:0;border:0;background:transparent;cursor:zoom-in}
#sjb-boxes .sell-hero-product .sell-photo{width:100%;height:250px;max-width:100%;max-height:250px;margin:0;background:transparent}
#sjb-boxes .sell-hero-product .sell-photo>svg,#sjb-boxes .sell-hero-product .sell-photo>img{display:block;width:100%;height:250px;max-height:250px;object-fit:contain}
#sjb-boxes .sell-hero-product figcaption{font-size:22px;line-height:1.45;text-align:center;max-width:100%;color:var(--campaign-text)}
#sjb-boxes .rn-stage[data-position=top] .sell-hero-product{margin-top:55px}
#sjb-boxes .rn-stage[data-position=top] .sell-hero-eyebrow{margin-left:0}
#sjb-boxes #sell-scenes{grid-template-columns:repeat(2,minmax(0,1fr))}
#sjb-boxes[data-hot-carousel=true] .sell-stage .sell-stage-head{display:none}

/* Keep the six comparison pairs; give their selling appearance a sales campaign identity. */
#sjb-boxes .hc-banner[data-scene=selling]{background:var(--campaign-bg);border-color:var(--campaign-accent);color:var(--campaign-text)}
#sjb-boxes .hc-banner[data-scene=selling]::before{background:linear-gradient(90deg,var(--campaign-wash),transparent 90%),var(--campaign-image) center/cover;opacity:1}
#sjb-boxes .hc-banner[data-scene=selling]::after{border-color:var(--campaign-accent);opacity:.4}
#sjb-boxes .hc-banner[data-scene=selling] .hc-title :is(small,h2),#sjb-boxes .hc-banner[data-scene=selling] .hc-model-name{color:var(--campaign-text);text-shadow:none}
#sjb-boxes .hc-banner[data-scene=selling] :is(.hc-episode,.hc-vs,.hc-prompt){color:var(--campaign-accent);border-color:var(--campaign-accent)}
#sjb-boxes .hc-banner[data-scene=selling] .hc-conclusion{color:var(--campaign-text);background:var(--campaign-plate);border-color:var(--campaign-accent)}
#sjb-boxes .hc-banner[data-scene=selling] .hc-pair figcaption{color:var(--campaign-muted)}
#sjb-boxes .hc-banner[data-scene=selling] .hc-product-image>span{background:var(--campaign-plate);color:var(--campaign-muted);border-color:var(--campaign-accent)}
#sjb-boxes .hc-campaign-seal{position:absolute;top:calc(var(--hc-text-top) - 134px);right:76px;display:flex;flex-direction:column;align-items:center;transform:rotate(7deg);color:var(--campaign-accent);opacity:.9}
#sjb-boxes .hc-campaign-seal b{font:bold 82px/1 Georgia,serif;letter-spacing:-3px;text-shadow:0 3px 12px #0002}
#sjb-boxes .hc-campaign-seal span{font-size:20px;letter-spacing:4px;border-top:1px solid currentColor;padding-top:8px}
#sjb-boxes .wc-stage[data-page=media] .lecture-scroll>.lc-media-viewer{flex:1 1 0;min-height:0}