.lecturer-page { --institute-teal: #913e63; }
.lecturer-page .industry-topbar { background: #f7f2f6; border-color: #eee5ec; }
.lecturer-page .institute-hero { background: linear-gradient(115deg, #faf5f7, #f1f3fb); }
.lecturer-page .institute-eyebrow { color: #90526c; }
.lecturer-page .institute-button:hover { background: #722b4c; }
.lecturer-page .institute-photo-caption > i { background: #f7eaf0; color: #913e63; }
.lecturer-page .institute-photo-caption { border-color: #efe3eb; }
.lecturer-page .institute-text-link:hover { color: #913e63; }
.lecturer-page .institute-nav a:hover, .lecturer-page .institute-nav a.is-active { background: #f8eef3; }
.lecturer-page .institute-nav a > i { color: #913e63; background: #f5e7ee; }
.lecturer-page .institute-nav a.is-active > i { background: #913e63; color: #fff; }
.lecturer-values { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-bottom: 36px; }
.lecturer-values > div { display: flex; align-items: flex-start; gap: 14px; padding: 20px; background: #f8f6fa; border: 1px solid #eee8f0; border-radius: 12px; }
.lecturer-values > div > i { color: #965174; font-size: 25px; }
.lecturer-values h3 { font-size: 15px; margin-bottom: 5px; }
.lecturer-values p { margin: 0; font-size: 12px; color: #697489; }
.lecturer-role-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.lecturer-role-card { --card-color: #2469ad; --card-soft: #edf4fd; padding: 26px; border: 1px solid #e1e8f0; border-top: 3px solid var(--card-color); border-radius: 13px; background: linear-gradient(160deg, var(--card-soft), #fff 55%); }
.lecturer-tone-maroon { --card-color: #913e63; --card-soft: #f9edf2; }
.lecturer-tone-teal { --card-color: #117b80; --card-soft: #eaf6f4; }
.lecturer-role-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.lecturer-method { font-size: 9px; letter-spacing: 1px !important; font-weight: 700; color: var(--card-color); }
.lecturer-role-card h3 { font-size: 26px; margin-bottom: 7px; }
.lecturer-role-card > p { font-size: 13px; color: #5c6f86; min-height: 44px; }
.lecturer-role-card ul { padding: 0; margin: 22px 0 0; list-style: none; border-top: 1px solid #e5eaf1; }
.lecturer-role-card li { display: flex; align-items: center; gap: 12px; padding-top: 17px; }
.lecturer-role-card li > span { flex: 0 0 74px; padding: 5px 3px; border-radius: 5px; background: var(--card-soft); color: var(--card-color); text-align: center; font-size: 10px; font-weight: 700; }
.lecturer-role-card li > strong { font-weight: 500; font-size: 13px; line-height: 1.5; color: #344b67; }
.lecturer-quality { display: flex; align-items: center; gap: 14px; margin-top: 24px; padding: 18px 22px; background: #f6f8fc; border-radius: 9px; }
.lecturer-quality > i { color: #6375a1; font-size: 26px; }
.lecturer-quality p { font-size: 13px; margin: 0; }
.lecturer-application { display: grid; grid-template-columns: 1.4fr 1fr; gap: 48px; background: linear-gradient(120deg, #28314e, #69324f); color: #e4e6ef; padding: 40px; border-radius: 18px; margin: 8px 0 32px; }
.lecturer-application .institute-eyebrow { color: #e9b6ca; }
.lecturer-application h2 { font-size: 30px; line-height: 1.4; color: white; }
.lecturer-application-copy > p { font-size: 14px; }
.lecturer-steps { list-style: none; padding: 0; margin: 28px 0 0; }
.lecturer-steps li { display: flex; gap: 16px; margin-top: 22px; }
.lecturer-steps li > span { display: grid; place-items: center; width: 36px; height: 36px; flex-shrink: 0; background: #ffffff13; border: 1px solid #ffffff30; color: #f2d0df; border-radius: 8px; font-size: 12px; font-weight: 700; }
.lecturer-steps h3 { font-size: 15px; color: #fff; margin-bottom: 5px; }
.lecturer-steps p { color: #d6d8e5; margin: 0; font-size: 12px; }
.lecturer-application-panel { background: #fff; border-radius: 12px; padding: 28px; color: #627084; align-self: center; }
.lecturer-application-panel > .institute-icon { background: #f6eaf0; color: #913e63; }
.lecturer-application-panel h3 { font-size: 22px; margin-top: 20px; }
.lecturer-application-panel p { font-size: 13px; }
.lecturer-application-panel .institute-button { width: 100%; margin-top: 12px; }
.lecturer-existing { text-align: center; padding: 22px 0; }
.lecturer-existing > span { display: block; font-size: 12px; margin-bottom: 5px; }
.lecturer-existing a { font-size: 13px; font-weight: 600; color: #873757; }
.lecturer-existing a:hover { text-decoration: underline; }
.lecturer-manual { display: flex; align-items: center; gap: 12px; padding-top: 20px; border-top: 1px solid #ece5ed; color: #3e536c; }
.lecturer-manual:hover { color: #913e63; }
.lecturer-manual > i:first-child { font-size: 26px; color: #913e63; }
.lecturer-manual > span { flex: 1; font-size: 13px; font-weight: 600; }
.lecturer-manual small { display: block; font-size: 11px; font-weight: 400; color: #788498; margin-top: 3px; }
.lecturer-vendor { padding: 30px; border: 1px solid #dcebe6; border-radius: 14px; background: linear-gradient(110deg, #f2f9f6, #fff); margin-bottom: 40px; }
.lecturer-vendor-heading { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; }
.lecturer-vendor-heading .institute-eyebrow { color: #39796a; margin: 0; }
.lecturer-vendor-grid { display: grid; grid-template-columns: 1.8fr 1fr; align-items: center; gap: 40px; }
.lecturer-vendor h2 { font-size: 24px; margin-bottom: 12px; }
.lecturer-vendor p { font-size: 13px; margin: 0; }
.lecturer-vendor-action .institute-button { width: 100%; background: #147962; }
.lecturer-vendor-action .institute-button:hover { background: #0c5d4b; }
.lecturer-vendor-action small { display: block; color: #668077; font-size: 11px; margin-top: 10px; }
.lecturer-page .institute-closing { background: #f7f3f7; border-color: #ece4ed; }
.lecturer-page .institute-closing > div > i { color: #965174; }
@media (max-width: 1000px) {
    .lecturer-role-grid, .lecturer-values { gap: 16px; }
    .lecturer-role-card { padding: 20px; }
    .lecturer-role-card li { gap: 8px; }
    .lecturer-role-card li > span { flex-basis: 65px; }
    .lecturer-role-heading { flex-wrap: wrap; }
    .lecturer-application { gap: 26px; padding: 28px; }
    .lecturer-vendor-grid { gap: 24px; }
}
@media (max-width: 700px) {
    .lecturer-values, .lecturer-role-grid, .lecturer-application, .lecturer-vendor-grid { grid-template-columns: 1fr; }
    .lecturer-role-card { padding: 24px; }
    .lecturer-role-heading { flex-wrap: nowrap; }
    .lecturer-role-card > p { min-height: 0; }
    .lecturer-role-card li > span { flex-basis: 80px; }
    .lecturer-application { padding: 24px 18px; gap: 28px; }
    .lecturer-application h2 { font-size: 26px; }
    .lecturer-application-panel, .lecturer-vendor { padding: 22px; }
    .lecturer-vendor h2 { font-size: 22px; }
}