/* W07: preserve the existing theater; categories belong only to Your Channel. */
#product-theater #tp-2{display:block;padding:24px 17px 28px}
#product-theater #tp-2[hidden],#product-theater .channel-panel[hidden]{display:none}
#product-theater .channel-choices{display:flex;gap:12px}
#product-theater .channel-tab{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 20px;border:1px solid var(--hair-2);border-radius:12px;background:transparent;color:var(--ink-2);font:inherit;cursor:pointer}
#product-theater .channel-tab[aria-checked="true"]{background:var(--ground);border-color:var(--ink);color:var(--ink)}
#product-theater .channel-tab:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
#product-theater .wpanels:has(#tp-2[data-on="1"]){min-height:580px}
#product-theater .documentary-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.8fr);gap:clamp(28px,5vw,76px);align-items:center;padding:28px 17px 36px}
#product-theater .documentary-video-wrap{min-width:0}
#product-theater .channel-video{display:block;width:min(100%,220px);height:auto;margin:auto;background:#111;aspect-ratio:9/16;object-fit:contain;border-radius:16px;box-shadow:0 16px 40px -16px rgba(9,9,9,.26)}
#product-theater .documentary-label,#product-theater .documentary-note{margin:12px 0 0;text-align:center;font-size:13px;color:var(--ink-2)}
#product-theater .documentary-note{margin-top:4px;font-size:12px}
#product-theater .documentary-copy h3{margin:12px 0 16px;font-size:clamp(32px,3.4vw,52px);font-weight:450;line-height:.98;letter-spacing:-.05em}
#product-theater .documentary-copy>p:not(.micro){margin:0;max-width:410px;font-size:16px;line-height:1.55;color:var(--ink-body)}
#product-theater .documentary-copy .documentary-detail{margin-top:14px;font-size:14px}
#product-theater .documentary-copy .pill{display:inline-flex;margin-top:24px;white-space:normal}
/* The field reserved this row but hid it. Restore the single workflow navigation. */
#product-theater:has(.wpanel--fan[data-on="1"]) .tabs{visibility:visible}
@media (max-width:640px){
  #product-theater #tp-2{padding:18px 6px 24px}
  #product-theater .wpanels:has(#tp-2[data-on="1"]){min-height:0}
  #product-theater .channel-choices{gap:8px}
  #product-theater .channel-tab{flex:1;justify-content:center;gap:6px;min-width:0;padding:12px 8px;font-size:13px}
  #product-theater .channel-tab .dot{flex-shrink:0}
  #product-theater .documentary-stage{grid-template-columns:minmax(0,1fr);gap:18px;padding:18px 4px 0}
  #product-theater .channel-video{width:auto;max-width:100%;height:min(42svh,360px);border-radius:12px}
  #product-theater .documentary-copy h3{font-size:30px;line-height:1.05;margin:10px 0 12px}
  #product-theater .documentary-copy>p:not(.micro){font-size:15px;line-height:1.5}
  #product-theater .documentary-copy .pill{width:100%;margin-top:18px;min-height:48px;height:auto;padding:12px 16px;text-align:center}
  #product-theater .tab{font-size:12px;gap:5px}
  #product-theater .tab__l{white-space:normal;text-overflow:clip}
}
/* field.css overrides the generic hidden rule; inactive workflow panels must vanish. */
#product-theater .wpanel[hidden]{display:none}
#product-theater .channel-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#product-theater{scroll-margin-top:84px}
#product-theater #tp-2[data-on="1"]{position:relative;inset:auto}