.patient-doctor-specializations-page-body .portal-topbar {
    width: 100%;
}

.patient-doctor-specializations-page {
    width: 100%;
    min-width: 0;
    display: grid;
    gap: var(--space-24);
}

.patient-doctor-specializations-page__search-field {
    min-height: 40px;
    padding: 0 var(--space-12);
    border-radius: var(--radius-8);
    display: flex;
    align-items: center;
    gap: var(--space-8);
    background: var(--color-9);
}

.patient-doctor-specializations-page__search-field input {
    width: 100%;
    min-width: 0;
    border: 0;
    padding: 0;
    background: transparent;
    color: var(--color-0);
    outline: none;
}

.patient-doctor-specializations-page__search-field input::placeholder {
    color: var(--color-15);
}

.patient-doctor-specializations-page__search-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-6);
}

.patient-doctor-specializations-page__search-icon svg,
.patient-doctor-specializations-page__breadcrumb-separator svg {
    width: 16px;
    height: 16px;
}

.patient-doctor-specializations-page__breadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-8);
    color: var(--color-15);
}

.patient-doctor-specializations-page__breadcrumb-link {
    color: inherit;
    text-decoration: none;
}

.patient-doctor-specializations-page__breadcrumb-link:hover,
.patient-doctor-specializations-page__breadcrumb-link:focus-visible {
    color: var(--color-0);
    outline: none;
}

.patient-doctor-specializations-page__breadcrumb-current {
    color: var(--color-0);
}

.patient-doctor-specializations-page__breadcrumb-separator {
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-15);
}

.patient-doctor-specializations-page__content {
    display: grid;
    gap: 32px;
}

.patient-doctor-specializations-page__heading {
    margin: 0;
    color: var(--color-0);
}

.patient-doctor-specializations-page__empty {
    margin: 0;
    color: var(--color-15);
}

.patient-doctor-specializations-page__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 48px;
}

.patient-doctor-specializations-page__group {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: var(--space-16);
}

.patient-doctor-specializations-page__group[hidden] {
    display: none;
}

.patient-doctor-specializations-page__group-letter {
    margin: 0;
    padding-bottom: var(--space-8);
    border-bottom: 1px solid var(--color-6);
    color: var(--color-6);
}

.patient-doctor-specializations-page__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: var(--space-12);
}

.patient-doctor-specializations-page__list-item[hidden] {
    display: none;
}

.patient-doctor-specializations-page__link {
    color: var(--color-0);
    text-decoration: none;
    word-break: normal;
    overflow-wrap: normal;
    hyphens: none;
}

.patient-doctor-specializations-page__link:hover,
.patient-doctor-specializations-page__link:focus-visible {
    color: var(--color-6);
    outline: none;
}

@media (max-width: 1100px) {
    .patient-doctor-specializations-page {
        width: 100%;
    }

    .patient-doctor-specializations-page__grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 32px 24px;
    }
}

@media (max-width: 767px) {
    .patient-doctor-specializations-page__content {
        gap: var(--space-24);
    }

    .patient-doctor-specializations-page__grid {
        grid-template-columns: 1fr;
        gap: var(--space-24);
    }
}