/* Current issue: clear editorial hierarchy with the original artwork. */
.page_index_journal .current-issue-panel {
    padding: 26px 24px;
    border-color: #dfe3e8;
    background: #fff;
    color: #202832;
    font-family: Arial, Helvetica, sans-serif;
}

.current-issue-panel .current-issue-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #263e50;
}

.current-issue-panel .current-issue-header h2 {
    margin: 0;
    padding: 0;
    border: 0;
    font: 700 27px/1.2 Arial, Helvetica, sans-serif;
    letter-spacing: -0.6px;
}

.current-issue-panel .current_issue_title {
    color: #62707d;
    font-size: 13px;
    line-height: 1.5;
}

.current-issue-panel .obj_issue_toc .section > h3 {
    position: static;
    display: block;
    margin: 20px 0 0;
    padding: 0;
    color: #626c78;
    font: 700 11px/1.5 Arial, Helvetica, sans-serif;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.current-issue-panel .obj_issue_toc .section::before,
.current-issue-panel .obj_issue_toc .heading::before,
.current-issue-panel .obj_issue_toc .heading::after {
    display: none;
}

.current-issue-panel .editorial-article-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.current-issue-panel .editorial-article-list > li {
    margin: 0;
    padding: 26px 0 30px;
    border-bottom: 1px solid #e2e6ea;
}

.editorial-article-toolbar,
.editorial-article-badges,
.editorial-article-files,
.editorial-galleys {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.editorial-article-toolbar {
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 20px;
}

.editorial-badge {
    display: inline-block;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    border-radius: 2px;
    color: #fff;
}

.editorial-badge-access { background: #515e73; }
.editorial-badge-type { background: #971e35; }

.editorial-article-files {
    justify-content: flex-end;
    margin-inline-start: auto;
    gap: 12px;
    color: #626c78;
    font-size: 12px;
    line-height: 1.5;
}

.editorial-article-pages { white-space: nowrap; }

.editorial-article .editorial-galleys {
    margin: 0;
    padding: 0;
    list-style: none;
}

.editorial-article .editorial-galleys li { margin: 0; }

.editorial-article .editorial-galleys a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0 !important;
    padding: 7px 11px;
    border: 1px solid #d7e0e7;
    border-radius: 4px;
    background: #f7f9fb;
    color: #344c61 !important;
    font-size: 12px;
    font-weight: 600;
}

.editorial-article .editorial-galleys a:hover {
    background: #edf2f6;
    border-color: #9bafbf;
    text-decoration: none !important;
}

.editorial-galleys img { width: 15px; height: 17px; }

.current-issue-panel .editorial-article-title {
    margin: 0 0 13px;
    padding: 0;
    border: 0;
    font: 700 18px/1.4 Arial, Helvetica, sans-serif;
    letter-spacing: -0.15px;
    overflow-wrap: anywhere;
}

/* The base theme forces all link colors, so these scoped colors override it. */
.current-issue-panel .editorial-article-title a { color: #192936 !important; text-decoration: none; }
.current-issue-panel .editorial-article-title a:hover { color: #186078 !important; text-decoration: underline; }

.editorial-article-body {
    display: grid;
    gap: 26px;
    align-items: start;
}

.editorial-article-body.has-graphic { grid-template-columns: 154px minmax(0, 1fr); }
.editorial-article-copy { min-width: 0; }

.current-issue-panel .editorial-article-authors {
    margin: 0 0 8px;
    color: #37424e;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.65;
}

.editorial-article-citation {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    margin-bottom: 12px;
    color: #707984;
    font-size: 12px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.editorial-article-citation a { color: #626f7d; text-decoration: none; }
.editorial-article-citation a:hover { text-decoration: underline; }

.current-issue-panel .editorial-article-abstract {
    margin: 0;
    color: #46515d;
    font-size: 14px;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.editorial-article-abstract strong { color: #303e4c; }

.editorial-article-read {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #24546b;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.current-issue-panel .editorial-article-read { color: #24546b !important; }
.current-issue-panel .editorial-article-read:hover { color: #152f40 !important; text-decoration: underline; }

.editorial-article-graphic {
    display: block;
    padding: 6px;
    border: 1px solid #e6e9ec;
    border-radius: 3px;
    background: #fafbfc;
    transition: border-color 150ms ease;
}

.editorial-article-graphic:hover { border-color: #8fa6b4; }

.editorial-article-graphic img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 240px;
    object-fit: contain;
}

.editorial-article-metrics {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    color: #626f7c;
    font-size: 12px;
    line-height: 1.6;
    padding-inline-start: 12px;
    border-inline-start: 1px solid #dfe5eb;
    white-space: nowrap;
}

.editorial-article-metrics strong { color: #283e50; font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; }

.current-issue-panel .current_issue > .read_more {
    display: inline-block;
    margin-top: 20px;
    color: #24546b;
    font-size: 13px;
    font-weight: 700;
}

.editorial-article a:focus-visible {
    outline: 2px solid #24758d;
    outline-offset: 4px;
}

@media (max-width: 767px) {
    .page_index_journal .current-issue-panel { padding: 20px 16px; }
    .current-issue-panel .current-issue-header h2 { font-size: 24px; }
    .current-issue-panel .editorial-article-title { font-size: 18px; }
    .editorial-article-body.has-graphic { grid-template-columns: 116px minmax(0, 1fr); gap: 20px; }
}

@media (max-width: 480px) {
    .editorial-article-body.has-graphic { grid-template-columns: 88px minmax(0, 1fr); gap: 14px; }
    .editorial-article-graphic { padding: 4px; }
    .editorial-article-toolbar { align-items: flex-start; }
    .editorial-article-files { width: 100%; gap: 8px; }
    .editorial-article-metrics { padding-inline-start: 8px; gap: 5px; font-size: 11px; }
    .editorial-article .editorial-galleys a { padding: 6px 8px; }
    .current-issue-panel .editorial-article-title { font-size: 16px; }
}