/* Bootstrap handles columns, spacing, cards and profile modals. */
.stm-mentors{color:#20243c}
.stm-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:#7042b5}
.stm-mentors h3{font-size:clamp(26px,3vw,36px);font-weight:700}
.stm-card{padding-top:26px;border:1px solid #e4deee;border-top:3px solid #7042b5;border-radius:16px;background:#fff;box-shadow:0 6px 22px #30234f08}
.stm-card:hover{box-shadow:0 12px 32px #30234f16}
.stm-portrait{width:128px;height:128px;border:5px solid #f3edf9;box-shadow:0 0 0 1px #e4daef}
.stm-card .card-body{padding:20px 14px 22px}
.stm-card .card-title{font-size:20px;font-weight:700;margin-bottom:6px}
.future-makers-page .stm-designation{font-size:11px!important;line-height:1.5!important;color:#737487;margin-bottom:22px}
.stm-actions .btn{font-size:11px;padding:11px 6px;white-space:nowrap;min-height:44px}
.stm-profile-btn{background:#7042b5;color:#fff;border:1px solid #7042b5}
.stm-profile-btn:hover{background:#56308f;color:#fff;border-color:#56308f}
.stm-schedule-btn{background:#fff;color:#7042b5;border:1px solid #d4c4e9}
.stm-schedule-btn:hover{background:#f1ebf9;color:#7042b5;border-color:#d4c4e9}
.stm-actions .btn:focus-visible,.stm-profile-modal .btn:focus-visible{outline:3px solid #b490e6;outline-offset:3px}
.stm-profile-modal .modal-content{border:0;border-radius:16px}
.stm-profile-modal .modal-body{padding:24px}
.stm-profile-modal .modal-body p{font-size:14px;line-height:1.75}
@media(max-width:575px){.stm-portrait{width:112px;height:112px}.stm-actions .btn{font-size:12px}}