.webinar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px}
.webinar-card{display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid #dfe3e7;border-radius:20px;background:#fff;color:#282d33}
.webinar-card h3{font:700 24px/1.3 var(--ui-font,system-ui);margin:18px 0 12px;overflow-wrap:anywhere}
.webinar-card p{margin:0 0 14px;overflow-wrap:anywhere;font-size:16px;line-height:1.6}
.webinar-card-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;font:600 13px/1.4 var(--ui-font,system-ui);color:#5c6570}
.webinar-onair{color:#08784e}.webinar-description{white-space:pre-line}.webinar-date,.webinar-access{color:#5e6770}
.webinar-clock{background:#f2f5f4;border-radius:14px;padding:16px 20px;margin:8px 0 24px;color:#243c34}
.webinar-clock-caption{display:block;font:500 13px/1.5 var(--ui-font,system-ui);margin-bottom:6px}
.webinar-clock strong{display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(32px,4vw,48px);font-weight:500;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.02em;overflow-wrap:normal;color:#292d2e}
@media(max-width:600px){.webinar-clock strong{font-size:38px}}
.webinar-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;margin-top:auto;padding:12px 18px;border:1px solid #d0d6dc;border-radius:12px;background:#fff;color:#303941!important;text-decoration:none;font:600 16px/1.4 var(--ui-font,system-ui)}
.webinar-button:hover{background:#edf1f4}.webinar-button:focus-visible,.webinar-live-badge:focus-visible{outline:2px solid #49677e;outline-offset:4px}
.webinar-live-badge{display:flex;align-items:center;gap:12px;margin:12px auto 20px;padding:14px 18px;border:1px solid #c8dfd4;border-radius:14px;background:#edf8f1;color:#175b3b!important;font:500 15px/1.4 var(--ui-font,system-ui);text-decoration:none;max-width:1160px;overflow-wrap:anywhere}
.webinar-live-badge>span:nth-last-child(2){flex:1}.webinar-live-dot{width:10px;height:10px;border-radius:50%;background:#09955d;box-shadow:0 0 0 4px #09955d19;flex:none}
.public-webinars{max-width:1160px;margin:40px auto;padding:24px}.public-webinars h2{font:700 28px/1.3 var(--ui-font,system-ui);margin-bottom:24px}
.public-webinar-signal{padding-inline:24px}.public-webinar-signal[hidden],.public-webinars[hidden]{display:none!important}
.webinar-edit{border-top:1px solid #dfe3e7;padding-top:12px}.webinar-participant{padding:16px 0;border-top:1px solid #dfe3e7;overflow-wrap:anywhere}
@media(max-width:700px){.webinar-card{padding:20px 16px}.webinar-grid{gap:16px}.webinar-live-badge{flex-wrap:wrap}.webinar-live-badge>span:nth-last-child(2){flex-basis:100%;order:2}.public-webinars{padding:16px;margin-block:24px}.public-webinar-signal{padding-inline:16px}}
.webinar-card>.webinar-access{order:8;margin-top:auto;padding-top:24px;border-top:1px solid #ecece8;font-weight:600}
.webinar-card>.webinar-button{order:9}
/* Shared feed is also used in the member cabinet, without style.css. */
html body .webinar-card .compact-description{margin:8px 0 16px;min-width:0;overflow-wrap:anywhere}
html body .webinar-card .compact-description>summary{display:block;cursor:pointer;list-style:none;font:400 15px/1.55 var(--ui-font,system-ui);padding:0;background:transparent}
html body .webinar-card .compact-description>summary::-webkit-details-marker{display:none}
html body .webinar-card .description-excerpt{display:block;color:#626a70;white-space:pre-line;font-weight:400}
html body .webinar-card .description-more,html body .webinar-card .description-less{display:block;margin-top:10px;padding:8px 0;color:#984700;font:500 14px/1.4 var(--ui-font,system-ui)}
html body .webinar-card .description-less,html body .webinar-card .compact-description[open] .description-excerpt,html body .webinar-card .compact-description[open] .description-more{display:none}
html body .webinar-card .compact-description[open] .description-less{display:block}
html body .webinar-card .description-full{font:400 15px/1.55 var(--ui-font,system-ui);color:#626a70}