#doctors{max-width:1200px;margin:0 auto;padding:32px 22px 60px}.doctor-controls{display:flex;align-items:end;gap:16px;margin-bottom:16px}.doctor-controls label{flex:1;font-weight:600;max-width:520px}.doctor-controls input{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:11px 13px;font:inherit;border:1px solid #bfcce0;border-radius:8px}.doctor-controls button,#doctor-filters button{font:inherit;color:#1f3864;border:1px solid #c7d3e4;border-radius:8px;padding:8px 12px;background:#fff;cursor:pointer}#doctor-filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}#doctor-filters button[aria-pressed=true]{background:#1f3864;color:#fff}#doctor-count{font-size:14px;color:#536174;min-height:24px;margin:12px 0}.doctor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.doctor-card{min-width:0;border:1px solid #dfe6ef;border-radius:12px;overflow:hidden}.doctor-card-link{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:10px;min-height:188px;padding:12px;box-sizing:border-box;text-decoration:none;color:#202938}.doctor-card-link:hover{background:#f5f8fc}.face{display:block;width:110px;height:110px;object-fit:cover;border-radius:50%;border:1px solid #e5e7eb;box-sizing:border-box;background:#eef1f5}.portrait span.face{display:grid;place-items:center;font-size:28px}.doctor-info{min-width:0;display:flex;flex-direction:column;gap:5px}.doctor-info p{margin:0;line-height:20px}.doctor-hospital{font-size:13px;color:#536174;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doctor-department{font-size:14px;color:#34435b;overflow-wrap:anywhere}.doctor-info h2{font-size:18px;line-height:24px;margin:0;overflow-wrap:anywhere;color:#1f3864}.doctor-info h2 span{display:block;font-size:13px;font-weight:400;color:#536174}.doctor-empty{grid-column:1/-1;padding:32px;text-align:center}.doctor-card-link:focus-visible{outline:3px solid #2e75b6;outline-offset:-3px}[hidden]{display:none!important}@media(max-width:1100px){.doctor-card-link{grid-template-columns:96px minmax(0,1fr)}.face{width:96px;height:96px}}@media(max-width:1023px){.doctor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){.doctor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.doctor-card-link{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px;min-height:184px}.doctor-info{gap:3px}.doctor-info h2{font-size:16px}.doctor-controls{align-items:stretch;flex-wrap:wrap}.doctor-controls label{flex-basis:100%}#doctors{padding:24px 14px 44px}}