/* Public instructor cards only. Assignment cards and profile dialogs retain their layout. */
#instructor-grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);grid-template-columns:none;gap:20px;align-items:start;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--border-control) transparent;padding-block:6px 12px}
#instructor-grid>.faculty-card{display:flex;flex-direction:column;min-width:0;min-height:0;height:380px;padding:0;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow);scroll-snap-align:start;scroll-snap-stop:normal}
#instructor-grid>.faculty-card>.faculty-media{height:184px;flex:0 0 184px;min-width:0;overflow:hidden;background:var(--surface-soft);border-bottom:1px solid var(--border)}
#instructor-grid>.faculty-card>.faculty-media>.faculty-portrait,#instructor-grid>.faculty-card>.faculty-portrait{display:block;width:100%;height:184px;max-width:100%;margin:0;border:0;border-radius:0;object-fit:cover;object-position:center 35%;flex:0 0 184px}
#instructor-grid>.faculty-card>.faculty-media>.faculty-portrait{height:100%}
#instructor-grid>.faculty-card :is(.faculty-media>.faculty-initial,.faculty-card>.faculty-initial){display:grid;place-items:center;background:var(--surface-soft);color:var(--primary);font:600 72px/1.3 var(--font-heading)}
#instructor-grid>.faculty-card>.faculty-initial{display:grid;place-items:center;background:var(--surface-soft);color:var(--primary);font:600 72px/1.3 var(--font-heading)}
#instructor-grid>.faculty-card>.faculty-card-copy{display:grid;grid-template-rows:52px 50px minmax(44px,1fr);gap:8px;flex:1;min-height:0;min-width:0;padding:14px 18px}
#instructor-grid>.faculty-card .faculty-card-copy>h3{height:52px;min-width:0;margin:0;font:650 18px/26px var(--font-heading);color:var(--primary);overflow:visible;letter-spacing:0}
#instructor-grid>.faculty-card .faculty-card-copy>h3>button{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;width:100%;max-height:52px;min-height:44px;padding:0;background:transparent;color:inherit;font:inherit;text-align:start;overflow-wrap:anywhere}
#instructor-grid>.faculty-card .faculty-card-copy>.faculty-specialty{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;height:50px;min-width:0;margin:0;font-size:16px;line-height:25px;font-weight:500;color:var(--text);overflow-wrap:anywhere}
#instructor-grid>.faculty-card .faculty-card-copy>.faculty-excerpt{display:none}
#instructor-grid>.faculty-card .faculty-card-copy>.faculty-link{grid-row:3;display:flex;align-items:center;justify-content:space-between;align-self:stretch;width:100%;min-width:44px;min-height:44px;margin:0;padding:10px 0 0;border:0;border-top:1px solid var(--border);border-radius:0;background:transparent;color:var(--primary);font-size:16px;font-weight:600;line-height:1.8;text-align:start}
#instructor-grid>.faculty-card .faculty-card-copy>.faculty-link>span{font-size:20px;flex-shrink:0}
#instructor-grid>.faculty-card .faculty-card-copy>.faculty-link:hover{text-decoration:underline;text-underline-offset:5px}
#instructor-grid>.faculty-card :is(h3>button,.faculty-link):focus-visible{outline:3px solid var(--primary);outline-offset:4px;box-shadow:0 0 0 6px var(--surface)}
#instructor-grid:has(>.empty-state){grid-auto-columns:100%}#instructor-grid>.empty-state{grid-column:auto;width:100%}
@media(max-width:1200px){#instructor-grid{grid-auto-columns:calc((100% - 40px)/3)}}
@media(max-width:900px){#instructor-grid{grid-auto-columns:calc((100% - 16px)/2);gap:16px}}
@media(max-width:600px){#instructor-grid{grid-auto-columns:min(300px,86%);gap:16px}#instructor-grid>.faculty-card>.faculty-card-copy{padding-inline:16px}}


.faculty-carousel{min-width:0}
.faculty-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:18px}
.faculty-carousel-controls[hidden]{display:none}
.faculty-carousel-navigation{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.faculty-carousel-navigation>button,.faculty-rotation{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 14px;background:var(--surface);color:var(--primary);border:1px solid var(--border-control);border-radius:10px;font-size:16px}
.faculty-carousel-navigation>button{font-size:22px}
.faculty-carousel-navigation>button:disabled{opacity:.45;cursor:default}
.faculty-rotation[aria-pressed=true]{background:var(--surface-soft)}
.faculty-rotation[hidden]{display:none}
.faculty-carousel-count{font-size:14px;color:var(--text-secondary);margin-inline:6px;font-variant-numeric:tabular-nums}
.faculty-carousel-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#instructor-grid:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:16px}
@media(prefers-reduced-motion:reduce){#instructor-grid{scroll-behavior:auto}}