:root{
--l2-bg:#f3f6fa;--l2-surface:#fff;--l2-surface-2:#f8fafc;--l2-ink:#172033;--l2-muted:#667085;--l2-line:#e3e8ef;
--l2-dark:#172033;--l2-dark-2:#253149;--l2-blue:#2457a6;--l2-blue-soft:#edf4ff;--l2-red:#c83a45;--l2-red-soft:#fff1f3;
--l2-green:#198754;--l2-green-soft:#eaf8f1;--l2-yellow:#b7791f;--l2-yellow-soft:#fff8e6;--l2-radius:18px;--l2-radius-lg:24px;
--l2-shadow:0 22px 60px rgba(23,32,51,.10);--l2-shadow-soft:0 8px 24px rgba(23,32,51,.07)
}
html,body{font-family:Vazirmatn}
.l2-system-shell,.l2-public-profile,.l2-dashboard,.l2-student-dashboard,.l2-teacher-dashboard,.l2-auth,[class*="l2-"]{font-family:Vazirmatn}
.l2-card,.l2-panel,.l2-public-card,.l2-dashboard-card,.l2-sd-card,[class*="l2-card"]{border-radius:var(--l2-radius);border-color:var(--l2-line)}
.l2-primary,.l2-btn-primary,.l2-action-primary,[class*="l2-primary"]{font-family:inherit!important;border-radius:16px!important;font-weight:800!important}
button,input,select,textarea{font-family:inherit}
.l2-system-shell a,.l2-public-profile a{transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
.l2-system-shell input:focus,.l2-system-shell select:focus,.l2-system-shell textarea:focus,
.l2-public-profile input:focus,.l2-public-profile select:focus,.l2-public-profile textarea:focus{outline:0;border-color:var(--l2-blue);box-shadow:0 0 0 4px rgba(36,87,166,.10)}
.l2-system-shell .l2-pill,.l2-public-profile .l2-public-pill{border-radius:999px}
.l2-system-shell .l2-modal,.l2-public-profile .l2-modal{border-radius:24px;box-shadow:var(--l2-shadow)}
@media(max-width:640px){.l2-system-shell .l2-grid,.l2-public-profile .l2-public-grid{grid-template-columns:1fr!important}.l2-system-shell{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
.l2-teacher-directory-page{margin:0;background:#f6f8fc;color:#182230;font-family:Vazirmatn,system-ui,sans-serif}.l2-directory-wrap{max-width:1180px;margin:0 auto;padding:48px 20px 72px}.l2-directory-hero{background:linear-gradient(135deg,#eef5ff,#fff5f6);border:1px solid #dfe7f3;border-radius:28px;padding:32px;margin-bottom:28px}.l2-directory-eyebrow{margin:0 0 8px;font-weight:800;letter-spacing:.08em;color:#2563eb}.l2-directory-hero h1{margin:0 0 10px;font-size:clamp(28px,4vw,44px)}.l2-directory-hero p{margin:0;line-height:1.9;color:#526071}.l2-directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.l2-directory-card{background:#fff;border:1px solid #e4e9f0;border-radius:22px;overflow:hidden;box-shadow:0 8px 24px rgba(20,32,56,.06)}.l2-directory-card-link{display:block;color:inherit;text-decoration:none}.l2-directory-card img{width:100%;height:220px;object-fit:cover;background:#edf2f7}.l2-directory-card-body{padding:20px}.l2-directory-card-body h2{margin:0 0 8px;font-size:21px}.l2-directory-card-body p{margin:0 0 12px;line-height:1.8;color:#5b6878}.l2-directory-specialties{font-weight:700;color:#2563eb!important}.l2-directory-cta{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:9px 14px;background:#2563eb;color:#fff;font-weight:700}.l2-directory-card-link:focus-visible{outline:3px solid #ef4444;outline-offset:-3px}@media(max-width:640px){.l2-directory-wrap{padding:24px 14px 48px}.l2-directory-hero{padding:24px;border-radius:22px}}
.l2-sd-request-direction{display:inline-flex!important;align-items:center;gap:5px;margin-inline-start:8px;padding:3px 8px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:11px;font-weight:700}.l2-sd-request-direction.is-incoming{background:#eef4ff;color:#2457a6}.l2-sd-request-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.l2-sd-request-actions button{min-height:40px}.l2-sd-request-response{margin-top:10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc}.l2-sd-request-response p{margin:4px 0 0}.l2-sd-request-card.is-incoming{border-top:3px solid #2457a6}