/* Shared blog2.css + articles.css own hero/card/library geometry and typography.
 * Only replay-specific controls live here. Native checkboxes/disclosures keep
 * keyboard and touch behavior clear; there are no horizontal filter menus. */
.wb-card-inner{display:flex;flex-direction:column;height:100%;padding:11px}
.wb-card-media--contain>img{object-fit:contain;filter:none}
.wb-product{font:inherit}
.wb-archive-note{display:block;color:#1d6175;font-weight:600;margin-top:5px}
.wb-screen .wb-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;display:grid;place-items:center;border:1px solid #98ebe2;background:#072b40de;color:#b3f2e8;transition:background .2s,color .2s;pointer-events:none}
.wb-play svg{width:27px;height:27px}
.wb-screen:hover .wb-play,.wb-screen:focus-visible .wb-play{background:#63d7d4;color:#073449}
.wb-chapters{display:grid;grid-template-columns:1fr repeat(3,minmax(0,1.15fr));border:1px solid #315668;border-top:0;background:#081f2c}
.wb-chapters-label{padding:22px 25px;font-size:.875rem;line-height:1.6;color:#a8c7d1}
.wb-chapters-label strong{color:#d6eeee;font-weight:600}
.wb-chapters>a{min-width:0;padding:22px 25px;border-left:1px solid #315668;display:flex;flex-direction:column;gap:6px;transition:background .2s}
.wb-chapters>a>span{font-size:.875rem;font-variant-numeric:tabular-nums;color:#9ae7df}
.wb-chapters>a>strong{font-size:.9375rem;line-height:1.5;font-weight:600;color:#d6eeee}
.wb-chapters>a:hover{background:#113949}
.webinar-page .wb-chapter-note{color:#b6d3db;font-size:.875rem;line-height:1.5;margin:14px 0 0}
/* v3.css reserves the global header through html scroll-padding-top. */
.webinar-page #sessions{scroll-margin-top:0}
.webinar-page .wb-finder{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;align-items:end}
.wb-topics{min-width:0;padding:0;margin:0;border:0}
.wb-topics>legend{padding:0;font-size:.875rem;font-weight:650;color:#315e71}
.webinar-page .wb-topics>p{font-size:.8125rem;line-height:1.5;margin:4px 0 10px;color:var(--body-text)}
.wb-topic-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.webinar-page .wb-topic-option{display:flex;align-items:center;gap:9px;min-width:0;min-height:44px;padding:9px 11px;margin:0;border:1px solid #b6d4db;background:#fff;color:#315e71;cursor:pointer;line-height:1.4}
.wb-topic-option>span{overflow-wrap:break-word}
/* Override the shared text-input geometry only for native checkboxes. */
.webinar-page .wb-topic-option>input{width:16px;height:16px;min-height:0;margin:0;padding:0;flex-shrink:0;accent-color:#147e91;box-shadow:none;cursor:pointer}
.wb-topic-option:has(input:checked){background:#d8eff0;border-color:#49aab6;color:#0a344a}
.wb-topic-option:focus-within{outline:2px solid #0ba1b5;outline-offset:3px}
.webinar-page .wb-topic-option>input:focus-visible{outline:none}
.wb-outcomes{margin:0 0 24px;border-top:1px solid #dce9ec;border-bottom:1px solid #dce9ec;color:#2c5a6e}
.wb-outcomes summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:12px;align-items:center;min-height:44px;padding:13px 0;font-size:.9375rem;line-height:1.5;font-weight:600;color:#1e5b71}
.wb-outcomes summary::-webkit-details-marker{display:none}
.wb-outcomes summary>span{display:grid;place-items:center;font-size:1.25rem;transition:transform .2s}
.wb-outcomes[open] summary>span{transform:rotate(45deg)}
.wb-outcomes ul{padding:0 0 3px 19px;margin:0 0 14px;font-size:1rem;line-height:1.65}
.wb-outcomes li+li{margin-top:8px}
.wb-archive{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid var(--bl-line);margin-top:48px;padding-top:32px}
.webinar-page .wb-archive>p{margin:0;max-width:500px}
.webinar-page :is(.wb-screen,.wb-chapters>a):focus-visible{outline:3px solid #63d7d4;outline-offset:4px}
.webinar-page .wb-outcomes summary:focus-visible{outline:2px solid #0ba1b5;outline-offset:4px}
@media(max-width:1100px){.webinar-page .wb-finder{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.wb-chapters>a,.wb-chapters-label{padding:20px}}
@media(max-width:850px){.webinar-page .wb-finder{grid-template-columns:1fr}.wb-chapters{grid-template-columns:repeat(3,minmax(0,1fr))}.wb-chapters-label{grid-column:1/-1;border-bottom:1px solid #315668}.wb-chapters-label br{display:none}.wb-chapters>a:first-of-type{border-left:0}.wb-archive{align-items:flex-start;flex-direction:column;gap:24px}}
@media(max-width:600px){.wb-chapters{grid-template-columns:1fr}.wb-chapters>a{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;border-left:0;border-top:1px solid #315668;padding:16px 20px}.wb-chapters-label{padding:18px 20px;border-bottom:0}}
@media(max-width:480px){.wb-topic-options{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.wb-play,.wb-chapters>a,.wb-outcomes summary>span{transition:none}}
