.km-teachers { margin-block: 2.5rem; }
.km-teachers .km-teacher-filter { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem 1rem; padding-block:1.25rem; border-block:1px solid var(--wp--preset--color--line); margin-bottom:2rem; }
.km-teachers label { font-weight:600; }
.km-teachers select, .km-teachers button { font:inherit; min-height:44px; padding:.5rem .85rem; border:1px solid var(--wp--preset--color--line); border-radius:3px; }
.km-teachers select { color:var(--wp--preset--color--primary); background:var(--wp--preset--color--surface); max-width:100%; }
.km-teachers button { background:var(--wp--preset--color--primary); color:var(--wp--preset--color--surface); cursor:pointer; }
.km-teachers .km-teacher-count { margin:0 0 0 auto; color:var(--wp--preset--color--muted); font-size:.9rem; }
.km-teachers .km-teacher-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.75rem; }
.km-teachers .km-teacher-card { background:var(--wp--preset--color--surface); border:1px solid var(--wp--preset--color--line); border-radius:4px; overflow:hidden; transition:transform .2s ease,border-color .2s ease; }
.km-teachers .km-teacher-card[hidden] { display:none; }
.km-teachers .km-teacher-card:hover { transform:translateY(-3px); border-color:var(--wp--preset--color--gold-ink); }
.km-teachers .km-teacher-portrait { aspect-ratio:4/5; overflow:hidden; background:var(--wp--preset--color--tint); }
.km-teachers .km-teacher-portrait img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 30%; }
.km-teachers .km-teacher-placeholder { display:flex; height:100%; flex-direction:column; align-items:center; justify-content:center; color:var(--wp--preset--color--muted); }
.km-teachers .km-teacher-placeholder svg { width:65%; max-height:72%; fill:none; stroke:var(--wp--preset--color--line); stroke-width:2; }
.km-teachers .km-teacher-placeholder span { font-size:.8rem; letter-spacing:.025em; }
.km-teachers .km-teacher-copy { padding:1.25rem; border-top:2px solid var(--wp--preset--color--gold-ink); }
.km-teachers h2 { margin:0; font-family:var(--wp--preset--font-family--serif); font-size:clamp(1.35rem,2vw,1.65rem); line-height:1.25; color:var(--wp--preset--color--primary); }
.km-teachers .km-teacher-role { margin:.65rem 0; color:var(--wp--preset--color--muted); font-size:.95rem; min-height:2.8em; }
.km-teachers a { display:inline-flex; align-items:center; min-height:44px; margin-right:1rem; font-size:.9rem; }
.km-teachers .km-teacher-contacts { display:flex; flex-wrap:wrap; align-items:center; column-gap:.75rem; }
.km-teachers .km-teacher-contacts a { margin-right:0; white-space:nowrap; }
.km-teachers :is(a,button,select):focus-visible { outline:3px solid var(--wp--preset--color--gold-ink); outline-offset:4px; }
@media(max-width:1199px){.km-teachers .km-teacher-grid {grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:899px){.km-teachers .km-teacher-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;}}
@media(max-width:479px){.km-teachers .km-teacher-grid {grid-template-columns:1fr;} .km-teachers .km-teacher-count {width:100%;margin:0;} .km-teachers select {flex:1;min-width:0;}}
@media(prefers-reduced-motion:reduce){.km-teachers .km-teacher-card {transition:none;} .km-teachers .km-teacher-card:hover {transform:none;}}