/* ARS 버튼 인클루드: inset, left-aligned support text and three donation buttons. */
.wbs-ars-buttons{box-sizing:border-box;width:100%;max-width:440px;margin:26px auto 0;padding:20px 0 0;border-top:1px solid #d9e2e5;font-family:Pretendard,sans-serif;letter-spacing:-.025em}
.wbs-ars-buttons *{box-sizing:border-box}
.wbs-ars-buttons .wbs-ars-buttons-lead{max-width:360px;margin:0 auto;padding:0 14px;color:#455c65;font-size:15px;line-height:1.8;font-weight:500;text-align:left;word-break:keep-all;overflow-wrap:break-word}
.wbs-ars-buttons-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%;margin:18px 0 0;padding:10px 0 0;border-top:3px solid #2b5260}
.wbs-ars-buttons .wbs-ars-buttons-action{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:54px;padding:12px 6px;color:#fff;text-align:center;text-decoration:none}
.wbs-ars-buttons-action span,.wbs-ars-buttons-action strong{display:block;color:#fff}
.wbs-ars-buttons-action span{font-size:14px;line-height:1.4;font-weight:650}
.wbs-ars-buttons-action strong{margin-top:2px;font-size:14px;line-height:1.4;font-weight:800;white-space:nowrap}
.wbs-ars-buttons-action-5000{background:#2b7183}
.wbs-ars-buttons-action-10000{background:#7f3d50}
.wbs-ars-buttons .wbs-ars-buttons-action-cms{grid-column:1 / -1;min-height:46px;background:#6f865f}
.wbs-ars-buttons-action-cms span{font-size:14px;font-weight:800}
.wbs-ars-buttons a.wbs-ars-buttons-action:hover{filter:brightness(.94);text-decoration:none}
.wbs-ars-buttons a.wbs-ars-buttons-action:focus-visible{outline:3px solid #30454b;outline-offset:3px}

/* Keep two ARS columns and full-width CMS even on narrow phones. */
.wbs-ars-buttons-action span{white-space:nowrap}
.wbs-ars-buttons-action strong{font-size:clamp(11px,3.25vw,14px)}
@media(max-width:540px){
 .wbs-ars-buttons{width:calc(100vw - 32px);max-width:none;margin-left:calc((100% - (100vw - 32px))/2);margin-right:0}
 .wbs-ars-buttons-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
 .wbs-ars-buttons-action span{font-size:clamp(12px,3.4vw,14px)}
 .wbs-ars-buttons .wbs-ars-buttons-lead{max-width:none;font-weight:500;word-break:normal}
}
/* Desktop program pages: support is a full-width part of the page, not a small widget. */
@media (min-width: 901px) {
    .prog_info.wbs-program-intro .wbs-ars-buttons {
        width: 100%;
        max-width: none;
        margin-top: 32px;
        padding-top: 24px;
    }
    .prog_info.wbs-program-intro .wbs-ars-buttons .wbs-ars-buttons-lead {
        max-width: none;
        margin: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.8;
        word-break: normal;
    }
    .prog_info.wbs-program-intro .wbs-ars-buttons-actions {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        margin-top: 20px;
        padding-top: 0;
        border-top: 0;
    }
    .prog_info.wbs-program-intro .wbs-ars-buttons .wbs-ars-buttons-action {
        min-height: 80px;
        padding: 16px 12px;
    }
    .prog_info.wbs-program-intro .wbs-ars-buttons-action span {
        font-size: 15px;
        font-weight: 500;
    }
    .prog_info.wbs-program-intro .wbs-ars-buttons-action strong {
        margin-top: 4px;
        font-size: 17px;
        font-weight: 700;
    }
    .prog_info.wbs-program-intro .wbs-ars-buttons .wbs-ars-buttons-action-cms {
        grid-column: auto;
    }
    .prog_info.wbs-program-intro .wbs-ars-buttons-action-cms span {
        font-size: 17px;
        font-weight: 650;
    }
}
/* TV and radio ON-AIR share the full-width support presentation. */
.wbs-tv-onair .wbs-ars-buttons,.wbs-radio-program-support .wbs-ars-buttons{width:100%;max-width:none;margin:0;padding-top:18px}
.wbs-tv-onair .wbs-ars-buttons-lead,.wbs-radio-program-support .wbs-ars-buttons-lead{max-width:none}
