.course-detail-tabs{display:flex;border-bottom:1px solid #e5e7eb}
.course-detail-tab{flex:1;padding:1rem;border:0;border-bottom:2px solid transparent;background:#fff;color:#6b7280;font:inherit;font-weight:600;text-align:center;cursor:pointer}
.course-detail-tab:hover{color:#2563eb;background:#f8fafc}
.course-detail-tab[aria-selected="true"]{color:#2563eb;border-bottom-color:#2563eb;background:#eff6ff}
.course-detail-tab:focus-visible,.course-detail-panel:focus-visible{outline:3px solid #93c5fd;outline-offset:-3px}
.course-detail-panel[hidden]{display:none!important}
.course-introduction-section+.course-introduction-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}
.course-introduction-section h3{margin:0 0 1rem;font-size:1.125rem;font-weight:700;color:#1f2937}
.course-introduction-text{color:#4b5563;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}
.course-information-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0}
.course-information-grid>div{display:flex;gap:1rem;line-height:1.6}
.course-information-grid dt{flex-shrink:0;color:#6b7280}
.course-information-grid dd{margin:0;color:#1f2937;overflow-wrap:anywhere}
.outline-directory-highlight{outline:2px solid #60a5fa;outline-offset:2px}
@media(max-width:640px){.course-information-grid{grid-template-columns:1fr}}