.lms-instructor-profile {
    background: #fbf7f6;
    color: #10213a;
    min-height: 100vh;
    padding: 42px 24px 56px;
}

.lms-instructor-profile__shell {
    margin: 0 auto;
    max-width: 1120px;
}

.lms-instructor-profile__back {
    color: #9a0000;
    font-weight: 800;
    text-decoration: none;
}

.lms-instructor-profile__hero {
    align-items: center;
    background: #fff;
    border: 1px solid #ead9d5;
    border-radius: 14px;
    box-shadow: 0 18px 44px rgba(92, 18, 18, .09);
    display: grid;
    gap: 22px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    margin: 22px 0 34px;
    padding: 30px;
}

.lms-instructor-profile__avatar {
    align-items: center;
    background: #10213a;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    font-size: 28px;
    font-weight: 850;
    height: 78px;
    justify-content: center;
    width: 78px;
}

.lms-instructor-profile__hero p,
.lms-instructor-profile__hero span,
.lms-instructor-profile__course p,
.lms-instructor-profile__course small {
    color: #59677c;
}

.lms-instructor-profile__hero p { font-weight: 800; margin: 0 0 5px; }
.lms-instructor-profile__hero h1 { font-size: 30px; margin: 0 0 6px; }
.lms-instructor-profile__hero dl { display: flex; gap: 24px; margin: 0; }
.lms-instructor-profile__hero dt { color: #59677c; font-size: 13px; }
.lms-instructor-profile__hero dd { font-size: 22px; font-weight: 850; margin: 4px 0 0; }
.lms-instructor-profile h2 { font-size: 24px; margin: 0 0 18px; }

.lms-instructor-profile__courses { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lms-instructor-profile__course { background: #fff; border: 1px solid #ead9d5; border-radius: 12px; color: inherit; overflow: hidden; text-decoration: none; }
.lms-instructor-profile__course:hover { border-color: #9a0000; box-shadow: 0 14px 30px rgba(92, 18, 18, .12); }
.lms-instructor-profile__course img, .lms-instructor-profile__placeholder { background: #fff0ee; display: block; height: 180px; object-fit: cover; width: 100%; }
.lms-instructor-profile__placeholder { align-items: center; color: #9a0000; display: flex; font-size: 46px; font-weight: 850; justify-content: center; }
.lms-instructor-profile__course div { padding: 18px; }
.lms-instructor-profile__course div > span { color: #9a0000; font-size: 13px; font-weight: 800; }
.lms-instructor-profile__course h3 { font-size: 18px; margin: 9px 0; }
.lms-instructor-profile__course p { line-height: 1.55; margin: 0 0 13px; }

@media (max-width: 800px) {
    .lms-instructor-profile { padding: 28px 16px 42px; }
    .lms-instructor-profile__hero { align-items: start; grid-template-columns: auto 1fr; }
    .lms-instructor-profile__hero dl { grid-column: 1 / -1; }
    .lms-instructor-profile__courses { grid-template-columns: 1fr; }
}