/** Legacy article presentation over the complete OJS article_details object. */

.page_article .cmp_breadcrumbs {
    margin-block-end: 1rem;
}

.obj_article_details > .page_title {
    max-inline-size: 52rem;
    margin: 0.5rem 0 0;
    color: var(--sukan-color-brand-surface);
    font-size: clamp(1.75rem, 1.45rem + 1.1vw, 2.25rem);
    line-height: 1.35;
}

.obj_article_details > .subtitle {
    max-inline-size: 52rem;
    margin: 0.5rem 0 0;
    color: var(--sukan-color-text-muted);
}

.obj_article_details .row {
    display: grid;
    grid-template-columns: minmax(0, 2.65fr) minmax(17rem, 1fr);
    align-items: start;
    gap: 3rem;
    margin: 2rem 0 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    overflow: visible;
}

.obj_article_details .main_entry,
.obj_article_details .entry_details {
    float: none;
    inline-size: auto;
    min-inline-size: 0;
    margin: 0;
    border: 0;
}

.obj_article_details .main_entry .item {
    padding: 0;
}

.obj_article_details .main_entry .item + .item {
    margin-block-start: 2rem;
    padding-block-start: 0;
    border-block-start: 0;
}

.obj_article_details .main_entry .item > .label {
    margin: 0 0 0.75rem;
    color: var(--sukan-color-brand-surface);
    font-size: 1.125rem;
    line-height: 1.4;
}

.obj_article_details ul.authors {
    display: grid;
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.obj_article_details ul.authors > li {
    margin: 0;
}

.obj_article_details .authors .name {
    color: var(--sukan-color-brand-surface);
    font-size: 1.0625rem;
    font-weight: 700;
}

.obj_article_details .authors .affiliation,
.obj_article_details .authors .userGroup,
.obj_article_details .authors .orcid {
    display: block;
    margin-block-start: 0.4rem;
    color: var(--sukan-color-text-muted);
}

.obj_article_details .authors .userGroup {
    font-size: 0.875rem;
}

.obj_article_details .main_entry .abstract {
    max-inline-size: 52rem;
    line-height: 1.9;
}

.obj_article_details .main_entry .abstract p {
    margin-block: 0 1rem;
}

.obj_article_details .keywords .value {
    line-height: 1.8;
}

.obj_article_details .entry_details {
    display: grid;
    gap: 1.5rem;
    padding: 0;
    background: transparent;
}

.obj_article_details .entry_details .item {
    margin: 0;
    padding: 1.5rem;
    background: var(--sukan-color-surface);
    border: 1px solid var(--sukan-color-border-subtle);
    border-radius: 0.5rem;
    box-shadow: var(--sukan-shadow-card);
}

.obj_article_details .entry_details .item + .item {
    border-block-start: 1px solid var(--sukan-color-border-subtle);
}

.obj_article_details .entry_details .sub_item + .sub_item {
    margin-block-start: 1rem;
    padding-block-start: 1rem;
    border-block-start: 1px solid var(--sukan-color-border-subtle);
}

.obj_article_details .entry_details .label {
    margin: 0 0 0.5rem;
    color: var(--sukan-color-brand-surface);
    font-size: 1rem;
    font-weight: 700;
}

.obj_article_details .entry_details .value {
    color: var(--sukan-color-text-muted);
    overflow-wrap: anywhere;
}

.obj_article_details .entry_details .galleys_links,
.obj_article_details .entry_details .supplementary_galleys_links {
    display: grid;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.obj_article_details .entry_details .cover_image img {
    display: block;
    max-inline-size: 100%;
    block-size: auto;
    margin-inline: auto;
}

.page_article > #articlesBySameAuthorList,
.page_article > #articlesBySimilarityList {
    max-inline-size: 52rem;
    margin-block-start: 3rem;
    padding-block-start: 1.5rem;
    border-block-start: 1px solid var(--sukan-color-border-subtle);
}

.page_article > #articlesBySameAuthorList h2,
.page_article > #articlesBySimilarityList h2 {
    margin: 0 0 1rem;
    padding-inline-start: 1rem;
    border-inline-start: 0.3rem solid var(--sukan-color-interactive);
    font-size: 1.25rem;
}

.page_article > #articlesBySameAuthorList ul,
.page_article > #articlesBySimilarityList ul {
    margin: 0;
    padding-inline-start: 1.25rem;
}

@media (max-width: 62rem) {
    .obj_article_details .row {
        grid-template-columns: minmax(0, 1fr);
        gap: 2rem;
    }

    .obj_article_details .entry_details {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-inline-start: 0;
    }
}

@media (max-width: 42rem) {
    .obj_article_details .entry_details {
        grid-template-columns: minmax(0, 1fr);
    }

    .obj_article_details .main_entry .abstract {
        line-height: 1.8;
    }
}