.course-professionals { display: grid; grid-template-columns: 1fr 1.2fr; gap: 48px; align-items: center; padding-block: clamp(48px, 7vw, 100px); }
.course-professionals > div > p { max-width: 48ch; line-height: 1.7; }
.course-team { display: grid; grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)); gap: 24px 16px; align-items: start; }
.course-person { min-width: 0; border: 0; }
.course-person summary { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; cursor: pointer; list-style: none; padding: 8px 4px; border-radius: 16px; transition: background .25s, color .25s; }
.course-person summary::-webkit-details-marker { display: none; }
.course-person summary::after { display: none; }
.course-person summary img { width: 88px; height: 108px; object-fit: cover; border-radius: 18px; transition: transform .35s; }
.course-person summary strong { font-size: 15px; line-height: 1.3; }
.course-person summary span { font-size: 11px; line-height: 1.5; opacity: 1; }
.course-person summary:hover { background: #ffffff0c; }
.course-person summary:hover img { transform: translateY(-5px) rotate(-3deg); }
.course-person summary:focus-visible { outline: 2px solid #e40019; outline-offset: 4px; }
.course-person summary:active img { transform: translateY(-2px); }
.course-person-dialog { width: min(760px, calc(100% - 32px)); max-height: calc(100dvh - 40px); box-sizing: border-box; padding: 40px; background: #10252e; color: #fff; border: 1px solid #ffffff24; border-radius: 24px; }
.course-person-dialog::backdrop { background: #001018ba; backdrop-filter: blur(10px); }
html[data-embed='true'] .course-person-dialog { position: absolute; top: var(--embedded-dialog-top, 24px); bottom: auto; margin: 0 auto; max-height: var(--embedded-dialog-height, 700px); overflow: auto; }
.course-person-dialog-content { display: grid; grid-template-columns: 112px minmax(0,1fr); gap: 28px; }
.course-person-dialog-content > img { width: 112px; height: 144px; object-fit: cover; border-radius: 18px; }
.course-person-story h3 { margin: 0 30px 12px 0; font-size: 28px; }
.course-person-story p { margin: 0 0 14px; font-size: 15px; line-height: 1.75; overflow-wrap: anywhere; }
.course-person-dialog .course-person-story p { color: inherit; }
.course-person-role { opacity: .6; }
.course-person-close { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; border-radius: 50%; color: inherit; background: #ffffff0c; border: 0; cursor: pointer; }
.course-person-close:hover { background: #e40019; }
.course-person-close:focus-visible { outline: 2px solid #fff; }
@media (width <= 760px) {
 .course-professionals { grid-template-columns: 1fr; gap: 24px; }
 .course-team { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px 6px; }
 .course-person summary img { width: 72px; height: 88px; }
 .course-person-dialog { padding: 28px 20px; }
 .course-person-dialog-content { grid-template-columns: 1fr; gap: 18px; }
 .course-person-dialog-content > img { width: 80px; height: 104px; }
}
@media (prefers-reduced-motion: reduce) {
 .course-person summary, .course-person summary img { transition: none; }
 .course-person summary:hover img { transform: none; }
}