/* ===== What's Hot, pale buttercream panels (preview-hot-yellow, Oct 30 2026) =====
   Loaded on drama.html only, after drama.css/tabs.css. Swaps the white panel backgrounds for a soft pale yellow that sits with
   theme D's deep red + muted gold. Text stays dark ink. Header, polls (dark), and the comment form are untouched in behavior. */
.drama{--hy-1:#FBF3D5;--hy-2:#F8EFC8;--hy-3:#F3E6B6;--hy-line:#E4D29A;--hy-gold:#B8893A}
.drama .fd{background:var(--hy-1);border-color:var(--hy-line);box-shadow:0 10px 28px -10px rgba(60,20,20,.35)}
.drama .fd-top,.drama .fd .fd-top{background:var(--hy-1)}
.drama .rc{background:var(--hy-2);box-shadow:inset 0 0 0 1px rgba(184,137,58,.18)}
.drama .rc-x{background:var(--hy-3)}
.drama .fd-also{background:var(--hy-3);color:var(--ink)}
.drama .st-live,.drama .st-cool{background:#FFFBEA;box-shadow:inset 0 0 0 1px var(--hy-line)}
.drama .fd-av,.drama .dl-av{box-shadow:0 0 0 3px var(--hy-1)}
.drama .takes{background:var(--hy-1);border-color:var(--hy-line);box-shadow:0 10px 28px -10px rgba(60,20,20,.35)}
.drama .takes input,.drama .takes textarea,.drama .takes select{background:#FFFCEF;border-color:#D9C68A}
.drama .takes input:focus,.drama .takes textarea:focus{border-color:var(--hy-gold);box-shadow:0 0 0 3px rgba(184,137,58,.22);outline:none}
.drama .hot{background:rgba(251,243,213,.92);border-color:var(--hy-line)}
".drama .drama-note{background:var(--hy-2);border-color:var(--hy-line)}
/* AA on yellow: slightly deeper muted grey and link red inside the yellow panels (muted #5E6270 = 5.3:1, links #A8361A = 5.7:1 on #F8EFC8) */
.drama .fd,.drama .takes,.drama .drama-note,.drama .hot{--muted:#5E6270}
.drama .rc-link,.drama .fd a:not(.btn):not(.pb),.drama .takes a{color:#A8361A}
/* ===== end hot-yellow ===== */