/* Materials only: shared landing header, rail and footer remain in their own files. */
.materials-page { --catalog-green:#16783e; --catalog-signal:#2ecc71; }
.materials-page .materials-navigation {display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:32px;border-block:1px solid var(--line)}
.materials-navigation>a {position:relative;display:grid;gap:9px;padding:22px 50px 22px 0;text-decoration:none;color:var(--black)}
.materials-navigation>a+ a {border-left:1px solid var(--line);padding-left:28px}
.materials-navigation>a>span {font-size:11px;letter-spacing:.07em;color:var(--catalog-green)}
.materials-navigation strong {font:500 17px/1.4 var(--support)}
.materials-navigation b {position:absolute;right:24px;top:50%;transform:translateY(-50%);color:var(--catalog-green);font-size:24px;font-weight:400}
.materials-navigation a:hover strong {color:var(--catalog-green)}
.materials-page .materials-section {border-top:0;padding-top:12px}
.catalog-heading {display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.catalog-heading h2 {margin-bottom:0}
.catalog-heading .eyebrow {margin-bottom:12px}
.catalog-caption {font-size:10px;letter-spacing:.08em;color:var(--catalog-green);padding-bottom:8px;white-space:nowrap}
.webinar-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 32px}
.webinar-card {min-width:0;display:flex;flex-direction:column;border-bottom:1px solid var(--line);padding-bottom:24px}
.webinar-featured {grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding-bottom:32px}
.webinar-cover {position:relative;isolation:isolate;display:block;width:100%;flex:none;aspect-ratio:16/9;overflow:hidden;background:#d9c37a;color:#171910;text-decoration:none}
.webinar-cover:before {content:'';position:absolute;width:52%;aspect-ratio:1;border:1px solid #8d7e4d;border-radius:50%;right:-4%;top:8%;z-index:-1}
.webinar-cover:after {content:'';position:absolute;left:24px;top:51px;width:32px;height:3px;background:var(--catalog-green)}
.cover-series {position:absolute;top:21px;left:24px;font:500 9px/1.4 var(--body);letter-spacing:.12em;z-index:2}
.cover-topic {position:absolute;left:24px;top:27%;font:400 clamp(32px,3.8vw,60px)/.97 var(--display);text-transform:uppercase;letter-spacing:.015em;z-index:2;max-width:60%}
.cover-portrait {position:absolute;right:-3%;bottom:28px;width:43%;height:86%;object-fit:contain;object-position:center bottom;z-index:1}
.cover-date {position:absolute;left:24px;bottom:50px;display:flex;align-items:center;gap:10px;z-index:2}
.cover-date>b {font:400 42px/1 var(--display)}
.cover-date>span {font:500 9px/1.5 var(--body);letter-spacing:.06em}
.cover-bottom {position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;background:#080808;color:#f2efe6;padding:11px 20px;font:400 10px/1.4 var(--body);z-index:3}
.cover-bottom>b {font-weight:400;color:var(--catalog-signal)}
.cover-play {position:absolute;right:16px;bottom:55px;background:var(--catalog-signal);color:#080808;width:44px;height:44px;display:grid;place-items:center;z-index:3;font-size:16px;padding-left:2px;transition:transform .2s}
a.webinar-cover:hover .cover-play {transform:scale(1.08)}
.cover-1 {background:#e5e0d2}
.cover-2 {background:#101b16;color:#f0ede4}
.cover-2:before {border-color:#45604c}
.cover-2:after {background:var(--catalog-signal)}
.cover-3 {background:#ded8c7}
.cover-4 {background:#d8c27b}
.focus-art {position:absolute;right:6%;top:20%;width:32%;aspect-ratio:1}
.focus-art i {position:absolute;inset:0;border:1px solid #668573;border-radius:50%}
.focus-art i:nth-child(2) {inset:20%}
.focus-art i:nth-child(3) {inset:40%}
.focus-art b {position:absolute;inset:47%;background:var(--catalog-signal);border-radius:50%}
.webinar-copy {display:flex;flex-direction:column;flex:1;min-width:0;padding-top:20px}
.webinar-featured .webinar-copy {padding-top:0}
.webinar-meta,.recording-meta {display:flex;justify-content:space-between;align-items:center;gap:10px;font:400 11px/1.5 var(--body);color:#615d54;margin-bottom:16px}
.webinar-status {display:flex;align-items:center;gap:7px;color:#615d54}
.webinar-status:before {content:'';width:6px;height:6px;border:1px solid var(--catalog-green)}
.webinar-status.available {color:var(--catalog-green)}
.webinar-status.available:before {background:var(--catalog-green)}
.materials-page .webinar-card h3 {font:600 clamp(21px,2.1vw,28px)/1.3 var(--support);margin:0;text-wrap:pretty}
.materials-page .webinar-authors {font:500 13px/1.6 var(--support);color:#795e15;margin:12px 0 0}
.materials-page .webinar-description {font:400 15px/1.75 var(--support);color:#55564c;margin:15px 0 20px}
.topic-tags {display:flex;flex-wrap:wrap;gap:8px 14px;padding:0;margin:0 0 24px;list-style:none}
.topic-tags li {display:flex;align-items:center;gap:7px;font:500 10px/1.5 var(--support);color:var(--catalog-green)}
.topic-tags li:before {content:'';height:4px;width:4px;background:var(--catalog-green)}
.webinar-actions {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:auto}
.watch-link {display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--catalog-green);font:600 12px/1.6 var(--support);text-decoration:none;border-bottom:1px solid var(--catalog-green);padding:8px 0;transition:color .2s}
.watch-link:hover {color:#080808}
.program-link {color:#615d54;font:400 10px/1.6 var(--body);text-decoration:none;padding:8px 0}
.program-link:hover {color:var(--catalog-green)}
.recording-pending {font:400 11px/1.7 var(--support);color:#615d54;max-width:220px}
.recording-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px;margin-top:30px}
.recording-card {min-width:0;display:flex;flex-direction:column;border-bottom:1px solid var(--line);padding-bottom:22px}
.recording-cover {display:block;position:relative;aspect-ratio:16/9;background:#080808;overflow:hidden}
.recording-cover>img {width:100%;height:100%;object-fit:contain;display:block;transition:transform .25s}
.small-play {position:absolute;right:10px;top:10px;width:30px;height:30px;display:grid;place-items:center;background:#2ecc71;color:#080808;font-size:11px;padding-left:2px}
.recording-cover:hover img {transform:scale(1.025)}
.recording-meta {margin:16px 0 10px;color:var(--catalog-green);font-size:10px}
.recording-meta>span:last-child {color:#615d54}
.materials-page .recording-card h3 {font:600 20px/1.35 var(--support);margin:0;text-wrap:pretty}
.recording-card .webinar-authors {font-size:12px}
.recording-card .webinar-description {font-size:14px;line-height:1.75}
.recording-card .watch-link {margin-top:auto;border-bottom:0;padding-bottom:0}
.materials-source-note {margin:0 0 36px;padding:16px 0;border-block:1px solid var(--line);font:400 12px/1.8 var(--support);color:#615d54;max-width:100%}
.materials-source-note summary {cursor:pointer;color:var(--catalog-green);font-weight:500}
.materials-source-note p {max-width:900px;margin:14px 0 0}
@media(min-width:1500px){.webinar-featured .webinar-cover{aspect-ratio:16/9}.recording-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.recording-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.webinar-featured{display:flex;grid-column:auto}.catalog-caption{display:none}.cover-topic{font-size:40px}.cover-date>b{font-size:34px}.cover-date{bottom:46px}.cover-series{font-size:8px}}
@media(max-width:700px){.materials-page .materials-navigation{grid-template-columns:1fr;margin-top:24px}.materials-navigation>a{padding:16px 36px 16px 0}.materials-navigation>a+a{border-left:0;border-top:1px solid var(--line);padding-left:0}.materials-navigation strong{font-size:15px}.materials-navigation b{right:8px}.webinar-grid,.recording-grid{grid-template-columns:1fr;gap:32px}.catalog-heading{margin-bottom:24px}.materials-page .webinar-card h3{font-size:22px}.webinar-cover{aspect-ratio:16/10}.cover-topic{font-size:42px}.cover-series{left:18px;top:17px;font-size:8px}.webinar-cover:after{left:18px;top:42px}.cover-topic,.cover-date{left:18px}.cover-date>b{font-size:34px}.cover-bottom{font-size:9px;padding:10px 16px}.cover-portrait{width:44%;right:-2%}.cover-play{width:36px;height:36px;bottom:48px}.webinar-meta{font-size:10px}.materials-page .webinar-description{font-size:15px}.recording-grid{gap:32px}.recording-cover{max-width:100%}.materials-page .recording-card h3{font-size:21px}.recording-card .webinar-description{font-size:15px}.webinar-actions{gap:12px}.materials-source-note{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.cover-play,.recording-cover>img{transition:none}}
@media(max-width:700px){.webinar-featured{gap:20px}.webinar-cover{aspect-ratio:16/11}.cover-topic{font-size:34px;max-width:62%}.cover-date{bottom:48px}}