/* ============================================================================
   Journal page — journal view, sidebar, tabs, editorial board
   Loaded on journal/view only
   ============================================================================ */

/* ── Sidebar controls ── */
.journal-sidebar .journal-sidebar-controls {
    padding: 14px 16px;
    margin-bottom: 12px;
    text-align: left;
}

.journal-sidebar .sidebar-submit-btn {
    display: block;
    width: 100%;
    border-radius: 5px;
    border-color: var(--ds-color-link);
    background: var(--ds-color-link);
    color: var(--ds-color-white);
    font-size: 13px;
    font-weight: 600;
    padding: 10px 12px;
}

.journal-sidebar .sidebar-submit-btn:hover,
.journal-sidebar .sidebar-submit-btn:focus {
    border-color: var(--ds-color-link-hover);
    background: var(--ds-color-link-hover);
    color: var(--ds-color-white);
}

.journal-sidebar .journal-sidebar-controls > * + * {
    margin-top: 10px;
}

.journal-sidebar .journal-sidebar-link a,
.journal-sidebar .journal-sidebar-subscription a,
.journal-sidebar #subscription {
    color: var(--ds-color-link);
    font-size: 12px;
    font-weight: 500;
}

.journal-sidebar .journal-sidebar-policy {
    margin-top: 10px;
    font-size: 11px;
    color: var(--ds-color-muted);
    line-height: 1.45;
}

.journal-sidebar .journal-sidebar-policy .form-check-input {
    margin-top: 2px;
    margin-right: 6px;
}

.journal-sidebar .journal-contact-card {
    padding: 14px 16px;
}

.journal-sidebar .journal-contact-card .author-list-item {
    margin-bottom: 10px;
}

.journal-sidebar .logo-block-access,
.logotips-block .logo-block-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    border: 1px solid var(--ds-color-border);
    border-radius: 5px;
    background: var(--ds-color-bg);
    padding: 8px 10px;
    margin-bottom: 8px;
    text-decoration: none !important;
    color: var(--ds-color-body);
    word-break: break-word;
}

.journal-sidebar .logo-block-access:hover,
.logotips-block .logo-block-item:hover {
    background: var(--ds-color-border-lt);
}

.journal-sidebar .logo-block-access img,
.logotips-block .logo-block-item img {
    max-width: 120px;
    max-height: 28px;
    width: auto;
    height: auto;
    flex-shrink: 0;
}

.logotips-block {
    padding-top: 14px;
}

.logotips-block > .logo-block-item {
    border-bottom: 1px solid var(--ds-color-border);
    padding-bottom: 8px;
}

.logotips-block .logo-block-item:last-child {
    border-bottom: 1px solid var(--ds-color-border);
}

/* ══════════════════════════════════════════════════════════════
   Journal page redesign — prototype alignment
   ══════════════════════════════════════════════════════════════ */

.journal-page {
    font-family: var(--ds-font-family);
    font-size: var(--ds-font-size-base, 14px);
    line-height: 1.6;
    color: var(--ds-color-body);
}

.journal-page .page-layout {
    max-width: var(--ds-max-width, 1200px);
    width: 100%;
    margin: 28px auto 0;
    padding: 0 32px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 260px;
    gap: 28px;
    align-items: start;
}

.journal-page .card {
    background: var(--ds-color-white);
    border: 1px solid var(--ds-color-border);
    border-radius: var(--radius-card, 8px);
    overflow: hidden;
}

.journal-page .about-block {
    margin-top: 14px;
}

.journal-page .cc-block {
    margin-bottom: 12px;
}

.journal-contact-card h5 {
    text-align: left;
    margin: 0 0 10px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--ds-color-secondary);
}

.journal-page .index-logo-item img {
    height: 28px;
}

.journal-archived-notice {
    margin-bottom: 8px;
    padding: 4px 10px;
    background: #FFFBEB;
    border: 1px solid #FDE68A;
    border-radius: 4px;
    font-size: 12px;
    color: #B45309;
}

/* ── Journal header ── */
.journal-header {
    padding: 24px;
    display: flex;
    gap: 24px;
    align-items: flex-start;
}

.journal-cover {
    width: 120px;
    min-width: 120px;
    height: 168px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid var(--ds-color-border-strong);
    background: var(--ds-color-border-lt);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
}

.journal-cover-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    flex-shrink: 0;
}

.journal-cover--placeholder {
    background: linear-gradient(145deg, var(--ds-issue-thumb-1), #3B82F6);
}

.journal-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* When image fails: hide the broken <img>, show the fallback <div> */
.journal-cover img.is-broken { display: none; }
.journal-cover .cover-fallback {
    display: none;
    width: 100%;
    height: 100%;
    background: var(--ds-color-border-lt) url('../images/no-journal.svg') center / 60% no-repeat;
}
.journal-cover img.is-broken ~ .cover-fallback { display: block; }

.journal-cover .cover-fallback--placeholder {
    display: block;
    width: 34px;
    height: 34px;
    background: url('../images/no-journal.svg') center / 28px 28px no-repeat;
    opacity: 0.5;
}

.journal-cover-placeholder-label {
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 10px;
    font-size: 10px;
    line-height: 1.2;
    color: var(--ds-color-secondary);
    text-align: center;
    pointer-events: none;
}

.journal-meta {
    flex: 1;
}

.journal-page .journal-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--ds-color-heading);
    margin-bottom: 14px;
    line-height: 1.3;
}

.journal-title-ru {
    font-size: 14px;
    font-weight: 400;
    color: var(--ds-color-muted);
    margin-bottom: 14px;
    line-height: 1.4;
}

.meta-table {
    width: 100%;
    border-collapse: collapse;
}

.meta-table tr {
    border-bottom: none;
}

.meta-table tr:last-child {
    border-bottom: none;
}

.meta-table td {
    padding: 6px 0;
    font-size: 13px;
    vertical-align: top;
}

.meta-table td:first-child {
    color: var(--ds-color-muted);
    width: 160px;
    padding-right: 12px;
}

.meta-table td:last-child {
    color: var(--ds-color-heading);
    font-weight: 500;
}

/* Badges */
.journal-page .badge {
    font-size: 12px;
    font-weight: 500;
    padding: 3px 10px;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
}

.badge-scopus { background: #FFF7ED; color: #C2410C; }
.badge-wos    { background: #F0FDF4; color: #15803D; }
.badge-rinc   { background: var(--ds-badge-rinc-bg); color: var(--ds-badge-rinc-color); text-decoration: none; }
.badge-vak    { background: var(--ds-badge-vak-bg); color: var(--ds-badge-vak-color); }
.badge-oa     { background: #FFF7ED; color: #C2410C; }
.badge-doi    { background: #F5F3FF; color: #6D28D9; }

/* ── In-card section navigation ── */
.journal-nav {
    display: flex;
    gap: 6px;
    padding: 0 24px 16px;
    border-bottom: 1px solid var(--ds-color-border-lt);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.journal-nav__link {
    font-size: 13px;
    font-family: var(--ds-font-family);
    font-weight: 500;
    color: var(--ds-color-secondary);
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 14px;
    border-radius: 999px;
    transition: background 0.15s, color 0.15s;
}

.journal-nav__link:hover {
    color: var(--ds-color-body);
    background: var(--ds-color-bg);
    text-decoration: none;
}

.journal-nav__link--active {
    background: #1a56db;
    color: var(--ds-color-white);
    font-weight: 600;
}

.journal-nav__link--active:hover {
    background: #1e40af;
    color: var(--ds-color-white);
}

.journal-sub-header .ds-breadcrumb__separator {
    color: var(--ds-breadcrumb-separator);
}

/* Default journal layout uses segmented tabs + flat issue cards */
.journal-page--default .journal-header {
    padding: 20px;
    gap: 20px;
}

.journal-page--default .journal-cover {
    width: 110px;
    min-width: 110px;
    height: 155px;
    background: #CBD5E1;
}

.journal-page--default .journal-cover--placeholder {
    background: #CBD5E1;
}

.journal-page--default .meta-table tr {
    border-bottom: none;
}

.journal-page--default .tabs-section {
    margin-top: 12px;
    padding: 0 20px;
}

.journal-page--default .issues-section {
    padding: 14px 20px 20px;
}

.journal-page--default .issues-section-title {
    display: none;
}

/* Non-default themes keep underline tabs inside the card. */
.journal-page:not(.journal-page--default) .tab-bar {
    display: flex;
    gap: 0;
    border-bottom: 1px solid var(--ds-color-border-strong);
    padding: 0 24px;
    background: var(--ds-color-white);
    overflow-x: auto;
}

.journal-page:not(.journal-page--default) .tab-bar .tab {
    padding: 12px 16px;
    font-size: 13px;
    color: var(--ds-color-muted);
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    text-decoration: none !important;
    white-space: nowrap;
    display: inline-block;
}

.journal-page:not(.journal-page--default) .tab-bar .tab.active {
    color: var(--ds-color-link);
    border-bottom-color: var(--ds-color-link);
    font-weight: 500;
}

.journal-page:not(.journal-page--default) .tab-bar .tab:hover:not(.active) {
    color: var(--ds-color-body);
}

/* ── Issues grid ── */
.issues-section {
    padding: 20px 24px;
}

.issues-section-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--ds-color-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 16px;
}

.onlinefirst-item {
    display: flex;
    margin-bottom: 1rem;
}

.onlinefirst-cover {
    margin-right: 1.25rem;
    flex: 0 0 150px;
}

.onlinefirst-cover img {
    max-width: 100%;
}

.onlinefirst-title {
    margin-bottom: 4px;
}

.onlinefirst-authors {
    font-size: 12px;
    color: var(--ds-color-muted);
    margin-bottom: 4px;
}

.onlinefirst-doi {
    font-size: 12px;
}

.onlinefirst-downloads {
    font-size: 12px;
    color: var(--ds-color-muted);
}

.archive-year-group {
    margin-bottom: 20px;
}

.archive-year-label {
    font-size: 13px;
    font-weight: 600;
    color: var(--ds-color-heading);
}

.journal-page--default .archive-year-label {
    font-size: 12px;
    font-weight: 600;
    color: #9CA3AF;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding-bottom: 6px;
    border-bottom: 1px solid #E5E7EB;
    margin-bottom: 8px;
}

.issues-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-top: 8px;
}

.journal-page--default .issues-grid {
    margin-top: 0;
    gap: 10px;
}

.journal-page .issue-card {
    border: 1px solid var(--ds-color-border);
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: box-shadow 0.15s;
    text-decoration: none;
    color: inherit;
    display: block;
    background: var(--ds-color-white);
    padding: 0;
    position: static;
}

.journal-page--default .issue-card {
    padding: 12px;
    border-color: var(--ds-color-border-strong);
}

.journal-page .issue-card:hover {
    border-color: var(--ds-color-link);
    text-decoration: none;
}

.journal-page--default .issue-card:hover {
    box-shadow: none;
}

.journal-page--default .issue-thumb {
    width: 100%;
    height: 90px;
    border-radius: 4px;
    margin-bottom: 10px;
    border: 1px solid var(--ds-color-border);
}

.journal-page--default .issue-card:nth-child(4n + 1) .issue-thumb { background: var(--ds-issue-thumb-1); }
.journal-page--default .issue-card:nth-child(4n + 2) .issue-thumb { background: var(--ds-issue-thumb-2); }
.journal-page--default .issue-card:nth-child(4n + 3) .issue-thumb { background: var(--ds-issue-thumb-3); }
.journal-page--default .issue-card:nth-child(4n + 4) .issue-thumb { background: var(--ds-issue-thumb-4); }

.journal-page--default .issues-grid .issue-vol {
    font-size: 12px;
    font-weight: 600;
    color: var(--ds-color-heading);
    margin-bottom: 3px;
    line-height: 1.3;
}

.journal-page--default .issues-grid .issue-date {
    font-size: 11px;
    color: var(--ds-color-muted);
    margin-bottom: 3px;
    line-height: normal;
}

.journal-page--default .issues-grid .issue-count {
    font-size: 11px;
    color: var(--ds-color-muted);
    font-weight: 400;
}

.issue-card-top {
    height: 90px;
    border-bottom: 1px solid var(--ds-color-border);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2px;
}
.issue-card:nth-child(4n+1) .issue-card-top { background: #DBEAFE; }
.issue-card:nth-child(4n+2) .issue-card-top { background: #DCFCE7; }
.issue-card:nth-child(4n+3) .issue-card-top { background: #FEF3C7; }
.issue-card:nth-child(4n+4) .issue-card-top { background: #FDF2F8; }

.issue-vol-label {
    font-size: 10px;
    font-weight: 600;
    color: var(--ds-color-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}

.issue-vol-num {
    font-size: 22px;
    font-weight: 700;
    color: var(--ds-color-heading);
    line-height: 1.1;
}

.issue-card-body {
    padding: 10px 12px;
}

.issue-card-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--ds-color-heading);
    margin-bottom: 4px;
    line-height: 1.3;
}

.issue-year {
    font-size: 11px;
    color: var(--ds-color-muted);
    margin-bottom: 4px;
}

.issue-count {
    font-size: 12px;
    color: var(--ds-color-body);
    font-weight: 500;
}

.issue-elocator {
    font-size: 10px;
    color: #6D28D9;
    font-weight: 600;
    margin-top: 4px;
    font-family: monospace;
}

.issue-status {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 3px;
    margin-top: 4px;
}

.status-published { background: #F0FDF4; color: #15803D; }
.status-wip { background: #FFFBEB; color: #B45309; }

/* ── Tab sections (CSS-only anchor nav) ── */
.journal-page .tab-section {
    padding: 24px;
    margin-top: 16px;
    border-top: none;
}

.journal-page .tab-section h2 {
    font-size: 15px;
    font-weight: 700;
    color: var(--ds-color-heading);
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--ds-color-border);
}

.journal-page--default .tab-section {
    padding: 28px;
}

.journal-page--default .tab-section h2 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    padding-bottom: 0;
    border-bottom: none;
}

.journal-page .tab-section h3 {
    font-size: 14px;
    font-weight: 600;
    color: var(--ds-color-heading);
    margin: 20px 0 10px;
}

.journal-page .tab-section p {
    font-size: 13px;
    color: var(--ds-color-body);
    line-height: 1.75;
    margin-bottom: 12px;
}

/* Archive table */
.archive-table {
    width: 100%;
    border-collapse: collapse;
}

.archive-table th {
    font-size: 11px;
    font-weight: 600;
    color: var(--ds-color-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 6px 12px;
    background: var(--ds-color-bg);
    border-bottom: 1px solid var(--ds-color-border);
    text-align: left;
}

.archive-table td {
    font-size: 13px;
    color: var(--ds-color-body);
    padding: 8px 12px;
    border-bottom: 1px solid var(--ds-color-border-lt);
    vertical-align: middle;
}

.archive-table tr:last-child td {
    border-bottom: none;
}

.archive-table a {
    color: var(--ds-color-link);
}

.elocator-col {
    font-family: monospace;
    font-size: 12px;
    color: #6D28D9;
}

/* Author guidelines — steps */
.journal-page .steps-list {
    list-style: none;
    counter-reset: steps;
    padding-left: 0;
}

.journal-page .steps-list li {
    counter-increment: steps;
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 12px 0;
    border-bottom: 1px solid var(--ds-color-border-lt);
}

.journal-page .steps-list li:last-child {
    border-bottom: none;
}

.step-num {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #EEF2FF;
    color: #4338CA;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.step-body {
    flex: 1;
    font-size: 13px;
    color: var(--ds-color-body);
    line-height: 1.6;
}

.step-body strong {
    color: var(--ds-color-heading);
    display: block;
    margin-bottom: 2px;
}

/* Editorial board */
.editorial-role-label {
    font-size: 11px;
    font-weight: 600;
    color: var(--ds-color-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 12px;
    margin-top: 20px;
}

.editorial-role-label:first-child {
    margin-top: 0;
}

.journal-page--default .editorial-role-label {
    margin-top: 8px;
    margin-bottom: 4px;
}

.journal-page--default .editorial-role-label:first-child {
    margin-top: 0;
}

.editorial-chief-card {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 16px;
    border: 1px solid var(--ds-color-border);
    border-radius: 8px;
    background: var(--ds-color-white);
    margin-bottom: 16px;
}

.journal-page--default .editorial-chief-card {
    gap: 12px;
    align-items: center;
    padding: 10px 12px;
    border-radius: 6px;
    margin-bottom: 8px;
    border-color: var(--ds-color-border);
}

.editorial-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 4px;
}

.journal-page--default .editorial-grid {
    gap: 8px;
}

.editorial-member {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 10px;
    border: 1px solid var(--ds-color-border);
    border-radius: 6px;
    background: var(--ds-color-bg);
}

.journal-page--default .editorial-member {
    gap: 10px;
    padding: 10px 12px;
    border-color: var(--ds-color-border);
    border-radius: 6px;
    background: var(--ds-color-white);
}

.member-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--ds-color-border-lt);
    color: var(--ds-color-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    flex-shrink: 0;
    overflow: hidden;
}

.journal-page--default .editorial-chief-card .member-avatar {
    width: 44px;
    height: 44px;
    background: #E0E7FF;
    color: #4338CA;
    font-size: 14px;
    font-weight: 600;
}

.journal-page--default .editorial-member .member-avatar {
    display: none;
}

.member-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.member-info {
    font-size: 12px;
}

.member-name {
    color: var(--ds-color-link);
    font-weight: 600;
    margin-bottom: 2px;
}

.member-name a {
    color: inherit;
}

.journal-page--default .editorial-chief-card .member-name {
    margin-bottom: 2px;
    font-size: 13px;
    font-weight: 600;
    color: #111827;
}

.journal-page--default .editorial-chief-card .member-name a {
    color: #111827;
}

.journal-page--default .editorial-member .member-name {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 2px;
}

.member-affil {
    color: var(--ds-color-muted);
    line-height: 1.4;
}

.journal-page--default .editorial-chief-card .member-affil,
.journal-page--default .editorial-member .member-affil,
.journal-page--default .editorial-chief-card .member-orcid,
.journal-page--default .editorial-member .member-orcid {
    display: none;
}

.member-degree {
    color: var(--ds-color-secondary);
    font-size: 11px;
}

.journal-page--default .editorial-chief-card .member-degree {
    font-size: 12px;
    color: #6B7280;
}

.journal-page--default .editorial-member .member-degree {
    color: #6B7280;
    font-size: 11px;
}

.member-orcid {
    font-size: 10px;
    color: #15803D;
    font-family: monospace;
}

/* Subjects / Rubrics */
.journal-page .subject-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 16px;
}

.journal-page .subject-list li {
    font-size: 13px;
    color: var(--ds-color-body);
    padding: 7px 0;
    border-bottom: 1px solid var(--ds-color-bg);
    line-height: 1.5;
    display: flex;
    gap: 14px;
    align-items: baseline;
}

.journal-page .subject-list li:last-child {
    border-bottom: none;
}

.subject-code {
    font-size: 13px;
    font-weight: 700;
    color: var(--ds-color-heading);
    white-space: nowrap;
    min-width: 60px;
}

.rubrics-subtitle {
    font-size: 13px;
    color: var(--ds-color-muted);
    margin-bottom: 10px;
}

.journal-page--default .tab-section .rubrics-subtitle {
    font-size: 12px;
    color: #6B7280;
    margin-bottom: 8px;
}

.journal-page--default .subject-list li {
    padding: 8px 0;
    border-bottom: 1px solid #F3F4F6;
    gap: 10px;
}

.journal-page--default .subject-code {
    font-size: 11px;
    font-weight: 600;
    color: #9CA3AF;
    min-width: 40px;
}

.journal-page--default .subject-code.subject-code--vak {
    color: #4338CA;
}

.journal-page--default .subject-text {
    color: #374151;
}

.subject-bullet {
    color: #3B82F6;
    font-size: 16px;
    line-height: 1;
    flex-shrink: 0;
}

/* About section */
.about-mission {
    font-size: 13px;
    color: var(--ds-color-body);
    line-height: 1.75;
    margin-bottom: 16px;
}

.about-mission strong,
.about-mission b {
    color: var(--ds-color-heading);
}

.journal-page--default .about-mission {
    color: #4B5563;
    line-height: 1.65;
    margin-bottom: 0;
}

.about-vak-info {
    font-size: 13px;
    color: var(--ds-color-body);
    line-height: 1.6;
    margin-bottom: 20px;
}

/* About grid */
.about-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 20px;
    padding: 16px;
    background: var(--ds-color-bg);
    border: 1px solid var(--ds-color-border-lt);
    border-radius: 6px;
}

.journal-page--default .about-grid {
    gap: 8px;
    margin-top: 16px;
    margin-bottom: 14px;
    padding: 0;
    background: transparent;
    border: none;
}

.journal-page--default .about-grid > div {
    padding: 10px 14px;
    border: 1px solid #E5E7EB;
    border-radius: 6px;
}

.about-footer {
    margin-bottom: 16px;
}

.about-footer-line {
    font-size: 13px;
    color: var(--ds-color-body);
    line-height: 1.6;
    margin-bottom: 4px;
}

.about-footer-line strong {
    color: var(--ds-color-heading);
}

.about-oa-notice {
    font-size: 12px;
    color: #166534;
    background: #F0FDF4;
    border: 1px solid #BBF7D0;
    border-radius: 6px;
    padding: 10px 14px;
    margin-bottom: 20px;
    line-height: 1.5;
}

.about-item-label {
    color: var(--ds-color-muted);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 3px;
}

.journal-page--default .about-item-label {
    color: #9CA3AF;
    font-size: 11px;
    text-transform: none;
    letter-spacing: normal;
    margin-bottom: 4px;
}

.about-item-value {
    color: var(--ds-color-heading);
    font-weight: 500;
    font-size: 13px;
}

.journal-page--default .about-item-value {
    font-weight: 600;
    color: #111827;
}

.journal-page--default .about-footer-line {
    color: #374151;
    margin-bottom: 2px;
}

/* ── Sidebar ── */
.journal-page .sidebar {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.journal-page--default .sidebar {
    gap: 16px;
}

.journal-page .sidebar-submit {
    padding: 16px;
}

.journal-page .sidebar-submit .btn-submit {
    display: block;
    text-align: center;
    width: 100%;
    padding: 9px 0;
    font-size: 13px;
    line-height: normal;
    background: var(--ds-color-link);
    color: var(--ds-color-white) !important;
    border-radius: 6px;
    font-weight: 500;
    text-decoration: none !important;
}

.journal-page .sidebar-submit .btn-submit:hover {
    background: var(--ds-color-link-hover);
}

/* Indexing cards */
.index-card {
    padding: 18px;
}

.index-label {
    font-size: 11px;
    font-weight: 600;
    color: var(--ds-color-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 10px;
}

.journal-page--default .index-label {
    font-size: 13px;
    font-weight: 600;
    color: #111827;
    text-transform: none;
    letter-spacing: normal;
}

.index-logos {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Info card */
.journal-page .info-card {
    padding: 18px;
}

.info-card-label {
    font-size: 11px;
    font-weight: 600;
    color: var(--ds-color-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 10px;
}

.journal-page .info-card .info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
    border-bottom: 1px solid var(--ds-color-border-lt);
    font-size: 12px;
}

.journal-page .info-card .info-row:last-child {
    border-bottom: none;
}

.journal-page .info-card .info-key {
    color: var(--ds-color-muted);
}

.journal-page .info-card .info-val {
    color: var(--ds-color-heading);
    font-weight: 500;
}

/* Sidebar contact card */
.journal-page .journal-contact-card {
    padding: 18px;
}

.journal-page .journal-contact-card .author-list-item {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 0;
}

.journal-page .journal-contact-card .author-list-item + .author-list-item {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--ds-color-border-lt);
}

.journal-page .journal-contact-card .avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    flex-shrink: 0;
    background: var(--ds-color-border-lt);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
    color: var(--ds-color-muted);
}

.journal-page .journal-contact-card .info {
    font-size: 13px;
    line-height: 1.4;
}

.journal-page .journal-contact-card .info b {
    font-size: 11px;
    font-weight: 500;
    color: var(--ds-color-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.journal-page .journal-contact-card .mail {
    font-size: 12px;
    color: var(--ds-color-muted);
    word-break: break-all;
}

/* Sidebar subscription area */
.journal-sidebar-controls,
.sidebar-controls {
    padding: 12px;
}

.sidebar-submit-btn {
    display: block;
    text-align: center;
    width: 100%;
    padding: 9px 0;
    font-size: 13px;
    line-height: normal;
    background: var(--ds-color-link);
    color: var(--ds-color-white) !important;
    border-radius: 6px;
    font-weight: 500;
    font-family: var(--ds-font-family);
    text-decoration: none !important;
    margin-bottom: 0;
}

.sidebar-submit-btn:hover {
    background: var(--ds-color-link-hover);
}

.journal-sidebar-link,
.sidebar-link {
    font-size: 13px;
    margin-top: 8px;
}

.journal-sidebar-policy,
.sidebar-policy {
    font-size: 12px;
    margin-top: 6px;
    color: var(--ds-color-muted);
}

.journal-page .journal-sidebar-subscription {
    font-size: 13px;
}

/* External links in sidebar */
.journal-page .logo-block-access {
    display: block;
    margin-bottom: 8px;
}

.journal-page .logo-block-access img {
    max-width: 100%;
    height: auto;
}

/* Panel overrides for journal page */
.journal-page .panel {
    border: 1px solid var(--ds-color-border);
    border-radius: 6px;
    box-shadow: none;
    margin-bottom: 10px;
}

.journal-page .panel-heading {
    background: var(--ds-color-bg);
    border-bottom: 1px solid var(--ds-color-border-lt);
    padding: 12px 16px;
}

.journal-page .panel-title {
    font-size: 14px;
    margin: 0;
}

.journal-page .panel-title a {
    color: var(--ds-color-heading);
    text-decoration: none;
}

.journal-page .panel-title a:hover {
    color: var(--ds-color-link);
}

.journal-page .panel-body {
    padding: 16px;
    font-size: 13px;
    line-height: 1.75;
    color: var(--ds-color-body);
}

/* Rubrics section */
.journal-page .tab-content-item {
    margin-bottom: 12px;
}

/* About-chief section */
.journal-page #about_chief {
    padding: 24px;
    font-size: 13px;
    line-height: 1.75;
}

/* Archive card grid */
.archive-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-top: 8px;
}

.journal-page--default .archive-grid {
    margin-top: 0;
}

.archive-item {
    padding: 10px 12px;
    text-decoration: none !important;
    color: inherit;
    display: block;
    border: 1px solid var(--ds-color-border-strong);
    border-radius: 6px;
}

a.archive-item:hover {
    border-color: var(--ds-color-link);
    color: var(--ds-color-link);
}

.archive-item-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--ds-color-heading);
}

.journal-page--default .archive-item-title {
    font-size: 12px;
    line-height: normal;
}

a.archive-item:hover .archive-item-title {
    color: var(--ds-color-link);
}

.archive-item-meta {
    font-size: 12px;
    color: var(--ds-color-muted);
    margin-top: 2px;
}

.journal-page--default .archive-item-meta {
    font-size: 11px;
    color: #9CA3AF;
    line-height: normal;
}

.archive-year-group--hidden {
    display: none;
}

.archive-show-all {
    display: inline-block;
    margin-top: 16px;
    font-size: 14px;
    color: var(--ds-color-link);
    text-decoration: none;
    font-weight: 500;
}

.archive-show-all:hover {
    text-decoration: underline;
}


/* Sidebar submit card */
.sidebar-submit-card {
    padding: 16px;
}

.journal-page--default .sidebar-submit-card,
.journal-page--default .journal-contact-card,
.journal-page--default .index-card {
    padding: 18px;
}

.sidebar-card-label {
    font-size: 13px;
    font-weight: 700;
    color: var(--ds-color-heading);
    margin-bottom: 8px;
}

.journal-page--default .sidebar-card-label {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 10px;
}

.sidebar-submit-desc {
    font-size: 12px;
    color: var(--ds-color-muted);
    line-height: 1.5;
    margin-bottom: 12px;
}

.journal-page--default .sidebar-submit-desc {
    color: #6B7280;
    line-height: 1.6;
}

.sidebar-submit-secondary {
    display: block;
    margin-top: 8px;
    text-align: center;
    padding: 8px 0;
    border: 1px solid var(--ds-color-border-strong);
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    font-family: var(--ds-font-family);
    background: var(--ds-color-white);
    color: var(--ds-color-body);
    text-decoration: none !important;
}

.journal-page--default .sidebar-submit-secondary {
    margin-top: 6px;
    border-color: #E5E7EB;
    color: #374151;
}

.journal-page--default .sidebar-link {
    margin-top: 0;
}

.sidebar-submit-secondary:hover {
    border-color: var(--ds-color-secondary);
    color: var(--ds-color-body);
    text-decoration: none;
}

/* Open Access notice card */
.sidebar-oa-card {
    padding: 14px 16px;
    background: #F0FDF4;
    border-color: #BBF7D0;
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.journal-page--default .sidebar-oa-card {
    padding: 10px 14px;
    border-radius: 6px;
    background: #F0FDF4;
    border-color: #BBF7D0;
    display: block;
}

.sidebar-oa-icon {
    font-size: 18px;
    flex-shrink: 0;
    line-height: 1;
}

.journal-page--default .sidebar-oa-icon {
    display: none;
}

.sidebar-oa-text {
    font-size: 12px;
    color: #166534;
    line-height: 1.55;
}

.journal-page--default .sidebar-oa-text {
    color: #166534;
    line-height: 1.5;
}

.sidebar-oa-text a {
    color: #15803D;
    font-weight: 600;
}

.sidebar-oa-card--empty {
    background: var(--ds-color-bg);
    border-color: var(--ds-color-border);
}

.sidebar-oa-card--empty .sidebar-oa-text {
    color: var(--ds-color-muted);
}

.journal-page--default .sidebar-oa-card--empty,
.journal-page--default .sidebar-oa-card--empty .sidebar-oa-text {
    background: #F0FDF4;
    border-color: #BBF7D0;
    color: #166534;
}

.journal-page--default .journal-contact-card .editor-role {
    font-size: 11px;
    color: #9CA3AF;
    margin-bottom: 2px;
    line-height: normal;
}

.journal-page--default .journal-contact-card .editor-name {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    color: #1a56db;
}

.journal-page--default .journal-contact-card .editor-name a {
    color: #1a56db;
    font-weight: 500;
    text-decoration: none !important;
}

.journal-page--default .journal-contact-card .editor-name a:hover {
    color: #1648c0;
    text-decoration: underline;
}

.journal-page .journal-contact-card .author-list-item--placeholder .info b {
    margin-bottom: 2px;
    display: block;
}

/* ── Responsive ── */
@media (max-width: 991px) {
    .journal-page .page-layout {
        width: 100%;
        position: static;
        left: auto;
        transform: none;
        margin-top: 20px;
        padding: 0 16px;
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .journal-header {
        flex-direction: column;
    }

    .journal-cover {
        width: 90px;
        min-width: 90px;
        height: 126px;
    }

    .issues-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .archive-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .editorial-grid {
        grid-template-columns: 1fr;
    }

    .about-grid {
        grid-template-columns: 1fr;
    }

    .journal-page--default .tabs-section {
        padding: 0 16px;
    }

    .journal-nav {
        padding: 0 16px 12px;
        gap: 4px;
    }

    .journal-nav__link {
        font-size: 12px;
        padding: 5px 10px;
    }
}