.materials-page .materials-entry { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(32px,6vw,80px); align-items:center; padding-block:40px 56px; }
.materials-entry .back-link { margin-bottom:32px; display:inline-block; }
.materials-entry .section-lead { font-size:16px; max-width:430px; margin-top:24px; }
.materials-entry .eyebrow { color:#16783e; }
.materials-entry .section-lead strong { color:var(--black); font-weight:600; }
.materials-program-link { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; min-height:48px; padding:14px 18px; border:1px solid #16783e; color:#16783e; font:500 12px/1.5 var(--body); text-decoration:none; transition:background-color .2s,color .2s; }
.materials-intro > .materials-program-link { margin-top:24px; }
.materials-program-link:hover { background:#16783e; color:white; }
.materials-program-link:focus-visible { outline:2px solid #16783e; outline-offset:4px; }
.materials-intro .entry-catalog-link { display:flex; width:fit-content; }
.materials-cta-actions { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.materials-cta .materials-program-link { color:var(--green); border-color:var(--green); }
.materials-cta .materials-program-link:hover { background:var(--green); color:var(--black); }
.materials-cta .materials-program-link:focus-visible { outline-color:var(--green); }
@media(max-width:520px) { .materials-cta-actions { width:100%; } .materials-cta-actions > a { width:100%; justify-content:space-between; } }
.entry-catalog-link { display:inline-flex; gap:20px; align-items:center; color:#16783e; font:500 12px/1.7 var(--support); margin-top:24px; padding-block:10px; text-decoration:none; border-bottom:1px solid #16783e; }
.latest-kicker { display:flex; align-items:center; gap:8px; color:#16783e; font:500 10px/1.5 var(--body); letter-spacing:.06em; margin:0 0 13px; }
.latest-kicker>span { height:6px; width:6px; background:#16783e; }
.latest-recording .webinar-cover { aspect-ratio:16/9; }
.latest-caption { padding-top:20px; display:grid; grid-template-columns:1fr auto; gap:10px 18px; }
.materials-entry .latest-caption h2 { grid-column:1/-1; font:600 clamp(20px,2vw,27px)/1.35 var(--support); margin:0; text-transform:none; }
.latest-caption p { font:400 12px/1.7 var(--support); color:#615d54; margin:0; align-self:center; }
.latest-caption .watch-link { font-size:11px; }
.catalog-controls { scroll-margin-top:130px; border-block:1px solid var(--line); padding:24px 0 18px; margin-bottom:36px; }
.catalog-status { display:flex; gap:24px; }
.catalog-status button { position:relative; display:flex; gap:12px; align-items:center; background:none; color:#6c6a60; border:0; font:600 21px/1.4 var(--support); padding:12px 0 16px; cursor:pointer; }
.catalog-status button::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:#16783e; transform:scaleX(0); transform-origin:left; transition:transform 180ms; }
.catalog-status button[aria-pressed=true] { color:#080808; }
.catalog-status button[aria-pressed=true]::after { transform:scaleX(1); }
.catalog-status button>span { font:500 11px/1 var(--body); color:#16783e; }
.catalog-topics { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.catalog-topics button { border:1px solid #c5beae; background:transparent; color:#46463d; padding:11px 17px; font:500 12px/1.5 var(--support); cursor:pointer; min-height:44px; transition:background-color 180ms,color 180ms; }
.catalog-topics button[aria-pressed=true] { background:#16783e; border-color:#16783e; color:#fff; }
.catalog-topics button:hover { border-color:#16783e; }
.catalog-result { color:#615d54; font:400 11px/1.6 var(--body); margin:20px 0 0; }
.catalog-empty { padding-block:24px; max-width:650px; font:400 16px/1.7 var(--support); }
.materials-page [hidden] { display:none!important; }
[data-catalog-status] { scroll-margin-top:130px; }
.materials-page .webinar-grid { gap:40px 32px; }
@media(max-width:800px) {
 .materials-page .materials-entry { grid-template-columns:1fr; gap:28px; padding-block:24px 36px; }
 .materials-entry .back-link { margin-bottom:18px; }
 .materials-entry h1 br { display:block; }
 .materials-entry .section-lead { margin-top:16px; }
 .materials-entry .entry-catalog-link { margin-top:12px; }
 .latest-recording .webinar-cover { aspect-ratio:16/10; }
 .latest-caption { grid-template-columns:1fr; }
 .latest-caption .watch-link { max-width:230px; }
 .catalog-status { gap:20px; }
 .catalog-status button { font-size:17px; gap:8px; }
}
@media(max-width:480px) {
 .materials-page .materials-entry h1 { font-size:44px; }
 .materials-entry .section-lead { font-size:14px; line-height:1.65; }
 .materials-entry .entry-catalog-link { font-size:11px; }
 .latest-recording .webinar-cover { aspect-ratio:16/11; }
 .catalog-topics { gap:6px; }
 .catalog-topics button { padding-inline:13px; }
 .catalog-status button { font-size:15px; }
 .catalog-status { gap:14px; flex-wrap:wrap; }
 .materials-page .watch-link, .materials-page .program-link { min-height:44px; }
 .materials-page .program-link { display:inline-flex; align-items:center; }
 .materials-page .webinar-grid { row-gap:32px; }
 .materials-page .materials-cta { padding:24px 20px; gap:20px; }
 .materials-cta-actions { gap:12px; }
 .materials-cta .materials-program-link { font-size:11px; gap:12px; padding-inline:14px; }
}