/* OUT2 signature pages (js/signature.js). Uses theme vars (--hot --fg --muted --line --bg) so it follows all 4 designs. */
.sig,.sig-sub{max-width:980px;margin:28px auto;padding:0 18px}
.sig .sg-k{font:700 11px/1.3 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--hot);margin:0 0 6px}
.sig h2,.sig-sub h2{font:800 clamp(22px,4.4vw,32px)/1.1 'Inter Tight',Inter,sans-serif;letter-spacing:-.02em;margin:0 0 10px}
.sig .sg-dek{color:var(--muted);max-width:70ch;line-height:1.55;margin:0 0 10px}
.sig .sg-price{display:inline-block;margin:2px 0 16px;padding:8px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--hot) 45%,transparent);background:color-mix(in srgb,var(--hot) 10%,transparent);font-weight:600;font-size:14px}
.sg-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);margin:0 -18px 12px;padding:0 18px;scroll-snap-type:x proximity}
.sg-tabs::-webkit-scrollbar{display:none}
.sg-tab{flex:none;scroll-snap-align:start;background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);font:700 14px Inter,system-ui,sans-serif;padding:12px 10px 10px;cursor:pointer;white-space:nowrap;min-height:44px}
.sg-tab.on{color:var(--fg);border-bottom-color:var(--hot)}
.sg-tab .ct,.sg-chip .ct{font-weight:600;opacity:.65;font-size:.86em;margin-left:2px}
.sg-tab:focus-visible,.sg-chip:focus-visible,.sg-tix:focus-visible,.sg-more:focus-visible,.sg-q summary:focus-visible{outline:2px solid var(--hot);outline-offset:2px}
.sg-pdek{color:var(--muted);font-size:14px;line-height:1.5;margin:4px 0 10px}
.sg-chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.sg-chip{border:1px solid var(--line);background:transparent;color:var(--fg);border-radius:999px;padding:7px 12px;font:600 13px Inter,system-ui,sans-serif;cursor:pointer;min-height:36px}
.sg-chip.on{background:var(--hot);border-color:var(--hot);color:#140c02}
.sg-cty .sg-chip{font-size:12.5px}
.sg-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}
.sg-show{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--fg) 3%,transparent)}
.sg-d{text-align:center;border-radius:10px;padding:6px 0;background:color-mix(in srgb,var(--hot) 16%,transparent)}
.sg-d b{display:block;font:800 20px/1 'Inter Tight',Inter,sans-serif}.sg-d span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.sg-m h4{margin:0 0 3px;font:700 15.5px/1.25 Inter,system-ui,sans-serif}
.sg-m p{margin:2px 0;font-size:13px;color:var(--muted);line-height:1.4}
.sg-tm{opacity:.75;font-size:12px}
.sg-oa{font-size:10.5px;padding:2px 7px;margin-left:4px;vertical-align:1px}
.sg-r{display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right}
.sg-p{font-weight:700;font-size:14px;white-space:nowrap}
.sg-tix{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;border-radius:999px;background:var(--hot);color:#140c02;font:700 12.5px Inter,system-ui,sans-serif;text-decoration:none;white-space:nowrap;min-height:36px}
.sg-more,.sg-reset{margin:12px 0 0;border:1px solid var(--line);background:transparent;color:var(--fg);border-radius:999px;padding:9px 16px;font:600 13px Inter,system-ui,sans-serif;cursor:pointer}
.sg-empty{color:var(--muted)}.sg-note{font-size:12px;color:var(--muted);margin:12px 0 0}
.sg-pick ol{margin:0;padding:0;list-style:none;counter-reset:pk;display:grid;gap:10px}
.sg-pick li{counter-increment:pk;position:relative;padding:12px 14px 12px 48px;border:1px solid var(--line);border-radius:14px;line-height:1.5;font-size:14.5px}
.sg-pick li::before{content:counter(pk);position:absolute;left:14px;top:12px;width:24px;height:24px;border-radius:50%;background:var(--hot);color:#140c02;font:800 13px/24px Inter,sans-serif;text-align:center}
.sg-q{border-bottom:1px solid var(--line)}
.sg-q summary{cursor:pointer;list-style:none;padding:14px 28px 14px 0;font-weight:700;position:relative;min-height:44px;box-sizing:border-box}
.sg-q summary::-webkit-details-marker{display:none}
.sg-q summary::after{content:"+";position:absolute;right:4px;top:10px;font-size:22px;color:var(--hot)}
.sg-q[open] summary::after{content:"–"}
.sg-q p{margin:0 0 14px;color:var(--muted);line-height:1.55}
.sg-vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.sg-venue{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:color-mix(in srgb,var(--fg) 3%,transparent)}
.sg-vimg{aspect-ratio:16/9;overflow:hidden;position:relative}.sg-vimg img{width:100%;height:100%;object-fit:cover;display:block}
.sg-vb{padding:12px 14px 14px}.sg-vb h4{margin:0 0 2px;font:700 15.5px Inter,system-ui,sans-serif}
.sg-vk{margin:0 0 8px;color:var(--muted);font-size:12.5px}
.sg-bar{color:var(--hot);font-weight:700}
.sg-vb ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13.5px;line-height:1.45}
.sg-vb a{color:var(--hot);font-weight:600;text-decoration:none;white-space:nowrap}
html.t-editorial .sg-show,html.t-editorial .sg-venue,html.t-editorial .sg-pick li{border-radius:4px}
html.t-mosaic .sg-show,html.t-mosaic .sg-venue{border-radius:18px}
@media (max-width:560px){.sg-show{grid-template-columns:46px 1fr}.sg-r{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between;width:100%}}
.sig,.sig-sub{box-sizing:border-box;min-width:0;width:100%;max-width:980px}
.e-body>.sig,.e-body>.sig-sub,.e-main>.sig,.e-main>.sig-sub{padding-left:0;padding-right:0}
.sg-tabs{margin-left:0;margin-right:0;padding:0;max-width:100%}
.sg-show>*{min-width:0}.sg-cty,.sg-sub{max-width:100%}
.nt-list,.nt-ex,.nt-park,.nt-pair{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.nt-list li{display:grid;grid-template-columns:86px 1fr;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px}
.nt-list p,.nt-ex p,.nt-pair p,.nt-card p{margin:3px 0 0;color:var(--muted);font-size:13.5px;line-height:1.45}
.nt-t{font:700 12.5px/1.3 Inter,system-ui,sans-serif;color:var(--hot);white-space:nowrap}
.nt-tip{margin:12px 0 0;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--hot) 10%,transparent);font-size:14px;line-height:1.5}
.nt-night{display:grid;grid-template-columns:52px 1fr;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;margin:0 0 10px}
.nt-night h4{margin:0 0 6px;font:700 16px Inter,system-ui,sans-serif}.nt-night ul{margin:0;padding:0;list-style:none;display:grid;gap:5px;font-size:13.5px}
.nt-night em{color:var(--muted);font-style:normal;font-size:12px}
.nt-a{display:inline-block;margin-top:8px;color:var(--hot);font-weight:600;font-size:13px;text-decoration:none}
.nt-ex li{padding:12px 0;border-bottom:1px solid var(--line)}.nt-ex a{color:var(--fg);text-decoration:none}.nt-ex b{font-size:15px}
.nt-when{display:block;font-size:12.5px;font-weight:600;color:var(--muted);margin-top:2px}.nt-when.hot{color:var(--hot)}
.nt-card{border:1px solid var(--line);border-radius:16px;overflow:hidden}
.nt-park li{font-size:14px;line-height:1.5}.nt-cap b{color:var(--hot)}
.nt-warn{padding:12px 14px;border-radius:12px;border:1px solid #f59e0b;background:rgba(245,158,11,.12)}
.nt-pair li{padding:12px;border:1px solid var(--line);border-radius:14px}.nt-pair a{color:var(--hot);font-weight:600;text-decoration:none}
.nt-night .sg-d,.sg-show .sg-d{align-self:start}

/* r71.8.3: every show on the next date, all programs (matches the header's times) */
.sig .sg-next{margin:0 0 16px;padding:10px 12px;border-radius:10px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);font-size:14px}.sig .sg-next b{display:block;margin-bottom:4px}.sig .sg-next ul{margin:0;padding:0;list-style:none}.sig .sg-next li{padding:3px 0}.sig .sg-next .sg-nt{font-weight:700}.sig .sg-next .sg-tix{margin-left:6px;font-size:13px}
