/* CMTS Resource Hub: shared webinar blocks and their Resource Hub page layout.
 * Registered as the block's style, shared by the front end and block editor.
 */
.cmts-resource-intro{max-width:1080px!important;margin:0 auto!important;padding:36px 24px 12px;box-sizing:border-box}
.cmts-resource-intro h2{font-size:36px;line-height:1.2;margin:0 0 12px}
.cmts-resource-intro p{font-size:17px;line-height:1.65;max-width:66ch;margin:0;color:#4b4b4b}
.cmts-resource-library{max-width:1080px!important;margin:0 auto!important;padding:12px 24px 56px;box-sizing:border-box}
.cmts-resource-hero{padding:32px 24px!important;box-sizing:border-box}
.cmts-resource-hero .wp-block-cover__inner-container{max-width:1032px;margin:auto;width:100%}
.cmts-resource-hero h2{font-size:clamp(32px,4vw,48px)!important;line-height:1.15;margin:0!important}
.cmts-filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px!important}
.cmts-filter-bar button{min-height:44px;padding:10px 18px!important;font-size:14px!important;line-height:1.4;text-transform:none!important;border-radius:6px!important}
.cmts-grid{display:grid;gap:24px}
.cmts-webinar-block{box-sizing:border-box;padding:24px!important;margin:0!important;border:1px solid #dedbd8;border-left:4px solid #500000;border-radius:8px;background:#fff}
.cmts-webinar-block:nth-child(odd){background:#f7f7f6}
.cmts-webinar-block .cmts-entry-header{display:block!important;padding:0 0 18px!important;margin:0 0 20px!important;border-bottom:1px solid #dedbd8}
.cmts-webinar-block .cmts-title{font-family:Arial,sans-serif!important;font-size:22px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:normal!important;margin:0 0 12px!important;color:#222}
.cmts-webinar-block .cmts-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:13px;line-height:1.5;color:#535353}
.cmts-webinar-block .cmts-meta-badge{background:#500000;color:#fff;border-radius:4px;padding:4px 8px;font-size:11px;line-height:1.4}
.cmts-webinar-block .cmts-entry-row{display:grid!important;grid-template-columns:minmax(0,300px) minmax(0,1fr)!important;gap:28px!important;align-items:start;min-width:0}
.cmts-webinar-block .cmts-video-pane,.cmts-webinar-block .cmts-info-card{min-width:0;width:auto!important;max-width:none!important;flex:none!important}
.cmts-webinar-block .cmts-info-card{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;padding:0!important;overflow-wrap:anywhere}
.cmts-webinar-block .cmts-info-body{padding:0!important}
.cmts-webinar-block .cmts-recording{margin:0!important;min-width:0}
.cmts-webinar-block .cmts-recording h4{font-family:Arial,sans-serif!important;font-size:14px!important;line-height:1.4!important;font-weight:700;margin:0 0 10px!important}
.cmts-webinar-block .cmts-recording iframe{border-radius:6px}
.cmts-webinar-block .cmts-recording p{margin:8px 0 0!important;font-size:13px!important;line-height:1.5!important}
.cmts-webinar-block .cmts-desc{font-size:16px!important;line-height:1.65!important;margin:0 0 12px!important;color:#444}
.cmts-webinar-block details summary{cursor:pointer;font-size:14px!important;font-weight:700;line-height:1.5;padding:12px 0!important;min-height:44px;box-sizing:border-box;color:#500000}
.cmts-webinar-block .cmts-read-more,.cmts-webinar-block .cmts-additional-recordings{margin:8px 0 0!important}
.cmts-webinar-block .cmts-expanded-content{border-top:1px solid #dedbd8;padding-top:16px;font-size:15px;line-height:1.65;overflow-wrap:anywhere}
.cmts-webinar-block .cmts-expanded-content p,.cmts-webinar-block .cmts-expanded-content li{font-size:15px!important;line-height:1.65!important}
.cmts-webinar-block .cmts-presenters-label,.cmts-webinar-block .cmts-topics-label{font-size:13px!important;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin:20px 0 10px}
.cmts-webinar-block .cmts-presenter-item span{display:block;font-size:14px;line-height:1.6}
.cmts-webinar-block .cmts-presenter-name{font-weight:700}
.cmts-webinar-block .cmts-presenter-divider{border:0;border-top:1px solid #dedbd8;margin:12px 0}
.cmts-webinar-block .cmts-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.cmts-webinar-block .cmts-btn{max-width:100%;box-sizing:border-box;white-space:normal;text-transform:none!important;letter-spacing:normal!important;font-size:13px!important;line-height:1.5!important;padding:10px 14px!important;min-height:44px;border:1px solid #500000;border-radius:4px;text-align:left}
.cmts-webinar-block .cmts-tag{font-size:12px;padding:4px 8px;background:#ece9e5;border-radius:4px;color:#444}
.cmts-webinar-block a:hover{text-decoration:underline;text-underline-offset:3px}
.cmts-webinar-block :is(a,summary):focus-visible,.cmts-filter-bar button:focus-visible{outline:3px solid #1565c0!important;outline-offset:4px}
@media(max-width:700px){
 .cmts-resource-intro{padding-top:28px}
 .cmts-resource-library{padding-bottom:36px}
 .cmts-resource-intro,.cmts-resource-library{width:calc(100% - 32px)!important;padding-left:0!important;padding-right:0!important}
 .cmts-webinar-block{padding:16px!important}
 .cmts-webinar-block .cmts-entry-row{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
 .cmts-webinar-block .cmts-title{font-size:20px!important}
 .cmts-webinar-block .cmts-video-pane{max-width:480px!important;width:auto;margin-bottom:0}
 .cmts-webinar-block .cmts-btn{width:100%}
}

/* Public resource actions are prominent; the page owns its responsive hero height. */
.cmts-webinar-block .cmts-title{font-size:24px!important;}
.cmts-webinar-block .cmts-desc{font-size:17px!important;}
.cmts-webinar-block .cmts-recording p > a{display:inline-flex;align-items:center;min-height:44px;font-size:16px!important;font-weight:600;color:#500000;}
.cmts-webinar-block details > summary{font-size:16px!important;min-height:48px;padding:10px 14px!important;border:1px solid #bda6a6;border-radius:5px;background:#fff7f7;}
.cmts-webinar-block details[open] > summary{margin-bottom:16px;background:#f1e5e5;}
.cmts-webinar-block .cmts-btn{font-size:16px!important;}
.cmts-webinar-block .cmts-expanded-content p,.cmts-webinar-block .cmts-expanded-content li{font-size:17px!important;}
@media(max-width:700px){.cmts-resource-intro h2{font-size:28px}.cmts-webinar-block .cmts-title{font-size:20px!important;}}