/* Paid controls occupy the former conversation rail. Reason: free discussion belongs on X. */
.site .support-panel { min-width: 0; border-left: 1px solid var(--hair); background: var(--bg2); }
.site .support-panel .panel-heading { padding: 20px 24px; }
.site .support-panel .mc-entry { display: block; margin: 0; padding: 28px 24px; border: 0; background: transparent; }
.site .support-panel .mc-entry-heading { display: flex; flex-direction: column; gap: 14px; align-items: stretch; }
.site .support-panel .mc-entry-title { font: 400 13px var(--font-mono); color: var(--ink2); margin: 0 0 8px; }
.site .support-panel .mc-entry-heading button { width: 100%; min-height: 58px; padding: 16px; text-align: left; font: 600 12px var(--font-mono); letter-spacing: .04em; line-height: 1.5; white-space: normal; border-radius: 0; }
.site .support-panel #mc-open { border: 1px solid var(--clay); background: var(--clay); color: #070c13; }
.site .support-panel #mc-ranking-open { border: 1px solid var(--ftx); background: transparent; color: var(--ftx); }
.site .support-panel .mc-entry > p { margin: 18px 0 0; font-size: 12px; line-height: 1.65; color: var(--ink2); }
.site .support-note { margin: 0 24px; padding: 26px 0; border-top: 1px solid var(--hair); }
.site .support-note .lab { color: var(--ftx); }
.site .support-note h3 { font-size: 22px; font-weight: 500; line-height: 1.25; margin: 13px 0; }
.site .support-note p { font-size: 13px; line-height: 1.75; color: var(--ink2); }
.site .topbar-date { white-space: nowrap; font-variant-numeric: tabular-nums; }
.site .duration-label { margin-right: 7px; color: var(--ink2); font-size: 9px; letter-spacing: .08em; }
.site .stage-clock { white-space: nowrap; font-variant-numeric: tabular-nums; }
.site .stage-bottomline .stage-clock::before { content: 'DURATION '; font-size: 9px; opacity: .65; }
@media (max-width: 1100px) { .site .support-panel .mc-entry { padding: 24px 18px; } .site .support-note { margin: 0 18px; } }
@media (max-width: 850px) { .site .support-panel { border-left: 0; border-top: 1px solid var(--hair); } .site .support-panel .mc-entry-heading { display: grid; grid-template-columns: 1fr 1fr; } .site .support-panel .mc-entry-title { grid-column: 1 / -1; } .site .support-note { padding: 20px 0; } }
@media (max-width: 540px) { .site .support-panel .mc-entry-heading { display: flex; } .site .support-panel .mc-entry { padding: 20px 16px; } .site .support-note { margin: 0 16px; } .site .duration-label { display: none; } }
