div.editorialTeamBioContent .editorialTeamBioContent.orcidIcon {
    width: 1em;
    height: 1em;
    min-width: 16px;
    min-height: 16px;
    margin-left: .25em;
    margin-right: .25em;
    display: inline-block;
}

/* Editorial Board List */
.page_about_editorial_board .boardSection { margin: 2rem 0; }
.page_about_editorial_board .boardSectionTitle {
    font-size: 1.4rem;
    font-weight: 700;
    color: #7a0026; /* deep maroon accent similar to reference */
    border-left: 4px solid #7a0026;
    padding-left: .75rem;
    margin-bottom: 1rem;
}
.page_about_editorial_board .editorialBoardGrid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}
.page_about_editorial_board .editorCard {
    display: grid;
    grid-template-columns: 1fr 56px; /* collapsed sidebar width */
    background: #fff;
    border: 1px solid #e5e5e5;
    border-left: 6px solid #7a0026;
    border-radius: 4px;
    overflow: hidden;
    transition: box-shadow .2s ease;
}
.page_about_editorial_board .editorCardMain { display: flex; gap: .75rem; padding: 1rem; }
.page_about_editorial_board .editorPhoto { width: 64px; height: 64px; border-radius: 50%; overflow: hidden; background: #f2f2f2; display: flex; align-items: center; justify-content: center; }
.page_about_editorial_board .editorPhoto img { width: 100%; height: 100%; object-fit: cover; }
.page_about_editorial_board .avatarFallback { font-weight: 700; color: #7a0026; }
.page_about_editorial_board .editorMeta { flex: 1; }
.page_about_editorial_board .editorName { font-weight: 700; margin-bottom: .25rem; }
.page_about_editorial_board .editorName a { color: #222; text-decoration: none; }
.page_about_editorial_board .editorName a:hover { color: #7a0026; text-decoration: underline; }
.page_about_editorial_board .editorTitle { font-size: .95rem; color: #666; }
.page_about_editorial_board .editorAffiliation { font-size: .9rem; color: #777; margin-top: .25rem; }
.page_about_editorial_board .editorLink { margin-top: .5rem; }
.page_about_editorial_board .editorLink a { color: #7a0026; text-decoration: none; font-weight: 600; }
.page_about_editorial_board .editorLink a:hover { text-decoration: underline; }
.page_about_editorial_board .editorCardAside { background: #7a0026; color: #fff; padding: .75rem; display: grid; grid-auto-rows: min-content; gap: .5rem; align-content: start; }
.page_about_editorial_board .editorCardAside .item { font-size: .85rem; word-break: break-word; }

/* collapsed state: show only icons */
.page_about_editorial_board .editorCardAside .item { opacity: 0; max-height: 0; overflow: hidden; transition: opacity .2s ease, max-height .2s ease; }
.page_about_editorial_board .editorCardAside:before,
.page_about_editorial_board .editorCardAside:after { display: block; color: #fff; opacity: .9; }
.page_about_editorial_board .editorCardAside:before { content: "✉"; margin-bottom: .75rem; }
.page_about_editorial_board .editorCardAside:after { content: "✆"; }

/* expanded on hover */
.page_about_editorial_board .editorCard:hover { box-shadow: 0 6px 18px rgba(0,0,0,.08); }
.page_about_editorial_board .editorCard .editorCardAside:hover { grid-template-rows: none; padding: 1rem; right: 80px;position: relative; transition: width 1s ease, padding 1s ease,right 1s ease;}
.page_about_editorial_board .editorCard .editorCardAside:hover .item { opacity: 1; max-height: 30px; }

/* when expanded, use wider sidebar like the reference */
.page_about_editorial_board .editorCard:has(.editorCardAside:hover) {
    grid-template-columns: 1fr 220px;
   
}