/*
 * Ainun Developer Theme 1.4.0 for OJS 3.4.x
 * Institutional masthead + journal-specific visual identity.
 */

:root {
    --asu-institutional-navy: #171d7a;
    --asu-institutional-blue: #0d86bd;
    --asu-institutional-green: #63d873;
    --asu-ink: #171a2b;
    --asu-body: #3e465d;
    --asu-muted: #6b7284;
    --asu-border: #d9deea;
    --asu-soft: #f4f6fb;
    --asu-white: #ffffff;
    --asu-success: #267a3b;
    --asu-warning-bg: #fff8e6;
    --asu-warning-border: #e4b33f;
    --asu-shadow: 0 10px 28px rgba(24, 34, 82, 0.10);
    --asu-radius: 8px;
    --asu-container: 1240px;
    --asu-serif: Georgia, "Times New Roman", serif;
    --asu-sans: Arial, Helvetica, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.asu-journal-theme {
    margin: 0;
    background: var(--asu-white);
    color: var(--asu-ink);
    font-family: var(--asu-sans);
    font-size: 14.5px;
    line-height: 1.62;
}
body.asu-journal-theme a { color: var(--asu-journal-secondary); text-decoration: none; }
body.asu-journal-theme a:hover { color: var(--asu-journal-primary); text-decoration: underline; }
body.asu-journal-theme img { max-width: 100%; height: auto; }
body.asu-journal-theme button,
body.asu-journal-theme input,
body.asu-journal-theme select,
body.asu-journal-theme textarea { font: inherit; }

.asu-container { width: min(calc(100% - 40px), var(--asu-container)); margin: 0 auto; }
.asu-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Institutional header: identical on every journal and public page. */
.asu-institutional-header {
    position: relative;
    z-index: 1000;
    background: #fff;
    border-bottom: 1px solid #e9ecf4;
}
.asu-institutional-header__inner {
    min-height: 96px;
    display: grid;
    grid-template-columns: minmax(390px, 1fr) auto minmax(170px, auto);
    align-items: center;
    gap: 30px;
}
.asu-institutional-brand {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
    color: var(--asu-institutional-navy) !important;
    text-decoration: none !important;
}
.asu-institutional-mark {
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    display: grid;
    place-items: center;
    position: relative;
    border-radius: 50%;
    background: linear-gradient(145deg, #1c2f94 0%, #0c82b8 100%);
    color: #fff;
    box-shadow: 0 8px 20px rgba(20, 39, 130, .22);
    font-family: var(--asu-serif);
    font-size: 31px;
    font-weight: 700;
}
.asu-institutional-mark i {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 12px;
    height: 4px;
    border-radius: 999px;
    background: var(--asu-institutional-green);
}
.asu-institutional-brand__copy { min-width: 0; line-height: 1.18; }
.asu-institutional-brand__copy strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--asu-serif);
    font-size: clamp(22px, 1.8vw, 29px);
    color: var(--asu-institutional-navy);
    letter-spacing: -.03em;
}
.asu-institutional-brand__copy small {
    display: block;
    margin-top: 6px;
    color: #6a7081;
    font-size: 13px;
    letter-spacing: .055em;
}
.asu-institutional-nav,
.asu-institutional-user { display: flex; align-items: center; gap: 34px; }
.asu-institutional-nav a,
.asu-institutional-user > a,
.asu-user-menu > li > a {
    position: relative;
    color: var(--asu-institutional-navy) !important;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none !important;
    white-space: nowrap;
}
.asu-institutional-nav a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -17px;
    height: 4px;
    border-radius: 4px;
    background: transparent;
}
.asu-institutional-nav a:hover::after,
.asu-institutional-nav a.is-active::after { background: var(--asu-institutional-blue); }
.asu-institutional-user { justify-content: flex-end; gap: 28px; }
.asu-user-menu,
.asu-user-menu ul { list-style: none; margin: 0; padding: 0; }
.asu-user-menu > li { position: relative; }
.asu-user-menu ul {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    min-width: 210px;
    padding: 8px;
    background: #fff;
    border: 1px solid var(--asu-border);
    border-radius: 8px;
    box-shadow: var(--asu-shadow);
}
.asu-user-menu li:hover > ul { display: block; }
.asu-user-menu ul a { display: block; padding: 9px 12px; color: var(--asu-ink) !important; }
.asu-user-menu ul a:hover { background: var(--asu-soft); text-decoration: none; }
.asu-mobile-toggle { display: none; }

.asu-global-breadcrumb {
    background: var(--asu-institutional-navy);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}
.asu-global-breadcrumb .asu-container {
    min-height: 50px;
    display: flex;
    align-items: center;
    gap: 12px;
    overflow: hidden;
}
.asu-global-breadcrumb a,
.asu-global-breadcrumb span { color: #fff; white-space: nowrap; }
.asu-global-breadcrumb span:last-child { overflow: hidden; text-overflow: ellipsis; }

/* Compact journal identity strip used on article, issue, archives, search and auth pages. */
.asu-journal-context-header {
    background: linear-gradient(135deg, var(--asu-journal-primary), var(--asu-journal-secondary));
    color: #fff;
    border-bottom: 3px solid var(--asu-journal-accent);
}
.asu-journal-context-header__inner {
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}
.asu-journal-context-title {
    max-width: 48%;
    color: #fff !important;
    font-family: var(--asu-serif);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    text-decoration: none !important;
}
.asu-journal-context-nav { min-width: 0; }
.asu-journal-menu,
.asu-journal-menu ul { list-style: none; margin: 0; padding: 0; }
.asu-journal-menu { display: flex; align-items: stretch; gap: 0; }
.asu-journal-menu > li { position: relative; }
.asu-journal-menu > li > a {
    display: flex;
    align-items: center;
    min-height: 52px;
    padding: 0 17px;
    color: rgba(255,255,255,.92) !important;
    font-weight: 600;
    text-decoration: none !important;
    white-space: nowrap;
    border-bottom: 3px solid transparent;
}
.asu-journal-menu > li > a:hover,
.asu-journal-menu > li.current > a { background: rgba(255,255,255,.09); border-bottom-color: var(--asu-journal-accent); }
.asu-journal-menu ul {
    display: none;
    position: absolute;
    z-index: 30;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: #fff;
    border: 1px solid var(--asu-border);
    box-shadow: var(--asu-shadow);
}
.asu-journal-menu li:hover > ul { display: block; }
.asu-journal-menu ul a { display: block; padding: 10px 14px; color: var(--asu-ink) !important; }
.asu-journal-menu ul a:hover { background: var(--asu-soft); text-decoration: none; }

/* Core layout */
.asu-structure-content {
    width: min(calc(100% - 40px), var(--asu-container));
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 34px;
    padding: 32px 0 64px;
}
.asu-structure-content.has-sidebar { grid-template-columns: minmax(0, 1fr) 290px; }
.asu-main { min-width: 0; }
.asu-sidebar { min-width: 0; display: flex; flex-direction: column; gap: 20px; }

/* Hide default breadcrumbs because the institutional breadcrumb is persistent. */
.cmp_breadcrumbs { display: none !important; }

/* Journal homepage hero */
.asu-journal-hero { background: #fff; border-bottom: 1px solid var(--asu-border); }
.asu-journal-hero__grid {
    display: grid;
    grid-template-columns: 145px minmax(0, 1fr) 205px;
    gap: 28px;
    padding-top: 30px;
    padding-bottom: 32px;
    align-items: start;
}
.asu-journal-cover img,
.asu-journal-cover__placeholder {
    width: 138px;
    aspect-ratio: .72;
    object-fit: cover;
    border: 1px solid #cfd5e3;
    box-shadow: 0 8px 22px rgba(30,42,95,.16);
}
.asu-journal-cover__placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 18px;
    color: #fff;
    text-align: center;
    background: linear-gradient(150deg, var(--asu-journal-primary), var(--asu-journal-secondary));
}
.asu-journal-cover__placeholder strong { font-family: var(--asu-serif); font-size: 26px; letter-spacing: .06em; }
.asu-journal-cover__placeholder span { margin-top: 8px; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
.asu-journal-cover__placeholder small { margin-top: 22px; opacity: .72; }
.asu-journal-kicker {
    margin: 0 0 7px;
    color: var(--asu-journal-secondary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.asu-journal-hero h1 {
    margin: 0 0 10px;
    color: var(--asu-journal-primary);
    font-family: var(--asu-serif);
    font-size: clamp(25px, 2.45vw, 34px);
    line-height: 1.2;
    letter-spacing: -.025em;
}
.asu-open-access-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 16px;
    padding: 5px 13px;
    border: 1px solid color-mix(in srgb, var(--asu-journal-accent) 80%, #fff);
    border-radius: 999px;
    background: color-mix(in srgb, var(--asu-journal-accent) 15%, #fff);
    color: var(--asu-journal-primary);
    font-size: 13px;
    font-weight: 700;
}
.asu-journal-summary { max-width: 760px; color: var(--asu-body); font-size: 14.5px; line-height: 1.72; }
.asu-journal-summary p { margin: 0 0 12px; }
.asu-journal-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 22px;
    margin: 18px 0 0;
}
.asu-journal-facts div { display: flex; gap: 6px; font-size: 12.5px; }
.asu-journal-facts dt { color: var(--asu-muted); }
.asu-journal-facts dd { margin: 0; color: var(--asu-ink); font-weight: 700; }
.asu-journal-search { display: flex; max-width: 660px; margin-top: 20px; }
.asu-journal-search input {
    min-width: 0;
    flex: 1;
    height: 44px;
    padding: 0 14px;
    border: 1px solid var(--asu-border);
    border-right: 0;
    border-radius: 5px 0 0 5px;
    outline: none;
}
.asu-journal-search input:focus { border-color: var(--asu-journal-secondary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--asu-journal-secondary) 14%, transparent); }
.asu-journal-search button {
    height: 44px;
    padding: 0 20px;
    border: 0;
    border-radius: 0 5px 5px 0;
    background: var(--asu-journal-primary);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}
.asu-journal-hero__aside { text-align: right; color: var(--asu-body); font-size: 13px; }
.asu-journal-hero__aside-group { margin-bottom: 22px; }
.asu-journal-hero__aside-group strong { display: block; margin-bottom: 4px; color: var(--asu-ink); }
.asu-journal-hero__aside-group span { display: block; }
.asu-accreditation img { display: inline-block; width: 145px; max-height: 72px; object-fit: contain; }
.asu-accreditation__text { display: inline-block !important; padding: 6px 12px; border: 2px solid var(--asu-journal-secondary); border-radius: 8px; color: var(--asu-journal-primary); font-weight: 800; }
.asu-accreditation small { display: block; margin-top: 5px; color: var(--asu-muted); font-style: italic; }
.asu-journal-subnav { background: var(--asu-journal-primary); border-top: 2px solid var(--asu-journal-accent); overflow-x: auto; }
.asu-journal-subnav .asu-container { min-width: max-content; }

/* Homepage content */
.asu-journal-home { display: flex; flex-direction: column; gap: 26px; }
.asu-submit-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 16px 22px;
    background: color-mix(in srgb, var(--asu-journal-secondary) 8%, #fff);
    border: 1px solid color-mix(in srgb, var(--asu-journal-secondary) 25%, #fff);
    border-radius: var(--asu-radius);
}
.asu-submit-banner strong { margin-right: 5px; color: var(--asu-ink); }
.asu-submit-banner span { color: var(--asu-body); }
.asu-submit-banner > a,
.asu-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 9px 16px;
    border-radius: 5px;
    background: var(--asu-journal-primary);
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
}
.asu-submit-banner > a:hover,
.asu-button:hover { background: var(--asu-journal-secondary); }
.asu-button--outline { background: #fff; color: var(--asu-journal-primary) !important; border: 1px solid var(--asu-journal-primary); }
.asu-button--outline:hover { background: var(--asu-journal-primary); color: #fff !important; }
.asu-home-section {
    padding: 26px 0;
    border-top: 1px solid var(--asu-border);
}
.asu-section-heading { margin-bottom: 20px; }
.asu-section-heading p { margin: 0 0 4px; color: var(--asu-muted); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.asu-section-heading h2 { margin: 0; color: var(--asu-journal-primary); font-family: var(--asu-serif); font-size: 24px; line-height: 1.25; }
.asu-section-heading--row { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.asu-section-heading--row > a { font-weight: 700; }
.asu-rich-text { color: var(--asu-body); font-size: 14.5px; line-height: 1.75; }
.asu-rich-text h2, .asu-rich-text h3, .asu-rich-text h4 { color: var(--asu-journal-primary); font-family: var(--asu-serif); }

/* OJS announcements */
.obj_announcement_summary,
.cmp_announcements > li,
.obj_announcement_full {
    padding: 15px 18px !important;
    border: 1px solid var(--asu-warning-border) !important;
    border-left-width: 4px !important;
    border-radius: 5px;
    background: var(--asu-warning-bg);
}
.obj_announcement_summary h2,
.obj_announcement_summary h3,
.obj_announcement_full h1 { color: #795b05 !important; }

/* Article lists */
.obj_issue_toc .sections,
.obj_issue_toc .section,
.obj_issue_toc .articles,
.obj_issue_toc .articles > li { list-style: none; margin: 0; padding: 0; }
.obj_issue_toc > .heading,
.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3 {
    margin: 26px 0 4px;
    padding-bottom: 9px;
    border-bottom: 2px solid var(--asu-journal-primary);
    color: var(--asu-journal-primary);
    font-family: var(--asu-serif);
}
.asu-article-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 92px;
    gap: 22px;
    padding: 24px 0;
    border-bottom: 1px solid var(--asu-border);
}
.asu-article-card__eyebrow { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 6px; color: var(--asu-muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.asu-article-open { color: var(--asu-success); }
.asu-article-card__title { margin: 0 0 5px; color: var(--asu-journal-primary); font-family: var(--asu-serif); font-size: 16.5px; line-height: 1.42; }
.asu-article-card__title a { color: inherit !important; }
.asu-article-card__authors { margin: 0 0 5px; color: var(--asu-journal-secondary); font-size: 13.5px; }
.asu-article-card__meta { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-bottom: 10px; color: var(--asu-muted); font-size: 12px; }
.asu-article-card__abstract { margin: 8px 0 10px; color: var(--asu-body); font-size: 13.5px; line-height: 1.65; }
.asu-article-card__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 11px; }
.asu-galley-links { display: flex; flex-wrap: wrap; gap: 8px; }
.asu-galley-links .obj_galley_link,
.asu-galley-links a,
.obj_galley_link {
    display: inline-flex !important;
    align-items: center;
    min-height: 36px;
    padding: 7px 13px !important;
    border: 1px solid var(--asu-journal-primary) !important;
    border-radius: 5px !important;
    background: var(--asu-journal-primary) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
.asu-article-card__visual {
    width: 92px;
    height: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 5px;
    background: linear-gradient(150deg, var(--asu-journal-primary), var(--asu-journal-secondary));
    color: rgba(255,255,255,.9) !important;
    font-family: var(--asu-serif);
    font-size: 24px;
    font-weight: 700;
    text-decoration: none !important;
}
.asu-article-card__visual img { width: 100%; height: 100%; object-fit: cover; }

/* Archives */
.page_issue_archive .issues,
.page_issue_archive .issues > li { list-style: none; margin: 0; padding: 0; }
.asu-issue-card {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 24px;
    margin-bottom: 22px;
    padding: 20px;
    border: 1px solid var(--asu-border);
    border-radius: var(--asu-radius);
    box-shadow: 0 4px 15px rgba(30,42,95,.06);
}
.asu-issue-card__cover { width: 132px; min-height: 170px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: linear-gradient(145deg, var(--asu-journal-primary), var(--asu-journal-secondary)); color: #fff !important; font-family: var(--asu-serif); font-size: 26px; font-weight: 700; }
.asu-issue-card__cover img { width: 100%; height: 100%; object-fit: cover; }
.asu-issue-card__content h2 { margin: 0 0 4px; font-family: var(--asu-serif); color: var(--asu-journal-primary); }
.asu-issue-card__series { color: var(--asu-muted); }

/* Generic public page styles */
.asu-main > .page,
.asu-main > .obj_issue_toc,
.asu-main > .obj_article_details,
.asu-main > .cmp_form,
.asu-main > form,
.asu-main > h1,
.asu-main > .pkp_page_content { max-width: 100%; }
.asu-main h1,
.asu-main .page_title { color: var(--asu-journal-primary); font-family: var(--asu-serif); font-size: clamp(25px, 2.5vw, 34px); line-height: 1.2; }
.asu-main h2 { color: var(--asu-journal-primary); }
.asu-main h3, .asu-main h4 { color: var(--asu-journal-primary); }
.asu-main .page > h1,
.asu-main .page_title { padding-bottom: 12px; border-bottom: 3px solid var(--asu-journal-accent); }

/* Article detail page */
.obj_article_details { color: var(--asu-body); }
.obj_article_details .page_title { margin-top: 0; }
.obj_article_details .subtitle { color: var(--asu-body); }
.obj_article_details .row { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 38px; }
.obj_article_details .main_entry { min-width: 0; }
.obj_article_details .entry_details {
    padding: 18px;
    border: 1px solid var(--asu-border);
    border-radius: var(--asu-radius);
    background: var(--asu-soft);
    align-self: start;
}
.obj_article_details .item { margin-bottom: 24px; }
.obj_article_details .item .label,
.obj_article_details .item h2,
.obj_article_details .item h3 { color: var(--asu-journal-primary); font-family: var(--asu-serif); }
.obj_article_details .authors,
.obj_article_details .authors li { list-style: none; margin: 0; padding: 0; }
.obj_article_details .authors li { margin-bottom: 10px; }
.obj_article_details .abstract { font-size: 15px; line-height: 1.8; }
.obj_article_details .references { overflow-wrap: anywhere; }
.obj_article_details .galleys_links,
.obj_article_details .galleys { display: flex; flex-wrap: wrap; gap: 8px; }

/* Search, login, registration and all forms */
.cmp_form,
.pkp_form,
.page_login,
.page_register,
.page_lost_password,
.page_search { max-width: 900px; }
.cmp_form fieldset,
.pkp_form fieldset { margin: 0 0 22px; padding: 20px; border: 1px solid var(--asu-border); border-radius: var(--asu-radius); }
.cmp_form legend,
.pkp_form legend { padding: 0 8px; color: var(--asu-journal-primary); font-family: var(--asu-serif); font-size: 20px; font-weight: 700; }
.cmp_form .fields,
.pkp_form .fields { display: grid; gap: 16px; }
.cmp_form label,
.pkp_form label { color: var(--asu-ink); font-weight: 600; }
.cmp_form input[type="text"],
.cmp_form input[type="email"],
.cmp_form input[type="password"],
.cmp_form input[type="search"],
.cmp_form select,
.cmp_form textarea,
.pkp_form input[type="text"],
.pkp_form input[type="email"],
.pkp_form input[type="password"],
.pkp_form input[type="search"],
.pkp_form select,
.pkp_form textarea,
.page_search input,
.page_search select {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid #bfc6d6;
    border-radius: 5px;
    background: #fff;
    color: var(--asu-ink);
}
.cmp_form textarea, .pkp_form textarea { min-height: 120px; }
.cmp_form input:focus,
.cmp_form select:focus,
.cmp_form textarea:focus,
.pkp_form input:focus,
.pkp_form select:focus,
.pkp_form textarea:focus {
    outline: 0;
    border-color: var(--asu-journal-secondary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--asu-journal-secondary) 14%, transparent);
}
.cmp_button,
.pkp_button,
button.submit,
input.submit,
.page_search button,
.cmp_form button {
    padding: 10px 18px !important;
    border: 1px solid var(--asu-journal-primary) !important;
    border-radius: 5px !important;
    background: var(--asu-journal-primary) !important;
    color: #fff !important;
    font-weight: 700 !important;
    cursor: pointer;
}
.cmp_button:hover,
.pkp_button:hover,
button.submit:hover,
input.submit:hover { background: var(--asu-journal-secondary) !important; }
.page_login,
.page_register,
.page_lost_password {
    margin: 0 auto;
    padding: 30px;
    border: 1px solid var(--asu-border);
    border-radius: 10px;
    background: #fff;
    box-shadow: var(--asu-shadow);
}
.page_login h1,
.page_register h1,
.page_lost_password h1 { margin-top: 0; }

/* Notifications and pagination */
.cmp_notification { border-radius: 5px; }
.cmp_pagination { margin-top: 28px; }
.cmp_pagination a,
.cmp_pagination .current { display: inline-flex; min-width: 36px; min-height: 36px; align-items: center; justify-content: center; border: 1px solid var(--asu-border); border-radius: 4px; }
.cmp_pagination .current { background: var(--asu-journal-primary); color: #fff; }

/* Sidebar. Journal Manager edits the journalSidebar navigation area in OJS. */
.asu-sidebar-card,
.asu-sidebar .pkp_block {
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--asu-border) !important;
    border-radius: var(--asu-radius);
    background: #fff;
}
.asu-sidebar-card h2,
.asu-sidebar .pkp_block .title {
    display: block;
    margin: 0 !important;
    padding: 12px 16px !important;
    background: var(--asu-journal-primary);
    color: #fff !important;
    font-family: var(--asu-sans) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.asu-sidebar-menu,
.asu-sidebar-menu ul { list-style: none; margin: 0; padding: 0; }
.asu-sidebar-menu > li { border-bottom: 1px solid var(--asu-border); }
.asu-sidebar-menu > li:last-child { border-bottom: 0; }
.asu-sidebar-menu a { display: block; padding: 10px 16px; color: var(--asu-body) !important; }
.asu-sidebar-menu a:hover { padding-left: 20px; background: var(--asu-soft); color: var(--asu-journal-primary) !important; text-decoration: none; }
.asu-sidebar .pkp_block .content { padding: 14px 16px !important; }
.asu-sidebar .pkp_block ul { list-style: none; padding: 0; }

/* Footer */
.asu-footer { margin-top: 20px; background: linear-gradient(135deg, color-mix(in srgb, var(--asu-journal-primary) 88%, #000), color-mix(in srgb, var(--asu-journal-secondary) 72%, #000)); color: rgba(255,255,255,.72); }
.asu-footer__grid { display: grid; grid-template-columns: 1.7fr 1fr 1fr 1fr; gap: 42px; padding-top: 48px; padding-bottom: 42px; }
.asu-footer__brand { display: flex; align-items: center; gap: 11px; margin-bottom: 16px; }
.asu-footer__mark { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--asu-journal-accent); color: #0f1836; font-family: var(--asu-serif); font-size: 20px; font-weight: 700; }
.asu-footer__brand strong { color: #fff; font-family: var(--asu-serif); font-size: 20px; }
.asu-footer__identity p { max-width: 410px; margin: 0 0 10px; }
.asu-footer__journal-name { color: var(--asu-journal-accent); font-weight: 700; }
.asu-footer__column h2 { margin: 0 0 14px; color: var(--asu-journal-accent); font-family: var(--asu-sans); font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
.asu-footer-menu,
.asu-footer-menu ul { list-style: none; margin: 0; padding: 0; }
.asu-footer-menu li { margin-bottom: 8px; }
.asu-footer-menu a { color: rgba(255,255,255,.68) !important; font-size: 13px; }
.asu-footer-menu a:hover { color: #fff !important; text-decoration: none; }
.asu-footer__custom { padding-bottom: 22px; }
.asu-footer__bottom { border-top: 1px solid rgba(255,255,255,.1); }
.asu-footer__bottom .asu-container { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 12px; }
.asu-footer__bottom a { color: rgba(255,255,255,.62) !important; }

/* OJS default brand/footer is replaced by the theme. */
.pkp_structure_head,
.pkp_structure_footer_wrapper { display: none !important; }
.pkp_structure_page,
.pkp_structure_content,
.pkp_structure_main { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; }

@media (max-width: 1120px) {
    .asu-institutional-header__inner { grid-template-columns: minmax(360px, 1fr) auto; gap: 18px; }
    .asu-institutional-user { grid-column: 2; }
    .asu-institutional-nav { grid-row: 2; grid-column: 1 / -1; justify-content: center; padding-bottom: 16px; }
    .asu-institutional-nav a::after { bottom: -10px; }
    .asu-journal-context-header__inner { flex-direction: column; align-items: flex-start; padding-top: 16px; padding-bottom: 0; }
    .asu-journal-context-title { max-width: 100%; }
    .asu-journal-context-nav { width: 100%; overflow-x: auto; }
}

@media (max-width: 920px) {
    .asu-institutional-header__inner { min-height: 88px; grid-template-columns: minmax(0, 1fr) auto; }
    .asu-institutional-mark { width: 52px; height: 52px; flex-basis: 52px; font-size: 29px; }
    .asu-institutional-mark i { left: 15px; right: 15px; bottom: 9px; }
    .asu-institutional-brand__copy strong { font-size: 24px; white-space: normal; }
    .asu-institutional-brand__copy small { font-size: 12px; }
    .asu-mobile-toggle { display: block; width: 44px; height: 44px; border: 0; border-radius: 5px; background: var(--asu-institutional-navy); cursor: pointer; }
    .asu-mobile-toggle span:first-child,
    .asu-mobile-toggle span:first-child::before,
    .asu-mobile-toggle span:first-child::after { display: block; width: 22px; height: 2px; margin: auto; position: relative; background: #fff; content: ""; }
    .asu-mobile-toggle span:first-child::before { position: absolute; top: -7px; }
    .asu-mobile-toggle span:first-child::after { position: absolute; top: 7px; }
    .asu-institutional-nav,
    .asu-institutional-user { display: none; grid-column: 1 / -1; width: 100%; }
    .asu-institutional-nav.is-open,
    .asu-institutional-user.is-open { display: flex; flex-wrap: wrap; padding-bottom: 14px; }
    .asu-institutional-nav { justify-content: flex-start; gap: 22px; }
    .asu-institutional-user { justify-content: flex-start; }
    .asu-journal-hero__grid { grid-template-columns: 130px minmax(0, 1fr); }
    .asu-journal-hero__aside { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 24px; text-align: left; }
    .asu-journal-cover img,
    .asu-journal-cover__placeholder { width: 124px; }
    .asu-structure-content.has-sidebar { grid-template-columns: 1fr; }
    .asu-sidebar { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); }
    .obj_article_details .row { grid-template-columns: 1fr; }
    .asu-footer__grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 640px) {
    .asu-container,
    .asu-structure-content { width: min(calc(100% - 28px), var(--asu-container)); }
    .asu-institutional-brand__copy strong { font-size: 19px; }
    .asu-institutional-brand__copy small { display: none; }
    .asu-global-breadcrumb { font-size: 13px; }
    .asu-journal-hero__grid { grid-template-columns: 1fr; gap: 20px; }
    .asu-journal-cover { display: none; }
    .asu-journal-hero h1 { font-size: 30px; }
    .asu-journal-facts { display: grid; grid-template-columns: 1fr 1fr; }
    .asu-journal-search { flex-direction: column; gap: 8px; }
    .asu-journal-search input { border-right: 1px solid var(--asu-border); border-radius: 5px; }
    .asu-journal-search button { border-radius: 5px; }
    .asu-submit-banner,
    .asu-section-heading--row { align-items: flex-start; flex-direction: column; }
    .asu-article-card { grid-template-columns: 1fr; }
    .asu-article-card__visual { display: none; }
    .asu-issue-card { grid-template-columns: 90px minmax(0, 1fr); padding: 14px; }
    .asu-issue-card__cover { width: 90px; min-height: 126px; }
    .asu-sidebar { grid-template-columns: 1fr; }
    .asu-footer__grid { grid-template-columns: 1fr; }
    .asu-footer__bottom .asu-container { flex-direction: column; align-items: flex-start; padding-top: 14px; padding-bottom: 14px; }
    .page_login,
    .page_register,
    .page_lost_password { padding: 20px 15px; }
}

/* Automatically activate the two-column layout when the footer renders a sidebar. */
.asu-structure-content:has(> .asu-sidebar) { grid-template-columns: minmax(0, 1fr) 290px; }
body.pkp_page_login .asu-sidebar,
body.pkp_page_user.pkp_op_register .asu-sidebar,
body.pkp_page_user.pkp_op_registerComplete .asu-sidebar { display: none !important; }
body.pkp_page_login .asu-structure-content,
body.pkp_page_user.pkp_op_register .asu-structure-content,
body.pkp_page_user.pkp_op_registerComplete .asu-structure-content { grid-template-columns: minmax(0, 1fr) !important; }


/* ===== Legacy visual refinements retained for compatibility =====
 * The institutional masthead keeps the same structure on every journal,
 * but its visual identity now follows each journal's configured palette.
 */
.asu-institutional-header {
    background: color-mix(in srgb, var(--asu-journal-primary) 3%, #fff);
    border-bottom-color: color-mix(in srgb, var(--asu-journal-primary) 18%, #fff);
}
.asu-institutional-brand,
.asu-institutional-brand__copy strong,
.asu-institutional-nav a,
.asu-institutional-user > a,
.asu-user-menu > li > a {
    color: var(--asu-journal-primary) !important;
}
.asu-institutional-mark {
    background: linear-gradient(145deg, var(--asu-journal-primary), var(--asu-journal-secondary));
    box-shadow: 0 8px 20px color-mix(in srgb, var(--asu-journal-primary) 24%, transparent);
}
.asu-institutional-mark i { background: var(--asu-journal-accent); }
.asu-institutional-nav a:hover::after,
.asu-institutional-nav a.is-active::after { background: var(--asu-journal-accent); }
.asu-mobile-toggle { background: var(--asu-journal-primary); }
.asu-global-breadcrumb { background: var(--asu-journal-primary); }

/* Only the lower journal navigation is used. */
.asu-journal-context-nav { display: none !important; }
.asu-journal-context-header__inner { min-height: 58px; }
.asu-journal-context-title { max-width: 100%; font-size: 19px; }
body.pkp_page_index.pkp_op_index .asu-journal-context-header,
body.pkp_page_index.pkp_op_journal .asu-journal-context-header { display: none !important; }

/* A calmer journal hero, closer to the editorial reference supplied by the user. */
.asu-journal-hero__main { min-width: 0; }
.asu-journal-hero h1 { max-width: 760px; margin-bottom: 9px; }
.asu-journal-kicker { font-size: 11px; letter-spacing: .105em; }
.asu-open-access-badge { margin-bottom: 13px; padding: 4px 11px; font-size: 12px; }
.asu-journal-summary {
    max-width: 760px;
    margin-top: 1px;
    color: #41485d;
    font-size: 14.25px;
    line-height: 1.72;
}
.asu-journal-summary p { margin: 0 0 10px; }
.asu-journal-summary strong { color: var(--asu-journal-primary); }
.asu-journal-facts { margin-top: 15px; }
.asu-journal-facts div { font-size: 12.25px; }
.asu-journal-hero__aside { font-size: 12.25px; line-height: 1.55; }
.asu-journal-hero__aside-group { margin-bottom: 18px; }
.asu-journal-search { margin-top: 17px; }

/* More comfortable type scale across journal pages. */
.asu-section-heading h2 { font-size: 23px; }
.asu-rich-text { font-size: 14.25px; }
.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3 { font-size: 20px; }
.asu-article-card { padding: 20px 0; }
.asu-article-card__title { font-size: 16px; }
.asu-article-card__authors { font-size: 13px; }
.asu-article-card__abstract { font-size: 13.25px; }
.asu-main .page_title { font-size: clamp(24px, 2.4vw, 32px); }
.obj_article_details .title { font-size: clamp(25px, 2.55vw, 34px) !important; }

/* Footer uses the active journal palette instead of a fixed institutional blue. */
.asu-footer {
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--asu-journal-primary) 90%, #000),
        color-mix(in srgb, var(--asu-journal-secondary) 68%, #000));
}
.asu-footer__mark {
    background: var(--asu-journal-accent);
    color: color-mix(in srgb, var(--asu-journal-primary) 88%, #000);
}
.asu-footer__journal-name,
.asu-footer__column h2 { color: color-mix(in srgb, var(--asu-journal-accent) 88%, #fff); }

@media (max-width: 920px) {
    .asu-institutional-header__inner { min-height: 82px; }
    .asu-journal-context-header__inner { padding-top: 11px; padding-bottom: 11px; }
}
@media (max-width: 640px) {
    .asu-journal-hero h1 { font-size: 27px; }
    .asu-journal-summary { font-size: 14px; }
}

/* ======================================================================
   v1.2 — Editorial layout aligned with the ARTECH reference
   ====================================================================== */

/* Publisher masthead: same structure on every journal, journal palette. */
.asu-institutional-header {
    background: var(--asu-journal-primary) !important;
    border-bottom: 2px solid var(--asu-journal-accent) !important;
}
.asu-institutional-header__inner {
    min-height: 82px;
    grid-template-columns: minmax(330px, 1fr) auto minmax(150px, auto);
    gap: 26px;
}
.asu-institutional-brand,
.asu-institutional-brand__copy strong,
.asu-institutional-nav a,
.asu-institutional-user > a,
.asu-user-menu > li > a {
    color: #fff !important;
}
.asu-institutional-brand__copy strong {
    font-size: clamp(20px, 1.55vw, 25px);
    letter-spacing: -.018em;
}
.asu-institutional-brand__copy small {
    margin-top: 2px;
    color: color-mix(in srgb, #fff 70%, var(--asu-journal-accent));
    font-size: 11px;
    letter-spacing: .085em;
    text-transform: uppercase;
}
.asu-institutional-mark {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
    background: var(--asu-journal-accent) !important;
    color: color-mix(in srgb, var(--asu-journal-primary) 90%, #000) !important;
    box-shadow: none !important;
    font-size: 24px;
}
.asu-institutional-mark i { display: none; }
.asu-institutional-nav,
.asu-institutional-user { gap: 26px; }
.asu-institutional-nav a,
.asu-institutional-user > a,
.asu-user-menu > li > a { font-size: 13.5px; font-weight: 650; }
.asu-institutional-nav a::after { bottom: -14px; height: 3px; }
.asu-institutional-nav a:hover::after,
.asu-institutional-nav a.is-active::after { background: var(--asu-journal-accent); }
.asu-login-link {
    padding: 7px 14px;
    border: 1px solid color-mix(in srgb, #fff 35%, transparent);
    border-radius: 4px;
}
.asu-register-link {
    padding: 8px 15px;
    border-radius: 4px;
    background: var(--asu-journal-accent);
    color: color-mix(in srgb, var(--asu-journal-primary) 90%, #000) !important;
}

/* Light breadcrumb like the editorial reference. */
.asu-global-breadcrumb {
    background: #f4f6fa !important;
    border-bottom: 1px solid var(--asu-border);
    color: var(--asu-muted);
    font-size: 12.5px;
    font-weight: 500;
}
.asu-global-breadcrumb .asu-container { min-height: 38px; }
.asu-global-breadcrumb a { color: var(--asu-journal-secondary) !important; }
.asu-global-breadcrumb span { color: var(--asu-muted) !important; }
.asu-global-breadcrumb span:last-child { color: var(--asu-body) !important; font-weight: 650; }

/* Homepage owns its full-width structure and sidebar. */
body.pkp_page_index.pkp_op_index .asu-structure-content,
body.pkp_page_index:not([class*="pkp_op_"]) .asu-structure-content {
    width: 100%;
    display: block;
    padding: 0 0 58px;
}
body.pkp_page_index.pkp_op_index .asu-main { width: 100%; }
body.pkp_page_index.pkp_op_index .asu-journal-context-header { display: none !important; }

/* Journal identity hero. */
.asu-journal-hero { border-bottom: 0; }
.asu-journal-hero__grid {
    grid-template-columns: 145px minmax(0, 1fr) 205px;
    gap: 30px;
    padding-top: 28px;
    padding-bottom: 22px;
}
.asu-journal-cover img,
.asu-journal-cover__placeholder {
    width: 145px;
    min-height: 200px;
    aspect-ratio: 145 / 200;
    border-radius: 1px;
    box-shadow: 0 4px 14px color-mix(in srgb, var(--asu-journal-primary) 16%, transparent);
}
.asu-journal-cover__placeholder strong { font-size: 22px; }
.asu-journal-cover__placeholder span { font-size: 7.5px; }
.asu-journal-cover__placeholder small { margin-top: 14px; font-size: 9px; }
.asu-journal-hero h1 {
    max-width: 760px;
    margin: 0 0 7px;
    font-size: clamp(23px, 2.05vw, 29px);
    line-height: 1.25;
    letter-spacing: -.02em;
}
.asu-open-access-badge {
    margin-bottom: 12px;
    padding: 4px 11px;
    font-size: 12px;
}
.asu-journal-summary {
    max-width: 730px;
    color: var(--asu-body);
    font-size: 14px;
    line-height: 1.72;
}
.asu-journal-summary p { margin: 0 0 9px; }
.asu-journal-summary em { color: var(--asu-journal-secondary); font-weight: 650; }
.asu-journal-facts { gap: 8px 18px; margin-top: 15px; }
.asu-journal-facts div { position: relative; gap: 5px; padding-left: 15px; font-size: 12px; }
.asu-journal-facts div::before {
    content: "▪";
    position: absolute;
    left: 0;
    color: var(--asu-journal-secondary);
}
.asu-journal-facts dt { color: var(--asu-muted); }
.asu-journal-facts dd { color: var(--asu-ink); }

.asu-journal-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 54px;
    max-width: 640px;
    margin-top: 16px;
}
.asu-journal-search input,
.asu-journal-search select,
.asu-journal-search button { height: 42px; }
.asu-journal-search input {
    border-radius: 4px 0 0 4px;
    font-size: 13.5px;
}
.asu-journal-search select {
    min-width: 112px;
    padding: 0 10px;
    border: 1px solid var(--asu-border);
    border-right: 0;
    background: var(--asu-soft);
    color: var(--asu-body);
    font-size: 12.5px;
}
.asu-journal-search button {
    padding: 0;
    border-radius: 0 4px 4px 0;
    font-size: 21px;
}
.asu-search-links { display: flex; gap: 14px; margin-top: 5px; font-size: 12px; }
.asu-search-links a { color: var(--asu-journal-secondary) !important; }

.asu-journal-hero__aside {
    padding-top: 0;
    text-align: right;
    font-size: 12px;
    line-height: 1.55;
}
.asu-share-button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 12px;
    padding: 8px 16px;
    border: 0;
    border-radius: 4px;
    background: var(--asu-journal-primary);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}
.asu-share-button:hover { background: var(--asu-journal-secondary); }
.asu-journal-hero__aside-group { margin-bottom: 17px; }
.asu-journal-hero__aside-group strong { margin-bottom: 3px; font-size: 12px; }
.asu-accreditation img { width: 138px; }

/* One full-width journal navigation bar below the hero. */
.asu-journal-subnav {
    border-top: 2px solid var(--asu-journal-accent);
    border-bottom: 1px solid color-mix(in srgb, var(--asu-journal-primary) 80%, #000);
}
.asu-journal-subnav .asu-container { width: min(calc(100% - 40px), var(--asu-container)); }
.asu-journal-menu > li > a {
    min-height: 48px;
    padding: 0 18px;
    font-size: 12.5px;
}

/* Homepage spacing: full-width banners, then two-column content. */
.asu-journal-home {
    width: min(calc(100% - 40px), var(--asu-container));
    margin: 0 auto;
    gap: 0;
    padding-top: 22px;
}
.asu-submit-banner {
    min-height: 68px;
    margin-bottom: 18px;
    padding: 13px 20px;
    border-radius: 6px;
    font-size: 13.5px;
}
.asu-submit-banner > a { padding: 9px 20px; }
.asu-announcement-area { margin-bottom: 20px; }
.asu-announcement-area:empty { display: none; }
.asu-announcement-area .cmp_announcements,
.asu-announcement-area .cmp_announcements > ul { margin: 0; padding: 0; list-style: none; }
.asu-announcement-area .obj_announcement_summary,
.asu-announcement-area .cmp_announcements > li {
    margin: 0 0 10px !important;
    padding: 11px 16px !important;
    font-size: 12.5px;
}
.asu-announcement-area h2,
.asu-announcement-area h3 { margin: 0 0 2px !important; font-size: 13.5px !important; }

.asu-home-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 32px;
    align-items: start;
}
.asu-home-content-grid--single { grid-template-columns: minmax(0, 1fr); }
.asu-home-content-main { min-width: 0; }
.asu-home-section { padding: 0 0 32px; border-top: 0; }
.asu-home-section + .asu-home-section { padding-top: 28px; border-top: 1px solid var(--asu-border); }
.asu-section-heading { margin-bottom: 10px; padding-bottom: 8px; border-bottom: 2px solid var(--asu-journal-primary); }
.asu-section-heading h2 { font-size: 20px; }
.asu-section-heading p { font-size: 11px; }

/* Editorial tabs mirror the reference and remain linked to OJS pages. */
.asu-overview-tabs {
    display: flex;
    align-items: stretch;
    overflow-x: auto;
    margin-bottom: 20px;
    border-bottom: 2px solid var(--asu-border);
}
.asu-overview-tabs a {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 0 22px;
    color: var(--asu-muted) !important;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    border-bottom: 3px solid transparent;
    text-decoration: none !important;
}
.asu-overview-tabs a:hover,
.asu-overview-tabs a.is-active {
    color: var(--asu-journal-primary) !important;
    border-bottom-color: var(--asu-journal-primary);
}
.asu-rich-text { font-size: 14px; line-height: 1.82; }
.asu-rich-text p { margin: 0 0 15px; }
.asu-rich-text ul,
.asu-rich-text ol { padding-left: 21px; }

/* Current issue and articles. */
.asu-section-heading--row { align-items: end; }
.asu-section-heading--row > a { font-size: 12.5px; }
.obj_issue_toc > .heading,
.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3 {
    margin-top: 20px;
    font-size: 16px !important;
}
.asu-article-card {
    grid-template-columns: minmax(0, 1fr) 82px;
    gap: 18px;
    padding: 18px 0;
}
.asu-article-card__title { font-size: 15px !important; line-height: 1.38; }
.asu-article-card__authors { font-size: 12.5px; }
.asu-article-card__meta { font-size: 11.5px; }
.asu-article-card__abstract { font-size: 12.8px; line-height: 1.62; }
.asu-article-card__visual { width: 82px; height: 102px; font-size: 20px; }
.asu-button,
.asu-galley-links .obj_galley_link,
.asu-galley-links a,
.obj_galley_link { min-height: 33px; padding: 6px 12px !important; font-size: 11.5px !important; }

/* Sidebar closely follows the reference menu card. */
.asu-home-sidebar { gap: 18px; }
.asu-home-sidebar .asu-sidebar-card,
.asu-home-sidebar .pkp_block { border-radius: 5px; }
.asu-sidebar-card h2,
.asu-sidebar .pkp_block .title {
    padding: 11px 16px !important;
    font-size: 12.5px !important;
    letter-spacing: .04em;
}
.asu-sidebar-card h2 span { margin-right: 5px; color: var(--asu-journal-accent); }
.asu-sidebar-menu > li > a {
    padding: 9px 15px;
    font-size: 12.8px;
}
.asu-sidebar-menu > li > a:hover { padding-left: 19px; }
.asu-sidebar .pkp_block .content { padding: 13px 15px !important; font-size: 12.5px; }

/* Footer proportions from the supplied editorial mockup. */
.asu-footer { margin-top: 46px; }
.asu-footer__grid { grid-template-columns: 1.7fr 1fr 1fr 1fr; gap: 38px; padding-top: 42px; padding-bottom: 36px; }
.asu-footer__mark { width: 38px; height: 38px; font-size: 17px; }
.asu-footer__brand strong { font-size: 17px; }
.asu-footer__identity p,
.asu-footer-menu a { font-size: 12.5px; }
.asu-footer__column h2 { font-size: 12px; }

/* Generic journal pages: keep the compact context title and one navigation. */
.asu-journal-context-header {
    background: var(--asu-journal-primary);
    border-bottom: 2px solid var(--asu-journal-accent);
}
.asu-journal-context-header__inner { min-height: 54px; }
.asu-journal-context-title { font-size: 17px; }

@media (max-width: 1080px) {
    .asu-institutional-header__inner { grid-template-columns: minmax(300px, 1fr) auto; }
    .asu-institutional-nav { grid-row: 2; grid-column: 1 / -1; padding-bottom: 13px; }
    .asu-institutional-user { grid-column: 2; }
    .asu-journal-hero__grid { grid-template-columns: 130px minmax(0, 1fr); }
    .asu-journal-hero__aside { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; text-align: left; }
    .asu-share-button { justify-self: start; }
}

@media (max-width: 900px) {
    .asu-home-content-grid { grid-template-columns: 1fr; }
    .asu-home-sidebar { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 640px) {
    .asu-institutional-header__inner { min-height: 72px; }
    .asu-institutional-brand__copy strong { font-size: 18px; }
    .asu-institutional-brand__copy small { display: none; }
    .asu-institutional-mark { width: 42px; height: 42px; flex-basis: 42px; font-size: 21px; }
    .asu-mobile-toggle { background: color-mix(in srgb, var(--asu-journal-primary) 75%, #000); }
    .asu-journal-hero__grid { grid-template-columns: 1fr; }
    .asu-journal-cover { display: none; }
    .asu-journal-hero h1 { font-size: 24px; }
    .asu-journal-hero__aside { grid-template-columns: 1fr; }
    .asu-journal-search { grid-template-columns: 1fr; gap: 7px; }
    .asu-journal-search input,
    .asu-journal-search select,
    .asu-journal-search button { width: 100%; border: 1px solid var(--asu-border); border-radius: 4px; }
    .asu-journal-search button { min-height: 42px; }
    .asu-overview-tabs a { padding: 0 15px; }
    .asu-home-sidebar { grid-template-columns: 1fr; }
    .asu-footer__grid { grid-template-columns: 1fr; }
}

/* ======================================================================
   v1.3 — Configurable Journal Overview and Justicia-style Quick Menu
   ====================================================================== */
.asu-quick-menu h2 {
    margin: 0;
    padding: 14px 18px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .025em;
}
.asu-quick-menu .asu-sidebar-menu > li > a {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    padding: 11px 16px;
    line-height: 1.35;
}
.asu-quick-menu .asu-sidebar-menu > li > a span {
    color: var(--asu-journal-primary);
    font-size: 14px;
    font-weight: 750;
    text-align: center;
}
.asu-quick-menu .asu-sidebar-menu > li > a:hover {
    padding-left: 16px;
    border-left: 4px solid var(--asu-journal-accent);
    background: color-mix(in srgb, var(--asu-journal-primary) 5%, #fff);
}
.asu-overview-tabs {
    overflow-x: auto;
    scrollbar-width: thin;
}
.asu-overview-tabs a {
    white-space: nowrap;
}
@media (max-width: 640px) {
    .asu-overview-tabs {
        display: flex;
        align-items: stretch;
    }
    .asu-overview-tabs a {
        flex: 0 0 auto;
    }
}


/* v1.3.1: Evenly distribute the top journal navigation on desktop only.
   This keeps the same menu system and styling, but makes the main items
   feel visually balanced rather than clustered to the left edge. */
@media (min-width: 900px) {
    .asu-journal-subnav .asu-container {
        display: flex;
    }
    .asu-journal-menu {
        width: 100%;
        justify-content: space-evenly;
    }
    .asu-journal-menu > li {
        flex: 1 1 0;
    }
    .asu-journal-menu > li > a {
        justify-content: center;
        text-align: center;
        width: 100%;
        padding-left: 12px;
        padding-right: 12px;
    }
    .asu-journal-menu > li > ul {
        left: 50%;
        transform: translateX(-50%);
    }
}

/* ======================================================================
   v1.4.0 — Persistent journal navigation and visible dropdown menus
   Scope: primary journal menu and journal sidebar only.
   ====================================================================== */
.asu-journal-subnav {
    position: relative;
    z-index: 120;
    overflow: visible;
}
.asu-journal-subnav .asu-container,
.asu-journal-menu {
    overflow: visible;
}
.asu-journal-menu > li {
    z-index: 1;
}
.asu-journal-menu > li:hover,
.asu-journal-menu > li:focus-within {
    z-index: 130;
}
.asu-journal-menu li:focus-within > ul {
    display: block;
}
.asu-journal-menu ul {
    z-index: 140;
    max-height: min(70vh, 560px);
    overflow-y: auto;
}

/* Internal journal pages always reserve space for the persistent Quick Menu. */
.asu-structure-content.has-sidebar {
    grid-template-columns: minmax(0, 1fr) 290px;
}

@media (max-width: 920px) {
    .asu-structure-content.has-sidebar {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .asu-journal-subnav {
        overflow: visible;
    }
    .asu-journal-menu {
        flex-wrap: wrap;
        justify-content: center;
    }
    .asu-journal-menu > li {
        flex: 1 1 auto;
        min-width: 120px;
    }
    .asu-journal-menu > li > ul {
        left: 0;
        right: auto;
        transform: none;
    }
}

/* ======================================================================
   v1.4.3 — Sage-inspired article reader and collision fix
   Scope: article landing pages only. Other journal pages are unchanged.
   ====================================================================== */
.pkp_page_article .asu-structure-content {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    display: block;
}
.pkp_page_article .asu-main,
.pkp_page_article .page_article,
.pkp_page_article .obj_article_details {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}
.pkp_page_article .obj_article_details .page_title {
    border: 0;
    padding: 0;
}
.pkp_page_article .asu-reader-notice {
    width: min(calc(100% - 40px), var(--asu-container));
    margin: 24px auto;
}
.pkp_page_article .asu-reader-shell {
    display: grid;
    grid-template-columns: minmax(290px, 350px) minmax(0, 1fr);
    min-height: 760px;
    background: #fff;
}
.pkp_page_article .asu-reader-sidebar,
.pkp_page_article .asu-reader-main {
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box;
}
.pkp_page_article .asu-reader-sidebar {
    position: relative;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: color-mix(in srgb, var(--asu-journal-primary) 72%, #08090d);
    color: rgba(255,255,255,.86);
    box-shadow: 10px 0 30px rgba(10,16,38,.08);
}
.pkp_page_article .asu-reader-tabs {
    position: sticky;
    top: 0;
    z-index: 3;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 22px 24px 0;
    background: color-mix(in srgb, var(--asu-journal-primary) 72%, #08090d);
}
.pkp_page_article .asu-reader-tabs a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    border: 1px solid rgba(255,255,255,.5);
    color: rgba(255,255,255,.72) !important;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.pkp_page_article .asu-reader-tabs a + a { border-left: 0; }
.pkp_page_article .asu-reader-tabs a.is-active,
.pkp_page_article .asu-reader-tabs a:hover {
    background: #fff;
    color: var(--asu-journal-primary) !important;
    text-decoration: none;
}
.pkp_page_article .asu-reader-sidebar__inner {
    position: sticky;
    top: 68px;
    max-height: calc(100vh - 68px);
    overflow-y: auto;
    padding: 28px 26px 44px;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.35) transparent;
}
.pkp_page_article .asu-reader-cover {
    width: 118px;
    margin: 0 0 24px;
}
.pkp_page_article .asu-reader-cover img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid rgba(255,255,255,.25);
    box-shadow: 0 10px 28px rgba(0,0,0,.25);
}
.pkp_page_article .asu-reader-sidebar__type {
    margin: 0 0 8px;
    color: rgba(255,255,255,.58);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}
.pkp_page_article .asu-reader-sidebar__title {
    margin: 0 0 18px;
    color: #fff !important;
    font-family: var(--asu-serif);
    font-size: clamp(20px, 1.6vw, 25px);
    line-height: 1.34;
}
.pkp_page_article .asu-reader-sidebar__authors {
    margin-bottom: 24px;
    color: rgba(255,255,255,.72);
    font-size: 13.5px;
    line-height: 1.65;
}
.pkp_page_article .asu-reader-sidebar .item {
    margin: 0;
    padding: 18px 0;
    border-top: 1px solid rgba(255,255,255,.13);
}
.pkp_page_article .asu-reader-sidebar .item h3 {
    margin: 0 0 8px;
    color: #fff;
    font-family: var(--asu-sans);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.pkp_page_article .asu-reader-sidebar .sub_item + .sub_item { margin-top: 16px; }
.pkp_page_article .asu-reader-sidebar a { color: #78e8f3 !important; overflow-wrap: anywhere; }
.pkp_page_article .asu-reader-sidebar ul { margin: 0; padding: 0; list-style: none; }
.pkp_page_article .asu-reader-sidebar p { margin: 8px 0 0; }
.pkp_page_article .asu-reader-downloads .galleys_links {
    display: grid;
    gap: 9px;
}
.pkp_page_article .asu-reader-downloads .galleys_links a,
.pkp_page_article .asu-reader-header-actions .galleys_links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 9px 16px;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 4px;
    background: rgba(255,255,255,.08);
    color: #fff !important;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.pkp_page_article .asu-reader-downloads .galleys_links a:hover {
    background: #fff;
    color: var(--asu-journal-primary) !important;
    text-decoration: none;
}
.pkp_page_article .asu-reader-main {
    min-height: 760px;
    padding: clamp(42px, 5vw, 76px) clamp(34px, 6vw, 96px) 80px;
    background: #fff;
}
.pkp_page_article .asu-reader-article-header,
.pkp_page_article .asu-reader-article-body {
    width: min(100%, 920px);
    margin: 0 auto;
}
.pkp_page_article .asu-reader-article-kicker {
    margin-bottom: 12px;
    color: var(--asu-journal-secondary);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.pkp_page_article .asu-reader-article-header .page_title {
    margin: 0;
    color: var(--asu-ink);
    font-family: var(--asu-serif);
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    letter-spacing: -.03em;
}
.pkp_page_article .asu-reader-article-header .subtitle {
    margin: 16px 0 0;
    color: var(--asu-body);
    font-family: var(--asu-serif);
    font-size: clamp(20px, 2vw, 27px);
    line-height: 1.35;
}
.pkp_page_article .asu-reader-authors {
    margin: 30px 0 0;
    padding: 22px 0 4px;
    border-top: 1px solid var(--asu-border);
    border-bottom: 1px solid var(--asu-border);
}
.pkp_page_article .asu-reader-authors ul.authors {
    display: flex;
    flex-wrap: wrap;
    gap: 18px 30px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.pkp_page_article .asu-reader-authors li {
    flex: 1 1 230px;
    margin: 0 0 18px;
}
.pkp_page_article .asu-reader-authors .name {
    display: inline;
    color: var(--asu-ink);
    font-weight: 800;
}
.pkp_page_article .asu-reader-authors .orcid { margin-left: 6px; font-size: 11px; }
.pkp_page_article .asu-reader-authors .affiliation,
.pkp_page_article .asu-reader-authors .userGroup {
    display: block;
    margin-top: 5px;
    color: var(--asu-muted);
    font-size: 13px;
    line-height: 1.5;
}
.pkp_page_article .asu-reader-header-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 18px;
    margin-top: 22px;
}
.pkp_page_article .asu-reader-header-actions .galleys_links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.pkp_page_article .asu-reader-header-actions .galleys_links a {
    border-color: var(--asu-journal-primary);
    background: var(--asu-journal-primary);
}
.pkp_page_article .asu-reader-header-actions .galleys_links a:hover {
    background: var(--asu-journal-secondary);
    text-decoration: none;
}
.pkp_page_article .asu-reader-doi {
    color: var(--asu-journal-secondary) !important;
    font-size: 13px;
    overflow-wrap: anywhere;
}
.pkp_page_article .asu-reader-article-body { margin-top: 44px; }
.pkp_page_article .asu-reader-article-body > .item,
.pkp_page_article .asu-reader-article-body > section {
    margin: 0;
    padding: 34px 0;
    border-top: 1px solid var(--asu-border);
}
.pkp_page_article .asu-reader-article-body > :first-child { border-top: 0; padding-top: 0; }
.pkp_page_article .asu-reader-article-body .label {
    display: block;
    margin: 0 0 18px;
    color: var(--asu-ink);
    font-family: var(--asu-serif);
    font-size: clamp(23px, 2vw, 30px);
    line-height: 1.25;
}
.pkp_page_article .asu-reader-keywords .value {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.pkp_page_article .asu-reader-keywords .value span {
    padding: 6px 11px;
    border: 1px solid var(--asu-border);
    border-radius: 999px;
    background: var(--asu-soft);
    color: var(--asu-body);
    font-size: 12.5px;
}
.pkp_page_article .asu-reader-abstract,
.pkp_page_article .asu-reader-section,
.pkp_page_article .asu-reader-references {
    color: var(--asu-body);
    font-size: 16px;
    line-height: 1.85;
}
.pkp_page_article .asu-reader-abstract .value p:first-child,
.pkp_page_article .asu-reader-section .value p:first-child { margin-top: 0; }
.pkp_page_article .asu-reader-references .value p {
    padding-left: 22px;
    text-indent: -22px;
    overflow-wrap: anywhere;
}
.pkp_page_article .asu-reader-main .authors,
.pkp_page_article .asu-reader-main .authors li { list-style: none; }
.pkp_page_article .asu-reader-main img { max-width: 100%; height: auto; }

@media (max-width: 980px) {
    .pkp_page_article .asu-reader-shell { grid-template-columns: 290px minmax(0, 1fr); }
    .pkp_page_article .asu-reader-main { padding-left: 36px; padding-right: 36px; }
}
@media (max-width: 780px) {
    .pkp_page_article .asu-reader-shell { grid-template-columns: 1fr; }
    .pkp_page_article .asu-reader-sidebar { box-shadow: none; }
    .pkp_page_article .asu-reader-tabs,
    .pkp_page_article .asu-reader-sidebar__inner { position: static; max-height: none; }
    .pkp_page_article .asu-reader-sidebar__inner { padding-bottom: 30px; }
    .pkp_page_article .asu-reader-main { min-height: 0; padding: 42px 24px 64px; }
}
@media (max-width: 520px) {
    .pkp_page_article .asu-reader-article-header .page_title { font-size: 32px; }
    .pkp_page_article .asu-reader-authors ul.authors { display: block; }
    .pkp_page_article .asu-reader-header-actions { align-items: stretch; }
    .pkp_page_article .asu-reader-header-actions .galleys_links,
    .pkp_page_article .asu-reader-header-actions .galleys_links li,
    .pkp_page_article .asu-reader-header-actions .galleys_links a { width: 100%; }
}

/* ======================================================================
   v1.4.4 — Lightweight paper navigation and Sage-like article typography
   Scope: article landing pages, native galley shell, and navigation feedback.
   Existing journal colours, spacing, homepage, menus and sidebar remain intact.
   ====================================================================== */

/* Sage-like article typography uses a fast system sans-serif stack. The PDF
   itself keeps the typography embedded by the author/layout editor. */
.pkp_page_article .asu-reader,
.pkp_page_article .asu-reader-sidebar__title,
.pkp_page_article .asu-reader-article-header .page_title,
.pkp_page_article .asu-reader-article-header .subtitle,
.pkp_page_article .asu-reader-article-body .label {
    font-family: Arial, Helvetica, var(--asu-sans);
}
.pkp_page_article .asu-reader-article-header .page_title,
.pkp_page_article .asu-reader-sidebar__title {
    letter-spacing: -.018em;
}
.pkp_page_article .asu-reader-abstract,
.pkp_page_article .asu-reader-section,
.pkp_page_article .asu-reader-references {
    font-family: Arial, Helvetica, var(--asu-sans);
}

/* Functional article action bar. It uses native OJS galley links and does not
   replace PDF.js, DOI, access control, usage logging, or publication metadata. */
.pkp_page_article .asu-reader-actionbar {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 0;
    margin-top: 22px;
    border-top: 1px solid var(--asu-border);
    border-bottom: 1px solid var(--asu-border);
}
.pkp_page_article .asu-reader-actionbar > a,
.pkp_page_article .asu-reader-actionbar > button,
.pkp_page_article .asu-reader-actionbar .galleys_links a {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 10px 17px !important;
    border: 0 !important;
    border-right: 1px solid var(--asu-border) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--asu-journal-primary) !important;
    font-family: Arial, Helvetica, var(--asu-sans);
    font-size: 12.5px !important;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: none;
    cursor: pointer;
    text-decoration: none !important;
}
.pkp_page_article .asu-reader-actionbar > a:hover,
.pkp_page_article .asu-reader-actionbar > button:hover,
.pkp_page_article .asu-reader-actionbar .galleys_links a:hover {
    background: var(--asu-soft) !important;
    color: var(--asu-journal-secondary) !important;
}
.pkp_page_article .asu-reader-actionbar .galleys_links {
    display: contents;
    margin: 0;
    padding: 0;
    list-style: none;
}
.pkp_page_article .asu-reader-actionbar .galleys_links li { display: contents; }
.pkp_page_article .asu-reader-doi {
    display: inline-block;
    margin-top: 13px;
}

/* Fast, dependency-free page transition feedback for article and PDF links. */
.asu-paper-loader[hidden] { display: none !important; }
.asu-paper-loader {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(244, 246, 251, .94);
    opacity: 0;
    visibility: hidden;
    transition: opacity .12s ease, visibility .12s ease;
}
.asu-paper-loader.is-active {
    opacity: 1;
    visibility: visible;
}
.asu-paper-loader__panel {
    width: min(92vw, 360px);
    display: grid;
    justify-items: center;
    gap: 10px;
    padding: 30px 28px;
    border: 1px solid var(--asu-border);
    border-radius: 8px;
    background: #fff;
    color: var(--asu-ink);
    box-shadow: var(--asu-shadow);
    text-align: center;
    font-family: Arial, Helvetica, var(--asu-sans);
}
.asu-paper-loader__panel strong { font-size: 16px; }
.asu-paper-loader__panel small { color: var(--asu-muted); }
.asu-paper-loader__spinner {
    width: 34px;
    height: 34px;
    border: 3px solid color-mix(in srgb, var(--asu-journal-primary) 18%, #fff);
    border-top-color: var(--asu-journal-primary);
    border-radius: 50%;
    animation: asuPaperSpin .7s linear infinite;
}
@keyframes asuPaperSpin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
    .asu-paper-loader { transition: none; }
    .asu-paper-loader__spinner { animation-duration: 1.4s; }
}

/* The OJS PDF.js plugin supplies the actual reader. These conservative styles
   only align its outer shell with the theme when the plugin uses its standalone
   frontend template; the PDF iframe and its loading engine remain native. */
body:not(.asu-journal-theme) .header_view {
    min-height: 64px;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 10px 22px;
    background: #292a33;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}
body:not(.asu-journal-theme) .header_view a { color: #fff; }
body:not(.asu-journal-theme) .header_view .title {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body:not(.asu-journal-theme) .header_view .download {
    margin-left: auto;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,.55);
    border-radius: 999px;
    text-decoration: none;
}
body:not(.asu-journal-theme) .galley_view,
body:not(.asu-journal-theme) .galley_view iframe {
    width: 100%;
    min-height: calc(100vh - 64px);
    border: 0;
    background: #e6e7ec;
}

@media (max-width: 640px) {
    .pkp_page_article .asu-reader-actionbar > a,
    .pkp_page_article .asu-reader-actionbar > button,
    .pkp_page_article .asu-reader-actionbar .galleys_links a {
        flex: 1 1 50%;
        border-bottom: 1px solid var(--asu-border) !important;
    }
}


/* ======================================================================
   v1.4.5 — performance pass and compact Sage-like article typography
   Scope: no structural redesign. This only reduces repeated rendering work,
   removes the blocking transition overlay, and tightens article whitespace.
   ====================================================================== */

/* Use the same fast, locally available sans-serif family across the public
   journal interface. Brand marks that intentionally use the serif variable
   remain unchanged. No remote font file is requested. */
body.asu-journal-theme,
body.asu-journal-theme button,
body.asu-journal-theme input,
body.asu-journal-theme select,
body.asu-journal-theme textarea {
    font-family: Arial, Helvetica, sans-serif;
}

/* Article pages retain the existing two-panel layout but use the denser scale
   seen on contemporary journal platforms. This removes avoidable empty space
   before readers open the PDF while keeping every existing section intact. */
.pkp_page_article .asu-reader,
.pkp_page_article .asu-reader *:not(svg):not(path) {
    font-family: Arial, Helvetica, sans-serif;
}
.pkp_page_article .asu-reader-main {
    min-height: 0;
    padding: clamp(30px, 3.4vw, 50px) clamp(30px, 4.5vw, 68px) 58px;
}
.pkp_page_article .asu-reader-article-header,
.pkp_page_article .asu-reader-article-body {
    width: min(100%, 980px);
}
.pkp_page_article .asu-reader-article-header .page_title {
    font-size: clamp(30px, 3.1vw, 42px);
    line-height: 1.16;
    letter-spacing: -.022em;
}
.pkp_page_article .asu-reader-article-header .subtitle {
    margin-top: 12px;
    font-size: clamp(18px, 1.8vw, 23px);
    line-height: 1.35;
}
.pkp_page_article .asu-reader-authors {
    margin-top: 22px;
    padding-top: 18px;
}
.pkp_page_article .asu-reader-header-actions,
.pkp_page_article .asu-reader-actionbar {
    margin-top: 18px;
}
.pkp_page_article .asu-reader-article-body {
    margin-top: 28px;
}
.pkp_page_article .asu-reader-article-body > .item,
.pkp_page_article .asu-reader-article-body > section {
    padding: 24px 0;
}
.pkp_page_article .asu-reader-article-body .label {
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 1.3;
}
.pkp_page_article .asu-reader-abstract,
.pkp_page_article .asu-reader-section,
.pkp_page_article .asu-reader-references {
    font-size: 15px;
    line-height: 1.68;
}

/* The former loader covered the whole viewport and made navigation look blank.
   It is now a small non-blocking status chip. The destination reader/plugin
   still owns its own PDF loading interface. */
.asu-paper-loader {
    inset: 16px 18px auto auto;
    display: block;
    width: auto;
    padding: 0;
    background: transparent;
    pointer-events: none;
}
.asu-paper-loader__panel {
    width: auto;
    max-width: min(86vw, 330px);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 10px 13px;
    border-radius: 6px;
    text-align: left;
    box-shadow: 0 8px 22px rgba(24, 34, 82, .16);
}
.asu-paper-loader__panel strong {
    font-size: 13px;
    line-height: 1.2;
}
.asu-paper-loader__panel small { display: none; }
.asu-paper-loader__spinner {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    border-width: 2px;
}

/* Containment reduces repaint cost for fixed side panels without changing
   their size or position. */
.pkp_page_article .asu-reader-sidebar,
.asu-sidebar-card {
    contain: layout paint;
}

@media (max-width: 780px) {
    .pkp_page_article .asu-reader-main { padding: 30px 22px 48px; }
}
@media (max-width: 520px) {
    .pkp_page_article .asu-reader-article-header .page_title { font-size: 29px; }
    .asu-paper-loader { inset: 10px 10px auto 10px; }
    .asu-paper-loader__panel { max-width: none; }
}

/* ======================================================================
   v1.4.6 — lightweight lists, readable typography and citation contrast
   Scope: public Home/Current/issue/article pages only. The visual identity,
   navigation, Quick Menu, reader plugin and OJS workflows remain unchanged.
   ====================================================================== */

/* Larger, more readable article-list typography. */
.asu-home-section .obj_issue_toc > .heading,
.asu-home-section .obj_issue_toc .section > h2,
.asu-home-section .obj_issue_toc .section > h3,
.pkp_page_issue .obj_issue_toc > .heading,
.pkp_page_issue .obj_issue_toc .section > h2,
.pkp_page_issue .obj_issue_toc .section > h3 {
    font-size: 24px !important;
    line-height: 1.25;
}
.asu-home-section .asu-article-card,
.pkp_page_issue .asu-article-card {
    padding: 24px 0;
}
.asu-home-section .asu-article-card__eyebrow,
.pkp_page_issue .asu-article-card__eyebrow {
    font-size: 14px;
    gap: 12px;
    margin-bottom: 9px;
}
.asu-home-section .asu-article-card__title,
.pkp_page_issue .asu-article-card__title {
    font-size: clamp(21px, 1.65vw, 26px) !important;
    line-height: 1.3;
    margin-bottom: 8px;
}
.asu-home-section .asu-article-card__authors,
.pkp_page_issue .asu-article-card__authors {
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 7px;
}
.asu-home-section .asu-article-card__meta,
.pkp_page_issue .asu-article-card__meta {
    font-size: 15px;
    line-height: 1.45;
    margin-bottom: 12px;
}
.asu-home-section .asu-article-card__abstract,
.pkp_page_issue .asu-article-card__abstract {
    font-size: 17px;
    line-height: 1.65;
    margin: 12px 0 14px;
}
.asu-home-section .asu-button,
.asu-home-section .asu-galley-links .obj_galley_link,
.asu-home-section .asu-galley-links a,
.pkp_page_issue .asu-button,
.pkp_page_issue .asu-galley-links .obj_galley_link,
.pkp_page_issue .asu-galley-links a {
    min-height: 44px;
    padding: 9px 18px !important;
    font-size: 15.5px !important;
}
.asu-home-section .asu-article-card__visual,
.pkp_page_issue .asu-article-card__visual {
    width: 110px;
    height: 138px;
}
.asu-rich-text {
    font-size: 16.5px;
    line-height: 1.75;
}

/* Equal-width article tools. One PDF galley produces four balanced cells:
   Contents, PDF, Share and Information. Additional formats wrap cleanly. */
.pkp_page_article .asu-reader-actionbar {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
}
.pkp_page_article .asu-reader-actionbar > a,
.pkp_page_article .asu-reader-actionbar > button,
.pkp_page_article .asu-reader-actionbar .galleys_links a {
    width: 100%;
    min-width: 0;
    min-height: 54px;
    padding: 12px 14px !important;
    font-size: 15.5px !important;
    text-align: center;
}
.pkp_page_article .asu-reader-actionbar > :last-child,
.pkp_page_article .asu-reader-actionbar .galleys_links:last-child a:last-child {
    border-right: 0 !important;
}

/* Readable article landing page while retaining the existing two-panel layout. */
.pkp_page_article .asu-reader-sidebar__authors,
.pkp_page_article .asu-reader-sidebar .item,
.pkp_page_article .asu-reader-sidebar .value {
    font-size: 15.5px;
    line-height: 1.65;
}
.pkp_page_article .asu-reader-sidebar .item h3,
.pkp_page_article .asu-reader-sidebar__type {
    font-size: 12.5px;
}
.pkp_page_article .asu-reader-article-kicker {
    font-size: 14px;
}
.pkp_page_article .asu-reader-authors .name {
    font-size: 17px;
}
.pkp_page_article .asu-reader-authors .affiliation,
.pkp_page_article .asu-reader-authors .userGroup {
    font-size: 15px;
}
.pkp_page_article .asu-reader-keywords .value span {
    font-size: 14.5px;
}
.pkp_page_article .asu-reader-article-body .label {
    font-size: 21px;
}
.pkp_page_article .asu-reader-abstract,
.pkp_page_article .asu-reader-section,
.pkp_page_article .asu-reader-references {
    font-size: 17px;
    line-height: 1.75;
}

/* Citation Style Language block: high contrast on the dark article sidebar.
   Citation styles remain generated lazily by the native PKP CSL plugin. */
.pkp_page_article .asu-reader-sidebar .item.citation,
.pkp_page_article .asu-reader-sidebar .citation_display {
    color: rgba(255,255,255,.9);
}
.pkp_page_article .asu-reader-sidebar .citation_display > .label,
.pkp_page_article .asu-reader-sidebar .citation_display h2.label {
    color: #fff !important;
    font-size: 18px !important;
    letter-spacing: 0;
    text-transform: none;
}
.pkp_page_article .asu-reader-sidebar #citationOutput {
    color: rgba(255,255,255,.93);
    font-size: 15.5px;
    line-height: 1.65;
    overflow-wrap: anywhere;
}
.pkp_page_article .asu-reader-sidebar #citationOutput a {
    color: #78e8f3 !important;
}
.pkp_page_article .asu-reader-sidebar .citation_display .citation_formats {
    margin-top: 16px;
    border: 1px solid rgba(255,255,255,.34);
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
}
.pkp_page_article .asu-reader-sidebar .citation_display .citation_formats_button {
    min-height: 48px;
    padding: 0 44px 0 16px !important;
    background: #fff !important;
    color: #222936 !important;
    font-size: 15px !important;
    font-weight: 700;
    line-height: 1.3;
    opacity: 1 !important;
}
.pkp_page_article .asu-reader-sidebar .citation_display .citation_formats_button::after {
    color: #222936;
}
.pkp_page_article .asu-reader-sidebar .citation_display .citation_formats_list {
    background: #fff;
    color: #222936;
}
.pkp_page_article .asu-reader-sidebar .citation_display .citation_formats_list .label {
    color: #4b5563 !important;
    font-size: 13px !important;
}
.pkp_page_article .asu-reader-sidebar .citation_display .citation_formats_styles a {
    padding: 10px 16px;
    background: #fff;
    color: #222936 !important;
    font-size: 14px;
    line-height: 1.4;
}
.pkp_page_article .asu-reader-sidebar .citation_display .citation_formats_styles a:hover,
.pkp_page_article .asu-reader-sidebar .citation_display .citation_formats_styles a:focus {
    background: #f1f4f8;
    color: var(--asu-journal-primary) !important;
}

/* Browser rendering containment: sections below the viewport are skipped until
   needed. This reduces initial layout/paint cost without removing content. */
@supports (content-visibility: auto) {
    .asu-article-card,
    .asu-issue-card,
    .asu-announcement-area .obj_announcement_summary,
    .pkp_page_article .asu-reader-article-body > .item,
    .pkp_page_article .asu-reader-article-body > section {
        content-visibility: auto;
        contain-intrinsic-size: auto 260px;
    }
    .asu-issue-card {
        contain-intrinsic-size: auto 220px;
    }
}

@media (max-width: 760px) {
    .asu-home-section .asu-article-card__title,
    .pkp_page_issue .asu-article-card__title { font-size: 21px !important; }
    .asu-home-section .asu-article-card__authors,
    .pkp_page_issue .asu-article-card__authors,
    .asu-home-section .asu-article-card__abstract,
    .pkp_page_issue .asu-article-card__abstract { font-size: 16px; }
    .pkp_page_article .asu-reader-actionbar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .pkp_page_article .asu-reader-actionbar > a,
    .pkp_page_article .asu-reader-actionbar > button,
    .pkp_page_article .asu-reader-actionbar .galleys_links a {
        border-bottom: 1px solid var(--asu-border) !important;
    }
}

/* ======================================================================
   v1.4.7 — Inunskhab-speed navigation and stable public layouts
   The visible identity, colours, menus, Quick Menu, article tools and OJS
   integration are retained. Only costly/unstable browser behaviours and the
   oversized v1.4.6 list typography are corrected.
   ====================================================================== */

/* Safari can reserve incorrect heights when content-visibility is applied to
   OJS article cards and dynamically injected citation content. Render these
   compact public components normally, as in Inunskhab Theme. */
.asu-article-card,
.asu-issue-card,
.asu-announcement-area .obj_announcement_summary,
.pkp_page_article .asu-reader-article-body > .item,
.pkp_page_article .asu-reader-article-body > section {
    content-visibility: visible !important;
    contain-intrinsic-size: none !important;
}

/* Do not isolate the article sidebar or sidebar cards into extra paint layers.
   This keeps the red article panel stretching with the complete article page
   and avoids clipped citation/dropdown content. */
.pkp_page_article .asu-reader-sidebar,
.asu-sidebar-card {
    contain: none !important;
}
.pkp_page_article .asu-reader-shell {
    align-items: stretch;
}
.pkp_page_article .asu-reader-sidebar {
    align-self: stretch;
    min-height: 100%;
    height: auto;
}

/* Keep the listing readable, but return it close to the compact Inunskhab
   proportions so the cover remains fully visible beside the text. */
.asu-home-section .obj_issue_toc > .heading,
.asu-home-section .obj_issue_toc .section > h2,
.asu-home-section .obj_issue_toc .section > h3,
.pkp_page_issue .obj_issue_toc > .heading,
.pkp_page_issue .obj_issue_toc .section > h2,
.pkp_page_issue .obj_issue_toc .section > h3 {
    font-size: 20px !important;
}
.asu-home-section .asu-article-card,
.pkp_page_issue .asu-article-card {
    grid-template-columns: minmax(0, 1fr) 96px;
    gap: 18px;
    padding: 21px 0;
    overflow: visible;
}
.asu-home-section .asu-article-card__eyebrow,
.pkp_page_issue .asu-article-card__eyebrow {
    font-size: 12.5px;
    gap: 10px;
    margin-bottom: 7px;
}
.asu-home-section .asu-article-card__title,
.pkp_page_issue .asu-article-card__title {
    font-size: clamp(18px, 1.35vw, 21px) !important;
    line-height: 1.34;
    margin-bottom: 6px;
}
.asu-home-section .asu-article-card__authors,
.pkp_page_issue .asu-article-card__authors {
    font-size: 15px;
    line-height: 1.45;
    margin-bottom: 6px;
}
.asu-home-section .asu-article-card__meta,
.pkp_page_issue .asu-article-card__meta {
    font-size: 13.5px;
    line-height: 1.4;
    margin-bottom: 10px;
}
.asu-home-section .asu-article-card__abstract,
.pkp_page_issue .asu-article-card__abstract {
    font-size: 15px;
    line-height: 1.62;
    margin: 10px 0 12px;
}
.asu-home-section .asu-button,
.asu-home-section .asu-galley-links .obj_galley_link,
.asu-home-section .asu-galley-links a,
.pkp_page_issue .asu-button,
.pkp_page_issue .asu-galley-links .obj_galley_link,
.pkp_page_issue .asu-galley-links a {
    min-height: 39px;
    padding: 8px 15px !important;
    font-size: 13.5px !important;
}
.asu-home-section .asu-article-card__visual,
.pkp_page_issue .asu-article-card__visual {
    width: 96px;
    height: 120px;
    justify-self: end;
    flex: 0 0 96px;
    font-size: 19px;
}
.asu-home-section .asu-article-card__visual img,
.pkp_page_issue .asu-article-card__visual img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Article page text remains comfortable without the oversized v1.4.6 scale. */
.pkp_page_article .asu-reader-sidebar__authors,
.pkp_page_article .asu-reader-sidebar .item,
.pkp_page_article .asu-reader-sidebar .value {
    font-size: 14.5px;
}
.pkp_page_article .asu-reader-authors .name { font-size: 16px; }
.pkp_page_article .asu-reader-authors .affiliation,
.pkp_page_article .asu-reader-authors .userGroup { font-size: 14px; }
.pkp_page_article .asu-reader-keywords .value span { font-size: 13.5px; }
.pkp_page_article .asu-reader-article-body .label { font-size: 19px; }
.pkp_page_article .asu-reader-abstract,
.pkp_page_article .asu-reader-section,
.pkp_page_article .asu-reader-references {
    font-size: 16px;
    line-height: 1.7;
}
.pkp_page_article .asu-reader-sidebar #citationOutput {
    font-size: 14.5px;
}

@media (max-width: 760px) {
    .asu-home-section .asu-article-card,
    .pkp_page_issue .asu-article-card {
        grid-template-columns: minmax(0, 1fr) 82px;
        gap: 14px;
    }
    .asu-home-section .asu-article-card__title,
    .pkp_page_issue .asu-article-card__title {
        font-size: 18px !important;
    }
    .asu-home-section .asu-article-card__authors,
    .pkp_page_issue .asu-article-card__authors,
    .asu-home-section .asu-article-card__abstract,
    .pkp_page_issue .asu-article-card__abstract {
        font-size: 14.5px;
    }
    .asu-home-section .asu-article-card__visual,
    .pkp_page_issue .asu-article-card__visual {
        width: 82px;
        height: 104px;
        flex-basis: 82px;
    }
}