/* Teacher Modal */
.tmodal{position:fixed; inset:0; display:none; place-items:center; z-index:1001; font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.tmodal[aria-hidden="false"]{display:grid}
.tmodal__backdrop{position:absolute; inset:0; background:rgba(0,0,0,.55); backdrop-filter:blur(2px)}
.tmodal__dialog{position:relative; background:var(--card); color:var(--text); width:min(920px,94vw); max-height:92vh; overflow:auto; border-radius:var(--radius); box-shadow:var(--shadow); padding:clamp(16px,2.6vw,28px); border:1px solid rgba(255,255,255,.08)}
.tmodal__close{position:absolute; right:10px; top:10px; width:40px; height:40px; border-radius:999px; border:1px solid rgba(255,255,255,.12); background:transparent; color:var(--text); cursor:pointer; font-size:26px; line-height:1}
.tmodal__close:hover{background:rgba(255,255,255,.06)}
.tmodal__header{display:flex; gap:16px; align-items:center; margin-bottom:10px}
.tmodal__photo{width:92px; height:92px; border-radius:14px; object-fit:cover; flex:0 0 auto; background:#0b1a2c; border:1px solid rgba(255,255,255,.08)}
.tmodal__title{margin:0; font-size:clamp(20px,2.1vw,26px); font-weight:800}
.tmodal__subtitle{margin:2px 0 0; color:var(--muted); font-weight:600; font-size:14px}
.tmodal__body{margin-top:10px}
.tmodal__body ul{margin:0; padding-left:18px; display:grid; gap:8px}
.tmodal__body li{line-height:1.5}
/* Cards grid overrides */
.cards.teachers{grid-template-columns:repeat(auto-fill, minmax(220px, 1fr))}
.card.teacher{cursor:pointer}
.card.teacher .avatar { height: 300px; border-radius: 12px; overflow: hidden; }
.card.teacher .avatar img {
  width: 100%; height: 100%;
  object-fit: var(--fit, cover);      /* по умолчанию обрезаем */
  object-position: var(--pos, 10% 10%);
}
.card.teacher .avatar.fit img { --fit: contain; } /* показать фото полностью */

.card.teacher h3{margin:0 0 4px; font-size:18px}
.card.teacher .muted{font-size:13px}