/* /webinar only. Built on /site/style.css and /site/academy.css, which already
   style the cards, tiles, tags, fields and buttons. */
.webinar-card h3{font-size:1.55rem;line-height:1.3;margin:16px 0;letter-spacing:-.02em}
.webinar-card h4{font-size:.95rem;margin:22px 0 8px}
.session-card .webinar-tile{background:#edf3ff;color:var(--blue)}
.topic-list .webinar-card:nth-child(1) .webinar-tile{background:#edf3ff;color:var(--blue)}
.slots{border:0;padding:0;margin:20px 0 0;min-width:0}
.slots legend{font-size:.88rem;font-weight:600;margin-bottom:10px;padding:0}
.slot{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:8px 0;cursor:pointer;background:white}
.slot:has(input:checked){border-color:var(--blue);background:#f1f6ff}
.slot input{width:18px;height:18px;flex:none;margin:3px 0 0;accent-color:var(--blue)}
.slot:has(input:disabled){opacity:.55;cursor:not-allowed}
.slot-text{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}
.slot-text small{color:var(--muted);font-size:.8rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.session-form .button,.interest-form .button{margin-top:6px}
.interest-form{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.interest-form .field{margin-top:4px}
.wb-msg{font-size:.9rem;line-height:1.6;margin:12px 0 0;min-height:1.4em}
.wb-msg[data-kind=ok]{color:#1d6b4f}
.wb-msg[data-kind=error]{color:#a3361b}
.wb-status{color:var(--muted)}
@media (max-width:700px){.form-row{grid-template-columns:1fr}}