:root {
    --eeat-font-size-sm: 0.875rem;
    --eeat-font-size-md: 1rem;
    --eeat-font-size-lg: 1.125rem;

    --eeat-space-xs: 0.5rem;
    --eeat-space-sm: 0.75rem;
    --eeat-space-md: 1rem;
    --eeat-space-lg: 1.25rem;
    --eeat-space-xl: 1.5rem;

    --eeat-person-photo-border-radius: 100%;
    --eeat-person-photo-sm: 4rem;
    --eeat-person-photo-md: 6rem;
    --eeat-person-photo-lg: 8rem;
}


.eeat-block {
    margin-top: 1.5rem;
}


/* ============================================
   Person Block Styles
   ============================================ */

.eeat-person {
    display: flex;
    gap: 1rem;
    align-items: center;
    color: inherit;
    text-decoration: none;
}

.eeat-person__image {
    flex-shrink: 0;
}

.eeat-person__image img {
    width: var(--eeat-person-photo-md);
    border-radius: var(--eeat-person-photo-border-radius);
}

.eeat-person__content {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    flex: 1;
    max-width: 32ch;
}

.eeat-person__name {
    font-size: var(--eeat-font-size-lg);
}

.eeat-person__job-title {
    font-size: var(--eeat-font-size-sm);
}

.eeat-person__description {
    font-size: var(--eeat-font-size-sm);
}

.eeat-person__honorifics {
    font-size: var(--eeat-font-size-sm);

}

.eeat-person__honorific-prefix,
.eeat-person__alternate-name,
.eeat-person__honorific-suffix {

}

.eeat-person__contacts {
    margin-top: 0.75rem;
}

.eeat-person__contact {
    font-size: var(--eeat-font-size-sm);
    margin-bottom: 0.25rem;
}

.eeat-person__contact-label {


}

.eeat-person__links {
    margin-top: 0.75rem;
}

.eeat-person__links a {
    display: inline-block;
    font-size: var(--eeat-font-size-sm);

    text-decoration: none;
    margin-right: 1rem;
    margin-bottom: 0.25rem;
}

.eeat-person__links a:hover {
    text-decoration: underline;
}

.eeat-person__organization {
    font-size: var(--eeat-font-size-sm);

}

.eeat-person__organization-label {


}

/* ============================================
   Persons List Styles
   ============================================ */

.eeat-persons-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    gap: 1.5rem;
}

/* ============================================
   Organization Block Styles
   ============================================ */

.eeat-organization {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.eeat-organization__logo {
    flex-shrink: 0;
}

.eeat-organization__logo img {
    width: 120px;
    height: auto;
    max-height: 120px;
    object-fit: contain;
}

.eeat-organization__content {
    flex: 1;
}

.eeat-organization__name {
    font-size: var(--eeat-font-size-lg);


}

.eeat-organization__legal-name {
    font-size: var(--eeat-font-size-sm);


}

.eeat-organization__slogan {
    font-size: var(--eeat-font-size-sm);
    font-style: italic;

    margin-bottom: 0.75rem;
}

.eeat-organization__description {

    margin-bottom: 1rem;
}

.eeat-organization__contacts {
    margin-top: 1rem;
}

.eeat-organization__contact {
    font-size: var(--eeat-font-size-sm);

}

.eeat-organization__contact-label {


}

.eeat-organization__links {
    margin-top: 1rem;
}

.eeat-organization__links a {
    display: inline-block;
    font-size: var(--eeat-font-size-sm);

    text-decoration: none;
    margin-right: 1rem;
    margin-bottom: 0.25rem;
}

.eeat-organization__links a:hover {
    text-decoration: underline;
}

/* ============================================
   Organizations List Styles
   ============================================ */

.eeat-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.eeat-list__item {
    margin-bottom: 1rem;
}

.eeat-organization-item {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.eeat-organization-item__logo {
    flex-shrink: 0;
}

.eeat-organization-item__logo img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.eeat-organization-item__content {
    flex: 1;
}

.eeat-organization-item__name {
    font-size: var(--eeat-font-size-md);;

    margin-bottom: 0.25rem;
}

.eeat-organization-item__legal-name {
    font-size: var(--eeat-font-size-sm);

    margin-bottom: 0.25rem;
}

.eeat-organization-item__url {
    font-size: var(--eeat-font-size-sm);
}

.eeat-organization-item__url a {

    text-decoration: none;
}

.eeat-organization-item__url a:hover {
    text-decoration: underline;
}

/* ============================================
   Related Pages Styles
   ============================================ */

.eeat-related-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.eeat-related-list__item {

}

.eeat-related-list__link {


    text-decoration: none;
}

.eeat-related-list__link:hover {
    text-decoration: underline;
}

/* ============================================
   Categories List Styles
   ============================================ */

.eeat-categories-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.eeat-categories-list__item {
    /* Контейнер для элемента списка */
}

.eeat-categories-list__link {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    font-size: var(--eeat-font-size-sm);

    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 4px;

}

.eeat-categories-list__link:hover {
    background-color: #f5f5f5;

}

/* ============================================
   Person Page Styles
   ============================================ */

.eeat-person-page {
    margin: 0 auto;
}

.eeat-person-page__header {
    display: flex;
    gap: 2rem;
}

.eeat-person-page__image {
    flex-shrink: 0;
}

.eeat-person-page__image img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 8px;
}

.eeat-person-page__header-content {
    flex: 1;
}

.eeat-person-page__name {
    font-size: 2rem;


}

.eeat-person-page__job-title {
    font-size: var(--eeat-font-size-lg);

    margin-bottom: 1rem;
}

.eeat-person-page__organization {
    font-size: var(--eeat-font-size-md);;

}

.eeat-person-page__organization-label {


}

.eeat-person-page__description {
    font-size: var(--eeat-font-size-md);;
    margin-bottom: 2rem;
}

.eeat-person-page__contacts {
    margin-bottom: 2rem;
}


.eeat-person-page__contact {
    font-size: var(--eeat-font-size-md);;

}

.eeat-person-page__contact-label {


}

.eeat-person-page__contact a {

    text-decoration: none;
}

.eeat-person-page__contact a:hover {
    text-decoration: underline;
}

.eeat-person-page__links {
    margin-bottom: 2rem;
}


.eeat-person-page__links-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.eeat-person-page__links-list li {

}

.eeat-person-page__link {
    font-size: var(--eeat-font-size-md);;

    text-decoration: none;
}

.eeat-person-page__link:hover {
    text-decoration: underline;
}

.eeat-person-page__articles {
    margin-bottom: 2rem;
}


.eeat-person-page__articles-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.eeat-person-page__articles-list li {

}

.eeat-person-page__article-link {
    font-size: var(--eeat-font-size-md);;

    text-decoration: none;
}

.eeat-person-page__article-link:hover {
    text-decoration: underline;
}