/*
=====================================================================
 AI & ANTIQUITY — CLASSIC ACADEMIC THEME
 OJS 3.4 + PKP Classic Theme
 Version 1.0 · August 2026
=====================================================================

 Designed specifically for the Classic Theme structure used by OJS 3.4.

 Visual goals:
 - Full-width navy institutional header
 - Compact, horizontal desktop navigation
 - No giant whitespace between header and homepage
 - Controlled homepage hero with strong text contrast
 - Karanos-style academic hierarchy: sections first, articles flat
 - Serif editorial typography + restrained bronze accent
 - No "card wall", minimal shadows, minimal rounded corners
=====================================================================
*/


/* =================================================================
   1. DESIGN TOKENS
================================================================= */

:root {
    --aia-navy: #00283B;
    --aia-blue: #163B63;
    --aia-bronze: #A67C52;

    --aia-text: #2F353B;
    --aia-muted: #67717B;
    --aia-soft: #F7F8F9;
    --aia-line: #E0E5E8;
    --aia-line-dark: #C8D0D6;

    --aia-width: 1180px;
    --aia-reading: 880px;

    --aia-serif: Georgia, "Times New Roman", serif;
    --aia-sans: "Helvetica Neue", Arial, sans-serif;
}


/* =================================================================
   2. GLOBAL
================================================================= */

html,
body {
    background: #fff !important;
}

body {
    margin: 0 !important;
    color: var(--aia-text) !important;

    font-family: var(--aia-sans) !important;
    font-size: 16px;
    line-height: 1.65;

    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

p,
li,
dd,
dt {
    color: var(--aia-text);
}

p {
    line-height: 1.75;
}

a {
    color: var(--aia-blue);
    text-decoration-color: rgba(166, 124, 82, .5);
    text-underline-offset: 3px;
    transition: color .18s ease, border-color .18s ease;
}

a:hover,
a:focus {
    color: var(--aia-bronze);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 3px solid rgba(166,124,82,.32) !important;
    outline-offset: 3px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--aia-blue);
    font-family: var(--aia-serif) !important;
    font-weight: 600;
}

img {
    max-width: 100%;
    height: auto;
}


/* =================================================================
   3. CLASSIC HEADER — REBUILD
================================================================= */

body > header {
    width: 100%;
    margin: 0 !important;

    background: var(--aia-navy) !important;
    border: 0 !important;
    border-bottom: 3px solid var(--aia-bronze) !important;
}

.header.container-fluid {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: var(--aia-navy) !important;
}


/* Upper header */

.upper-header.row {
    position: relative;

    display: flex !important;
    align-items: center !important;

    max-width: var(--aia-width);
    min-height: 128px;

    margin: 0 auto !important;
    padding: 16px 24px 14px !important;

    background: transparent !important;
}


/* Logo container */

.logo-wrapper,
.upper-header .logo-wrapper,
h1.logo-wrapper {
    display: flex !important;
    align-items: center !important;

    width: auto !important;
    max-width: 470px !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}


/* Logo link — remove Classic's visible frame / white box */

.home-link,
.logo-wrapper .home-link {
    display: inline-flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    outline-offset: 5px;
}


/* Actual AI & Antiquity logo */

.journal-logo,
.logo-wrapper .journal-logo {
    display: block !important;

    width: auto !important;
    max-width: 430px !important;
    max-height: 98px !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    filter: none !important;
}


/* Text fallback */

.journal-logo-text {
    color: #fff !important;

    font-family: var(--aia-serif) !important;
    font-size: 2.2rem !important;
    line-height: 1.05;
    font-weight: 600;
}


/* User navigation: small and unobtrusive at top-right */

#user-nav-wraper {
    position: absolute !important;
    top: 18px;
    right: 24px;

    width: auto !important;
    max-width: 42% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: right;
}

.pkp_navigation_user,
#user-nav-wraper ul {
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_navigation_user > li {
    display: inline-block;
    margin-left: 14px;
}

.pkp_navigation_user a,
#user-nav-wraper a {
    color: rgba(255,255,255,.78) !important;

    font-family: var(--aia-sans) !important;
    font-size: .78rem !important;
    font-weight: 500;

    text-decoration: none !important;
}

.pkp_navigation_user a:hover,
#user-nav-wraper a:hover {
    color: #E4C9A9 !important;
}


/* Language menu */

#languageNav {
    display: inline-block;
    margin-left: 12px;
}

#languageNav a {
    color: rgba(255,255,255,.78) !important;
}


/* =================================================================
   4. DESKTOP NAVIGATION
================================================================= */

.lower-header {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: rgba(0,0,0,.055) !important;
    border: 0 !important;
    border-top: 1px solid rgba(255,255,255,.11) !important;
}


/*
 Classic deliberately renders a "Menu" trigger.
 On desktop we hide it and show the actual primary navigation.
*/

#nav-small {
    display: none !important;
}

#modal-on-small {
    display: block !important;
    position: static !important;

    width: 100% !important;
    max-width: var(--aia-width);

    height: auto !important;
    min-height: 0 !important;

    margin: 0 auto !important;
    padding: 0 24px !important;

    visibility: visible !important;
    opacity: 1 !important;

    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;

    transform: none !important;
}

#modal-on-small.hide {
    display: block !important;
}

#primary-nav-wraper {
    display: block !important;
    position: static !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}

#close-small-modal {
    display: none !important;
}


/* Actual primary menu */

.pkp_navigation_primary {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;

    gap: 0 27px;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.pkp_navigation_primary > li {
    position: relative;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;
}

.pkp_navigation_primary > li > a {
    position: relative;

    display: block !important;

    margin: 0 !important;
    padding: 15px 0 16px !important;

    color: #fff !important;
    background: transparent !important;

    border: 0 !important;

    font-family: var(--aia-sans) !important;
    font-size: .93rem !important;
    line-height: 1.25;
    font-weight: 600 !important;
    letter-spacing: .01em;

    text-decoration: none !important;
}

.pkp_navigation_primary > li > a::after {
    content: "";

    position: absolute;
    left: 0;
    right: 100%;
    bottom: 7px;

    height: 2px;

    background: var(--aia-bronze);

    transition: right .18s ease;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    color: #E4C9A9 !important;
}

.pkp_navigation_primary > li > a:hover::after,
.pkp_navigation_primary > li > a:focus::after {
    right: 0;
}


/* Dropdown menu */

.pkp_navigation_primary .dropdown-menu {
    position: absolute !important;

    min-width: 235px !important;

    margin: 0 !important;
    padding: 7px 0 !important;

    background: #fff !important;

    border: 1px solid var(--aia-line) !important;
    border-radius: 2px !important;

    box-shadow: 0 13px 26px rgba(0,40,59,.12) !important;

    z-index: 9999;
}

.pkp_navigation_primary .dropdown-menu li {
    display: block !important;
    width: 100%;
}

.pkp_navigation_primary .dropdown-menu a {
    display: block !important;

    width: 100%;

    padding: 9px 17px !important;

    color: var(--aia-blue) !important;
    background: #fff !important;

    font-size: .87rem !important;
    font-weight: 500 !important;

    text-decoration: none !important;
}

.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary .dropdown-menu a:focus {
    color: var(--aia-bronze) !important;
    background: var(--aia-soft) !important;
}


/* Remove search from the main navigation */

.pkp_navigation_search_wrapper,
.pkp_search,
a[href*="/search"] .fa-search {
    display: none !important;
}


/* =================================================================
   5. REMOVE CLASSIC'S GIANT TOP GAP
================================================================= */

main.page_index_journal,
.page_index_journal {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

.container-page {
    width: 100% !important;
    max-width: var(--aia-width) !important;

    margin: 0 auto !important;
    padding: 52px 24px 82px !important;
}


/* Defensive reset against Classic modal spacing */

#modal-on-small,
#primary-nav-wraper,
.lower-header {
    min-height: 0 !important;
    max-height: none !important;
}


/* =================================================================
   6. HOMEPAGE HERO / JOURNAL SUMMARY
================================================================= */

/*
 Classic uses the uploaded homepage image as a CSS background and overlays
 the journal summary. We keep that idea but make it compact and legible.
*/

.page_index_journal .homepage_image {
    position: relative;

    display: flex !important;
    align-items: center;

    width: 100% !important;
    min-height: 330px !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background-position: center 42% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;

    border: 0 !important;

    overflow: hidden;
}


/*
 Classic puts the image first and the gradient second in background-image.
 This overlay guarantees readable white text regardless of that order.
*/

.page_index_journal .homepage_image::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 0;

    background:
        linear-gradient(
            90deg,
            rgba(0,40,59,.91) 0%,
            rgba(0,40,59,.78) 46%,
            rgba(0,40,59,.50) 100%
        );

    pointer-events: none;
}


/* Summary inside hero */

.page_index_journal .journal_summary {
    position: relative;
    z-index: 1;

    width: 100% !important;
    max-width: var(--aia-width) !important;

    margin: 0 auto !important;
    padding: 45px 24px 48px !important;

    color: #fff !important;

    background: transparent !important;
}

.page_index_journal .journal_summary > * {
    max-width: 760px;
}

.page_index_journal .journal_summary h2 {
    margin: 0 0 11px !important;

    color: rgba(255,255,255,.9) !important;

    font-family: var(--aia-sans) !important;
    font-size: .78rem !important;
    line-height: 1.3;
    font-weight: 700 !important;
    letter-spacing: .11em;

    text-transform: uppercase;
}

.page_index_journal .journal_summary h2::after {
    content: "";

    display: block;

    width: 42px;
    height: 2px;

    margin-top: 10px;

    background: var(--aia-bronze);
}

.page_index_journal .journal_summary h3,
.page_index_journal .journal_summary p:first-of-type strong,
.page_index_journal .journal_summary p:first-of-type b {
    color: #fff !important;

    font-family: var(--aia-serif) !important;
    font-size: clamp(1.8rem, 3vw, 2.65rem) !important;
    line-height: 1.16;
    font-weight: 600 !important;
}

.page_index_journal .journal_summary p {
    margin: 8px 0 0 !important;

    color: rgba(255,255,255,.90) !important;

    font-size: 1rem !important;
    line-height: 1.75 !important;
}

.page_index_journal .journal_summary em,
.page_index_journal .journal_summary strong,
.page_index_journal .journal_summary span {
    color: inherit !important;
}

.page_index_journal .journal_summary a {
    color: #fff !important;
    text-decoration-color: var(--aia-bronze);
}

.page_index_journal .journal_summary a:hover {
    color: #E4C9A9 !important;
}


/* If no homepage image exists, still style summary cleanly */

.page_index_journal > .journal_summary {
    max-width: var(--aia-width);
    margin: 0 auto;
    padding: 44px 24px;
    color: var(--aia-text) !important;
}


/* =================================================================
   7. CURRENT ISSUE — HOME
================================================================= */

.page_index_journal .current_issue {
    margin: 0 !important;
    padding: 0 !important;

    background: #fff !important;
}

.page_index_journal .current_issue > header {
    margin: 0 0 26px !important;
    padding: 0 0 25px !important;

    background: transparent !important;

    border: 0 !important;
    border-bottom: 1px solid var(--aia-line-dark) !important;
}


/* Fix "Current IssueVolume 2..." collision */

.page_index_journal .current_issue_title {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1.15 !important;
}

.page_index_journal .current_issue_label {
    display: block !important;

    margin: 0 0 8px !important;

    color: var(--aia-bronze) !important;

    font-family: var(--aia-sans) !important;
    font-size: .77rem !important;
    line-height: 1.3;
    font-weight: 700 !important;
    letter-spacing: .11em;

    text-transform: uppercase;
}

.page_index_journal .current_issue_identification {
    display: block !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: clamp(2rem, 3vw, 2.65rem) !important;
    line-height: 1.16 !important;
    font-weight: 600 !important;
    letter-spacing: -.015em;
}


/* Published date */

.page_index_journal .current_issue > header .published {
    margin: 11px 0 0 !important;

    color: var(--aia-muted) !important;

    font-family: var(--aia-sans) !important;
    font-size: .82rem !important;
    line-height: 1.5;
}

.page_index_journal .current_issue > header .date_label {
    font-weight: 600;
}

.page_index_journal .current_issue > header .date_label::after {
    content: ":";
}


/* =================================================================
   8. ISSUE DESCRIPTION — HOME VS ISSUE PAGE
================================================================= */

/*
 Home: hide the long issue description entirely.
 The full description remains on the dedicated issue page.
*/

.page_index_journal .current_issue .description_cover .description {
    display: none !important;
}


/*
 If a cover exists on the home page, keep it modest.
*/

.page_index_journal .current_issue .description_cover {
    display: block !important;

    margin: 0 0 24px !important;
    padding: 0 !important;
}

.page_index_journal .current_issue .issue_cover_block {
    width: auto !important;
    max-width: 180px !important;

    margin: 0 0 24px !important;
    padding: 0 !important;
}

.page_index_journal .current_issue .cover_image {
    display: block;

    width: auto !important;
    max-width: 180px !important;
    max-height: 265px !important;

    border: 1px solid var(--aia-line) !important;
    border-radius: 0 !important;

    box-shadow: 0 5px 14px rgba(0,40,59,.055) !important;
}


/* Dedicated issue page: description stays visible and readable */

.page_issue .description_cover,
.pkp_page_issue .description_cover {
    display: flex;
    gap: 36px;

    max-width: 980px;

    margin: 0 0 45px !important;
    padding: 0 !important;
}

.page_issue .description_cover .description,
.pkp_page_issue .description_cover .description {
    max-width: 800px;
}

.page_issue .description_label,
.pkp_page_issue .description_label {
    margin: 0 0 14px !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.6rem !important;
    line-height: 1.25;
    font-weight: 600 !important;
}

.page_issue .description_text,
.pkp_page_issue .description_text {
    color: #46515B;

    font-size: .99rem;
    line-height: 1.8;
}


/* =================================================================
   9. FULL ISSUE PDF / GALLEYS
================================================================= */

.obj_issue_toc .galleys {
    margin: 0 0 36px !important;
    padding: 14px 0 !important;

    border-top: 1px solid var(--aia-line);
    border-bottom: 1px solid var(--aia-line);
}

.obj_issue_toc .galleys_links {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.obj_issue_toc .galleys_links li {
    display: inline-block;

    margin: 0 14px 0 0 !important;
}


/* =================================================================
   10. SECTION HEADINGS — ARTICLES / EDITORIAL / SEMINAR
================================================================= */

.obj_issue_toc .sections {
    margin-top: 4px;
}

.obj_issue_toc .section {
    margin: 0 0 54px !important;
    padding: 0 !important;
}

.obj_issue_toc .section_title {
    display: flex !important;
    align-items: center;

    gap: 18px;

    margin: 0 0 7px !important;
    padding: 0 !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.75rem !important;
    line-height: 1.22 !important;
    font-weight: 600 !important;
    letter-spacing: -.01em;

    text-transform: none !important;
}

.obj_issue_toc .section_title::after {
    content: "";

    flex: 1;

    height: 1px;

    background:
        linear-gradient(
            to right,
            rgba(166,124,82,.76),
            rgba(166,124,82,0)
        );
}

.obj_issue_toc .section_content {
    margin: 0 !important;
    padding: 0 !important;
}


/* =================================================================
   11. ARTICLE SUMMARIES — FLAT ACADEMIC STYLE
================================================================= */

.obj_article_summary {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 20px 34px;

    width: 100% !important;

    margin: 0 !important;
    padding: 25px 0 27px !important;

    background: transparent !important;

    border: 0 !important;
    border-bottom: 1px solid var(--aia-line) !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

.obj_article_summary:first-child {
    border-top: 1px solid var(--aia-line) !important;
}


/* Main article text area */

.obj_article_summary .article_summary_body,
.obj_article_summary .title,
.obj_article_summary > div:first-child {
    min-width: 0;
}


/* Article title */

.obj_article_summary .title,
.obj_article_summary h5,
.obj_article_summary h4,
.obj_article_summary h3 {
    margin: 0 0 8px !important;
    padding: 0 !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.34rem !important;
    line-height: 1.28 !important;
    font-weight: 600 !important;
    letter-spacing: -.005em;

    text-transform: none !important;
}

.obj_article_summary .title a,
.obj_article_summary h5 a,
.obj_article_summary h4 a,
.obj_article_summary h3 a {
    color: var(--aia-blue) !important;

    text-decoration: none !important;

    background: transparent !important;
    border: 0 !important;
}

.obj_article_summary .title a:hover,
.obj_article_summary h5 a:hover,
.obj_article_summary h4 a:hover,
.obj_article_summary h3 a:hover {
    color: var(--aia-bronze) !important;
}


/* Authors / pages */

.obj_article_summary .summary_meta {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;

    margin: 5px 0 0 !important;

    color: var(--aia-muted);

    font-family: var(--aia-sans) !important;
    font-size: .84rem !important;
    line-height: 1.5;
}

.obj_article_summary .authors,
.obj_article_summary .pages,
.obj_article_summary .published {
    display: inline !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--aia-muted) !important;
}

.obj_article_summary .authors {
    font-weight: 500;
}

.obj_article_summary .pages::before {
    content: "pp. ";
    color: #8A9299;
}


/*
 Classic generates "(Author)" through the author user-group string.
 Visually suppress common standalone role fragments where markup permits it.
*/

.obj_article_summary .authors .user_group,
.obj_article_summary .authors .role,
.obj_article_summary .authors [class*="userGroup"] {
    display: none !important;
}


/* DOI */

.obj_article_summary .doi,
.obj_article_summary .pub_id {
    margin-top: 7px !important;

    color: #7C858D !important;

    font-family: var(--aia-sans) !important;
    font-size: .76rem !important;
    line-height: 1.45;
}

.obj_article_summary .doi .type,
.obj_article_summary .pub_id .type {
    color: #9299A0;
    font-weight: 500;
}

.obj_article_summary .doi a,
.obj_article_summary .pub_id a,
.obj_article_summary a[href*="doi.org"] {
    color: #667681 !important;
    text-decoration: none !important;
}

.obj_article_summary .doi a:hover,
.obj_article_summary .pub_id a:hover,
.obj_article_summary a[href*="doi.org"]:hover {
    color: var(--aia-bronze) !important;
    text-decoration: underline !important;
}


/* Galley / PDF links */

.obj_article_summary .galleys_links {
    display: flex !important;
    align-items: flex-start;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;

    min-width: 60px;

    margin: 0 !important;
    padding: 2px 0 0 !important;
}

.obj_article_summary .obj_galley_link,
.obj_article_summary .galley_link,
.obj_issue_toc .obj_galley_link,
.obj_issue_toc .galley_link {
    display: inline-block !important;

    margin: 0 !important;
    padding: 4px 0 3px !important;

    color: var(--aia-blue) !important;
    background: transparent !important;

    border: 0 !important;
    border-bottom: 2px solid var(--aia-bronze) !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-family: var(--aia-sans) !important;
    font-size: .74rem !important;
    line-height: 1.3;
    font-weight: 700 !important;
    letter-spacing: .075em;

    text-transform: uppercase !important;
    text-decoration: none !important;
}

.obj_article_summary .obj_galley_link:hover,
.obj_article_summary .galley_link:hover,
.obj_issue_toc .obj_galley_link:hover,
.obj_issue_toc .galley_link:hover {
    color: var(--aia-bronze) !important;
    border-bottom-color: var(--aia-blue) !important;
}


/* =================================================================
   12. "VIEW ALL ISSUES"
================================================================= */

.read_more.btn,
.current_issue .read_more {
    display: inline-block !important;

    margin-top: 8px !important;
    padding: 8px 0 5px !important;

    color: var(--aia-blue) !important;
    background: transparent !important;

    border: 0 !important;
    border-bottom: 2px solid var(--aia-bronze) !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-family: var(--aia-sans) !important;
    font-size: .79rem !important;
    font-weight: 700 !important;
    letter-spacing: .04em;

    text-decoration: none !important;
}

.read_more.btn:hover,
.current_issue .read_more:hover {
    color: var(--aia-bronze) !important;
    border-bottom-color: var(--aia-blue) !important;
}


/* =================================================================
   13. GENERAL PAGE LAYOUT
================================================================= */

main:not(.page_index_journal),
.page {
    max-width: var(--aia-width);

    margin-left: auto !important;
    margin-right: auto !important;
}

.page {
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-top: 52px !important;
    padding-bottom: 78px !important;
}


/* Page headings */

.page > h1,
.page h1.page_title {
    margin: 0 0 30px !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: clamp(2.15rem,4vw,3rem) !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
    letter-spacing: -.02em;
}

.page > h1::after,
.page h1.page_title::after {
    content: "";

    display: block;

    width: 60px;
    height: 3px;

    margin-top: 17px;

    background: var(--aia-bronze);
}


/* Standard content headings */

.page h2 {
    margin-top: 2.2rem;
    margin-bottom: .9rem;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.68rem !important;
    line-height: 1.25;
    font-weight: 600;
}

.page h3 {
    margin-top: 1.8rem;
    margin-bottom: .7rem;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.32rem !important;
    line-height: 1.3;
    font-weight: 600;
}


/* Reading width for long prose */

.page_about > p,
.page_privacy > p,
.page_submissions > p,
.page_information > p,
.page_contact > p {
    max-width: var(--aia-reading);
}


/* =================================================================
   14. BREADCRUMBS
================================================================= */

.cmp_breadcrumbs,
.breadcrumb {
    margin: 0 0 30px !important;
    padding: 0 !important;

    color: var(--aia-muted) !important;

    font-family: var(--aia-sans) !important;
    font-size: .77rem !important;
}

.cmp_breadcrumbs a,
.breadcrumb a {
    color: var(--aia-muted) !important;
    text-decoration: none !important;
}

.cmp_breadcrumbs a:hover,
.breadcrumb a:hover {
    color: var(--aia-bronze) !important;
}


/* =================================================================
   15. ARTICLE DETAIL PAGE
================================================================= */

.page_article .obj_article_details {
    max-width: 100%;
}

.page_article .obj_article_details .page_title,
.page_article .obj_article_details h1 {
    max-width: 980px;

    margin-bottom: 24px !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: clamp(2.15rem,4vw,3.15rem) !important;
    line-height: 1.12 !important;
    font-weight: 600 !important;
    letter-spacing: -.022em;
}

.page_article .obj_article_details .authors {
    margin-bottom: 15px;

    color: var(--aia-text);

    font-family: var(--aia-sans) !important;
}

.page_article .obj_article_details .item {
    border-color: var(--aia-line) !important;
}

.page_article .obj_article_details .item.abstract {
    max-width: 900px;

    padding: 20px 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-top: 1px solid var(--aia-line) !important;
    border-bottom: 1px solid var(--aia-line) !important;
}

.page_article .obj_article_details .item.abstract h2,
.page_article .obj_article_details .item.abstract h3 {
    color: var(--aia-blue);
}


/* Article links */

.page_article a[href*="doi.org"] {
    color: var(--aia-blue) !important;
}

.page_article a[href*="doi.org"]:hover {
    color: var(--aia-bronze) !important;
}


/* =================================================================
   16. ISSUE ARCHIVE
================================================================= */

.page_issue_archive .issues_archive,
.page_issue_archive ul.issues_archive {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.page_issue_archive .obj_issue_summary {
    margin: 0 !important;
    padding: 28px 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-bottom: 1px solid var(--aia-line) !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

.page_issue_archive .obj_issue_summary .title,
.page_issue_archive .obj_issue_summary h2,
.page_issue_archive .obj_issue_summary h3 {
    color: var(--aia-blue) !important;
    font-family: var(--aia-serif) !important;
}


/* =================================================================
   17. FORMS / BUTTONS
================================================================= */

button,
input,
textarea,
select {
    font-family: var(--aia-sans) !important;
}

.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select {
    border: 1px solid var(--aia-line-dark) !important;
    border-radius: 2px !important;

    box-shadow: none !important;
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: var(--aia-bronze) !important;
    box-shadow: 0 0 0 3px rgba(166,124,82,.12) !important;
}

.btn-primary,
button.submit,
input[type="submit"] {
    color: #fff !important;
    background: var(--aia-navy) !important;

    border: 1px solid var(--aia-navy) !important;
    border-radius: 2px !important;

    box-shadow: none !important;

    font-family: var(--aia-sans) !important;
    font-weight: 600 !important;
}

.btn-primary:hover,
button.submit:hover,
input[type="submit"]:hover {
    color: #fff !important;
    background: var(--aia-blue) !important;
    border-color: var(--aia-blue) !important;
}


/* =================================================================
   18. EDITORIAL TEAM CUSTOM HTML
================================================================= */

.aia-editorial-team {
    max-width: 980px;

    margin: 0 !important;
    padding: 0 0 35px !important;
}

.aia-editorial-team .editorial-intro {
    max-width: 900px;

    margin: 0 0 55px !important;
    padding: 2px 0 2px 22px !important;

    background: transparent !important;

    border: 0 !important;
    border-left: 3px solid var(--aia-bronze) !important;
}

.aia-editorial-team .editorial-intro p {
    margin: 0 !important;

    color: #46515B !important;

    font-size: 1rem !important;
    line-height: 1.82 !important;
}

.aia-editorial-team .editorial-intro p + p {
    margin-top: 16px !important;
}

.aia-editorial-team .editorial-section {
    margin-bottom: 55px;
}

.aia-editorial-team .editorial-heading {
    display: flex;
    align-items: center;
    gap: 18px;

    margin: 0 0 22px !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.65rem !important;
    line-height: 1.25;
    font-weight: 600 !important;
}

.aia-editorial-team .editorial-heading::after {
    content: "";

    flex: 1;

    height: 1px;

    background:
        linear-gradient(
            to right,
            rgba(166,124,82,.74),
            rgba(166,124,82,0)
        );
}

.aia-editorial-team .editorial-lead {
    padding: 7px 0 7px 18px !important;

    background: transparent !important;

    border: 0 !important;
    border-left: 3px solid var(--aia-bronze) !important;
    border-radius: 0 !important;
}

.aia-editorial-team .editorial-lead-name {
    color: var(--aia-text);

    font-family: var(--aia-serif);
    font-size: 1.14rem;
    font-weight: 600;
}

.aia-editorial-team .editorial-institution {
    margin-top: 3px;

    color: var(--aia-muted);

    font-family: var(--aia-sans);
    font-size: .81rem;
    line-height: 1.5;
}

.aia-editorial-team .editorial-associates,
.aia-editorial-team .editorial-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    column-gap: 50px;
}

.aia-editorial-team .editorial-associate {
    padding: 13px 0 15px;

    background: transparent !important;

    border: 0 !important;
    border-bottom: 1px solid var(--aia-line) !important;
    border-radius: 0 !important;
}

.aia-editorial-team .editorial-associate::before {
    display: none !important;
}

.aia-editorial-team .editorial-associate strong {
    color: var(--aia-text);

    font-family: var(--aia-serif);
    font-size: 1rem;
    font-weight: 600;
}

.aia-editorial-team .editorial-person {
    position: relative;

    padding: 13px 5px 14px 16px !important;

    background: transparent !important;

    border: 0 !important;
    border-bottom: 1px solid var(--aia-line) !important;
    border-radius: 0 !important;

    transform: none !important;
}

.aia-editorial-team .editorial-person::before {
    content: "";

    position: absolute;
    top: 21px;
    left: 0;

    width: 5px;
    height: 5px;

    background: var(--aia-bronze);

    border-radius: 50%;
}

.aia-editorial-team .editorial-person strong {
    color: var(--aia-text);

    font-family: var(--aia-serif);
    font-size: .99rem;
    font-weight: 600;
}


/* =================================================================
   19. CUSTOM CONTACT PAGE
================================================================= */

.aia-contact {
    max-width: 1050px;
    margin: 0 auto 70px;
}

.aia-contact-hero {
    position: relative;

    min-height: 320px;

    margin-bottom: 55px;

    overflow: hidden;

    border-radius: 2px !important;
    box-shadow: none !important;
}

.aia-contact-overlay {
    padding: 42px !important;
}

.aia-contact-overlay h1 {
    margin: 0 0 10px !important;

    color: #fff !important;

    font-family: var(--aia-serif) !important;
    font-size: clamp(2.2rem,5vw,3.4rem) !important;
    line-height: 1.05;
}

.aia-contact-overlay h1::after {
    content: "";

    display: block;

    width: 54px;
    height: 3px;

    margin-top: 16px;

    background: var(--aia-bronze);
}

.aia-contact .subtitle,
.aia-contact .institution {
    color: #fff !important;
}

.aia-contact-intro {
    max-width: 800px;

    margin: 0 auto 55px;

    text-align: left;
}

.aia-contact-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 46px;
}

.contact-card {
    padding: 23px 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-top: 2px solid var(--aia-bronze) !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    transform: none !important;
}


/* =================================================================
   20. FOOTER
================================================================= */

footer,
.footer,
footer.footer {
    background: var(--aia-navy) !important;
    color: rgba(255,255,255,.78) !important;

    border-top: 3px solid var(--aia-bronze) !important;
}

footer .container,
.footer .container {
    max-width: var(--aia-width) !important;

    margin: 0 auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

footer p,
footer li,
footer span,
.footer p,
.footer li,
.footer span {
    color: rgba(255,255,255,.78) !important;
}

footer a,
.footer a {
    color: #fff !important;
}

footer a:hover,
.footer a:hover {
    color: #E4C9A9 !important;
}

.pkp_brand_footer,
.brand_footer {
    display: none !important;
}


/* =================================================================
   21. TABLET / MOBILE
================================================================= */

@media (max-width: 991px) {

    .upper-header.row {
        min-height: 100px;
        padding: 14px 20px !important;
    }

    .logo-wrapper,
    .upper-header .logo-wrapper {
        max-width: calc(100% - 80px) !important;
    }

    .journal-logo,
    .logo-wrapper .journal-logo {
        max-width: 330px !important;
        max-height: 78px !important;
    }

    #user-nav-wraper {
        display: none !important;
    }


    /* Bring back Classic mobile trigger */

    #nav-small {
        display: block !important;

        max-width: var(--aia-width);

        margin: 0 auto !important;
        padding: 0 20px !important;

        border: 0 !important;
    }

    #nav-small .nav-link {
        display: inline-flex;
        align-items: center;
        gap: 7px;

        padding: 12px 0 !important;

        color: #fff !important;

        font-size: .86rem;

        border: 0 !important;
    }

    #modal-on-small {
        display: none !important;
    }

    #modal-on-small.show,
    #modal-on-small:not(.hide) {
        display: block !important;

        position: absolute !important;
        left: 0;
        right: 0;

        max-width: none !important;

        padding: 18px 20px 22px !important;

        background: var(--aia-navy) !important;

        border-top: 1px solid rgba(255,255,255,.12) !important;

        z-index: 10000;
    }

    #modal-on-small.show #close-small-modal,
    #modal-on-small:not(.hide) #close-small-modal {
        display: block !important;

        margin-bottom: 10px;

        color: #fff;
    }

    #modal-on-small.show .pkp_navigation_primary,
    #modal-on-small:not(.hide) .pkp_navigation_primary {
        display: block !important;
    }

    #modal-on-small .pkp_navigation_primary > li {
        display: block !important;

        border-bottom: 1px solid rgba(255,255,255,.09);
    }

    #modal-on-small .pkp_navigation_primary > li > a {
        padding: 11px 0 !important;
    }

    #modal-on-small .pkp_navigation_primary > li > a::after {
        display: none;
    }


    .page_index_journal .homepage_image {
        min-height: 300px !important;
    }

    .page_index_journal .journal_summary {
        padding: 36px 22px 39px !important;
    }

    .container-page {
        padding: 42px 22px 65px !important;
    }

    .obj_article_summary {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .obj_article_summary .galleys_links {
        justify-content: flex-start;
    }
}


/* =================================================================
   22. SMALL MOBILE
================================================================= */

@media (max-width: 700px) {

    body {
        font-size: 15.5px;
    }

    .upper-header.row {
        min-height: 86px;
        padding: 12px 16px !important;
    }

    .journal-logo,
    .logo-wrapper .journal-logo {
        max-width: 245px !important;
        max-height: 64px !important;
    }

    #nav-small {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .page_index_journal .homepage_image {
        min-height: 330px !important;
        background-position: center !important;
    }

    .page_index_journal .homepage_image::before {
        background:
            linear-gradient(
                rgba(0,40,59,.89),
                rgba(0,40,59,.76)
            );
    }

    .page_index_journal .journal_summary {
        padding: 32px 18px 34px !important;
    }

    .page_index_journal .journal_summary h3,
    .page_index_journal .journal_summary p:first-of-type strong,
    .page_index_journal .journal_summary p:first-of-type b {
        font-size: 1.75rem !important;
    }

    .container-page {
        padding: 38px 18px 58px !important;
    }

    .page {
        padding-left: 18px !important;
        padding-right: 18px !important;
        padding-top: 38px !important;
        padding-bottom: 58px !important;
    }

    .page_index_journal .current_issue_identification {
        font-size: 2rem !important;
    }

    .obj_issue_toc .section_title {
        gap: 12px;
        font-size: 1.48rem !important;
    }

    .obj_article_summary {
        padding: 21px 0 23px !important;
    }

    .obj_article_summary .title,
    .obj_article_summary h5,
    .obj_article_summary h4,
    .obj_article_summary h3 {
        font-size: 1.23rem !important;
    }

    .page_issue .description_cover,
    .pkp_page_issue .description_cover {
        display: block !important;
    }

    .page_issue .issue_cover_block,
    .pkp_page_issue .issue_cover_block {
        margin-top: 24px !important;
    }

    .aia-editorial-team .editorial-associates,
    .aia-editorial-team .editorial-grid,
    .aia-contact-grid {
        grid-template-columns: 1fr;
    }

    .aia-editorial-team .editorial-heading {
        gap: 11px;
        font-size: 1.45rem !important;
    }

    footer .container,
    .footer .container {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
}


/* =================================================================
   23. VERY SMALL SCREENS
================================================================= */

@media (max-width: 430px) {

    .journal-logo,
    .logo-wrapper .journal-logo {
        max-width: 210px !important;
    }

    .page_index_journal .journal_summary h3,
    .page_index_journal .journal_summary p:first-of-type strong,
    .page_index_journal .journal_summary p:first-of-type b {
        font-size: 1.58rem !important;
    }

    .page_index_journal .current_issue_identification {
        font-size: 1.78rem !important;
    }
}


/* =================================================================
   24. REDUCED MOTION
================================================================= */

@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
    }
}

*
=====================================================================
 AI & ANTIQUITY — CLASSIC ACADEMIC v1.1 PATCH
 Add this block at the END of ai-antiquity-classic-academic-v1.css
 Fixes based on the live Classic 1.1.2 / OJS 3.4 markup.
=====================================================================
*/


/* =================================================================
   1. HEADER REFINEMENT — BIGGER LOGO, LESS EMPTY HEIGHT
================================================================= */

@media (min-width: 992px) {

    .upper-header.row {
        min-height: 112px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }

    .logo-wrapper,
    .upper-header .logo-wrapper,
    h1.logo-wrapper {
        max-width: 360px !important;
    }

    .journal-logo,
    .logo-wrapper .journal-logo {
        width: 260px !important;
        max-width: 100% !important;
        max-height: none !important;
        height: auto !important;
    }
}


/* =================================================================
   2. MOBILE MENU — CLOSED UNTIL "MENU" IS PRESSED
================================================================= */

@media (max-width: 991px) {

    #modal-on-small,
    #modal-on-small.hide {
        display: none !important;
    }

    #modal-on-small.show {
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: none !important;
        padding: 16px 20px 20px !important;
        background: var(--aia-navy) !important;
        border-top: 1px solid rgba(255,255,255,.12) !important;
        z-index: 10000 !important;
    }

    #modal-on-small.show .pkp_navigation_primary {
        display: block !important;
    }

    #modal-on-small.show .pkp_navigation_primary > li {
        display: block !important;
        border-bottom: 1px solid rgba(255,255,255,.09);
    }

    #modal-on-small.show .pkp_navigation_primary > li > a {
        padding: 11px 2px !important;
    }

    .journal-logo,
    .logo-wrapper .journal-logo {
        width: 155px !important;
        max-width: 48vw !important;
        height: auto !important;
    }
}


/* =================================================================
   3. CURRENT ISSUE — COVER LEFT, CONTENTS RIGHT ON DESKTOP
================================================================= */

@media (min-width: 850px) {

    .page_index_journal .current_issue .obj_issue_toc {
        display: grid !important;
        grid-template-columns: 180px minmax(0,1fr) !important;
        grid-template-rows: auto auto 1fr;
        column-gap: 54px !important;
        align-items: start !important;
    }

    .page_index_journal .current_issue .obj_issue_toc > .heading {
        grid-column: 1 !important;
        grid-row: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .page_index_journal .current_issue .obj_issue_toc > .galleys {
        grid-column: 1 !important;
        grid-row: 2 !important;
        margin-top: 18px !important;
    }

    .page_index_journal .current_issue .obj_issue_toc > .sections {
        grid-column: 2 !important;
        grid-row: 1 / span 3 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .page_index_journal .current_issue .obj_issue_toc .cover {
        width: 180px !important;
        margin: 0 !important;
    }

    .page_index_journal .current_issue .obj_issue_toc .cover img {
        display: block !important;
        width: 180px !important;
        max-width: 180px !important;
        height: auto !important;
        margin: 0 !important;
        border: 1px solid var(--aia-line) !important;
        box-shadow: 0 5px 14px rgba(0,40,59,.06) !important;
    }

    /* The full issue intro belongs on the issue page, not the homepage */
    .page_index_journal .current_issue .obj_issue_toc .description {
        display: none !important;
    }
}


/* =================================================================
   4. REAL CLASSIC SECTION MARKUP
================================================================= */

.obj_issue_toc .section {
    margin: 0 0 46px !important;
    padding: 0 !important;
}

.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3,
.obj_issue_toc .section > h4 {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;

    margin: 0 0 5px !important;
    padding: 0 !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.58rem !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    letter-spacing: -.01em;

    text-transform: none !important;
}

.obj_issue_toc .section > h2::after,
.obj_issue_toc .section > h3::after,
.obj_issue_toc .section > h4::after {
    content: "";
    flex: 1;
    height: 1px;
    background: linear-gradient(
        to right,
        rgba(166,124,82,.72),
        rgba(166,124,82,0)
    );
}

.cmp_article_list.articles {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.cmp_article_list.articles > li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}


/* =================================================================
   5. REAL CLASSIC ARTICLE SUMMARY MARKUP
================================================================= */

.article_summary {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    column-gap: 28px !important;
    align-items: start !important;

    margin: 0 !important;
    padding: 22px 0 24px !important;

    background: transparent !important;

    border: 0 !important;
    border-bottom: 1px solid var(--aia-line) !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

.cmp_article_list.articles > li:first-child .article_summary {
    border-top: 1px solid var(--aia-line) !important;
}

.article_summary_body {
    min-width: 0 !important;
}


/* Article titles */

.summary_title_wrapper {
    margin: 0 0 7px !important;
    padding: 0 !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.27rem !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;

    text-transform: none !important;
}

.summary_title {
    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-weight: 600 !important;

    text-decoration: none !important;
    border-bottom: 0 !important;
}

.summary_title:hover,
.summary_title:focus {
    color: var(--aia-bronze) !important;
    text-decoration: none !important;
}


/* Authors and pages */

.article_summary .summary_meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px 13px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--aia-muted) !important;

    font-family: var(--aia-sans) !important;
    font-size: .84rem !important;
    line-height: 1.5 !important;
}

.article_summary .authors,
.article_summary .pages,
.article_summary .published {
    margin: 0 !important;
    padding: 0 !important;

    color: var(--aia-muted) !important;

    font-family: var(--aia-sans) !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

.article_summary .authors {
    font-weight: 500 !important;
}


/* Pages: do not add extra visual clutter */

.article_summary .pages {
    color: #7A848D !important;
}


/* =================================================================
   6. PDF LINKS — NO BOOTSTRAP BUTTON LOOK
================================================================= */

.article_summary .galleys_links {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    gap: 7px !important;

    min-width: 48px !important;

    margin: 0 !important;
    padding: 3px 0 0 !important;
}

.article_summary .obj_galley_link,
.article_summary .galley_link,
.article_summary .btn,
.obj_issue_toc .galleys .obj_galley_link,
.obj_issue_toc .galleys .galley_link,
.obj_issue_toc .galleys .btn {
    display: inline-block !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 3px 0 3px !important;

    color: var(--aia-blue) !important;
    background: transparent !important;

    border: 0 !important;
    border-bottom: 2px solid var(--aia-bronze) !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-family: var(--aia-sans) !important;
    font-size: .72rem !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: .07em !important;

    text-transform: uppercase !important;
    text-decoration: none !important;
}

.article_summary .obj_galley_link:hover,
.article_summary .galley_link:hover,
.article_summary .btn:hover,
.obj_issue_toc .galleys a:hover {
    color: var(--aia-bronze) !important;
    border-bottom-color: var(--aia-blue) !important;
}


/* =================================================================
   7. DOI / PUBLICATION IDS — TECHNICAL METADATA, NOT HEADLINE LINKS
================================================================= */

.article_summary .doi,
.article_summary .pub-id,
.article_summary .pub_id,
.article_summary [class*="doi"],
.article_summary [class*="pub_id"] {
    margin: 6px 0 0 !important;

    color: #7C8790 !important;

    font-family: var(--aia-sans) !important;
    font-size: .75rem !important;
    line-height: 1.45 !important;
}

.article_summary a[href*="doi.org"] {
    color: #627786 !important;

    font-family: var(--aia-sans) !important;
    font-size: .75rem !important;

    text-decoration: none !important;
    border-bottom: 1px solid rgba(166,124,82,.45) !important;
}

.article_summary a[href*="doi.org"]:hover {
    color: var(--aia-bronze) !important;
    border-bottom-color: var(--aia-bronze) !important;
}


/*
 Some DOI markup is injected by an OJS hook outside .article_summary.
 Keep those links visually secondary within the issue TOC.
*/

.obj_issue_toc a[href*="doi.org"] {
    color: #627786 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(166,124,82,.42);
}

.obj_issue_toc a[href*="doi.org"]:hover {
    color: var(--aia-bronze) !important;
}


/* =================================================================
   8. GENERAL BODY LINKS — CLEAR BUT NOT ALL UNDERLINED
================================================================= */

.page a,
.container-page a {
    color: #124D70;
}

.page a:hover,
.container-page a:hover {
    color: var(--aia-bronze);
}

.summary_title,
.pkp_navigation_primary a,
.obj_galley_link,
.galley_link,
.read_more {
    text-decoration: none !important;
}


/* =================================================================
   9. VIEW ALL ISSUES / HOME FOOTER NAV
================================================================= */

.page_index_journal .read_more {
    margin-top: 12px !important;
    font-size: .77rem !important;
}

.page_index_journal .additional_content {
    margin-top: 26px !important;
    padding-top: 20px !important;
    border-top: 1px solid var(--aia-line) !important;
}

.page_index_journal .additional_content a {
    color: var(--aia-blue) !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(166,124,82,.5);
}

.page_index_journal .additional_content a:hover {
    color: var(--aia-bronze) !important;
}


/* =================================================================
   10. FOOTER — HIDE THE HUGE "PLATFORM & WORKFLOW BY OJS / PKP"
================================================================= */

.site-footer {
    background: var(--aia-navy) !important;
    border-top: 3px solid var(--aia-bronze) !important;
}

.container-footer {
    max-width: var(--aia-width) !important;
    margin: 0 auto !important;
    padding: 26px 24px 30px !important;
}

.additional-footer-info {
    width: 100% !important;
}

.user-page-footer {
    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;

    color: rgba(255,255,255,.82) !important;

    font-family: var(--aia-sans) !important;
    font-size: .78rem !important;
    line-height: 1.7 !important;
}

.user-page-footer p,
.user-page-footer span,
.user-page-footer strong,
.user-page-footer em {
    color: inherit !important;
}

.user-page-footer a {
    color: #fff !important;
}

.user-page-footer a:hover {
    color: #E4C9A9 !important;
}


/* This is the actual Classic Theme PKP branding wrapper */

.pkpbrand-wrapper,
.footer-brand-image {
    display: none !important;
}


/* =================================================================
   11. MOBILE ARTICLE LIST
================================================================= */

@media (max-width: 700px) {

    .article_summary {
        grid-template-columns: 1fr !important;
        row-gap: 9px !important;
        padding: 19px 0 21px !important;
    }

    .summary_title_wrapper {
        font-size: 1.17rem !important;
        line-height: 1.28 !important;
    }

    .article_summary .galleys_links {
        justify-content: flex-start !important;
        padding-top: 2px !important;
    }

    .obj_issue_toc .section > h2,
    .obj_issue_toc .section > h3,
    .obj_issue_toc .section > h4 {
        gap: 11px !important;
        font-size: 1.42rem !important;
    }

    .container-footer {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
}

/*
=====================================================================
 AI & ANTIQUITY — CLASSIC ACADEMIC v1.2 PATCH
 Add at the END of the current Classic CSS.
 Fixes:
 1) remove white rule under desktop menu
 2) rebuild article landing pages
=====================================================================
*/


/* =================================================================
   1. NAVIGATION — KEEP ONLY THE BRONZE BASELINE
================================================================= */

.lower-header,
.lower-header .container,
.lower-header .container-fluid,
#modal-on-small,
#primary-nav-wraper,
.pkp_navigation_primary,
.pkp_navigation_primary::before,
.pkp_navigation_primary::after {
    border-bottom: 0 !important;
    box-shadow: none !important;
}

/* Classic sometimes draws an extra pale rule inside the lower header */
.lower-header {
    border-bottom: 0 !important;
}

/* The only visible line under the navigation */
body > header,
.header.container-fluid {
    border-bottom-color: var(--aia-bronze) !important;
}

/* Remove any Bootstrap navbar separator that may survive */
.navbar,
.navbar-nav,
.navbar-collapse,
.navigation_wrapper {
    border-bottom: 0 !important;
    box-shadow: none !important;
}


/* =================================================================
   2. ARTICLE PAGE — RESTORE A PROPER READING WIDTH
================================================================= */

.page.page_article {
    display: block !important;

    width: calc(100% - 48px) !important;
    max-width: 1180px !important;

    margin: 0 auto !important;
    padding: 48px 0 88px !important;

    float: none !important;

    background: #fff !important;
}


/* Breadcrumb */

.page_article .cmp_breadcrumbs,
.page_article .breadcrumb {
    width: 100% !important;
    max-width: 1180px !important;

    margin: 0 0 28px !important;
    padding: 0 !important;

    color: var(--aia-muted) !important;

    font-family: var(--aia-sans) !important;
    font-size: .76rem !important;
}


/* Full article object */

.page_article .obj_article_details {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =================================================================
   3. ARTICLE TITLE
================================================================= */

.page_article .obj_article_details .page_title {
    width: 100% !important;
    max-width: 980px !important;

    margin: 0 0 30px !important;
    padding: 0 !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: clamp(2.25rem, 4vw, 3.35rem) !important;
    line-height: 1.08 !important;
    font-weight: 600 !important;
    letter-spacing: -.025em !important;

    text-transform: none !important;
}

.page_article .obj_article_details .page_title::after {
    content: "";

    display: block;

    width: 58px;
    height: 3px;

    margin-top: 20px;

    background: var(--aia-bronze);
}


/* Subtitle, when present */

.page_article .obj_article_details .subtitle {
    max-width: 900px;

    margin: -14px 0 30px !important;

    color: #59646D !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.4rem !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
}


/* =================================================================
   4. ARTICLE TWO-COLUMN LAYOUT
================================================================= */

.page_article .obj_article_details > .row {
    display: grid !important;

    grid-template-columns: minmax(0, 1fr) 300px !important;
    gap: 56px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Main reading column */

.page_article .obj_article_details .main_entry {
    display: block !important;

    width: 100% !important;
    max-width: 820px !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
    flex: none !important;
}


/* Sidebar */

.page_article .obj_article_details .entry_details {
    display: block !important;

    width: 100% !important;
    max-width: 300px !important;

    margin: 0 !important;
    padding: 0 0 0 28px !important;

    float: none !important;
    flex: none !important;

    border-left: 1px solid var(--aia-line) !important;
}


/* =================================================================
   5. AUTHORS
================================================================= */

.page_article .main_entry > .item.authors {
    margin: 0 0 25px !important;
    padding: 0 0 21px !important;

    border-bottom: 1px solid var(--aia-line) !important;
}

.page_article .main_entry ul.authors {
    display: flex !important;
    flex-wrap: wrap !important;

    gap: 15px 26px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.page_article .main_entry ul.authors > li {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.page_article .main_entry .authors .name {
    display: block !important;

    color: var(--aia-text) !important;

    font-family: var(--aia-sans) !important;
    font-size: .96rem !important;
    line-height: 1.35 !important;
    font-weight: 650 !important;
}

.page_article .main_entry .authors .affiliation {
    display: block !important;

    margin-top: 2px !important;

    color: var(--aia-muted) !important;

    font-family: var(--aia-sans) !important;
    font-size: .78rem !important;
    line-height: 1.4 !important;
}

/* "Author" contributor role adds no useful information visually */
.page_article .main_entry .authors .contributor_roles {
    display: none !important;
}


/* =================================================================
   6. DOI + KEYWORDS
================================================================= */

.page_article .main_entry > .item.doi,
.page_article .main_entry > .item.keywords {
    display: flex !important;
    align-items: baseline !important;
    gap: 12px !important;

    margin: 0 0 13px !important;
    padding: 0 !important;

    font-family: var(--aia-sans) !important;
    font-size: .82rem !important;
    line-height: 1.55 !important;
}

.page_article .main_entry > .item.doi .label,
.page_article .main_entry > .item.keywords .label {
    flex: 0 0 auto;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--aia-bronze) !important;

    font-family: var(--aia-sans) !important;
    font-size: .72rem !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    letter-spacing: .075em !important;

    text-transform: uppercase !important;
}

.page_article .main_entry > .item.doi .value,
.page_article .main_entry > .item.keywords .value {
    color: var(--aia-muted) !important;
}

.page_article .main_entry > .item.doi a {
    color: #486879 !important;
    text-decoration: none !important;

    border-bottom: 1px solid rgba(166,124,82,.45) !important;
}

.page_article .main_entry > .item.doi a:hover {
    color: var(--aia-bronze) !important;
}


/* =================================================================
   7. ABSTRACT
================================================================= */

.page_article .main_entry > .item.abstract {
    max-width: 820px !important;

    margin: 34px 0 0 !important;
    padding: 28px 0 30px !important;

    background: transparent !important;

    border: 0 !important;
    border-top: 2px solid var(--aia-blue) !important;
    border-bottom: 1px solid var(--aia-line) !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

.page_article .main_entry > .item.abstract .label {
    margin: 0 0 16px !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.55rem !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
}

.page_article .main_entry > .item.abstract p {
    margin: 0 0 1rem !important;

    color: #39434B !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.02rem !important;
    line-height: 1.78 !important;
}

.page_article .main_entry > .item.abstract p:last-child {
    margin-bottom: 0 !important;
}


/* =================================================================
   8. AUTHOR BIOS / REFERENCES / OTHER MAIN ITEMS
================================================================= */

.page_article .main_entry > .item.author_bios,
.page_article .main_entry > .item.references,
.page_article .main_entry > .item.comments,
.page_article .main_entry > .item.downloads_chart {
    max-width: 820px !important;

    margin: 36px 0 0 !important;
    padding: 28px 0 0 !important;

    border-top: 1px solid var(--aia-line) !important;
}

.page_article .main_entry > .item > .label,
.page_article .main_entry > .item.author_bios > .label,
.page_article .main_entry > .item.references > .label {
    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.45rem !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
}

.page_article .main_entry .author_bios .sub_item {
    margin-top: 18px !important;
}

.page_article .main_entry .author_bios .sub_item > .label {
    color: var(--aia-text) !important;

    font-family: var(--aia-sans) !important;
    font-size: .92rem !important;
    font-weight: 650 !important;
}

.page_article .main_entry .author_bios .sub_item > .value {
    margin-top: 6px !important;

    color: #4B555D !important;

    font-size: .92rem !important;
    line-height: 1.65 !important;
}


/* =================================================================
   9. ARTICLE SIDEBAR
================================================================= */

.page_article .entry_details .item {
    margin: 0 0 27px !important;
    padding: 0 0 22px !important;

    border: 0 !important;
    border-bottom: 1px solid var(--aia-line) !important;

    background: transparent !important;
}

.page_article .entry_details .item:last-child {
    border-bottom: 0 !important;
}


/* Sidebar labels */

.page_article .entry_details .label {
    display: block !important;

    margin: 0 0 8px !important;

    color: var(--aia-bronze) !important;

    font-family: var(--aia-sans) !important;
    font-size: .70rem !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    letter-spacing: .085em !important;

    text-transform: uppercase !important;
}

.page_article .entry_details .value {
    color: #4E5962 !important;

    font-family: var(--aia-sans) !important;
    font-size: .80rem !important;
    line-height: 1.6 !important;
}


/* Cover */

.page_article .entry_details .cover_image {
    padding-bottom: 28px !important;
}

.page_article .entry_details .cover_image img {
    display: block !important;

    width: 100% !important;
    max-width: 230px !important;
    height: auto !important;

    margin: 0 auto !important;

    border: 1px solid var(--aia-line) !important;
    border-radius: 0 !important;

    box-shadow: 0 6px 17px rgba(0,40,59,.07) !important;
}


/* PDF / download */

.page_article .entry_details .galleys_links {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.page_article .entry_details .galleys_links li {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.page_article .entry_details .obj_galley_link,
.page_article .entry_details .galley_link,
.page_article .main_entry .obj_galley_link {
    display: inline-block !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 5px 0 4px !important;

    color: var(--aia-blue) !important;
    background: transparent !important;

    border: 0 !important;
    border-bottom: 2px solid var(--aia-bronze) !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-family: var(--aia-sans) !important;
    font-size: .74rem !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: .075em !important;

    text-transform: uppercase !important;
    text-decoration: none !important;
}

.page_article .entry_details .obj_galley_link:hover,
.page_article .entry_details .galley_link:hover {
    color: var(--aia-bronze) !important;
    border-bottom-color: var(--aia-blue) !important;
}


/* Issue / section / publication metadata links */

.page_article .entry_details a {
    color: #355E74 !important;
}

.page_article .entry_details a:hover {
    color: var(--aia-bronze) !important;
}


/* =================================================================
   10. CITATION BLOCK
================================================================= */

.page_article .entry_details .citation,
.page_article .entry_details [class*="citation"] {
    font-size: .78rem !important;
    line-height: 1.55 !important;
}

.page_article .entry_details button,
.page_article .entry_details .btn {
    border-radius: 2px !important;
    box-shadow: none !important;

    font-family: var(--aia-sans) !important;
    font-size: .76rem !important;
}


/* =================================================================
   11. SIMILAR ARTICLES — MAKE THEM SECONDARY, NOT A WALL
================================================================= */

/* Common plugin wrapper patterns */
.page_article [class*="similar"],
.page_article [id*="similar"] {
    max-width: 820px !important;

    margin-top: 38px !important;
    padding-top: 28px !important;

    border-top: 1px solid var(--aia-line) !important;
}

.page_article [class*="similar"] h2,
.page_article [class*="similar"] h3,
.page_article [id*="similar"] h2,
.page_article [id*="similar"] h3 {
    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.35rem !important;
    font-weight: 600 !important;
}

.page_article [class*="similar"] li,
.page_article [id*="similar"] li {
    margin-bottom: 7px !important;

    color: var(--aia-muted) !important;

    font-family: var(--aia-sans) !important;
    font-size: .78rem !important;
    line-height: 1.45 !important;
}


/* =================================================================
   12. TABLET
================================================================= */

@media (max-width: 980px) {

    .page.page_article {
        width: calc(100% - 36px) !important;
        padding-top: 38px !important;
    }

    .page_article .obj_article_details > .row {
        grid-template-columns: minmax(0,1fr) 250px !important;
        gap: 34px !important;
    }

    .page_article .obj_article_details .entry_details {
        max-width: 250px !important;
        padding-left: 22px !important;
    }
}


/* =================================================================
   13. MOBILE
================================================================= */

@media (max-width: 760px) {

    .page.page_article {
        width: calc(100% - 32px) !important;

        padding-top: 30px !important;
        padding-bottom: 60px !important;
    }

    .page_article .obj_article_details .page_title {
        font-size: 2rem !important;
        line-height: 1.12 !important;
    }

    .page_article .obj_article_details > .row {
        display: block !important;
    }

    .page_article .obj_article_details .main_entry,
    .page_article .obj_article_details .entry_details {
        width: 100% !important;
        max-width: none !important;
    }

    .page_article .obj_article_details .entry_details {
        margin-top: 40px !important;
        padding: 32px 0 0 !important;

        border-left: 0 !important;
        border-top: 2px solid var(--aia-blue) !important;
    }

    .page_article .entry_details .cover_image img {
        max-width: 185px !important;
        margin-left: 0 !important;
    }

    .page_article .main_entry ul.authors {
        display: block !important;
    }

    .page_article .main_entry ul.authors > li {
        margin-bottom: 12px !important;
    }

    .page_article .main_entry > .item.doi,
    .page_article .main_entry > .item.keywords {
        display: block !important;
    }

    .page_article .main_entry > .item.doi .label,
    .page_article .main_entry > .item.keywords .label {
        margin-bottom: 4px !important;
    }
}

/*
=====================================================================
 AI & ANTIQUITY — CLASSIC ACADEMIC v1.3
 ARTICLE LAYOUT CORRECTION
 Add at the END of the current CSS.

 Fixes:
 - remove Classic "more info" author dropdown
 - correct Classic's real article layout
 - abstract immediately below article header
 - metadata/cover as a compact right sidebar
 - remove the giant white vertical gap
=====================================================================
*/


/* =================================================================
   1. ARTICLE HEADER — USE CLASSIC'S REAL MARKUP
================================================================= */

.page_article .article_header_wrapper {
    width: 100% !important;
    max-width: none !important;

    margin: 0 0 34px !important;
    padding: 0 0 28px !important;

    border-bottom: 1px solid var(--aia-line) !important;
}


/*
 Classic puts:
 - title in .col-md-8
 - PDF/galleys in .col-md-4
 - authors in .col-md-12
 inside the SAME .row.
*/

.page_article .article_header_wrapper > .row {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 110px !important;
    column-gap: 34px !important;
    row-gap: 18px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Title column */

.page_article .article_header_wrapper > .row > .col-md-8 {
    grid-column: 1 !important;
    grid-row: 1 !important;

    width: 100% !important;
    max-width: none !important;
    flex: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* PDF column */

.page_article .article_header_wrapper > .row > .col-md-4 {
    grid-column: 2 !important;
    grid-row: 1 !important;

    width: 100% !important;
    max-width: none !important;
    flex: none !important;

    margin: 0 !important;
    padding: 7px 0 0 !important;

    text-align: right !important;
}


/* Authors span the full width */

.page_article .article_header_wrapper > .row > .col-md-12 {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;

    width: 100% !important;
    max-width: none !important;
    flex: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =================================================================
   2. ARTICLE TITLE
================================================================= */

.page_article .article-full-title,
.page_article .page_title.article-full-title {
    width: 100% !important;
    max-width: 930px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: clamp(2.15rem, 3.6vw, 3rem) !important;
    line-height: 1.08 !important;
    font-weight: 600 !important;
    letter-spacing: -.024em !important;

    text-transform: none !important;
}


/* The short bronze mark already gives enough visual closure */

.page_article .article-full-title::after {
    content: "";

    display: block;

    width: 58px;
    height: 3px;

    margin-top: 20px;

    background: var(--aia-bronze);
}


/* =================================================================
   3. TOP PDF LINK
================================================================= */

.page_article .article_header_wrapper .galleys {
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}

.page_article .article_header_wrapper .obj_galley_link,
.page_article .article_header_wrapper .galley_link {
    display: inline-block !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 5px 12px !important;

    color: var(--aia-blue) !important;
    background: transparent !important;

    border: 1px solid var(--aia-blue) !important;
    border-radius: 2px !important;

    box-shadow: none !important;

    font-family: var(--aia-sans) !important;
    font-size: .72rem !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;

    text-transform: uppercase !important;
    text-decoration: none !important;
}

.page_article .article_header_wrapper .obj_galley_link:hover,
.page_article .article_header_wrapper .galley_link:hover {
    color: #fff !important;
    background: var(--aia-blue) !important;
}


/* =================================================================
   4. AUTHORS — CLEAN, NO DROPDOWN
================================================================= */

.page_article .authors_info {
    margin: 0 !important;
    padding: 0 !important;
}

.page_article .entry_authors_list {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;

    gap: 7px 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.page_article .entry_author_block {
    display: inline-flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--aia-text) !important;

    font-family: var(--aia-sans) !important;
    font-size: .91rem !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;

    list-style: none !important;
}

.page_article .entry_author_block::marker {
    content: "" !important;
}

.page_article .entry_author_block .name_wrapper {
    color: var(--aia-text) !important;
}

.page_article .entry_author_block .author-delimiter {
    display: none !important;
}


/* Small ORCID / ROR marks */

.page_article .entry_author_block .orcid-image-url,
.page_article .entry_author_block .ror-image-url {
    display: inline-flex !important;
    align-items: center !important;

    margin-right: 5px !important;
}


/*
 Remove Classic's "+ − more info" control and the collapsed
 affiliation/biography panel completely.
*/

.page_article .additional-authors-info,
.page_article .more-authors-info-button,
.page_article #collapseButton,
.page_article #authorInfoCollapse,
.page_article #more-authors-data-symbol,
.page_article #less-authors-data-symbol {
    display: none !important;
}


/* Also neutralise Classic's "show all authors" control */

.page_article .collapse-authors,
.page_article #show-all-authors,
.page_article #hide-authors {
    display: none !important;
}


/* Do not hide authors beyond the fifth when the toggle is removed */

.page_article .entry_author_block.limit-for-mobiles,
.page_article .entry_author_block.fifth-author {
    display: inline-flex !important;
}


/* =================================================================
   5. THE REAL CLASSIC ARTICLE BODY
================================================================= */

/*
 Classic's actual structure is:

 .article_main_data
     .main_entry              <-- cover + DOI + keywords + licence + citation
     .article_abstract_block  <-- abstract + references + main content

 We deliberately reverse the visual order on desktop:
 main reading column LEFT, metadata sidebar RIGHT.
*/

.page_article .article_main_data {
    display: grid !important;

    grid-template-columns: minmax(0, 1fr) 290px !important;
    grid-template-areas: "content sidebar" !important;

    column-gap: 54px !important;
    align-items: start !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Reading column */

.page_article .article_abstract_block {
    grid-area: content !important;

    width: 100% !important;
    max-width: 820px !important;
    flex: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Metadata sidebar */

.page_article .article_main_data .main_entry {
    grid-area: sidebar !important;

    width: 100% !important;
    max-width: 290px !important;
    flex: none !important;

    margin: 0 !important;
    padding: 0 0 0 28px !important;

    border-left: 1px solid var(--aia-line) !important;
}


/* =================================================================
   6. ABSTRACT — START IMMEDIATELY
================================================================= */

.page_article .article_abstract_block .abstract {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 0 30px !important;

    background: transparent !important;

    border: 0 !important;
    border-bottom: 1px solid var(--aia-line) !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

.page_article .article_abstract_block .abstract h2 {
    margin: 0 0 17px !important;
    padding: 0 !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.6rem !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
}

.page_article .article_abstract_block .abstract h2::after {
    content: "";

    display: block;

    width: 44px;
    height: 2px;

    margin-top: 10px;

    background: var(--aia-bronze);
}

.page_article .article_abstract_block .abstract p {
    margin: 0 0 1rem !important;

    color: #39434B !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.01rem !important;
    line-height: 1.78 !important;
}

.page_article .article_abstract_block .abstract p:last-child {
    margin-bottom: 0 !important;
}


/* =================================================================
   7. HIDE DUPLICATE MOBILE PDF ON DESKTOP
================================================================= */

@media (min-width: 761px) {

    .page_article .article_abstract_block .for-mobile-view {
        display: none !important;
    }
}


/* =================================================================
   8. SIDEBAR COVER
================================================================= */

.page_article .article_cover_wrapper {
    margin: 0 0 18px !important;
    padding: 0 !important;
}

.page_article .article_cover_wrapper img,
.page_article .article_cover_wrapper .img-fluid {
    display: block !important;

    width: 100% !important;
    max-width: 235px !important;
    height: auto !important;

    margin: 0 auto !important;

    border: 1px solid var(--aia-line) !important;
    border-radius: 0 !important;

    box-shadow: 0 6px 18px rgba(0,40,59,.07) !important;
}


/* =================================================================
   9. SIDEBAR DOI / PUBLISHED / METADATA
================================================================= */

.page_article .article_main_data .main_entry .doi {
    margin: 0 0 18px !important;
    padding: 0 0 17px !important;

    border-bottom: 1px solid var(--aia-line) !important;

    font-family: var(--aia-sans) !important;
    font-size: .76rem !important;
    line-height: 1.5 !important;
}

.page_article .article_main_data .main_entry .doi_label {
    display: block !important;

    margin-bottom: 4px !important;

    color: var(--aia-bronze) !important;

    font-size: .68rem !important;
    font-weight: 700 !important;
    letter-spacing: .075em !important;

    text-transform: uppercase !important;
}

.page_article .article_main_data .main_entry .doi_value {
    overflow-wrap: anywhere;
}

.page_article .article_main_data .main_entry .doi_value a {
    color: #45677A !important;

    text-decoration: none !important;

    border-bottom: 1px solid rgba(166,124,82,.42);
}

.page_article .article_main_data .main_entry .doi_value a:hover {
    color: var(--aia-bronze) !important;
}


/* Published date */

.page_article .article_main_data .main_entry > p {
    margin: 0 0 20px !important;
    padding: 0 0 17px !important;

    color: var(--aia-muted) !important;

    border-bottom: 1px solid var(--aia-line) !important;

    font-family: var(--aia-sans) !important;
    font-size: .76rem !important;
    line-height: 1.5 !important;
}


/* =================================================================
   10. KEYWORDS — COMPACT, NOT A BULLETED BLOCK
================================================================= */

.page_article .article_main_data .main_entry .keywords {
    margin: 0 0 22px !important;
    padding: 0 0 18px !important;

    border-bottom: 1px solid var(--aia-line) !important;
}

.page_article .article_main_data .main_entry .keywords h3 {
    margin: 0 0 8px !important;

    color: var(--aia-bronze) !important;

    font-family: var(--aia-sans) !important;
    font-size: .68rem !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    letter-spacing: .075em !important;

    text-transform: uppercase !important;
}

.page_article .keywords_value {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    color: var(--aia-muted) !important;

    font-family: var(--aia-sans) !important;
    font-size: .77rem !important;
    line-height: 1.6 !important;
}

.page_article .keywords_value .keyword_item {
    display: inline !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.page_article .keywords_value .keyword_item::marker {
    content: "" !important;
}


/* No keyword expand/collapse either */

.page_article #keywords-ellipsis,
.page_article #more_keywords,
.page_article #less_keywords {
    display: none !important;
}

.page_article .keyword_item.more-than-five {
    display: inline !important;
}

.page_article .fifth-keyword-delimeter {
    display: inline !important;
}


/* =================================================================
   11. COPYRIGHT / LICENCE
================================================================= */

.page_article .article_main_data .main_entry .copyright {
    margin: 0 0 22px !important;
    padding: 0 0 18px !important;

    color: var(--aia-muted) !important;

    border-bottom: 1px solid var(--aia-line) !important;

    font-family: var(--aia-sans) !important;
    font-size: .74rem !important;
    line-height: 1.6 !important;
}

.page_article .article_main_data .main_entry .copyright p {
    color: inherit !important;

    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

.page_article .article_main_data .main_entry .copyright img {
    max-width: 88px !important;
    height: auto !important;

    margin: 6px 0 !important;
}


/* =================================================================
   12. PLUGIN CONTENT IN SIDEBAR: HOW TO CITE / SHARE
================================================================= */

.page_article .article_main_data .main_entry h2,
.page_article .article_main_data .main_entry h3,
.page_article .article_main_data .main_entry h4 {
    margin: 23px 0 9px !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.05rem !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

.page_article .article_main_data .main_entry a {
    overflow-wrap: anywhere;
}

.page_article .article_main_data .main_entry .btn {
    border-radius: 2px !important;
    box-shadow: none !important;
}


/* =================================================================
   13. REFERENCES / DOWNLOADS BELOW ABSTRACT
================================================================= */

.page_article .article_abstract_block > .item,
.page_article .article_abstract_block .references,
.page_article .article_abstract_block .downloads_chart {
    max-width: 820px !important;

    margin: 32px 0 0 !important;
    padding: 27px 0 0 !important;

    border-top: 1px solid var(--aia-line) !important;
}

.page_article .article_abstract_block > .item > .label,
.page_article .article_abstract_block .references > .label {
    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.4rem !important;
    font-weight: 600 !important;
}


/* =================================================================
   14. SIMILAR ARTICLES
================================================================= */

.page_article [class*="similar"],
.page_article [id*="similar"] {
    max-width: 820px !important;

    margin: 40px 0 0 !important;
    padding: 28px 0 0 !important;

    border-top: 1px solid var(--aia-line) !important;
}

.page_article [class*="similar"] h2,
.page_article [class*="similar"] h3,
.page_article [id*="similar"] h2,
.page_article [id*="similar"] h3 {
    margin-top: 0 !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.3rem !important;
}


/* =================================================================
   15. TABLET
================================================================= */

@media (max-width: 980px) and (min-width: 761px) {

    .page_article .article_main_data {
        grid-template-columns: minmax(0,1fr) 235px !important;
        column-gap: 34px !important;
    }

    .page_article .article_main_data .main_entry {
        max-width: 235px !important;
        padding-left: 20px !important;
    }

    .page_article .article_cover_wrapper img,
    .page_article .article_cover_wrapper .img-fluid {
        max-width: 200px !important;
    }
}


/* =================================================================
   16. MOBILE
================================================================= */

@media (max-width: 760px) {

    .page_article .article_header_wrapper > .row {
        display: block !important;
    }

    .page_article .article_header_wrapper > .row > .col-md-8,
    .page_article .article_header_wrapper > .row > .col-md-4,
    .page_article .article_header_wrapper > .row > .col-md-12 {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .page_article .article_header_wrapper > .row > .col-md-4 {
        margin-top: 18px !important;
        text-align: left !important;
    }

    .page_article .article_header_wrapper > .row > .col-md-12 {
        margin-top: 20px !important;
    }

    .page_article .article-full-title,
    .page_article .page_title.article-full-title {
        font-size: 1.95rem !important;
        line-height: 1.12 !important;
    }

    .page_article .entry_authors_list {
        display: block !important;
    }

    .page_article .entry_author_block {
        display: flex !important;

        margin-bottom: 8px !important;
    }

    .page_article .article_main_data {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
    }

    /* Abstract first on mobile */
    .page_article .article_abstract_block {
        order: 1 !important;

        width: 100% !important;
        max-width: none !important;
    }

    /* Metadata below abstract */
    .page_article .article_main_data .main_entry {
        order: 2 !important;

        width: 100% !important;
        max-width: none !important;

        margin-top: 38px !important;
        padding: 30px 0 0 !important;

        border-left: 0 !important;
        border-top: 2px solid var(--aia-blue) !important;
    }

    .page_article .article_cover_wrapper img,
    .page_article .article_cover_wrapper .img-fluid {
        max-width: 185px !important;

        margin-left: 0 !important;
    }

    /* Classic's mobile PDF is unnecessary because top PDF remains visible */
    .page_article .article_abstract_block .for-mobile-view {
        display: none !important;
    }
}

/*
=====================================================================
 AI & ANTIQUITY — CLASSIC ACADEMIC v1.4
 HOMEPAGE + ARTICLE SIDEBAR + ADMIN MENU POLISH
 Add at the END of the current CSS.
=====================================================================
*/


/* =================================================================
   1. HOMEPAGE — REMOVE CURRENT ISSUE TABLE OF CONTENTS
================================================================= */

/*
 Keep:
 - Current Issue heading
 - issue identification / publication date
 - cover
 - full issue PDF if present

 Remove:
 - Articles / Editorial / Seminar contents list from the homepage
*/

.page_index_journal .current_issue .obj_issue_toc > .sections,
.page_index_journal .current_issue .obj_issue_toc .sections {
    display: none !important;
}


/*
 Undo the earlier cover + TOC two-column grid now that the TOC is hidden.
 Keep the issue cover compact and editorial.
*/

@media (min-width: 850px) {

    .page_index_journal .current_issue .obj_issue_toc {
        display: flex !important;
        align-items: flex-start !important;
        gap: 28px !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .page_index_journal .current_issue .obj_issue_toc > .heading {
        display: block !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .page_index_journal .current_issue .obj_issue_toc > .galleys {
        display: block !important;

        width: auto !important;

        margin: 10px 0 0 !important;
        padding: 0 !important;

        border: 0 !important;
    }

    .page_index_journal .current_issue .obj_issue_toc .cover,
    .page_index_journal .current_issue .obj_issue_toc .cover img {
        width: 180px !important;
        max-width: 180px !important;
    }
}


/* Mobile: cover remains centred/comfortable */

@media (max-width: 849px) {

    .page_index_journal .current_issue .obj_issue_toc {
        display: block !important;
    }

    .page_index_journal .current_issue .obj_issue_toc .cover,
    .page_index_journal .current_issue .obj_issue_toc .cover img {
        width: 180px !important;
        max-width: 180px !important;
    }
}


/* =================================================================
   2. HOMEPAGE — EDITORIAL QUICK LINKS AT THE END
================================================================= */

/*
 Styles the existing OJS links such as:
 Current Issue · Archive · Submit Manuscript

 No HTML change required.
*/

.page_index_journal .additional_content {
    max-width: 1180px !important;

    margin: 52px auto 0 !important;
    padding: 28px 0 4px !important;

    border-top: 1px solid var(--aia-line-dark) !important;
}

.page_index_journal .additional_content p {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.page_index_journal .additional_content a {
    position: relative;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;

    min-width: 185px !important;

    margin: 0 !important;
    padding: 13px 16px !important;

    color: var(--aia-blue) !important;
    background: #fff !important;

    border: 1px solid var(--aia-line-dark) !important;
    border-left: 3px solid var(--aia-bronze) !important;
    border-radius: 2px !important;

    box-shadow: none !important;

    font-family: var(--aia-sans) !important;
    font-size: .84rem !important;
    line-height: 1.3 !important;
    font-weight: 650 !important;

    text-decoration: none !important;

    transition:
        color .18s ease,
        background-color .18s ease,
        border-color .18s ease,
        transform .18s ease;
}

.page_index_journal .additional_content a::after {
    content: "→";

    color: var(--aia-bronze);

    font-size: 1rem;
    line-height: 1;
}

.page_index_journal .additional_content a:hover,
.page_index_journal .additional_content a:focus {
    color: var(--aia-blue) !important;
    background: var(--aia-soft) !important;

    border-color: #BCC7CE !important;
    border-left-color: var(--aia-bronze) !important;

    transform: translateY(-1px);
}


/*
 "View All Issues" can sit above the quick links, but should not look like
 a stray tiny link.
*/

.page_index_journal .read_more,
.page_index_journal .current_issue .read_more {
    display: inline-flex !important;
    align-items: center !important;

    margin: 24px 0 0 !important;
    padding: 7px 0 5px !important;

    color: var(--aia-blue) !important;
    background: transparent !important;

    border: 0 !important;
    border-bottom: 2px solid var(--aia-bronze) !important;
    border-radius: 0 !important;

    font-family: var(--aia-sans) !important;
    font-size: .79rem !important;
    font-weight: 700 !important;

    text-decoration: none !important;
}

.page_index_journal .read_more:hover,
.page_index_journal .current_issue .read_more:hover {
    color: var(--aia-bronze) !important;
}


/* =================================================================
   3. ARTICLE PAGE — MAKE THE TOP PDF ACTION VISIBLE
================================================================= */

.page_article .article_header_wrapper .obj_galley_link,
.page_article .article_header_wrapper .galley_link {
    min-width: 76px !important;

    padding: 9px 17px !important;

    color: var(--aia-blue) !important;
    background: #fff !important;

    border: 1px solid var(--aia-blue) !important;
    border-radius: 2px !important;

    font-family: var(--aia-sans) !important;
    font-size: .82rem !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: .055em !important;

    text-align: center !important;

    box-shadow: none !important;
}

.page_article .article_header_wrapper .obj_galley_link:hover,
.page_article .article_header_wrapper .galley_link:hover {
    color: #fff !important;
    background: var(--aia-blue) !important;
}


/* Give the PDF column slightly more room */

@media (min-width: 761px) {

    .page_article .article_header_wrapper > .row {
        grid-template-columns: minmax(0,1fr) 125px !important;
        column-gap: 36px !important;
    }
}


/* =================================================================
   4. ARTICLE SIDEBAR — LARGER, MORE LEGIBLE METADATA
================================================================= */

/* Slightly wider sidebar */

@media (min-width: 981px) {

    .page_article .article_main_data {
        grid-template-columns: minmax(0,1fr) 320px !important;
        column-gap: 56px !important;
    }

    .page_article .article_main_data .main_entry {
        max-width: 320px !important;
        padding-left: 30px !important;
    }
}


/* Cover a little larger */

.page_article .article_cover_wrapper img,
.page_article .article_cover_wrapper .img-fluid {
    max-width: 255px !important;
}


/* Published */

.page_article .article_main_data .main_entry > p {
    color: #5D6872 !important;

    font-size: .84rem !important;
    line-height: 1.55 !important;
}


/* Keywords heading */

.page_article .article_main_data .main_entry .keywords h3 {
    margin-bottom: 10px !important;

    color: var(--aia-bronze) !important;

    font-size: .75rem !important;
    line-height: 1.4 !important;
    letter-spacing: .08em !important;
}


/*
 Keywords themselves: noticeably larger and easier to scan.
 Keep them inline, separated with commas.
*/

.page_article .keywords_value {
    color: #3F4A53 !important;

    font-family: var(--aia-sans) !important;
    font-size: .88rem !important;
    line-height: 1.65 !important;
}

.page_article .keywords_value .keyword_item {
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}


/* DOI / licence / copyright also slightly larger */

.page_article .article_main_data .main_entry .doi,
.page_article .article_main_data .main_entry .copyright {
    font-size: .81rem !important;
    line-height: 1.6 !important;
}

.page_article .article_main_data .main_entry .doi_label {
    font-size: .73rem !important;
}


/* Sidebar headings such as How to Cite */

.page_article .article_main_data .main_entry h2,
.page_article .article_main_data .main_entry h3,
.page_article .article_main_data .main_entry h4 {
    font-size: 1.15rem !important;
    line-height: 1.3 !important;
}


/* =================================================================
   5. ARTICLE ABSTRACT — KEEP IT THE VISUAL CENTRE
================================================================= */

.page_article .article_abstract_block {
    max-width: 820px !important;
}

.page_article .article_abstract_block .abstract p {
    font-size: 1.04rem !important;
    line-height: 1.8 !important;
}


/* =================================================================
   6. ADMIN / USER DROPDOWN — FIX WHITE-ON-WHITE MENU
================================================================= */

/*
 Classic inherits white navigation text into the Bootstrap dropdown.
 Give the dropdown its own explicit palette.
*/

#user-nav-wraper .dropdown-menu,
.pkp_navigation_user .dropdown-menu,
.upper-header .dropdown-menu {
    min-width: 190px !important;

    margin-top: 8px !important;
    padding: 7px 0 !important;

    background: #fff !important;

    border: 1px solid var(--aia-line-dark) !important;
    border-radius: 3px !important;

    box-shadow: 0 12px 28px rgba(0,40,59,.15) !important;
}


/* Every textual element inside the dropdown */

#user-nav-wraper .dropdown-menu,
#user-nav-wraper .dropdown-menu li,
#user-nav-wraper .dropdown-menu span,
#user-nav-wraper .dropdown-menu strong,
#user-nav-wraper .dropdown-menu a,
#user-nav-wraper .dropdown-menu button,
.pkp_navigation_user .dropdown-menu a,
.upper-header .dropdown-menu a {
    color: var(--aia-blue) !important;

    font-family: var(--aia-sans) !important;
    font-size: .82rem !important;
    line-height: 1.4 !important;

    text-decoration: none !important;
}


/* Actual menu links */

#user-nav-wraper .dropdown-menu a,
.pkp_navigation_user .dropdown-menu a,
.upper-header .dropdown-menu a {
    display: block !important;

    width: 100% !important;

    padding: 9px 14px !important;

    background: transparent !important;
}


/* Hover */

#user-nav-wraper .dropdown-menu a:hover,
#user-nav-wraper .dropdown-menu a:focus,
.pkp_navigation_user .dropdown-menu a:hover,
.pkp_navigation_user .dropdown-menu a:focus,
.upper-header .dropdown-menu a:hover,
.upper-header .dropdown-menu a:focus {
    color: var(--aia-blue) !important;
    background: var(--aia-soft) !important;
}


/* Bootstrap dividers */

#user-nav-wraper .dropdown-menu .dropdown-divider,
.pkp_navigation_user .dropdown-menu .dropdown-divider {
    margin: 5px 0 !important;
    border-top: 1px solid var(--aia-line) !important;
}


/* Ensure the small admin / notification trigger itself stays readable */

#user-nav-wraper > ul > li > a,
.pkp_navigation_user > li > a {
    color: rgba(255,255,255,.82) !important;
}

#user-nav-wraper > ul > li > a:hover,
.pkp_navigation_user > li > a:hover {
    color: #E4C9A9 !important;
}


/* =================================================================
   7. MOBILE QUICK LINKS
================================================================= */

@media (max-width: 700px) {

    .page_index_journal .additional_content p {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }

    .page_index_journal .additional_content a {
        width: 100% !important;
        min-width: 0 !important;
    }

    .page_article .article_cover_wrapper img,
    .page_article .article_cover_wrapper .img-fluid {
        max-width: 200px !important;
    }
}
/* Ocultar Current Issue de la portada */
.page_index_journal .current_issue {
    display: none !important;
}

/*
=====================================================================
 AI & ANTIQUITY — CLASSIC ACADEMIC v1.5
 HOMEPAGE SPACING + MOBILE HEADER
 Add at the END of the current CSS.
=====================================================================
*/


/* =================================================================
   1. HOMEPAGE — REMOVE THE LARGE GAP BELOW THE HERO
================================================================= */

/*
 Current Issue is now hidden, so the generic Classic content padding
 was leaving an empty block before the final navigation links.
*/

.page_index_journal .container-page {
    padding-top: 30px !important;
    padding-bottom: 54px !important;
}


/* The quick links should begin shortly after the hero */

.page_index_journal .additional_content {
    margin-top: 0 !important;
    padding-top: 22px !important;
}


/* Keep only one subtle separator above the links */

.page_index_journal .additional_content {
    border-top: 1px solid var(--aia-line-dark) !important;
}


/* Desktop: a little breathing room, but no empty "field" */

@media (min-width: 850px) {

    .page_index_journal .container-page {
        padding-top: 34px !important;
    }

    .page_index_journal .additional_content {
        padding-top: 24px !important;
    }
}


/* Mobile: tighter still */

@media (max-width: 700px) {

    .page_index_journal .container-page {
        padding-top: 22px !important;
        padding-bottom: 38px !important;
    }

    .page_index_journal .additional_content {
        padding-top: 18px !important;
    }
}


/* =================================================================
   2. MOBILE HEADER — LOGO + HAMBURGER ON THE SAME LINE
================================================================= */

@media (max-width: 991px) {

    /*
     The whole header becomes the positioning context.
     The mobile menu trigger is taken out of the row below the logo
     and placed at the upper-right.
    */

    .header.container-fluid {
        position: relative !important;
    }


    /* Logo row */

    .upper-header.row {
        display: flex !important;
        align-items: center !important;

        min-height: 106px !important;

        margin: 0 auto !important;
        padding: 14px 86px 14px 20px !important;
    }


    /* Bigger mobile logo */

    .logo-wrapper,
    .upper-header .logo-wrapper,
    h1.logo-wrapper {
        width: auto !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .journal-logo,
    .logo-wrapper .journal-logo {
        display: block !important;

        width: 220px !important;
        max-width: calc(100vw - 125px) !important;
        max-height: none !important;
        height: auto !important;

        margin: 0 !important;
    }


    /*
     Collapse the old second navigation row.
     The actual trigger is absolutely positioned instead.
    */

    .lower-header {
        position: static !important;

        min-height: 0 !important;
        height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: var(--aia-navy) !important;

        border-top: 0 !important;
        border-bottom: 0 !important;
    }


    /* Hamburger trigger */

    #nav-small {
        display: block !important;

        position: absolute !important;
        top: 31px !important;
        right: 20px !important;

        width: auto !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 10020 !important;
    }

    #nav-small .nav-link {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 7px !important;

        min-height: 42px !important;

        margin: 0 !important;
        padding: 9px 12px !important;

        color: #fff !important;
        background: transparent !important;

        border: 1px solid rgba(255,255,255,.24) !important;
        border-radius: 2px !important;

        font-family: var(--aia-sans) !important;
        font-size: .84rem !important;
        line-height: 1 !important;
        font-weight: 600 !important;

        text-decoration: none !important;

        box-shadow: none !important;
    }

    #nav-small .nav-link:hover,
    #nav-small .nav-link:focus {
        color: #E4C9A9 !important;
        border-color: rgba(228,201,169,.65) !important;
        background: rgba(255,255,255,.035) !important;
    }


    /*
     When opened, the menu drops immediately beneath the compact header.
     It no longer creates a permanent second header row.
    */

    #modal-on-small.show {
        display: block !important;

        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 12px 20px 18px !important;

        background: var(--aia-navy) !important;

        border-top: 1px solid rgba(255,255,255,.11) !important;
        border-bottom: 3px solid var(--aia-bronze) !important;

        box-shadow: 0 12px 22px rgba(0,40,59,.16) !important;

        z-index: 10010 !important;
    }

    #modal-on-small.show .pkp_navigation_primary {
        display: block !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    #modal-on-small.show .pkp_navigation_primary > li {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;

        border-bottom: 1px solid rgba(255,255,255,.08) !important;
    }

    #modal-on-small.show .pkp_navigation_primary > li:last-child {
        border-bottom: 0 !important;
    }

    #modal-on-small.show .pkp_navigation_primary > li > a {
        display: block !important;

        padding: 11px 2px !important;

        color: #fff !important;

        font-size: .88rem !important;
    }


    /* Keep the bronze line under the compact mobile header */

    body > header,
    .header.container-fluid {
        border-bottom: 3px solid var(--aia-bronze) !important;
    }
}


/* =================================================================
   3. MOBILE HERO — REMOVE THE EXTRA "ABOUT" STEP
================================================================= */

@media (max-width: 700px) {

    /*
     On desktop the ABOUT kicker is elegant.
     On mobile it creates the sequence Logo → Menu → About → headline.
     Hide only the kicker, not the journal summary.
    */

    .page_index_journal .journal_summary h2 {
        display: none !important;
    }


    /* Use the recovered space for the actual message */

    .page_index_journal .journal_summary {
        padding-top: 30px !important;
        padding-bottom: 34px !important;
    }

    .page_index_journal .journal_summary h3,
    .page_index_journal .journal_summary p:first-of-type strong,
    .page_index_journal .journal_summary p:first-of-type b {
        margin-top: 0 !important;
    }
}


/* =================================================================
   4. SMALL PHONES
================================================================= */

@media (max-width: 480px) {

    .upper-header.row {
        min-height: 94px !important;
        padding-left: 16px !important;
        padding-right: 76px !important;
    }

    .journal-logo,
    .logo-wrapper .journal-logo {
        width: 190px !important;
        max-width: calc(100vw - 105px) !important;
    }

    #nav-small {
        top: 25px !important;
        right: 14px !important;
    }

    #nav-small .nav-link {
        min-height: 40px !important;
        padding: 8px 10px !important;

        font-size: .80rem !important;
    }

    #modal-on-small.show {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/*
=====================================================================
 AI & ANTIQUITY — CLASSIC ACADEMIC v1.6
 FOOTER + MOBILE ARTICLE ORDER + TYPOGRAPHY
 Add at the END of the current CSS.
=====================================================================
*/


/* =================================================================
   1. HOMEPAGE — BRING THE FOOTER CLOSER
================================================================= */

.page_index_journal .container-page {
    padding-bottom: 18px !important;
}

.page_index_journal .additional_content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.page_index_journal + .site-footer,
.page_index_journal ~ .site-footer,
.site-footer {
    margin-top: 0 !important;
}


/* Slightly more compact footer */

.site-footer .container-footer {
    padding-top: 22px !important;
    padding-bottom: 24px !important;
}

@media (max-width: 700px) {

    .page_index_journal .container-page {
        padding-bottom: 12px !important;
    }

    .site-footer .container-footer {
        padding-top: 20px !important;
        padding-bottom: 22px !important;
    }
}

/*
=====================================================================
 AI & ANTIQUITY — CLASSIC ACADEMIC v1.7
 PDF + AUTHOR INFORMATION
 Add at the END of the current CSS.
=====================================================================
*/


/* =================================================================
   1. ARTICLE PDF — EDITORIAL LINK, NOT A FORM BUTTON
================================================================= */

.page_article .article_header_wrapper .obj_galley_link,
.page_article .article_header_wrapper .galley_link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    min-width: 0 !important;

    margin: 4px 0 0 !important;
    padding: 5px 1px 4px !important;

    color: var(--aia-blue) !important;
    background: transparent !important;

    border: 0 !important;
    border-bottom: 2px solid var(--aia-bronze) !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-family: var(--aia-sans) !important;
    font-size: .78rem !important;
    line-height: 1.2 !important;
    font-weight: 750 !important;
    letter-spacing: .08em !important;

    text-transform: uppercase !important;
    text-decoration: none !important;

    transition:
        color .18s ease,
        border-color .18s ease,
        transform .18s ease !important;
}

.page_article .article_header_wrapper .obj_galley_link::after,
.page_article .article_header_wrapper .galley_link::after {
    content: "↓";

    color: var(--aia-bronze);

    font-size: .94rem;
    line-height: 1;
    font-weight: 500;
}

.page_article .article_header_wrapper .obj_galley_link:hover,
.page_article .article_header_wrapper .galley_link:hover,
.page_article .article_header_wrapper .obj_galley_link:focus,
.page_article .article_header_wrapper .galley_link:focus {
    color: var(--aia-bronze) !important;
    background: transparent !important;

    border-bottom-color: var(--aia-blue) !important;

    transform: translateY(-1px);
}


/* Keep the PDF area compact */

@media (min-width: 761px) {

    .page_article .article_header_wrapper > .row {
        grid-template-columns: minmax(0,1fr) 88px !important;
        column-gap: 34px !important;
    }

    .page_article .article_header_wrapper > .row > .col-md-4 {
        padding-top: 5px !important;
        text-align: right !important;
    }
}


/* =================================================================
   2. AUTHORS — SHOW AFFILIATION WITHOUT "MORE INFO"
================================================================= */

/*
 Classic stores affiliations inside #authorInfoCollapse.
 Keep the toggle hidden, but force its useful content to display.
*/

.page_article .more-authors-info-button,
.page_article #collapseButton,
.page_article #more-authors-data-symbol,
.page_article #less-authors-data-symbol {
    display: none !important;
}


/* Recover the information panel itself */

.page_article .additional-authors-info {
    display: block !important;

    width: 100% !important;

    margin: 8px 0 0 !important;
    padding: 0 !important;
}

.page_article #authorInfoCollapse,
.page_article #authorInfoCollapse.collapse {
    display: flex !important;
    flex-wrap: wrap !important;

    gap: 8px 28px !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
}


/* One compact affiliation block per author */

.page_article #authorInfoCollapse .additional-author-block {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--aia-muted) !important;

    font-family: var(--aia-sans) !important;
    font-size: .79rem !important;
    line-height: 1.45 !important;
}


/*
 The author's name is already shown immediately above.
 Hide the repeated name inside the former collapsed panel.
*/

.page_article #authorInfoCollapse .additional-author-name {
    display: none !important;
}


/* Affiliation */

.page_article #authorInfoCollapse .additional-author-affiliation {
    display: inline !important;

    color: var(--aia-muted) !important;

    font-family: var(--aia-sans) !important;
    font-size: .79rem !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
}


/* Remove the <br> left behind before the affiliation */

.page_article #authorInfoCollapse .additional-author-block > br:first-of-type {
    display: none !important;
}


/* =================================================================
   3. BIOGRAPHY — OPTIONAL BUT DISCREET
================================================================= */

/*
 If an author has a biography in OJS, retain access to it without the
 ugly "more info" accordion. It becomes a tiny Biography link.
*/

.page_article #authorInfoCollapse .more_button {
    display: inline-block !important;

    margin: 4px 0 0 !important;
    padding: 0 !important;

    color: #667681 !important;

    font-family: var(--aia-sans) !important;
    font-size: .72rem !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;

    text-decoration: none !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(166,124,82,.45) !important;

    cursor: pointer;
}

.page_article #authorInfoCollapse .more_button:hover {
    color: var(--aia-bronze) !important;
    border-bottom-color: var(--aia-bronze) !important;
}


/* Biography modal typography */

.page_article .modal .modal-content {
    border-radius: 2px !important;
    border: 1px solid var(--aia-line-dark) !important;

    box-shadow: 0 18px 45px rgba(0,40,59,.14) !important;
}

.page_article .modal .modal-title {
    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.35rem !important;
    font-weight: 600 !important;
}

.page_article .modal .modal-body {
    color: var(--aia-text) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1rem !important;
    line-height: 1.7 !important;
}


/* =================================================================
   4. AUTHORS — SLIGHTLY BETTER HIERARCHY
================================================================= */

.page_article .entry_authors_list {
    margin-bottom: 0 !important;
}

.page_article .entry_author_block {
    color: var(--aia-text) !important;

    font-family: var(--aia-sans) !important;
    font-size: .92rem !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
}

.page_article .entry_author_block .name_wrapper {
    color: var(--aia-text) !important;
}


/* ORCID remains visible but unobtrusive */

.page_article .entry_author_block .orcid-image-url img,
.page_article .entry_author_block .orcid-image-url svg {
    width: 16px !important;
    height: 16px !important;
}


/* =================================================================
   5. MOBILE
================================================================= */

@media (max-width: 760px) {

    .page_article #authorInfoCollapse {
        display: block !important;
    }

    .page_article #authorInfoCollapse .additional-author-block {
        margin-top: 5px !important;
    }

    .page_article .article_header_wrapper .obj_galley_link,
    .page_article .article_header_wrapper .galley_link {
        margin-top: 14px !important;
    }
}

/*
=====================================================================
 AI & ANTIQUITY — CLASSIC ACADEMIC v1.8
 ARTICLE MICRO-POLISH
 Add at the END of the current CSS.
=====================================================================
*/


/* =================================================================
   1. KEYWORDS — CLEAN SEPARATION AND BETTER RHYTHM
================================================================= */

.page_article .keywords_value {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #3F4A53 !important;

    font-family: var(--aia-sans) !important;
    font-size: .88rem !important;
    line-height: 1.65 !important;
}

.page_article .keywords_value .keyword_item {
    display: inline !important;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;

    font-size: inherit !important;
    line-height: inherit !important;
}

.page_article .keywords_value .keyword_item:not(:last-child)::after {
    content: ", ";
}

.page_article .keywords_value .keyword_item:last-child::after {
    content: "";
}


/*
 OJS may print its own delimiters between keyword elements.
 Hide those so we do not end up with ",,".
*/

.page_article .keywords_value .delimiter,
.page_article .keywords_value .keyword-delimiter,
.page_article .keywords_value .fifth-keyword-delimeter {
    display: none !important;
}


/* =================================================================
   2. AUTHOR BLOCK — SLIGHTLY MORE EDITORIAL
================================================================= */

.page_article .authors_info {
    margin-top: 2px !important;
}

.page_article .entry_authors_list {
    gap: 7px 24px !important;
}

.page_article .entry_author_block {
    color: #2F353B !important;

    font-family: var(--aia-sans) !important;
    font-size: .93rem !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
}

.page_article #authorInfoCollapse {
    margin-top: 6px !important;
}

.page_article #authorInfoCollapse .additional-author-block {
    color: #6A747D !important;

    font-family: var(--aia-sans) !important;
    font-size: .78rem !important;
    line-height: 1.45 !important;
}


/* Affiliation directly under the author line */

.page_article #authorInfoCollapse .additional-author-affiliation {
    color: #6A747D !important;

    font-family: var(--aia-sans) !important;
    font-size: .78rem !important;
    line-height: 1.45 !important;
}


/* =================================================================
   3. ORCID — VISIBLE BUT QUIET
================================================================= */

.page_article .entry_author_block .orcid-image-url {
    display: inline-flex !important;
    align-items: center !important;

    margin: 0 5px 0 0 !important;

    vertical-align: middle !important;
}

.page_article .entry_author_block .orcid-image-url img,
.page_article .entry_author_block .orcid-image-url svg {
    width: 15px !important;
    height: 15px !important;

    opacity: .88;

    vertical-align: middle !important;
}

.page_article .entry_author_block .orcid-image-url:hover img,
.page_article .entry_author_block .orcid-image-url:hover svg {
    opacity: 1;
}


/* =================================================================
   4. ARTICLE HEADER — SLIGHTLY TIGHTER
================================================================= */

.page_article .article_header_wrapper {
    margin-bottom: 30px !important;
    padding-bottom: 24px !important;
}

.page_article .article-full-title,
.page_article .page_title.article-full-title {
    margin-bottom: 0 !important;
}

.page_article .article-full-title::after {
    margin-top: 17px !important;
}

.page_article .article_header_wrapper > .row {
    row-gap: 15px !important;
}


/* =================================================================
   5. ABSTRACT — READING COMFORT
================================================================= */

.page_article .article_abstract_block .abstract {
    padding-bottom: 28px !important;
}

.page_article .article_abstract_block .abstract h2 {
    margin-bottom: 15px !important;
}

.page_article .article_abstract_block .abstract p {
    max-width: 790px !important;

    color: #354049 !important;

    font-size: 1.03rem !important;
    line-height: 1.78 !important;
}


/* =================================================================
   6. SIDEBAR — LESS VISUAL NOISE
================================================================= */

.page_article .article_main_data .main_entry {
    color: #59636C !important;
}

.page_article .article_main_data .main_entry > p,
.page_article .article_main_data .main_entry .doi,
.page_article .article_main_data .main_entry .keywords,
.page_article .article_main_data .main_entry .copyright {
    margin-bottom: 18px !important;
    padding-bottom: 16px !important;
}

.page_article .article_main_data .main_entry .keywords h3 {
    margin-top: 0 !important;
}


/* =================================================================
   7. HOW TO CITE — FALLBACK
   If the CSL plugin remains enabled, keep it visually secondary.
================================================================= */

.page_article .article_main_data .main_entry [class*="citation"] {
    color: #59636C !important;

    font-family: var(--aia-serif) !important;
    font-size: .9rem !important;
    line-height: 1.58 !important;
}


/* =================================================================
   8. MOBILE
================================================================= */

@media (max-width: 760px) {

    .page_article .entry_author_block {
        font-size: .91rem !important;
    }

    .page_article #authorInfoCollapse .additional-author-block,
    .page_article #authorInfoCollapse .additional-author-affiliation {
        font-size: .77rem !important;
    }

    .page_article .keywords_value {
        font-size: .86rem !important;
        line-height: 1.6 !important;
    }

    .page_article .article_abstract_block .abstract p {
        font-size: 1rem !important;
        line-height: 1.74 !important;
    }
}

/*
=====================================================================
 AI & ANTIQUITY — CLASSIC ACADEMIC v1.9
 EDITORIAL TEAM
 Add at the END of the current CSS.
=====================================================================
*/


/* =================================================================
   1. EDITORIAL TEAM — MAIN WRAPPER
================================================================= */

.aia-editorial-team {
    width: 100% !important;
    max-width: 1120px !important;

    margin: 0 !important;
    padding: 0 0 34px !important;

    color: var(--aia-text) !important;
}


/* =================================================================
   2. INTRODUCTION
================================================================= */

.aia-editorial-team .editorial-intro {
    position: relative;

    max-width: 940px !important;

    margin: 4px 0 66px !important;
    padding: 26px 34px 27px !important;

    background: #F8F9FA !important;

    border: 0 !important;
    border-left: 4px solid var(--aia-bronze) !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

.aia-editorial-team .editorial-intro p {
    margin: 0 !important;

    color: #46515A !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.01rem !important;
    line-height: 1.8 !important;
}

.aia-editorial-team .editorial-intro p + p {
    margin-top: 17px !important;
    padding-top: 17px !important;

    border-top: 1px solid var(--aia-line) !important;
}


/* =================================================================
   3. SECTIONS
================================================================= */

.aia-editorial-team .editorial-section {
    margin: 0 0 64px !important;
    padding: 0 !important;
}

.aia-editorial-team .editorial-section:last-child {
    margin-bottom: 0 !important;
}


/* =================================================================
   4. SECTION HEADINGS
================================================================= */

.aia-editorial-team .editorial-heading {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;

    width: 100% !important;

    margin: 0 0 26px !important;
    padding: 0 !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.72rem !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    letter-spacing: -.012em !important;

    text-transform: none !important;
}

.aia-editorial-team .editorial-heading::after {
    content: "";

    flex: 1 1 auto;

    height: 1px;

    background:
        linear-gradient(
            to right,
            rgba(166,124,82,.72),
            rgba(166,124,82,0)
        );
}


/* =================================================================
   5. EDITOR-IN-CHIEF
================================================================= */

.aia-editorial-team .editorial-lead {
    display: grid !important;
    grid-template-columns: minmax(190px, 1fr) minmax(260px, 1.4fr) !important;
    align-items: center !important;
    column-gap: 34px !important;

    max-width: 760px !important;

    margin: 0 !important;
    padding: 19px 0 20px 22px !important;

    background: transparent !important;

    border: 0 !important;
    border-left: 4px solid var(--aia-bronze) !important;
    border-bottom: 1px solid var(--aia-line) !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

.aia-editorial-team .editorial-lead-name {
    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.28rem !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
}

.aia-editorial-team .editorial-lead .editorial-institution {
    margin: 0 !important;

    color: var(--aia-muted) !important;

    font-family: var(--aia-sans) !important;
    font-size: .86rem !important;
    line-height: 1.5 !important;
}


/* =================================================================
   6. ASSOCIATE EDITORS
================================================================= */

.aia-editorial-team .editorial-associates {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 0 46px !important;

    max-width: 920px !important;
}

.aia-editorial-team .editorial-associate {
    position: relative;

    margin: 0 !important;
    padding: 17px 4px 18px 18px !important;

    background: transparent !important;

    border: 0 !important;
    border-bottom: 1px solid var(--aia-line) !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

.aia-editorial-team .editorial-associate::before {
    content: "" !important;

    position: absolute !important;
    top: 23px !important;
    left: 0 !important;

    display: block !important;

    width: 7px !important;
    height: 2px !important;

    background: var(--aia-bronze) !important;

    border: 0 !important;
    border-radius: 0 !important;
}

.aia-editorial-team .editorial-associate strong {
    display: block !important;

    margin: 0 0 3px !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.08rem !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}


/* =================================================================
   7. EDITORIAL + ADVISORY BOARD
================================================================= */

.aia-editorial-team .editorial-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;

    column-gap: 42px !important;
    row-gap: 0 !important;

    width: 100% !important;
}


/* Individual member */

.aia-editorial-team .editorial-person {
    position: relative;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 17px 4px 18px 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-bottom: 1px solid var(--aia-line) !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    transform: none !important;
}


/*
 A small bronze rule replaces the old bullet.
 It feels more like a printed directory than a list.
*/

.aia-editorial-team .editorial-person::before {
    content: "";

    display: block !important;

    width: 18px !important;
    height: 2px !important;

    margin: 0 0 9px !important;

    background: var(--aia-bronze) !important;

    border: 0 !important;
    border-radius: 0 !important;

    position: static !important;
}


/* Name */

.aia-editorial-team .editorial-person strong {
    display: block !important;

    margin: 0 0 4px !important;

    color: #263B4A !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.03rem !important;
    line-height: 1.32 !important;
    font-weight: 600 !important;
}


/* Institution — shared */

.aia-editorial-team .editorial-institution {
    margin: 0 !important;

    color: #707A82 !important;

    font-family: var(--aia-sans) !important;
    font-size: .79rem !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
}


/* Hover should be almost imperceptible */

.aia-editorial-team .editorial-person:hover,
.aia-editorial-team .editorial-associate:hover {
    background: transparent !important;
    transform: none !important;
}

.aia-editorial-team .editorial-person:hover strong,
.aia-editorial-team .editorial-associate:hover strong {
    color: var(--aia-bronze) !important;
}


/* =================================================================
   8. TABLET
================================================================= */

@media (max-width: 980px) {

    .aia-editorial-team .editorial-grid {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
        column-gap: 38px !important;
    }

    .aia-editorial-team .editorial-lead {
        grid-template-columns: 1fr 1.4fr !important;
    }
}


/* =================================================================
   9. MOBILE
================================================================= */

@media (max-width: 700px) {

    .aia-editorial-team {
        padding-bottom: 18px !important;
    }


    /* Intro */

    .aia-editorial-team .editorial-intro {
        margin-bottom: 48px !important;
        padding: 20px 20px 21px !important;
    }

    .aia-editorial-team .editorial-intro p {
        font-size: .96rem !important;
        line-height: 1.72 !important;
    }


    /* Sections */

    .aia-editorial-team .editorial-section {
        margin-bottom: 48px !important;
    }

    .aia-editorial-team .editorial-heading {
        gap: 12px !important;

        margin-bottom: 20px !important;

        font-size: 1.48rem !important;
    }


    /* Editor-in-Chief */

    .aia-editorial-team .editorial-lead {
        display: block !important;

        max-width: none !important;

        padding: 15px 0 16px 17px !important;
    }

    .aia-editorial-team .editorial-lead-name {
        font-size: 1.16rem !important;
    }

    .aia-editorial-team .editorial-lead .editorial-institution {
        margin-top: 4px !important;
    }


    /* Associate editors */

    .aia-editorial-team .editorial-associates {
        grid-template-columns: 1fr !important;
        gap: 0 !important;

        max-width: none !important;
    }


    /* Boards */

    .aia-editorial-team .editorial-grid {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    .aia-editorial-team .editorial-person,
    .aia-editorial-team .editorial-associate {
        padding-top: 14px !important;
        padding-bottom: 15px !important;
    }

    .aia-editorial-team .editorial-person::before {
        width: 14px !important;
        margin-bottom: 7px !important;
    }

    .aia-editorial-team .editorial-person strong,
    .aia-editorial-team .editorial-associate strong {
        font-size: 1rem !important;
    }

    .aia-editorial-team .editorial-institution {
        font-size: .78rem !important;
    }
}

/*
=====================================================================
 AI & ANTIQUITY — CLASSIC ACADEMIC v2.0
 ABOUT + AUTHOR GUIDELINES
 Add at the END of the current CSS.

 IMPORTANT:
 About root:
 <div class="aia-about-page" style="...">

 Guidelines root:
 <div class="aia-guidelines-page" style="...">
=====================================================================
*/


/* =================================================================
   1. SHARED STATIC PAGE SYSTEM
================================================================= */

.aia-about-page,
.aia-guidelines-page {
    width: 100% !important;
    max-width: 1120px !important;

    margin: 0 !important;
    padding: 0 0 38px !important;

    color: var(--aia-text) !important;

    font-family: var(--aia-sans) !important;
}


/* Hide redundant native OJS title when our custom page has its own hero */

body:has(.aia-about-page) h1.page_title,
body:has(.aia-guidelines-page) h1.page_title {
    display: none !important;
}


/* Keep breadcrumbs, but make them discreet */

body:has(.aia-about-page) .cmp_breadcrumbs,
body:has(.aia-guidelines-page) .cmp_breadcrumbs {
    margin-bottom: 28px !important;
}


/* =================================================================
   2. PAGE HERO
================================================================= */

.aia-about-page > section:first-of-type,
.aia-guidelines-page > section:first-of-type {
    position: relative !important;

    max-width: 980px !important;

    margin: 0 0 48px !important;
    padding: 0 0 38px !important;

    border-bottom: 1px solid var(--aia-line-dark) !important;
}


/* Remove empty label artifact in Guidelines hero */

.aia-guidelines-page > section:first-of-type > span:first-child:empty,
.aia-guidelines-page > section:first-of-type > span:first-child {
    display: none !important;
}


/* Custom hero H1 */

.aia-about-page > section:first-of-type > h1,
.aia-guidelines-page > section:first-of-type > h1 {
    max-width: 900px !important;

    margin: 0 0 18px !important;
    padding: 0 !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: clamp(2.3rem, 4vw, 3.2rem) !important;
    line-height: 1.08 !important;
    font-weight: 600 !important;
    letter-spacing: -.024em !important;

    text-transform: none !important;
}


/* Bronze accent below title */

.aia-about-page > section:first-of-type > h1::after,
.aia-guidelines-page > section:first-of-type > h1::after {
    content: "";

    display: block;

    width: 62px;
    height: 3px;

    margin-top: 18px;

    background: var(--aia-bronze);
}


/* Hero lead */

.aia-about-page > section:first-of-type > p,
.aia-guidelines-page > section:first-of-type > p {
    max-width: 800px !important;

    margin: 0 0 26px !important;

    color: #46515A !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.08rem !important;
    line-height: 1.78 !important;
}


/* =================================================================
   3. HERO ACTIONS
================================================================= */

.aia-about-page > section:first-of-type > div:last-child,
.aia-guidelines-page > section:first-of-type > div:last-child {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 11px !important;
}


/* All hero CTAs */

.aia-about-page > section:first-of-type > div:last-child > a,
.aia-guidelines-page > section:first-of-type > div:last-child > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 10px 17px !important;

    color: var(--aia-blue) !important;
    background: #fff !important;

    border: 1px solid var(--aia-line-dark) !important;
    border-left: 3px solid var(--aia-bronze) !important;
    border-radius: 2px !important;

    box-shadow: none !important;

    font-family: var(--aia-sans) !important;
    font-size: .83rem !important;
    line-height: 1.2 !important;
    font-weight: 650 !important;

    text-decoration: none !important;
}

.aia-about-page > section:first-of-type > div:last-child > a:hover,
.aia-guidelines-page > section:first-of-type > div:last-child > a:hover {
    color: var(--aia-bronze) !important;
    background: var(--aia-soft) !important;
}


/* =================================================================
   4. ABOUT — JOURNAL FACTS
================================================================= */

.aia-about-page > section:first-of-type > div[style*="display: grid"] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 0 32px !important;

    max-width: 800px !important;

    margin: 30px 0 28px !important;
}

.aia-about-page > section:first-of-type > div[style*="display: grid"] > div {
    padding: 14px 0 15px !important;

    background: transparent !important;

    border: 0 !important;
    border-top: 2px solid var(--aia-bronze) !important;
    border-radius: 0 !important;
}

.aia-about-page > section:first-of-type > div[style*="display: grid"] span {
    display: block !important;

    margin-bottom: 5px !important;

    color: var(--aia-bronze) !important;

    font-family: var(--aia-sans) !important;
    font-size: .68rem !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;

    text-transform: uppercase !important;
}

.aia-about-page > section:first-of-type > div[style*="display: grid"] strong {
    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.15rem !important;
    font-weight: 600 !important;
}


/* =================================================================
   5. INTERNAL ANCHOR NAV
================================================================= */

.aia-about-page > section:nth-of-type(2),
.aia-guidelines-page > section:nth-of-type(2) {
    position: sticky;
    top: 0;

    z-index: 100;

    margin: 0 0 60px !important;
    padding: 12px 0 !important;

    background: rgba(255,255,255,.97) !important;

    border-top: 1px solid var(--aia-line) !important;
    border-bottom: 1px solid var(--aia-line) !important;

    backdrop-filter: blur(8px);
}

.aia-about-page > section:nth-of-type(2) > div,
.aia-guidelines-page > section:nth-of-type(2) > div {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px 8px !important;
}


/* Anchor links */

.aia-about-page > section:nth-of-type(2) a,
.aia-guidelines-page > section:nth-of-type(2) a {
    display: inline-flex !important;

    margin: 0 !important;
    padding: 6px 8px !important;

    color: #55636D !important;
    background: transparent !important;

    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;

    font-family: var(--aia-sans) !important;
    font-size: .74rem !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;

    text-decoration: none !important;
}

.aia-about-page > section:nth-of-type(2) a:hover,
.aia-guidelines-page > section:nth-of-type(2) a:hover {
    color: var(--aia-blue) !important;
    border-bottom-color: var(--aia-bronze) !important;
}


/* Checklist gets emphasis without pill/button styling */

.aia-guidelines-page > section:nth-of-type(2) a[href="#checklist"] {
    color: var(--aia-blue) !important;
    font-weight: 700 !important;
}


/* =================================================================
   6. STANDARD CONTENT SECTIONS
================================================================= */

.aia-about-page > section[id],
.aia-guidelines-page > section[id] {
    scroll-margin-top: 90px;

    margin-bottom: 70px !important;
}


/* Section headings */

.aia-about-page > section[id] > h2,
.aia-guidelines-page > section[id] > h2 {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;

    margin: 0 0 25px !important;
    padding: 0 !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.78rem !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    letter-spacing: -.012em !important;
}

.aia-about-page > section[id] > h2::after,
.aia-guidelines-page > section[id] > h2::after {
    content: "";

    flex: 1;

    height: 1px;

    background:
        linear-gradient(
            to right,
            rgba(166,124,82,.72),
            rgba(166,124,82,0)
        );
}


/* Hide old manually inserted bronze bars immediately below H2 */

.aia-about-page > section[id] > h2 + div[style*="width: 60px"],
.aia-guidelines-page > section[id] > h2 + div[style*="width: 60px"] {
    display: none !important;
}


/* Standard section prose */

.aia-about-page > section[id] p,
.aia-guidelines-page > section[id] p,
.aia-about-page > section[id] li,
.aia-guidelines-page > section[id] li {
    color: #46515A !important;

    font-size: .98rem !important;
    line-height: 1.76 !important;
}


/* Normal prose blocks */

.aia-about-page > section[id] > div[style*="max-width: 760px"],
.aia-guidelines-page > section[id] > div[style*="max-width: 760px"],
.aia-guidelines-page > section[id] > p[style*="max-width: 760px"] {
    max-width: 850px !important;
}


/* =================================================================
   7. SOFT PANELS / CALLOUTS
================================================================= */

/*
 Existing inline-style boxes are flattened:
 subtle background, bronze rule, no rounded "dashboard cards".
*/

.aia-about-page section[id] div[style*="background: #fafafa"],
.aia-guidelines-page section[id] div[style*="background: #fafafa"] {
    background: #F8F9FA !important;

    border-radius: 0 !important;

    box-shadow: none !important;
}


/* Single informational callouts */

.aia-about-page section[id] div[style*="border-left: 4px"],
.aia-guidelines-page section[id] div[style*="border-left: 4px"] {
    padding: 21px 24px !important;

    background: #F8F9FA !important;

    border: 0 !important;
    border-left: 3px solid var(--aia-bronze) !important;
    border-radius: 0 !important;
}


/* =================================================================
   8. FEATURE / DISCIPLINE GRIDS
================================================================= */

.aia-about-page section[id] > div[style*="display: grid"],
.aia-guidelines-page section[id] > div[style*="display: grid"] {
    display: grid !important;

    gap: 0 32px !important;
}


/* About: generally three columns */

.aia-about-page section[id] > div[style*="display: grid"] {
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
}


/* Guidelines: allow two or three depending on content */

.aia-guidelines-page section[id] > div[style*="display: grid"] {
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
}


/* Individual cards become editorial list blocks */

.aia-about-page section[id] > div[style*="display: grid"] > div,
.aia-guidelines-page section[id] > div[style*="display: grid"] > div {
    margin: 0 !important;
    padding: 18px 0 19px !important;

    background: transparent !important;

    border: 0 !important;
    border-top: 2px solid var(--aia-bronze) !important;
    border-radius: 0 !important;

    text-align: left !important;

    box-shadow: none !important;
}


/* Card heading */

.aia-about-page section[id] > div[style*="display: grid"] h3,
.aia-about-page section[id] > div[style*="display: grid"] h4,
.aia-guidelines-page section[id] > div[style*="display: grid"] h3,
.aia-guidelines-page section[id] > div[style*="display: grid"] h4 {
    margin: 0 0 6px !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.08rem !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}


/* =================================================================
   9. GUIDELINES — FORMATTING TABLE
================================================================= */

.aia-guidelines-page #formatting table {
    width: 100% !important;
    max-width: 850px !important;

    margin: 0 !important;

    border-collapse: collapse !important;

    font-family: var(--aia-sans) !important;
    font-size: .9rem !important;
}

.aia-guidelines-page #formatting td {
    padding: 13px 0 !important;

    border-bottom: 1px solid var(--aia-line) !important;
}

.aia-guidelines-page #formatting td:first-child {
    width: 29% !important;

    color: var(--aia-blue) !important;

    font-weight: 650 !important;
}

.aia-guidelines-page #formatting tr:last-child td {
    border-bottom: 0 !important;
}


/* =================================================================
   10. GUIDELINES — CITATION EXAMPLES
================================================================= */

.aia-guidelines-page #citation h3 {
    margin: 0 0 16px !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.3rem !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

.aia-guidelines-page #citation > div {
    margin-bottom: 40px !important;
}

.aia-guidelines-page #citation > div:last-child {
    margin-bottom: 0 !important;
}


/* Labels like Narrative / Book / Website */

.aia-guidelines-page #citation span[style*="text-transform: uppercase"] {
    display: block !important;

    margin-bottom: 7px !important;

    color: var(--aia-bronze) !important;

    font-family: var(--aia-sans) !important;
    font-size: .66rem !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;

    text-transform: uppercase !important;
}


/* =================================================================
   11. GUIDELINES — PEER REVIEW WORKFLOW
================================================================= */

.aia-guidelines-page #peerreview > div:first-child {
    margin-bottom: 28px !important;

    text-align: left !important;
}

.aia-guidelines-page #peerreview > div:first-child > span {
    display: block !important;

    margin-bottom: 7px !important;

    color: var(--aia-bronze) !important;

    font-family: var(--aia-sans) !important;
    font-size: .69rem !important;
    font-weight: 700 !important;
    letter-spacing: .09em !important;

    text-transform: uppercase !important;
}

.aia-guidelines-page #peerreview > div:first-child h2 {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;

    margin: 0 !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.78rem !important;
    font-weight: 600 !important;
}

.aia-guidelines-page #peerreview > div:first-child h2::after {
    content: "";

    flex: 1;

    height: 1px;

    background:
        linear-gradient(
            to right,
            rgba(166,124,82,.72),
            rgba(166,124,82,0)
        );
}


/* Hide old centred bronze bar */

.aia-guidelines-page #peerreview > div:first-child > div[style*="width: 70px"] {
    display: none !important;
}


/* Workflow steps */

.aia-guidelines-page #peerreview > div:nth-of-type(2) {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0,1fr)) !important;
    gap: 0 22px !important;
}

.aia-guidelines-page #peerreview > div:nth-of-type(2) > div {
    position: relative;

    padding: 18px 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-top: 2px solid var(--aia-bronze) !important;
    border-radius: 0 !important;

    text-align: left !important;
}

.aia-guidelines-page #peerreview > div:nth-of-type(2) > div > div:first-child {
    margin-bottom: 7px !important;

    color: var(--aia-bronze) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.55rem !important;
    line-height: 1 !important;
    font-weight: 600 !important;
}


/* =================================================================
   12. AI POLICY / ETHICS / COPYRIGHT LONG-FORM PANELS
================================================================= */

.aia-guidelines-page #ethics > div:last-child,
.aia-guidelines-page #preservation > div:last-child,
.aia-guidelines-page #ai-policy > div:last-child,
.aia-guidelines-page #copyright > div:last-child,
.aia-about-page #integrity > div:last-child {
    max-width: 880px !important;

    padding: 24px 27px !important;

    background: #F8F9FA !important;

    border: 0 !important;
    border-left: 3px solid var(--aia-bronze) !important;
    border-radius: 0 !important;
}


/* =================================================================
   13. FINAL CTA PANELS
================================================================= */

.aia-about-page #ready > div,
.aia-guidelines-page #checklist > div {
    position: relative;

    padding: 40px 42px !important;

    color: #fff !important;
    background: var(--aia-navy) !important;

    border: 0 !important;
    border-top: 3px solid var(--aia-bronze) !important;
    border-radius: 2px !important;

    box-shadow: none !important;
}


/* CTA kicker */

.aia-about-page #ready > div > span,
.aia-guidelines-page #checklist > div > span {
    display: block !important;

    margin-bottom: 8px !important;

    color: #E3C5A1 !important;

    font-family: var(--aia-sans) !important;
    font-size: .7rem !important;
    font-weight: 700 !important;
    letter-spacing: .1em !important;

    text-transform: uppercase !important;
}


/* CTA title */

.aia-about-page #ready h2,
.aia-guidelines-page #checklist h2 {
    margin: 0 !important;

    color: #fff !important;

    font-family: var(--aia-serif) !important;
    font-size: 2rem !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
}


/* CTA bronze line */

.aia-about-page #ready h2 + div,
.aia-guidelines-page #checklist h2 + div {
    width: 58px !important;
    height: 2px !important;

    margin: 16px 0 28px !important;

    background: #D7B47D !important;
}


/* CTA checklist grid */

.aia-about-page #ready div[style*="display: grid"],
.aia-guidelines-page #checklist div[style*="display: grid"] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;

    gap: 20px 34px !important;

    color: rgba(255,255,255,.9) !important;

    font-family: var(--aia-sans) !important;
    font-size: .84rem !important;
    line-height: 1.6 !important;
}

.aia-about-page #ready div[style*="display: grid"] div,
.aia-guidelines-page #checklist div[style*="display: grid"] div {
    color: inherit !important;
}


/* CTA buttons */

.aia-about-page #ready a,
.aia-guidelines-page #checklist a {
    display: inline-flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 9px 15px !important;

    color: #fff !important;
    background: transparent !important;

    border: 1px solid rgba(255,255,255,.5) !important;
    border-radius: 2px !important;

    font-family: var(--aia-sans) !important;
    font-size: .81rem !important;
    font-weight: 650 !important;

    text-decoration: none !important;
}

.aia-about-page #ready a:hover,
.aia-guidelines-page #checklist a:hover {
    color: var(--aia-navy) !important;
    background: #fff !important;
}


/* =================================================================
   14. TABLET
================================================================= */

@media (max-width: 980px) {

    .aia-about-page section[id] > div[style*="display: grid"],
    .aia-guidelines-page section[id] > div[style*="display: grid"] {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }

    .aia-guidelines-page #peerreview > div:nth-of-type(2) {
        grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    }

    .aia-about-page #ready div[style*="display: grid"],
    .aia-guidelines-page #checklist div[style*="display: grid"] {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }
}


/* =================================================================
   15. MOBILE
================================================================= */

@media (max-width: 700px) {

    .aia-about-page,
    .aia-guidelines-page {
        padding-bottom: 20px !important;
    }


    /* Hero */

    .aia-about-page > section:first-of-type,
    .aia-guidelines-page > section:first-of-type {
        margin-bottom: 36px !important;
        padding-bottom: 30px !important;
    }

    .aia-about-page > section:first-of-type > h1,
    .aia-guidelines-page > section:first-of-type > h1 {
        font-size: 2rem !important;
        line-height: 1.12 !important;
    }

    .aia-about-page > section:first-of-type > p,
    .aia-guidelines-page > section:first-of-type > p {
        font-size: 1rem !important;
        line-height: 1.7 !important;
    }


    /* About facts */

    .aia-about-page > section:first-of-type > div[style*="display: grid"] {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }


    /* Anchor nav: horizontal scroll rather than huge wrapped block */

    .aia-about-page > section:nth-of-type(2),
    .aia-guidelines-page > section:nth-of-type(2) {
        position: static !important;

        margin-bottom: 45px !important;
        padding: 8px 0 !important;

        overflow-x: auto;
    }

    .aia-about-page > section:nth-of-type(2) > div,
    .aia-guidelines-page > section:nth-of-type(2) > div {
        flex-wrap: nowrap !important;

        width: max-content !important;
        min-width: 100% !important;
    }

    .aia-about-page > section:nth-of-type(2) a,
    .aia-guidelines-page > section:nth-of-type(2) a {
        white-space: nowrap !important;
    }


    /* Main sections */

    .aia-about-page > section[id],
    .aia-guidelines-page > section[id] {
        margin-bottom: 52px !important;
    }

    .aia-about-page > section[id] > h2,
    .aia-guidelines-page > section[id] > h2 {
        gap: 12px !important;

        font-size: 1.48rem !important;
    }


    /* All grids one column */

    .aia-about-page section[id] > div[style*="display: grid"],
    .aia-guidelines-page section[id] > div[style*="display: grid"],
    .aia-guidelines-page #peerreview > div:nth-of-type(2),
    .aia-about-page #ready div[style*="display: grid"],
    .aia-guidelines-page #checklist div[style*="display: grid"] {
        grid-template-columns: 1fr !important;
    }


    /* CTA */

    .aia-about-page #ready > div,
    .aia-guidelines-page #checklist > div {
        padding: 30px 24px !important;
    }

    .aia-about-page #ready h2,
    .aia-guidelines-page #checklist h2 {
        font-size: 1.65rem !important;
    }
}

/*
=====================================================================
 AI & ANTIQUITY — CLASSIC ACADEMIC v2.1
 NEURODIVERSITY + CIAW
 Add at the END of the current CSS.

 ROOT CLASSES:

 Neurodiversity:
 <div class="aia-neuro-page" style="...">

 CIAW:
 <div class="aia-ciaw-page" style="...">
=====================================================================
*/


/* =================================================================
   1. SHARED PAGE WRAPPER
================================================================= */

.aia-neuro-page,
.aia-ciaw-page {
    width: 100% !important;
    max-width: 1120px !important;

    margin: 0 !important;
    padding: 0 0 38px !important;

    color: var(--aia-text) !important;

    font-family: var(--aia-sans) !important;
}


/* Hide native OJS page title when custom page content provides its own
   strong introductory hierarchy */

body:has(.aia-neuro-page) h1.page_title,
body:has(.aia-ciaw-page) h1.page_title {
    display: none !important;
}


/* =================================================================
   2. SHARED SECTION SYSTEM
================================================================= */

.aia-neuro-page > section,
.aia-ciaw-page > section {
    margin-bottom: 68px !important;
}


/* Section H2 */

.aia-neuro-page > section > h2,
.aia-ciaw-page > section > h2 {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;

    margin: 0 0 25px !important;
    padding: 0 !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.78rem !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    letter-spacing: -.012em !important;
}

.aia-neuro-page > section > h2::after,
.aia-ciaw-page > section > h2::after {
    content: "";

    flex: 1;

    height: 1px;

    background:
        linear-gradient(
            to right,
            rgba(166,124,82,.72),
            rgba(166,124,82,0)
        );
}


/* Old manually inserted bronze bars immediately below H2 */

.aia-neuro-page > section > h2 + div[style*="width: 60px"],
.aia-ciaw-page > section > h2 + div[style*="width: 60px"] {
    display: none !important;
}


/* General prose */

.aia-neuro-page p,
.aia-neuro-page li,
.aia-ciaw-page p,
.aia-ciaw-page li {
    color: #46515A !important;

    font-size: .98rem !important;
    line-height: 1.76 !important;
}


/* =================================================================
   3. NEURODIVERSITY — OPENING STATEMENT
================================================================= */

.aia-neuro-page > section:first-of-type {
    max-width: 920px !important;

    margin: 0 0 62px !important;
    padding: 4px 0 4px 24px !important;

    border-left: 4px solid var(--aia-bronze) !important;
}

.aia-neuro-page > section:first-of-type p {
    max-width: 850px !important;

    margin: 0 !important;

    color: #3F4A53 !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.12rem !important;
    line-height: 1.8 !important;
}


/* =================================================================
   4. NEURODIVERSITY — INCLUSION & TECHNOLOGY
================================================================= */

.aia-neuro-page > section:nth-of-type(2) > div[style*="display: grid"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 0 48px !important;

    margin-top: 0 !important;
}

.aia-neuro-page > section:nth-of-type(2) > div[style*="display: grid"] > div {
    padding: 20px 0 22px !important;

    border-top: 2px solid var(--aia-bronze) !important;
}

.aia-neuro-page > section:nth-of-type(2) h3 {
    margin: 0 0 11px !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.22rem !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}


/* =================================================================
   5. NEURODIVERSITY — COMMITMENTS
================================================================= */

.aia-neuro-page > section:nth-of-type(3) > div[style*="display: grid"] {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    gap: 0 28px !important;
}

.aia-neuro-page > section:nth-of-type(3) > div[style*="display: grid"] > div {
    padding: 17px 0 19px !important;

    border-top: 2px solid var(--aia-bronze) !important;
    border-bottom: 1px solid var(--aia-line) !important;
}

.aia-neuro-page > section:nth-of-type(3) h4 {
    margin: 0 0 8px !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.05rem !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

.aia-neuro-page > section:nth-of-type(3) > p:last-child {
    max-width: 840px !important;

    margin-top: 30px !important;
}


/* =================================================================
   6. NEURODIVERSITY — CALL FOR CONTRIBUTIONS
================================================================= */

.aia-neuro-page > section:nth-of-type(4) {
    max-width: 900px !important;

    padding: 27px 30px !important;

    background: #F8F9FA !important;

    border: 0 !important;
    border-left: 4px solid var(--aia-bronze) !important;
    border-radius: 0 !important;
}

.aia-neuro-page > section:nth-of-type(4) > h2 {
    margin-top: 0 !important;
}


/* =================================================================
   7. NEURODIVERSITY — RESEARCH & PUBLICATIONS
================================================================= */

.aia-neuro-page > section:nth-of-type(5) > p {
    max-width: 860px !important;
}


/* Publication cards become bibliographic/editorial records */

.aia-neuro-page > section:nth-of-type(5) > div[style*="display: grid"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 28px 42px !important;
}

.aia-neuro-page > section:nth-of-type(5) > div[style*="display: grid"] > div {
    margin: 0 !important;
    padding: 22px 0 23px !important;

    background: transparent !important;

    border: 0 !important;
    border-top: 2px solid var(--aia-bronze) !important;
    border-bottom: 1px solid var(--aia-line) !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


/* Journal / publication label */

.aia-neuro-page > section:nth-of-type(5) > div[style*="display: grid"] > div > div:first-child {
    margin-bottom: 10px !important;

    color: var(--aia-bronze) !important;

    font-family: var(--aia-sans) !important;
    font-size: .72rem !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
    letter-spacing: .025em !important;
}

.aia-neuro-page > section:nth-of-type(5) > div[style*="display: grid"] > div > div:first-child a {
    color: var(--aia-bronze) !important;
    text-decoration: none !important;
}

.aia-neuro-page > section:nth-of-type(5) > div[style*="display: grid"] > div > div:first-child a:hover {
    color: var(--aia-blue) !important;
}


/* Publication title */

.aia-neuro-page > section:nth-of-type(5) h3 {
    margin: 0 0 13px !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.22rem !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}


/* =================================================================
   8. NEURODIVERSITY — FORTHCOMING ARTICLES
================================================================= */

.aia-neuro-page > section:nth-of-type(6) {
    padding: 28px 30px 30px !important;

    background: #F8F9FA !important;

    border: 0 !important;
    border-left: 4px solid var(--aia-bronze) !important;
    border-radius: 0 !important;
}

.aia-neuro-page > section:nth-of-type(6) > div[style*="display: grid"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 0 36px !important;

    margin-top: 24px !important;
}

.aia-neuro-page > section:nth-of-type(6) > div[style*="display: grid"] > div {
    padding: 16px 0 18px !important;

    background: transparent !important;

    border: 0 !important;
    border-top: 1px solid var(--aia-line-dark) !important;
    border-radius: 0 !important;
}

.aia-neuro-page > section:nth-of-type(6) h4 {
    margin: 0 0 7px !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.04rem !important;
    line-height: 1.32 !important;
    font-weight: 600 !important;
}


/* =================================================================
   9. CIAW — HERO IMAGE
================================================================= */

.aia-ciaw-page > div:first-child {
    position: relative;

    margin: 0 0 48px !important;

    overflow: hidden;

    border: 1px solid var(--aia-line) !important;
    border-radius: 2px !important;

    box-shadow: none !important;
}

.aia-ciaw-page > div:first-child img {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


/* =================================================================
   10. CIAW — INTRODUCTION / HERO TEXT
================================================================= */

.aia-ciaw-page > section:first-of-type {
    max-width: 980px !important;

    margin: 0 0 68px !important;
    padding: 0 0 38px !important;

    border-bottom: 1px solid var(--aia-line-dark) !important;
}


/* Kicker */

.aia-ciaw-page > section:first-of-type > span:first-child {
    display: block !important;

    margin: 0 0 9px !important;

    color: var(--aia-bronze) !important;

    font-family: var(--aia-sans) !important;
    font-size: .7rem !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: .1em !important;

    text-transform: uppercase !important;
}


/* CIAW title */

.aia-ciaw-page > section:first-of-type > h1 {
    max-width: 850px !important;

    margin: 0 0 18px !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: clamp(2.35rem,4vw,3.1rem) !important;
    line-height: 1.08 !important;
    font-weight: 600 !important;
    letter-spacing: -.024em !important;
}

.aia-ciaw-page > section:first-of-type > h1::after {
    content: "";

    display: block;

    width: 62px;
    height: 3px;

    margin-top: 18px;

    background: var(--aia-bronze);
}


/* Intro text */

.aia-ciaw-page > section:first-of-type > p {
    max-width: 830px !important;

    margin: 0 !important;

    color: #46515A !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.08rem !important;
    line-height: 1.78 !important;
}


/* CIAW link */

.aia-ciaw-page > section:first-of-type > p a {
    color: var(--aia-blue) !important;

    font-weight: 600 !important;

    text-decoration: none !important;
    border-bottom: 1px solid rgba(166,124,82,.55) !important;
}

.aia-ciaw-page > section:first-of-type > p a:hover {
    color: var(--aia-bronze) !important;
}


/* =================================================================
   11. CIAW — AT A GLANCE
================================================================= */

.aia-ciaw-page > section:first-of-type > div:last-child {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    gap: 0 28px !important;

    margin-top: 32px !important;
}

.aia-ciaw-page > section:first-of-type > div:last-child > span {
    display: block !important;

    padding: 13px 0 14px !important;

    color: var(--aia-muted) !important;
    background: transparent !important;

    border: 0 !important;
    border-top: 2px solid var(--aia-bronze) !important;
    border-radius: 0 !important;

    font-family: var(--aia-sans) !important;
    font-size: .78rem !important;
    line-height: 1.45 !important;
}

.aia-ciaw-page > section:first-of-type > div:last-child > span strong {
    display: block !important;

    margin-bottom: 3px !important;

    color: var(--aia-blue) !important;

    font-size: .7rem !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: .07em !important;

    text-transform: uppercase !important;
}


/* =================================================================
   12. CIAW — FOUNDATION
================================================================= */

.aia-ciaw-page > section:nth-of-type(2) > p {
    max-width: 870px !important;
}


/* =================================================================
   13. CIAW — MISSION & ACTIVITIES
================================================================= */

.aia-ciaw-page > section:nth-of-type(3) > div[style*="display: grid"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 0 50px !important;
}

.aia-ciaw-page > section:nth-of-type(3) > div[style*="display: grid"] > div {
    padding-top: 0 !important;
}


/* These H2s are nested, so style separately */

.aia-ciaw-page > section:nth-of-type(3) h2 {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;

    margin: 0 0 23px !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.55rem !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
}

.aia-ciaw-page > section:nth-of-type(3) h2::after {
    content: "";

    flex: 1;

    height: 1px;

    background:
        linear-gradient(
            to right,
            rgba(166,124,82,.7),
            rgba(166,124,82,0)
        );
}

.aia-ciaw-page > section:nth-of-type(3) h2 + div[style*="width: 60px"] {
    display: none !important;
}


/* =================================================================
   14. CIAW — CORE VALUES
================================================================= */

.aia-ciaw-page > section:nth-of-type(4) > div[style*="display: grid"] {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    gap: 0 28px !important;
}

.aia-ciaw-page > section:nth-of-type(4) > div[style*="display: grid"] > div {
    padding: 17px 0 19px !important;

    border-top: 2px solid var(--aia-bronze) !important;
    border-bottom: 1px solid var(--aia-line) !important;
}

.aia-ciaw-page > section:nth-of-type(4) h4 {
    margin: 0 0 8px !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.06rem !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}


/* =================================================================
   15. CIAW — NON-PROFIT CTA
================================================================= */

.aia-ciaw-page > section:nth-of-type(5) {
    max-width: 930px !important;

    padding: 30px 32px !important;

    background: #F8F9FA !important;

    border: 0 !important;
    border-left: 4px solid var(--aia-bronze) !important;
    border-radius: 0 !important;
}

.aia-ciaw-page > section:nth-of-type(5) > p {
    max-width: 830px !important;
}


/* Buttons */

.aia-ciaw-page > section:nth-of-type(5) > div:last-child {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.aia-ciaw-page > section:nth-of-type(5) > div:last-child a {
    display: inline-flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 9px 15px !important;

    color: var(--aia-blue) !important;
    background: #fff !important;

    border: 1px solid var(--aia-line-dark) !important;
    border-left: 3px solid var(--aia-bronze) !important;
    border-radius: 2px !important;

    font-family: var(--aia-sans) !important;
    font-size: .82rem !important;
    line-height: 1.3 !important;
    font-weight: 650 !important;

    text-decoration: none !important;
}

.aia-ciaw-page > section:nth-of-type(5) > div:last-child a:hover {
    color: var(--aia-bronze) !important;
    background: #fff !important;
}


/* =================================================================
   16. TABLET
================================================================= */

@media (max-width: 980px) {

    .aia-neuro-page > section:nth-of-type(3) > div[style*="display: grid"],
    .aia-ciaw-page > section:nth-of-type(4) > div[style*="display: grid"] {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }

    .aia-ciaw-page > section:first-of-type > div:last-child {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }
}


/* =================================================================
   17. MOBILE
================================================================= */

@media (max-width: 700px) {

    .aia-neuro-page,
    .aia-ciaw-page {
        padding-bottom: 18px !important;
    }


    /* General sections */

    .aia-neuro-page > section,
    .aia-ciaw-page > section {
        margin-bottom: 50px !important;
    }

    .aia-neuro-page > section > h2,
    .aia-ciaw-page > section > h2 {
        gap: 12px !important;

        font-size: 1.48rem !important;
    }


    /* Neuro opening statement */

    .aia-neuro-page > section:first-of-type {
        margin-bottom: 48px !important;
        padding-left: 18px !important;
    }

    .aia-neuro-page > section:first-of-type p {
        font-size: 1rem !important;
        line-height: 1.72 !important;
    }


    /* All major grids one column */

    .aia-neuro-page > section:nth-of-type(2) > div[style*="display: grid"],
    .aia-neuro-page > section:nth-of-type(3) > div[style*="display: grid"],
    .aia-neuro-page > section:nth-of-type(5) > div[style*="display: grid"],
    .aia-neuro-page > section:nth-of-type(6) > div[style*="display: grid"],
    .aia-ciaw-page > section:first-of-type > div:last-child,
    .aia-ciaw-page > section:nth-of-type(3) > div[style*="display: grid"],
    .aia-ciaw-page > section:nth-of-type(4) > div[style*="display: grid"] {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }


    /* Neuro callouts */

    .aia-neuro-page > section:nth-of-type(4),
    .aia-neuro-page > section:nth-of-type(6) {
        padding: 24px 22px !important;
    }


    /* CIAW image */

    .aia-ciaw-page > div:first-child {
        margin-bottom: 36px !important;
    }


    /* CIAW intro */

    .aia-ciaw-page > section:first-of-type {
        margin-bottom: 48px !important;
        padding-bottom: 30px !important;
    }

    .aia-ciaw-page > section:first-of-type > h1 {
        font-size: 2rem !important;
        line-height: 1.12 !important;
    }

    .aia-ciaw-page > section:first-of-type > p {
        font-size: 1rem !important;
        line-height: 1.72 !important;
    }


    /* CIAW mission / activities nested headings */

    .aia-ciaw-page > section:nth-of-type(3) h2 {
        gap: 11px !important;

        margin-top: 26px !important;

        font-size: 1.38rem !important;
    }

    .aia-ciaw-page > section:nth-of-type(3) > div > div:first-child h2 {
        margin-top: 0 !important;
    }


    /* CIAW non-profit */

    .aia-ciaw-page > section:nth-of-type(5) {
        padding: 24px 22px !important;
    }
}
/*
=====================================================================
 AI & ANTIQUITY — CLASSIC ACADEMIC v2.2
 ARCHIVES + ISSUE PAGE POLISH
 Add at the END of the current CSS.
=====================================================================
*/


/* =================================================================
   1. ARCHIVE PAGE — REMOVE THE LARGE EMPTY OPENING
================================================================= */

.page_issue_archive {
    width: 100% !important;
    max-width: 1120px !important;

    margin: 0 auto !important;
    padding-top: 36px !important;
    padding-bottom: 64px !important;
}


/* Breadcrumbs */

.page_issue_archive .cmp_breadcrumbs {
    margin: 0 0 22px !important;
}


/* Archives title: editorial, left aligned */

.page_issue_archive > h1,
.page_issue_archive h1.page_title {
    position: relative;

    margin: 0 0 38px !important;
    padding: 0 0 18px !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 2.25rem !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
    letter-spacing: -.018em !important;

    text-align: left !important;

    border-bottom: 1px solid var(--aia-line-dark) !important;
}

.page_issue_archive > h1::after,
.page_issue_archive h1.page_title::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 62px;
    height: 3px;

    margin: 0 !important;

    background: var(--aia-bronze) !important;
}


/* =================================================================
   2. ARCHIVE LIST
================================================================= */

.page_issue_archive .issues_archive,
.page_issue_archive ul.issues_archive {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.page_issue_archive .issues_archive > li {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    border-bottom: 1px solid var(--aia-line) !important;
}

.page_issue_archive .issues_archive > li:first-child {
    border-top: 1px solid var(--aia-line) !important;
}


/* =================================================================
   3. EACH ISSUE — COMPACT EDITORIAL ROW
================================================================= */

.page_issue_archive .obj_issue_summary {
    display: grid !important;
    grid-template-columns: 168px minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    column-gap: 34px !important;
    row-gap: 6px !important;

    align-items: start !important;

    width: 100% !important;
    min-height: 228px !important;

    margin: 0 !important;
    padding: 28px 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


/*
 Put every textual child in column 2.
 This also catches Classic's date/series wrappers without depending
 on their exact class name.
*/

.page_issue_archive .obj_issue_summary > *:not(.cover):not(.description) {
    grid-column: 2 !important;
}


/* =================================================================
   4. ISSUE COVER
================================================================= */

.page_issue_archive .obj_issue_summary > .cover,
.page_issue_archive .obj_issue_summary a.cover {
    grid-column: 1 !important;
    grid-row: 1 / span 6 !important;

    display: block !important;

    width: 168px !important;
    max-width: 168px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;
}

.page_issue_archive .obj_issue_summary > .cover img,
.page_issue_archive .obj_issue_summary a.cover img {
    display: block !important;

    width: 100% !important;
    height: auto !important;
    max-height: none !important;

    margin: 0 !important;

    border: 1px solid var(--aia-line-dark) !important;
    border-radius: 0 !important;

    box-shadow: 0 5px 15px rgba(0,40,59,.06) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease !important;
}

.page_issue_archive .obj_issue_summary > .cover:hover img,
.page_issue_archive .obj_issue_summary a.cover:hover img {
    transform: translateY(-2px);

    box-shadow: 0 8px 19px rgba(0,40,59,.10) !important;
}


/* =================================================================
   5. ISSUE TITLE
================================================================= */

.page_issue_archive .obj_issue_summary h2,
.page_issue_archive .obj_issue_summary h3 {
    align-self: end !important;

    margin: 22px 0 3px !important;
    padding: 0 !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.34rem !important;
    line-height: 1.28 !important;
    font-weight: 600 !important;

    text-transform: none !important;
}


/* Actual issue link */

.page_issue_archive .obj_issue_summary a.title {
    display: inline !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;

    text-decoration: none !important;

    border-bottom: 1px solid rgba(166,124,82,.58) !important;

    transition:
        color .18s ease,
        border-color .18s ease !important;
}

.page_issue_archive .obj_issue_summary a.title::after {
    content: "  →";

    color: var(--aia-bronze) !important;

    font-family: var(--aia-sans) !important;
    font-size: .82rem !important;
    font-weight: 500 !important;

    white-space: nowrap;
}

.page_issue_archive .obj_issue_summary a.title:hover,
.page_issue_archive .obj_issue_summary a.title:focus {
    color: var(--aia-bronze) !important;
    border-bottom-color: var(--aia-blue) !important;
}


/* Series, if OJS outputs it separately */

.page_issue_archive .obj_issue_summary .series {
    margin: 1px 0 0 !important;

    color: #6D7880 !important;

    font-family: var(--aia-sans) !important;
    font-size: .78rem !important;
    line-height: 1.45 !important;
}


/* =================================================================
   6. PUBLISHED DATE
================================================================= */

.page_issue_archive .obj_issue_summary .published,
.page_issue_archive .obj_issue_summary .date,
.page_issue_archive .obj_issue_summary time {
    margin: 3px 0 0 !important;

    color: #6D7880 !important;

    font-family: var(--aia-sans) !important;
    font-size: .79rem !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
}


/* =================================================================
   7. ARCHIVE SHOULD BE SCANNABLE — HIDE LONG DESCRIPTIONS
================================================================= */

/*
 The full issue description belongs on the issue page.
 In Archives it makes the page unnecessarily long.
*/

.page_issue_archive .obj_issue_summary .description {
    display: none !important;
}


/* =================================================================
   8. DEDICATED ISSUE PAGE — REMOVE "ISSUE DESCRIPTION"
================================================================= */

/*
 OJS itself simply outputs the issue description.
 If the custom description includes the old label, suppress it.
*/

.page_issue .description_label,
.pkp_page_issue .description_label {
    display: none !important;
}


/* Defensive selectors if the label was entered as an H2/H3 */

.page_issue .obj_issue_toc > .heading > .description > h2:first-child,
.page_issue .obj_issue_toc > .heading > .description > h3:first-child,
.pkp_page_issue .obj_issue_toc > .heading > .description > h2:first-child,
.pkp_page_issue .obj_issue_toc > .heading > .description > h3:first-child {
    display: none !important;
}


/* Let the prose begin immediately */

.page_issue .description_text,
.pkp_page_issue .description_text,
.page_issue .obj_issue_toc > .heading > .description,
.pkp_page_issue .obj_issue_toc > .heading > .description {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* =================================================================
   9. ISSUE PAGE — SMALL RHYTHM POLISH
================================================================= */

.page_issue > h1,
.pkp_page_issue > h1 {
    margin-bottom: 30px !important;
}

.page_issue .obj_issue_toc > .heading,
.pkp_page_issue .obj_issue_toc > .heading {
    margin-top: 0 !important;
}

.page_issue .obj_issue_toc > .heading > .description p:first-child,
.pkp_page_issue .obj_issue_toc > .heading > .description p:first-child {
    margin-top: 0 !important;
}


/* Full issue PDF reads as an editorial utility */

.page_issue .obj_issue_toc .galleys,
.pkp_page_issue .obj_issue_toc .galleys {
    margin-top: 30px !important;
}


/* =================================================================
   10. TABLET
================================================================= */

@media (max-width: 900px) {

    .page_issue_archive .obj_issue_summary {
        grid-template-columns: 140px minmax(0,1fr) !important;
        column-gap: 28px !important;

        min-height: 190px !important;
    }

    .page_issue_archive .obj_issue_summary > .cover,
    .page_issue_archive .obj_issue_summary a.cover {
        width: 140px !important;
        max-width: 140px !important;
    }

    .page_issue_archive .obj_issue_summary h2,
    .page_issue_archive .obj_issue_summary h3 {
        margin-top: 15px !important;
    }
}


/* =================================================================
   11. MOBILE
================================================================= */

@media (max-width: 700px) {

    .page_issue_archive {
        padding-top: 26px !important;
        padding-bottom: 44px !important;
    }

    .page_issue_archive > h1,
    .page_issue_archive h1.page_title {
        margin-bottom: 27px !important;

        font-size: 1.9rem !important;
    }


    /* Cover remains visible but compact */

    .page_issue_archive .obj_issue_summary {
        grid-template-columns: 96px minmax(0,1fr) !important;
        column-gap: 20px !important;
        row-gap: 4px !important;

        min-height: 142px !important;

        padding: 20px 0 !important;
    }

    .page_issue_archive .obj_issue_summary > .cover,
    .page_issue_archive .obj_issue_summary a.cover {
        width: 96px !important;
        max-width: 96px !important;
    }

    .page_issue_archive .obj_issue_summary h2,
    .page_issue_archive .obj_issue_summary h3 {
        margin-top: 7px !important;

        font-size: 1.08rem !important;
        line-height: 1.3 !important;
    }

    .page_issue_archive .obj_issue_summary .published,
    .page_issue_archive .obj_issue_summary .date,
    .page_issue_archive .obj_issue_summary time,
    .page_issue_archive .obj_issue_summary .series {
        font-size: .74rem !important;
    }

    .page_issue_archive .obj_issue_summary a.title::after {
        font-size: .74rem !important;
    }
}

/*
=====================================================================
 AI & ANTIQUITY — CLASSIC ACADEMIC v2.3
 ARCHIVE REAL FIX + KEYWORD COMMA FIX
 Add at the VERY END of the current CSS.
=====================================================================
*/


/* =================================================================
   1. KEYWORDS — REMOVE THE EXTRA COMMA ADDED BY v1.8
================================================================= */

/*
 OJS / Classic already prints the separators between keywords.
 v1.8 added another comma with ::after, producing ",,".
*/

.page_article .keywords_value .keyword_item::after,
.page_article .keywords_value .keyword_item:not(:last-child)::after,
.page_article .keywords_value .keyword_item:last-child::after {
    content: none !important;
}


/* Keep Classic's own delimiters visible */

.page_article .keywords_value .delimiter,
.page_article .keywords_value .keyword-delimiter,
.page_article .keywords_value .fifth-keyword-delimeter {
    display: inline !important;
}


/* =================================================================
   2. ARCHIVE — REMOVE CLASSIC'S LARGE TOP GAP
================================================================= */

body.pkp_page_issue.pkp_op_archive .container-page,
.pkp_page_issue.pkp_op_archive .container-page {
    padding-top: 34px !important;
    padding-bottom: 52px !important;
}

body.pkp_page_issue.pkp_op_archive .page_issue_archive,
.pkp_page_issue.pkp_op_archive .page_issue_archive,
.page.page_issue_archive {
    width: 100% !important;
    max-width: 1120px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}


/* =================================================================
   3. ARCHIVE TITLE — FORCE LEFT ALIGNMENT
================================================================= */

body.pkp_page_issue.pkp_op_archive .page_issue_archive > h1,
.pkp_page_issue.pkp_op_archive .page_issue_archive > h1,
.page.page_issue_archive > h1 {
    position: relative !important;

    width: 100% !important;

    margin: 0 0 30px !important;
    padding: 0 0 17px !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 2.15rem !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
    letter-spacing: -.018em !important;

    text-align: left !important;

    border: 0 !important;
    border-bottom: 1px solid var(--aia-line-dark) !important;
}

body.pkp_page_issue.pkp_op_archive .page_issue_archive > h1::after,
.pkp_page_issue.pkp_op_archive .page_issue_archive > h1::after,
.page.page_issue_archive > h1::after {
    content: "" !important;

    position: absolute !important;
    left: 0 !important;
    bottom: -2px !important;

    display: block !important;

    width: 62px !important;
    height: 3px !important;

    margin: 0 !important;

    background: var(--aia-bronze) !important;
}


/* =================================================================
   4. ARCHIVE LIST — THE LI BECOMES THE REAL LAYOUT
================================================================= */

body.pkp_page_issue.pkp_op_archive ul.issues_archive,
.pkp_page_issue.pkp_op_archive ul.issues_archive,
.page_issue_archive ul.issues_archive {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/*
 The list item, not .obj_issue_summary, owns the grid.
 This avoids fighting Classic's internal Bootstrap wrappers.
*/

body.pkp_page_issue.pkp_op_archive ul.issues_archive > li,
.pkp_page_issue.pkp_op_archive ul.issues_archive > li,
.page_issue_archive ul.issues_archive > li {
    display: grid !important;
    grid-template-columns: 148px minmax(0,1fr) !important;
    grid-template-rows: auto auto !important;

    column-gap: 30px !important;
    row-gap: 5px !important;

    align-items: start !important;

    width: 100% !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 24px 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-bottom: 1px solid var(--aia-line) !important;

    list-style: none !important;
}

body.pkp_page_issue.pkp_op_archive ul.issues_archive > li:first-child,
.pkp_page_issue.pkp_op_archive ul.issues_archive > li:first-child,
.page_issue_archive ul.issues_archive > li:first-child {
    border-top: 1px solid var(--aia-line) !important;
}


/* =================================================================
   5. FLATTEN CLASSIC'S INTERNAL WRAPPERS
================================================================= */

/*
 OJS provides .obj_issue_summary. Classic may wrap its contents in
 Bootstrap rows/columns. display:contents lets the cover, heading and
 date participate directly in the LI grid.
*/

body.pkp_page_issue.pkp_op_archive ul.issues_archive > li > .obj_issue_summary,
.pkp_page_issue.pkp_op_archive ul.issues_archive > li > .obj_issue_summary,
.page_issue_archive ul.issues_archive > li > .obj_issue_summary,

.page_issue_archive .obj_issue_summary > .row,
.page_issue_archive .obj_issue_summary .issue_summary_body,
.page_issue_archive .obj_issue_summary .issue_summary_content,
.page_issue_archive .obj_issue_summary .summary_body,
.page_issue_archive .obj_issue_summary .summary_content {
    display: contents !important;
}


/*
 Bootstrap column wrappers used by Classic.
 Restrict this to the archive summary only.
*/

.page_issue_archive .obj_issue_summary > .row > [class*="col-"],
.page_issue_archive .obj_issue_summary .issue_summary_body > [class*="col-"],
.page_issue_archive .obj_issue_summary .issue_summary_content > [class*="col-"] {
    display: contents !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    flex: none !important;
}


/* =================================================================
   6. ARCHIVE COVER — ACTUALLY SMALLER
================================================================= */

body.pkp_page_issue.pkp_op_archive .obj_issue_summary .cover,
.pkp_page_issue.pkp_op_archive .obj_issue_summary .cover,
.page_issue_archive .obj_issue_summary .cover {
    grid-column: 1 !important;
    grid-row: 1 / span 4 !important;

    display: block !important;

    width: 148px !important;
    min-width: 148px !important;
    max-width: 148px !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;
}

body.pkp_page_issue.pkp_op_archive .obj_issue_summary .cover img,
.pkp_page_issue.pkp_op_archive .obj_issue_summary .cover img,
.page_issue_archive .obj_issue_summary .cover img {
    display: block !important;

    width: 148px !important;
    min-width: 148px !important;
    max-width: 148px !important;

    height: auto !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid var(--aia-line-dark) !important;
    border-radius: 0 !important;

    box-shadow: 0 5px 14px rgba(0,40,59,.07) !important;

    object-fit: contain !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease !important;
}

.page_issue_archive .obj_issue_summary .cover:hover img {
    transform: translateY(-2px) !important;

    box-shadow: 0 8px 18px rgba(0,40,59,.11) !important;
}


/* =================================================================
   7. ARCHIVE TITLE — BESIDE THE COVER
================================================================= */

body.pkp_page_issue.pkp_op_archive .obj_issue_summary h2,
.pkp_page_issue.pkp_op_archive .obj_issue_summary h2,
.page_issue_archive .obj_issue_summary h2,

body.pkp_page_issue.pkp_op_archive .obj_issue_summary h3,
.pkp_page_issue.pkp_op_archive .obj_issue_summary h3,
.page_issue_archive .obj_issue_summary h3 {
    grid-column: 2 !important;
    grid-row: 1 !important;

    align-self: start !important;

    width: auto !important;
    max-width: 650px !important;

    margin: 5px 0 0 !important;
    padding: 0 !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.28rem !important;
    line-height: 1.28 !important;
    font-weight: 600 !important;

    text-align: left !important;
    text-transform: none !important;

    border: 0 !important;
}


/* The actual issue link */

body.pkp_page_issue.pkp_op_archive .obj_issue_summary a.title,
.pkp_page_issue.pkp_op_archive .obj_issue_summary a.title,
.page_issue_archive .obj_issue_summary a.title,

.page_issue_archive .obj_issue_summary h2 > a,
.page_issue_archive .obj_issue_summary h3 > a {
    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;

    text-align: left !important;
    text-decoration: none !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(166,124,82,.58) !important;
}

.page_issue_archive .obj_issue_summary a.title::after,
.page_issue_archive .obj_issue_summary h2 > a::after,
.page_issue_archive .obj_issue_summary h3 > a::after {
    content: "  →" !important;

    color: var(--aia-bronze) !important;

    font-family: var(--aia-sans) !important;
    font-size: .74rem !important;
    font-weight: 500 !important;

    white-space: nowrap !important;
}

.page_issue_archive .obj_issue_summary a.title:hover,
.page_issue_archive .obj_issue_summary h2 > a:hover,
.page_issue_archive .obj_issue_summary h3 > a:hover {
    color: var(--aia-bronze) !important;
}


/* =================================================================
   8. ARCHIVE DATE
================================================================= */

body.pkp_page_issue.pkp_op_archive .obj_issue_summary .published,
.pkp_page_issue.pkp_op_archive .obj_issue_summary .published,
.page_issue_archive .obj_issue_summary .published,

.page_issue_archive .obj_issue_summary .date,
.page_issue_archive .obj_issue_summary time {
    grid-column: 2 !important;
    grid-row: 2 !important;

    align-self: start !important;

    width: auto !important;

    margin: 2px 0 0 !important;
    padding: 0 !important;

    color: #6B7680 !important;

    font-family: var(--aia-sans) !important;
    font-size: .79rem !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;

    text-align: left !important;
}


/* If Classic prints a "Published" label, make it secondary */

.page_issue_archive .obj_issue_summary .published .label {
    display: none !important;
}

.page_issue_archive .obj_issue_summary .published .value {
    color: inherit !important;

    font: inherit !important;
}


/* =================================================================
   9. SERIES + DESCRIPTION
================================================================= */

.page_issue_archive .obj_issue_summary .series {
    grid-column: 2 !important;

    margin: 2px 0 0 !important;
    padding: 0 !important;

    color: #6B7680 !important;

    font-family: var(--aia-sans) !important;
    font-size: .77rem !important;
    line-height: 1.45 !important;
}


/* Archive = scan, not read */

body.pkp_page_issue.pkp_op_archive .obj_issue_summary .description,
.pkp_page_issue.pkp_op_archive .obj_issue_summary .description,
.page_issue_archive .obj_issue_summary .description {
    display: none !important;
}


/* =================================================================
   10. REMOVE LEFTOVERS FROM CLASSIC / BOOTSTRAP
================================================================= */

.page_issue_archive .obj_issue_summary {
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;
}

.page_issue_archive .obj_issue_summary::before,
.page_issue_archive .obj_issue_summary::after {
    content: none !important;
}


/* =================================================================
   11. MOBILE
================================================================= */

@media (max-width: 700px) {

    body.pkp_page_issue.pkp_op_archive .container-page,
    .pkp_page_issue.pkp_op_archive .container-page {
        padding-top: 24px !important;
        padding-bottom: 40px !important;
    }

    body.pkp_page_issue.pkp_op_archive .page_issue_archive > h1,
    .pkp_page_issue.pkp_op_archive .page_issue_archive > h1,
    .page.page_issue_archive > h1 {
        margin-bottom: 22px !important;

        font-size: 1.8rem !important;
    }

    body.pkp_page_issue.pkp_op_archive ul.issues_archive > li,
    .pkp_page_issue.pkp_op_archive ul.issues_archive > li,
    .page_issue_archive ul.issues_archive > li {
        grid-template-columns: 88px minmax(0,1fr) !important;

        column-gap: 17px !important;
        row-gap: 4px !important;

        padding: 18px 0 !important;
    }

    body.pkp_page_issue.pkp_op_archive .obj_issue_summary .cover,
    .pkp_page_issue.pkp_op_archive .obj_issue_summary .cover,
    .page_issue_archive .obj_issue_summary .cover,

    body.pkp_page_issue.pkp_op_archive .obj_issue_summary .cover img,
    .pkp_page_issue.pkp_op_archive .obj_issue_summary .cover img,
    .page_issue_archive .obj_issue_summary .cover img {
        width: 88px !important;
        min-width: 88px !important;
        max-width: 88px !important;
    }

    body.pkp_page_issue.pkp_op_archive .obj_issue_summary h2,
    .pkp_page_issue.pkp_op_archive .obj_issue_summary h2,
    .page_issue_archive .obj_issue_summary h2,

    body.pkp_page_issue.pkp_op_archive .obj_issue_summary h3,
    .pkp_page_issue.pkp_op_archive .obj_issue_summary h3,
    .page_issue_archive .obj_issue_summary h3 {
        margin-top: 2px !important;

        font-size: 1.02rem !important;
        line-height: 1.3 !important;
    }

    body.pkp_page_issue.pkp_op_archive .obj_issue_summary .published,
    .pkp_page_issue.pkp_op_archive .obj_issue_summary .published,
    .page_issue_archive .obj_issue_summary .published,
    .page_issue_archive .obj_issue_summary .date,
    .page_issue_archive .obj_issue_summary time {
        font-size: .72rem !important;
    }

    .page_issue_archive .obj_issue_summary a.title::after,
    .page_issue_archive .obj_issue_summary h2 > a::after,
    .page_issue_archive .obj_issue_summary h3 > a::after {
        font-size: .68rem !important;
    }
}

/*
=====================================================================
 AI & ANTIQUITY — CLASSIC ACADEMIC v2.4
 CALL FOR PAPERS + ACADEMIC EVENTS
 Add at the END of the current CSS.

 ROOT CLASSES:
 CFP:
 <div class="aia-cfp-page" style="...">

 Academic Events:
 <div class="aia-events-page" style="...">
=====================================================================
*/


/* =================================================================
   1. SHARED WRAPPERS
================================================================= */

.aia-cfp-page,
.aia-events-page {
    width: 100% !important;
    max-width: 1120px !important;

    margin: 0 !important;
    padding: 0 0 38px !important;

    color: var(--aia-text) !important;

    font-family: var(--aia-sans) !important;
}

body:has(.aia-cfp-page) h1.page_title,
body:has(.aia-events-page) h1.page_title {
    display: none !important;
}


/* =================================================================
   2. SHARED SECTION HEADINGS
================================================================= */

.aia-cfp-page > section,
.aia-events-page > section {
    margin-bottom: 68px !important;
}

.aia-cfp-page > section > h2,
.aia-events-page > section > h2,
.aia-events-page .events-programme-detail > h2 {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;

    margin: 0 0 25px !important;
    padding: 0 !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.76rem !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    letter-spacing: -.012em !important;
}

.aia-cfp-page > section > h2::after,
.aia-events-page > section > h2::after,
.aia-events-page .events-programme-detail > h2::after {
    content: "";

    flex: 1;

    height: 1px;

    background:
        linear-gradient(
            to right,
            rgba(166,124,82,.72),
            rgba(166,124,82,0)
        );
}

.aia-cfp-page > section > h2 + div[style*="width: 60px"],
.aia-events-page > section > h2 + div[style*="width: 60px"],
.aia-events-page .events-programme-detail > h2 + div[style*="width: 60px"] {
    display: none !important;
}

.aia-cfp-page p,
.aia-cfp-page li,
.aia-events-page p,
.aia-events-page li {
    color: #46515A !important;

    font-size: .98rem !important;
    line-height: 1.76 !important;
}


/* =================================================================
   3. CALL FOR PAPERS — HERO
================================================================= */

.aia-cfp-page > section:first-of-type {
    max-width: 980px !important;

    margin: 0 0 52px !important;
    padding: 0 0 40px !important;

    border-bottom: 1px solid var(--aia-line-dark) !important;
}

/* Empty legacy span */
.aia-cfp-page > section:first-of-type > span:first-child {
    display: none !important;
}

.aia-cfp-page > section:first-of-type > h1 {
    max-width: 900px !important;

    margin: 0 0 20px !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: clamp(2.35rem,4vw,3.15rem) !important;
    line-height: 1.08 !important;
    font-weight: 600 !important;
    letter-spacing: -.024em !important;
}

.aia-cfp-page > section:first-of-type > h1::after {
    content: "";

    display: block;

    width: 62px;
    height: 3px;

    margin-top: 18px;

    background: var(--aia-bronze);
}


/* Deadline / publication become editorial facts, not pills */

.aia-cfp-page > section:first-of-type > div:nth-of-type(1) {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 0 34px !important;

    max-width: 700px !important;

    margin: 0 0 28px !important;
}

.aia-cfp-page > section:first-of-type > div:nth-of-type(1) > span {
    display: block !important;

    padding: 13px 0 14px !important;

    color: #5F6A73 !important;
    background: transparent !important;

    border: 0 !important;
    border-top: 2px solid var(--aia-bronze) !important;
    border-radius: 0 !important;

    font-family: var(--aia-sans) !important;
    font-size: .82rem !important;
    line-height: 1.45 !important;
}

.aia-cfp-page > section:first-of-type > div:nth-of-type(1) strong {
    display: block !important;

    margin-bottom: 3px !important;

    color: var(--aia-blue) !important;

    font-size: .69rem !important;
    font-weight: 700 !important;
    letter-spacing: .075em !important;

    text-transform: uppercase !important;
}

.aia-cfp-page > section:first-of-type > p {
    max-width: 850px !important;

    margin-bottom: 27px !important;

    color: #46515A !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.08rem !important;
    line-height: 1.78 !important;
}


/* Hero actions */

.aia-cfp-page > section:first-of-type > div:last-child {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.aia-cfp-page > section:first-of-type > div:last-child a,
.aia-cfp-page > section:last-of-type > div:last-child a {
    display: inline-flex !important;
    align-items: center !important;

    padding: 9px 15px !important;

    color: var(--aia-blue) !important;
    background: #fff !important;

    border: 1px solid var(--aia-line-dark) !important;
    border-left: 3px solid var(--aia-bronze) !important;
    border-radius: 2px !important;

    font-family: var(--aia-sans) !important;
    font-size: .82rem !important;
    font-weight: 650 !important;

    text-decoration: none !important;
}

.aia-cfp-page > section:first-of-type > div:last-child a:hover,
.aia-cfp-page > section:last-of-type > div:last-child a:hover {
    color: var(--aia-bronze) !important;
    background: var(--aia-soft) !important;
}


/* =================================================================
   4. CFP — MISSION STATEMENT
================================================================= */

.aia-cfp-page > section:nth-of-type(2) {
    max-width: 900px !important;

    margin-bottom: 62px !important;
    padding: 4px 0 4px 24px !important;

    border-left: 4px solid var(--aia-bronze) !important;
}

.aia-cfp-page > section:nth-of-type(2) p {
    margin: 0 !important;

    color: #4A555D !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.05rem !important;
    line-height: 1.78 !important;
    font-style: italic !important;
}


/* =================================================================
   5. CFP — TOPICS
================================================================= */

.aia-cfp-page > section:nth-of-type(3) > div[style*="display: grid"] {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 0 42px !important;
}

.aia-cfp-page > section:nth-of-type(3) > div[style*="display: grid"] > div {
    display: grid !important;
    grid-template-columns: 18px minmax(0,1fr) !important;
    gap: 9px !important;
    align-items: start !important;

    padding: 13px 0 14px !important;

    border-bottom: 1px solid var(--aia-line) !important;

    color: #46515A !important;

    font-size: .94rem !important;
    line-height: 1.55 !important;
}

.aia-cfp-page > section:nth-of-type(3) > div[style*="display: grid"] > div > span {
    color: var(--aia-bronze) !important;

    font-size: .8rem !important;
    font-weight: 700 !important;
}


/* =================================================================
   6. CFP — SUBMISSION FORMATS
================================================================= */

.aia-cfp-page > section:nth-of-type(4) > p {
    max-width: 850px !important;
}


/* =================================================================
   7. CFP — IMPORTANT DATES
================================================================= */

.aia-cfp-page > section:nth-of-type(5) > div:last-child {
    max-width: 720px !important;

    gap: 0 !important;
}

.aia-cfp-page > section:nth-of-type(5) > div:last-child > div {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 24px !important;
    align-items: baseline !important;

    padding: 14px 0 !important;

    border-bottom: 1px solid var(--aia-line) !important;
}

.aia-cfp-page > section:nth-of-type(5) > div:last-child > div:first-child {
    border-top: 1px solid var(--aia-line) !important;
}

.aia-cfp-page > section:nth-of-type(5) > div:last-child > div > span:first-child {
    color: #4B555D !important;

    font-size: .88rem !important;
    font-weight: 600 !important;
}

.aia-cfp-page > section:nth-of-type(5) > div:last-child > div > span:last-child {
    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
}


/* =================================================================
   8. CFP — FINAL CTA
================================================================= */

.aia-cfp-page > section:last-of-type {
    max-width: 930px !important;

    padding: 29px 31px !important;

    background: #F8F9FA !important;

    border: 0 !important;
    border-left: 4px solid var(--aia-bronze) !important;
    border-radius: 0 !important;
}

.aia-cfp-page > section:last-of-type > p {
    max-width: 820px !important;
}

.aia-cfp-page > section:last-of-type a:not([href*="/about/submissions"]):not([href*="/contact"]) {
    color: var(--aia-blue) !important;

    font-weight: 600 !important;

    text-decoration: none !important;
    border-bottom: 1px solid rgba(166,124,82,.5) !important;
}


/* =================================================================
   9. EVENTS — INTRO
================================================================= */

.aia-events-page > section:first-of-type {
    max-width: 910px !important;

    margin: 0 0 48px !important;
    padding: 4px 0 4px 24px !important;

    border-left: 4px solid var(--aia-bronze) !important;
}

.aia-events-page > section:first-of-type p {
    margin: 0 !important;

    color: #42505A !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.08rem !important;
    line-height: 1.78 !important;
}


/* =================================================================
   10. EVENTS — NEXT EVENT
================================================================= */

.aia-events-page .events-next {
    max-width: 980px !important;

    padding: 30px 32px !important;

    background: #F8F9FA !important;

    border: 0 !important;
    border-left: 4px solid var(--aia-bronze) !important;
    border-radius: 0 !important;
}

.aia-events-page .events-next > div {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 250px !important;
    gap: 36px !important;
    align-items: start !important;
}

.aia-events-page .events-next .event-kicker {
    display: block !important;

    margin: 0 0 8px !important;

    color: var(--aia-bronze) !important;

    font-family: var(--aia-sans) !important;
    font-size: .69rem !important;
    font-weight: 700 !important;
    letter-spacing: .1em !important;

    text-transform: uppercase !important;
}

.aia-events-page .events-next h2 {
    margin: 0 0 12px !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.62rem !important;
    line-height: 1.28 !important;
    font-weight: 600 !important;
}

.aia-events-page .events-next .event-meta {
    margin: 0 0 15px !important;

    color: #303A42 !important;

    font-family: var(--aia-sans) !important;
    font-size: .92rem !important;
    line-height: 1.5 !important;
}

.aia-events-page .events-next .event-side {
    padding: 18px 0 18px 20px !important;

    background: transparent !important;

    border: 0 !important;
    border-left: 1px solid var(--aia-line-dark) !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

.aia-events-page .events-next .event-side p {
    margin: 0 !important;

    color: #68737C !important;

    font-size: .8rem !important;
    line-height: 1.55 !important;
}


/* =================================================================
   11. EVENTS — PROGRAMMES
================================================================= */

.aia-events-page .events-programmes > div[style*="display: grid"] {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 0 34px !important;
}

.aia-events-page .events-programmes > div[style*="display: grid"] > div {
    padding: 18px 0 20px !important;

    background: transparent !important;

    border: 0 !important;
    border-top: 2px solid var(--aia-bronze) !important;
    border-bottom: 1px solid var(--aia-line) !important;
    border-radius: 0 !important;
}

.aia-events-page .events-programmes span {
    display: block !important;

    margin-bottom: 7px !important;

    color: var(--aia-bronze) !important;

    font-size: .68rem !important;
    font-weight: 700 !important;
    letter-spacing: .075em !important;

    text-transform: uppercase !important;
}

.aia-events-page .events-programmes h3 {
    margin: 0 0 9px !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.12rem !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}


/* =================================================================
   12. EVENTS — PROGRAMME DETAILS
================================================================= */

.aia-events-page .events-programme-detail > div[style*="max-width: 760px"] {
    max-width: 870px !important;
}

.aia-events-page .events-programme-detail a {
    color: var(--aia-blue) !important;

    text-decoration: none !important;
    border-bottom: 1px solid rgba(166,124,82,.5) !important;
}


/* Conference programme panel */

.aia-events-page .events-conference .conference-edition {
    max-width: 920px !important;

    margin-top: 28px !important;
    padding: 27px 29px !important;

    background: #F8F9FA !important;

    border: 0 !important;
    border-left: 3px solid var(--aia-bronze) !important;
    border-radius: 0 !important;
}

.aia-events-page .events-conference .conference-edition h4 {
    margin: 0 0 12px !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.22rem !important;
    font-weight: 600 !important;
}

.aia-events-page .events-conference .conference-edition h5 {
    margin: 25px 0 14px !important;

    color: var(--aia-bronze) !important;

    font-size: .68rem !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;

    text-transform: uppercase !important;
}


/* Programme schedule */

.aia-events-page .conference-schedule {
    gap: 0 !important;
}

.aia-events-page .conference-schedule > div {
    display: grid !important;
    grid-template-columns: 120px minmax(0,1fr) !important;
    gap: 20px !important;
    align-items: baseline !important;

    padding: 13px 0 !important;

    border-bottom: 1px solid var(--aia-line) !important;
}

.aia-events-page .conference-schedule > div:last-child {
    border-bottom: 0 !important;
}

.aia-events-page .conference-schedule > div > div:first-child {
    color: var(--aia-blue) !important;

    font-size: .8rem !important;
    font-weight: 700 !important;
}


/* =================================================================
   13. EVENTS — ANCIENT WORLD TODAY NEXT EDITION
================================================================= */

.aia-events-page .event-next-detail {
    max-width: 900px !important;

    margin-top: 26px !important;
    padding: 23px 26px !important;

    background: #F8F9FA !important;

    border-left: 3px solid var(--aia-bronze) !important;
}

.aia-events-page .event-next-detail .event-next-label {
    display: block !important;

    margin-bottom: 6px !important;

    color: var(--aia-bronze) !important;

    font-size: .67rem !important;
    font-weight: 700 !important;
    letter-spacing: .085em !important;

    text-transform: uppercase !important;
}

.aia-events-page .event-next-detail h3 {
    margin: 0 0 9px !important;

    color: var(--aia-blue) !important;

    font-family: var(--aia-serif) !important;
    font-size: 1.2rem !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

.aia-events-page .event-next-detail .event-date {
    margin: 0 0 10px !important;

    color: #364149 !important;

    font-size: .86rem !important;
    font-weight: 650 !important;
}


/* =================================================================
   14. TABLET + MOBILE
================================================================= */

@media (max-width: 900px) {

    .aia-events-page .events-programmes > div[style*="display: grid"] {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }

    .aia-events-page .events-next > div {
        grid-template-columns: minmax(0,1fr) 210px !important;
    }
}

@media (max-width: 700px) {

    .aia-cfp-page,
    .aia-events-page {
        padding-bottom: 18px !important;
    }

    .aia-cfp-page > section,
    .aia-events-page > section {
        margin-bottom: 50px !important;
    }

    .aia-cfp-page > section > h2,
    .aia-events-page > section > h2,
    .aia-events-page .events-programme-detail > h2 {
        gap: 12px !important;

        font-size: 1.45rem !important;
    }


    /* CFP hero */

    .aia-cfp-page > section:first-of-type {
        margin-bottom: 40px !important;
        padding-bottom: 30px !important;
    }

    .aia-cfp-page > section:first-of-type > h1 {
        font-size: 2rem !important;
        line-height: 1.12 !important;
    }

    .aia-cfp-page > section:first-of-type > div:nth-of-type(1),
    .aia-cfp-page > section:nth-of-type(3) > div[style*="display: grid"] {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    .aia-cfp-page > section:first-of-type > p {
        font-size: 1rem !important;
        line-height: 1.72 !important;
    }

    .aia-cfp-page > section:nth-of-type(2) {
        padding-left: 18px !important;
    }

    .aia-cfp-page > section:nth-of-type(5) > div:last-child > div {
        grid-template-columns: 1fr !important;
        gap: 4px !important;
    }

    .aia-cfp-page > section:last-of-type {
        padding: 24px 22px !important;
    }


    /* Events */

    .aia-events-page > section:first-of-type {
        padding-left: 18px !important;
    }

    .aia-events-page > section:first-of-type p {
        font-size: 1rem !important;
        line-height: 1.72 !important;
    }

    .aia-events-page .events-next {
        padding: 24px 22px !important;
    }

    .aia-events-page .events-next > div,
    .aia-events-page .events-programmes > div[style*="display: grid"] {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    .aia-events-page .events-next .event-side {
        margin-top: 20px !important;
        padding: 16px 0 0 !important;

        border-left: 0 !important;
        border-top: 1px solid var(--aia-line-dark) !important;
    }

    .aia-events-page .conference-schedule > div {
        grid-template-columns: 1fr !important;
        gap: 4px !important;
    }

    .aia-events-page .events-conference .conference-edition,
    .aia-events-page .event-next-detail {
        padding: 22px 20px !important;
    }
}