/* Shared webinar detail and catalogue additions. */
.wb-page{max-width:1180px;margin:auto;padding:40px 24px 64px}.wb-breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}.wb-breadcrumbs a,.wb-back,.wb-rich a{color:#a7c6ff;text-decoration:underline;text-underline-offset:3px}.wb-detail{padding:clamp(20px,4vw,48px);border:1px solid #3a4557;border-radius:24px;background:#202734;overflow-wrap:anywhere}.wb-detail h1{font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.2;margin:22px 0}.wb-meta,.wb-language-note{color:#b9c9de}.wb-cover{display:block;width:100%;max-height:540px;object-fit:contain;border-radius:16px;margin:28px auto}.wb-actions{display:flex;gap:16px;flex-wrap:wrap;margin:28px 0}.wb-actions a{padding:14px 22px;border-radius:14px;background:#6366f1;color:#fff;font-weight:600}.wb-rich,.wb-intro{line-height:1.75;font-size:17px}.wb-rich p,.wb-rich ul,.wb-rich ol,.wb-rich blockquote{margin:0 0 18px}.wb-rich ul{list-style:disc outside;padding-left:1.6em}.wb-rich ol{list-style:decimal outside;padding-left:1.6em}.wb-rich li{display:list-item;margin:8px 0}.wb-rich li::marker{color:currentColor}.wb-rich h2,.wb-speakers h2{font-size:26px;font-weight:700;margin:28px 0 18px}.wb-rich h3{font-size:21px;font-weight:600;margin:20px 0 12px}.wb-rich blockquote{border-left:3px solid #8da9f5;padding-left:20px}.wb-speaker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.wb-speaker{display:flex;gap:20px;align-items:center;min-width:0}.wb-speaker img{width:110px;height:130px;object-fit:cover;border-radius:14px}.wb-speaker h3{font-size:18px;font-weight:700}.wb-speaker p{margin-top:8px;color:#b9c9de}.wb-back{display:inline-block;margin-top:28px}.wb-tags{display:flex;flex-wrap:wrap;gap:8px}.wb-tags span{font-size:13px;border:1px solid #52617b;border-radius:20px;padding:4px 10px}.wb-filter-bar{display:flex;gap:18px;flex-wrap:wrap;margin:20px 0}.wb-filter-bar label{display:grid;gap:8px;flex:1;min-width:220px}.wb-filter-bar select{width:100%;background:#202734;color:#e4ecf8;border:1px solid #52617b;border-radius:12px;padding:12px}.wb-card-image{width:100%;max-height:240px;object-fit:contain;border-radius:14px;margin-bottom:20px}.wb-card-title a{color:inherit;text-decoration:underline;text-underline-offset:4px}.wb-summary,#featuredExcerpt{white-space:pre-line;overflow-wrap:anywhere}.wb-card-details{display:inline-block;margin-top:16px;text-decoration:underline;text-underline-offset:3px;color:#a7c6ff}.wb-featured-media{max-height:360px;width:100%;object-fit:contain;border-radius:16px;margin:16px 0}.wb-speaker-thumbs{display:flex;flex-wrap:wrap;gap:14px;margin:14px 0}.wb-speaker-thumbs img{width:64px;height:72px;object-fit:cover;border-radius:10px}.wb-featured-link{margin-top:18px}.wb-ssr-catalog{margin:30px 0}.wb-ssr-catalog li{margin:12px 0}.wb-ssr-catalog a{color:#a7c6ff;text-decoration:underline}
html[data-theme="light"] .wb-detail{background:#fff;border-color:#c4cddd;color:#172a44}html[data-theme="light"] :is(.wb-meta,.wb-language-note,.wb-speaker p){color:#40536d}html[data-theme="light"] :is(.wb-breadcrumbs a,.wb-back,.wb-rich a,.wb-card-details,.wb-ssr-catalog a){color:#154e9a}html[data-theme="light"] .wb-filter-bar select{background:#fff;color:#172a44;border-color:#899ab3}html[data-theme="light"] .wb-tags span{border-color:#9caec6}
@media(max-width:640px){.wb-page{padding:32px 16px 40px}.wb-detail{border-radius:18px}.wb-speaker-grid{grid-template-columns:1fr}.wb-speaker img{width:88px;height:105px}.wb-actions a{width:100%;text-align:center}.wb-filter-bar label{min-width:100%}.wb-rich,.wb-intro{font-size:16px}}

.archive-item .wb-summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* Keep uploaded artwork behind the headline and controls in either theme. */
.wb-artwork {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #121528;
  color: #fff;
  --text: #fff;
  --muted: #e0e5f2;
}
.wb-artwork > img.wb-backdrop, .wb-artwork::before {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.wb-artwork > .wb-backdrop { z-index: -2; object-fit: cover; object-position: center; }
.wb-artwork::before { content: ""; z-index: -1; background: linear-gradient(100deg,rgba(12,13,27,.94),rgba(12,13,27,.78) 68%,rgba(12,13,27,.62)); }
.wb-detail-head.wb-artwork { padding: clamp(20px,4vw,48px); margin: calc(-1 * clamp(20px,4vw,48px)); margin-bottom: 28px; border-radius: inherit; }
.wb-detail-head .wb-speaker img { width: 52px; height: 52px; border-radius: 50%; }
.wb-artwork .wb-feature-copy { max-width: 82ch; }
html[data-theme] .wb-artwork :is(.wb-meta,.wb-language-note,.wb-speaker p,.wb-subjects,.wb-person small,.calendar-links-note,.wb-byline) { color: #e0e5f2; }
html[data-theme] .wb-artwork :is(h1,h2,h3,.title,.wb-feature-summary,.wb-text-link,.btn-outline,.webinar-badge) { color: #fff; }
html[data-theme] .wb-artwork .btn-outline { background: #262a3a; border-color: #a4b0c5; }

.wb-detail-head:not(.wb-artwork) { margin-bottom: 24px; }
.wb-detail .wb-rich,
#featuredExcerpt:not(:empty) {
  padding: clamp(18px, 2.5vw, 32px);
  border: 1px solid rgba(164, 186, 221, .22);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(34, 47, 68, .64), rgba(12, 19, 32, .74));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}
.wb-detail .wb-rich > * { max-width: 76ch; }
#featuredExcerpt:not(:empty) {
  padding: clamp(12px, 1.5vw, 20px) clamp(14px, 2vw, 26px);
  border-radius: 14px;
}
html[data-theme="light"] .wb-detail .wb-rich,
html[data-theme="light"] #featuredExcerpt:not(:empty) {
  border-color: rgba(74, 98, 135, .23);
  background: linear-gradient(145deg, rgba(241, 245, 251, .8), rgba(228, 236, 247, .64));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}
.wb-rich > h2:first-child { margin: 0 0 16px; }
.wb-rich > :last-child { margin-bottom: 0; }
@media (max-width: 640px) {
  .wb-detail .wb-rich { margin-inline: -10px; padding: 18px 12px; border-radius: 14px; }
}
