@import url('https://fonts.googleapis.com/css2?family=Literata:wght@500;700&family=Source+Sans+3:wght@400;600;700&display=swap');

/* =====================================================================
   CAR-J  |  Curriculum, Assessment and Research Journal (DCAR Sindh)
   Journal Style Sheet for OJS 3.5 (Default theme)
   Upload at: Settings > Website > Appearance > Advanced > Journal Style Sheet
   ===================================================================== */

:root {
  --carj-bg: #F3F6F4;
  --carj-surface: #FFFFFF;
  --carj-surface-2: #E8F0EB;
  --carj-ink: #14221D;
  --carj-muted: #4E6058;
  --carj-line: #D2DDD7;
  --carj-green: #0B5D3B;
  --carj-green-dark: #084A2F;
  --carj-gold: #D4AF37;
  --carj-gold-ink: #7A5E0E;
  --carj-navy: #12263F;
  --carj-band-ink: #F7F5EE;
  --carj-menu: #0A4631;
  --carj-serif: 'Literata', Georgia, 'Times New Roman', serif;
  --carj-sans: 'Source Sans 3', 'Noto Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* ---------- Base ---------- */
html { font-size: 16px; }
body {
  background: var(--carj-bg);
  color: var(--carj-ink);
  font-family: var(--carj-sans);
  line-height: 1.65;
}
body { overflow-x: hidden; }
.pkp_structure_page { overflow-x: clip; }
a { color: var(--carj-green); }
a:hover, a:focus { color: var(--carj-green-dark); }
:focus-visible { outline: 3px solid var(--carj-gold); outline-offset: 2px; }

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4 {
  font-family: var(--carj-serif);
  color: var(--carj-ink);
  text-wrap: balance;
}
.pkp_structure_main h1 { font-size: 2.1rem; line-height: 1.2; }
.pkp_structure_main h2 { font-size: 1.55rem; line-height: 1.3; color: var(--carj-green); }
.pkp_structure_main .page h2::after {
  content: "";
  display: block;
  width: 2.75rem;
  height: 3px;
  margin-top: 0.5rem;
  background: var(--carj-gold);
}

.pkp_structure_main h3 { font-size: 1.2rem; line-height: 1.35; }
.pkp_structure_main p,
.pkp_structure_main ul,
.pkp_structure_main ol { line-height: 1.7; }

/* Safety net: text pasted from code boxes must wrap like normal text */
.pkp_structure_main pre,
.pkp_structure_main code,
.pkp_structure_main kbd,
.pkp_structure_main samp,
.pkp_structure_sidebar pre,
.pkp_structure_sidebar code {
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}
.pkp_structure_main pre { margin: 0 0 1rem; }
.pkp_structure_main img { max-width: 100%; height: auto; }
.pkp_structure_main { overflow-wrap: break-word; }

/* ---------- Header ---------- */
.pkp_structure_head {
  background: linear-gradient(90deg, #0B5D3B 0%, #0D5240 60%, #12263F 100%) !important;
  border-bottom: 0;
}
.pkp_site_name .is_text,
.pkp_site_name > a {
  font-family: var(--carj-serif);
  font-weight: 700;
  color: var(--carj-band-ink);
}
.pkp_site_name .is_text::after {
  content: " (CAR-J)";
  color: var(--carj-gold);
  white-space: nowrap;
}
/* Uploaded logo (DCAR emblem) sits to the left of the journal title, which is drawn as text */
.pkp_site_name .is_img {
  position: relative;
  display: block;
  min-height: 112px;
  margin: 0;
  padding: 15px 0 0 154px;
  font-family: var(--carj-serif);
  font-weight: 700;
  color: var(--carj-band-ink);
  text-decoration: none;
}
.pkp_site_name .is_img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: auto;
  height: auto;
  max-width: 132px;
  max-height: 112px;
  margin: 0;
}
.pkp_site_name .is_img::before { content: "Curriculum, Assessment and Research Journal"; }
.pkp_site_name .is_img::after { content: " (CAR-J)"; color: var(--carj-gold); white-space: nowrap; }

/* Navigation row: dark green menu strip with a gold line above it (as in the demo) */
.pkp_navigation_primary_row {
  background: var(--carj-menu);
  border-top: 4px solid var(--carj-gold);
  border-bottom: 0;
}

/* ---------- Desktop header and navigation ---------- */
/* When a logo is uploaded OJS squeezes the whole header into a narrow box. Undo that. */
.has_site_logo .pkp_head_wrapper { width: 100%; padding-left: 0; padding-right: 0; }
@media (min-width: 768px) { .has_site_logo .pkp_navigation_primary_wrapper { width: 728px; } }
@media (min-width: 992px) { .has_site_logo .pkp_navigation_primary_wrapper { width: 952px; } }
@media (min-width: 1200px) { .has_site_logo .pkp_navigation_primary_wrapper { width: 1160px; } }
@media (min-width: 992px) {
  .pkp_head_wrapper,
  .has_site_logo .pkp_head_wrapper { padding-top: 2.6rem; }
  .pkp_site_name_wrapper { padding-bottom: 1.3rem; }
  .pkp_head_wrapper .pkp_site_name_wrapper .pkp_site_name { width: calc(100% - 420px); }
  .pkp_site_name .is_text {
    font-size: 2.5rem;
    line-height: 1.15;
    text-wrap: balance;
  }
  .pkp_site_name .is_img {
    font-size: 2.2rem;
    line-height: 1.15;
  }
  .pkp_site_name_wrapper::after {
    content: "";
    clear: none;
    display: block;
    position: absolute;
    right: 0;
    top: 0.2rem;
    width: 392px;
    height: 104px;
    background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22392%22 height=%22104%22 viewBox=%220 0 392 104%22%3E%3Ccircle cx=%2248%22 cy=%2236%22 r=%2229%22 fill=%22%23FFFFFF%22 fill-opacity=%220.08%22 stroke=%22%23D4AF37%22 stroke-width=%222%22/%3E%3Csvg x=%2229%22 y=%2217%22 width=%2238%22 height=%2238%22 viewBox=%22-70 -70 140 140%22%3E%3Cg fill=%22none%22 stroke=%22%23D4AF37%22 stroke-width=%225%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M -54%2C-30 Q -27%2C-44 0%2C-28 Q 27%2C-44 54%2C-30 L 54%2C34 Q 27%2C20 0%2C36 Q -27%2C20 -54%2C34 Z%22/%3E%3Cpath d=%22M 0%2C-28 L 0%2C36%22/%3E%3Cpath d=%22M -42%2C-14 Q -27%2C-20 -11%2C-12%22/%3E%3Cpath d=%22M -42%2C3 Q -27%2C-3 -11%2C5%22/%3E%3Cpath d=%22M -42%2C20 Q -27%2C14 -11%2C22%22/%3E%3Cpath d=%22M 11%2C-12 Q 27%2C-20 42%2C-14%22/%3E%3Cpath d=%22M 11%2C5 Q 27%2C-3 42%2C3%22/%3E%3Cpath d=%22M 28%2C-37 L 28%2C-6 L 36%2C-14 L 44%2C-6 L 44%2C-33%22/%3E%3C/g%3E%3C/svg%3E%3Ctext x=%2248%22 y=%2288%22 text-anchor=%22middle%22 font-family=%22Georgia%2C serif%22 font-weight=%22700%22 font-size=%2210%22 letter-spacing=%221.6%22 fill=%22%23D4AF37%22%3ECURRICULUM%3C/text%3E%3Cpath d=%22M84 36 H111%22 stroke=%22%23D4AF37%22 stroke-width=%221.6%22 stroke-dasharray=%222 3%22 stroke-linecap=%22round%22 fill=%22none%22/%3E%3Cpath d=%22M110 32 L116 36 L110 39%22 stroke=%22%23D4AF37%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22/%3E%3Ccircle cx=%22152%22 cy=%2236%22 r=%2229%22 fill=%22%23FFFFFF%22 fill-opacity=%220.08%22 stroke=%22%23D4AF37%22 stroke-width=%222%22/%3E%3Csvg x=%22133%22 y=%2217%22 width=%2238%22 height=%2238%22 viewBox=%22-70 -70 140 140%22%3E%3Cg fill=%22none%22 stroke=%22%23D4AF37%22 stroke-width=%225%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%22-40%22 y=%22-46%22 width=%2280%22 height=%22100%22 rx=%229%22/%3E%3Crect x=%22-17%22 y=%22-58%22 width=%2234%22 height=%2222%22 rx=%227%22 fill=%22%2312263F%22/%3E%3Cpath d=%22M -29%2C-14 L -23%2C-8 L -12%2C-22%22/%3E%3Cpath d=%22M -2%2C-14 L 28%2C-14%22/%3E%3Cpath d=%22M -29%2C10 L -23%2C16 L -12%2C2%22/%3E%3Cpath d=%22M -2%2C10 L 28%2C10%22/%3E%3Cpath d=%22M -29%2C34 L -23%2C40 L -12%2C26%22/%3E%3Cpath d=%22M -2%2C34 L 28%2C34%22/%3E%3C/g%3E%3C/svg%3E%3Ctext x=%22152%22 y=%2288%22 text-anchor=%22middle%22 font-family=%22Georgia%2C serif%22 font-weight=%22700%22 font-size=%2210%22 letter-spacing=%221.6%22 fill=%22%23D4AF37%22%3EASSESSMENT%3C/text%3E%3Cpath d=%22M188 36 H207%22 stroke=%22%23D4AF37%22 stroke-width=%221.6%22 stroke-dasharray=%222 3%22 stroke-linecap=%22round%22 fill=%22none%22/%3E%3Cpath d=%22M206 32 L212 36 L206 39%22 stroke=%22%23D4AF37%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22/%3E%3Ccircle cx=%22248%22 cy=%2236%22 r=%2229%22 fill=%22%23FFFFFF%22 fill-opacity=%220.08%22 stroke=%22%23D4AF37%22 stroke-width=%222%22/%3E%3Csvg x=%22229%22 y=%2217%22 width=%2238%22 height=%2238%22 viewBox=%22-70 -70 140 140%22%3E%3Cg fill=%22none%22 stroke=%22%23D4AF37%22 stroke-width=%225%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%22-8%22 cy=%22-8%22 r=%2238%22/%3E%3Cpath d=%22M 20%2C20 L 52%2C52%22 stroke-width=%2211%22/%3E%3Cpath d=%22M -28%2C12 L -28%2C2%22 stroke-width=%229%22/%3E%3Cpath d=%22M -14%2C12 L -14%2C-10%22 stroke-width=%229%22/%3E%3Cpath d=%22M 0%2C12 L 0%2C-20%22 stroke-width=%229%22/%3E%3Cpath d=%22M -32%2C-22 L -16%2C-34 L -4%2C-26 L 14%2C-38%22 stroke-width=%223.5%22/%3E%3C/g%3E%3C/svg%3E%3Ctext x=%22248%22 y=%2288%22 text-anchor=%22middle%22 font-family=%22Georgia%2C serif%22 font-weight=%22700%22 font-size=%2210%22 letter-spacing=%221.6%22 fill=%22%23D4AF37%22%3ERESEARCH%3C/text%3E%3Cpath d=%22M284 36 H303%22 stroke=%22%23D4AF37%22 stroke-width=%221.6%22 stroke-dasharray=%222 3%22 stroke-linecap=%22round%22 fill=%22none%22/%3E%3Cpath d=%22M302 32 L308 36 L302 39%22 stroke=%22%23D4AF37%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22/%3E%3Ccircle cx=%22344%22 cy=%2236%22 r=%2229%22 fill=%22%23FFFFFF%22 fill-opacity=%220.08%22 stroke=%22%23D4AF37%22 stroke-width=%222%22/%3E%3Csvg x=%22325%22 y=%2217%22 width=%2238%22 height=%2238%22 viewBox=%22-70 -70 140 140%22%3E%3Cg fill=%22none%22 stroke=%22%23D4AF37%22 stroke-width=%225%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%22-38%22 y=%22-52%22 width=%2276%22 height=%22104%22 rx=%228%22/%3E%3Cpath d=%22M -24%2C-52 L -24%2C52%22/%3E%3Cpath d=%22M -10%2C-32 L 26%2C-32%22/%3E%3Cpath d=%22M -10%2C-18 L 20%2C-18%22/%3E%3C/g%3E%3Ctext x=%228%22 y=%2238%22 text-anchor=%22middle%22 font-family=%22Georgia%2C serif%22 font-weight=%22700%22 font-size=%2254%22 fill=%22%23D4AF37%22%3EJ%3C/text%3E%3C/svg%3E%3Ctext x=%22344%22 y=%2288%22 text-anchor=%22middle%22 font-family=%22Georgia%2C serif%22 font-weight=%22700%22 font-size=%2210%22 letter-spacing=%221.6%22 fill=%22%23D4AF37%22%3EJOURNAL%3C/text%3E%3C/svg%3E") no-repeat right top;
  }
  .pkp_navigation_user_wrapper { z-index: 2; }
  .pkp_navigation_user a { color: rgba(247, 245, 238, 0.92); }

  .pkp_navigation_primary > li > a {
    margin: 0 0.1em;
    padding: 0.95rem 0.8rem 0.6rem;
    border-bottom: 3px solid transparent;
    color: var(--carj-band-ink);
    font-weight: 600;
  }
  .pkp_navigation_primary > li > a:hover {
    color: #fff;
    border-color: var(--carj-gold);
  }
  .pkp_navigation_primary > li > a:focus {
    background: transparent;
    color: #fff;
    outline: 3px solid var(--carj-gold);
    outline-offset: -3px;
  }
  .pkp_navigation_primary > li:first-child a { margin-left: -0.8em; }
  .pkp_navigation_search_wrapper a {
    margin: 0 0 0;
    padding: 0.95rem 0.5rem 0.6rem;
    border-bottom: 3px solid transparent;
    color: var(--carj-band-ink);
    font-weight: 600;
  }
  .pkp_navigation_search_wrapper a:hover {
    color: #fff;
    border-color: var(--carj-gold);
  }
  .pkp_navigation_primary .dropdown-menu {
    background: var(--carj-surface);
    border: 1px solid var(--carj-line);
    border-top: 3px solid var(--carj-gold);
    box-shadow: 0 8px 20px rgba(18, 38, 63, 0.12);
  }
  .pkp_navigation_primary .dropdown-menu a {
    color: var(--carj-ink);
    font-weight: 600;
  }
  .pkp_navigation_primary .dropdown-menu a:hover,
  .pkp_navigation_primary .dropdown-menu a:focus {
    background: var(--carj-surface-2);
    color: var(--carj-green);
    border-color: var(--carj-gold);
  }
}

/* ---------- Mobile header ---------- */
@media (max-width: 991px) {
  .pkp_site_name_wrapper { height: auto; min-height: 3.6rem; }
  .pkp_site_name {
    position: static;
    margin-left: 2.857rem;
    padding: 0.55rem 0.8rem 0.6rem;
    white-space: normal;
    overflow: visible;
  }
  .pkp_site_name .is_text,
  .pkp_site_name .is_img {
    display: block;
    font-size: 1.02rem;
    line-height: 1.3;
  }
  .pkp_site_name .is_img { min-height: 40px; padding: 0 0 0 54px; }
  .pkp_site_name .is_img img { max-width: 44px; max-height: 40px; }
  .pkp_site_name::after { display: none; }
  .pkp_site_nav_menu { background: var(--carj-menu); }
  .pkp_navigation_primary_row {
    background: transparent;
    border: 0;
  }
  .pkp_site_nav_menu a { color: var(--carj-band-ink); }
}

/* ---------- Page layout ---------- */
.pkp_structure_main:before,
.pkp_structure_main:after { display: none; }
.pkp_structure_content { padding-top: 2.4rem; }
@media (min-width: 992px) {
  .pkp_structure_main { padding: 0 2.2rem 4rem 0; }
}
.cmp_breadcrumbs ol { margin-bottom: 1rem; font-size: 0.88rem; }
.cmp_breadcrumbs a { color: var(--carj-green); }

@media (min-width: 992px) {
  .pkp_structure_main:first-child:last-child {
    float: none;
    width: 100%;
    max-width: 960px;
    margin: 0 auto 0 0;
    padding-left: 0;
  }
}

/* ---------- Sidebar blocks ---------- */
.pkp_structure_sidebar .pkp_block {
  margin: 0 0 20px;
  padding: 6px 22px 16px;
  background: var(--carj-surface);
  border: 1px solid var(--carj-line);
  border-top: 4px solid var(--carj-gold);
}
.pkp_block .title {
  margin: 0;
  padding: 14px 0 6px;
  font: 700 0.78rem/1.3 var(--carj-sans);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--carj-gold-ink);
}
.pkp_block .content ul { margin: 0; padding: 0; list-style: none; }
.pkp_block .content ul li { padding: 0.45rem 0; border-top: 1px solid var(--carj-line); }
.pkp_block .content ul li:first-child { border-top: 0; }
.pkp_block a { font-weight: 600; }
@media (min-width: 992px) {
  .pkp_structure_sidebar { width: 300px; }
}

/* ---------- Buttons ---------- */
.cmp_button, .cmp_form .buttons button, .page_lost_password .buttons button,
.page_search .submit button, .block_make_submission a, .pkp_button_primary {
  background: var(--carj-green);
  border: 2px solid var(--carj-green);
  border-radius: 6px;
  box-shadow: none;
  color: #fff;
  font-weight: 700;
  line-height: 1.9rem;
  padding: 0.25rem 1.1rem;
}
.cmp_button:hover, .cmp_button:focus, .cmp_form .buttons button:hover, .cmp_form .buttons button:focus,
.page_search .submit button:hover, .page_search .submit button:focus,
.block_make_submission a:hover, .pkp_button_primary:hover, .pkp_button_primary:focus {
  background: var(--carj-green-dark);
  border-color: var(--carj-green-dark);
  box-shadow: none;
  color: #fff;
}
.cmp_button_wire, .obj_galley_link {
  background: transparent;
  border: 2px solid var(--carj-green);
  border-radius: 6px;
  color: var(--carj-green);
  font-weight: 700;
  line-height: 1.7rem;
}
.cmp_button_wire:hover, .cmp_button_wire:focus, .obj_galley_link:hover, .obj_galley_link:focus {
  background: var(--carj-green);
  color: #fff;
}

/* ---------- Tables, lists, issues and articles ---------- */
.pkp_structure_main .page table {
  width: 100%;
  border-collapse: collapse;
  background: var(--carj-surface);
  margin: 0.5rem 0 1.4rem;
}
.pkp_structure_main .page th,
.pkp_structure_main .page td {
  padding: 0.7rem 0.9rem;
  border: 1px solid var(--carj-line);
  text-align: left;
  vertical-align: top;
}
.pkp_structure_main .page th {
  background: var(--carj-surface-2);
  font-size: 0.8rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.obj_article_summary {
  margin: 0 0 0.9rem;
  padding: 1rem 1.2rem;
  background: var(--carj-surface);
  border: 1px solid var(--carj-line);
  border-left: 4px solid var(--carj-gold);
}
.obj_article_summary .title { font-family: var(--carj-serif); font-weight: 700; }
.obj_issue_summary { padding: 1rem 0; border-bottom: 1px solid var(--carj-line); }
.obj_issue_summary .title { font-family: var(--carj-serif); font-weight: 700; }
.pkp_page_index .current_issue_title,
.current_issue_title { color: var(--carj-gold-ink); font-weight: 700; letter-spacing: 0.04em; }
.page_issue_archive .issues_archive > li { margin-bottom: 1rem; }

/* ---------- Footer ---------- */
.pkp_structure_footer_wrapper,
html body .pkp_structure_footer_wrapper:not(#a):not(#b) {
  background: var(--carj-navy) !important;
  background-image: none !important;
  border-top: 4px solid var(--carj-gold);
  color: var(--carj-band-ink);
}
.pkp_structure_footer_wrapper:not(#a)::before,
.pkp_structure_footer_wrapper:not(#a)::after {
  background: none !important;
  box-shadow: none !important;
}
html body .pkp_structure_footer_wrapper .pkp_structure_footer:not(#a),
.pkp_structure_footer_wrapper .pkp_footer_content:not(#a),
.pkp_structure_footer_wrapper .pkp_footer_content:not(#a) *,
.pkp_structure_footer_wrapper .pkp_footer_content:not(#a) *::before,
.pkp_structure_footer_wrapper .pkp_footer_content:not(#a) *::after {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--carj-band-ink) !important;
}
.pkp_structure_footer_wrapper .pkp_footer_content:not(#a) a { color: var(--carj-gold) !important; }
.pkp_footer_content { padding: 2.2rem 0 1rem; text-align: left; font-size: 0.95rem; line-height: 1.65; }
.pkp_footer_content p { margin: 0 0 0.6rem; }
.pkp_footer_content strong { font: 700 1.1rem var(--carj-serif); }
.pkp_brand_footer { padding: 0.8rem 0 1.8rem; }
.pkp_brand_footer img { filter: brightness(0) invert(1); opacity: 0.75; }

/* ---------- Editorial Masthead page (about/editorialMasthead) ---------- */
@media (min-width: 700px) {
  .page_masthead {
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    column-gap: 36px;
    align-items: start;
  }
  .page_masthead > * { grid-column: 1 / -1; }
  .page_masthead > h2 {
    grid-column: 1;
    margin: 0;
    padding: 26px 0;
    border-top: 1px solid var(--carj-line);
    font-size: 1.25rem;
  }
  .page_masthead > ul.user_listing {
    grid-column: 2;
    margin: 0;
    padding: 26px 0;
    border-top: 1px solid var(--carj-line);
  }
}
.page_masthead > h1 { margin-bottom: 1.2rem; }
.page_masthead .user_listing { list-style: none; padding-left: 0; }
.page_masthead .user_listing li {
  display: flex;
  flex-direction: column;
  margin: 0 0 1rem;
  padding: 0;
}
.page_masthead .user_listing li:last-child { margin-bottom: 0; }
.page_masthead .user_listing .name {
  order: 1;
  font: 700 1.2rem/1.35 var(--carj-sans);
  color: var(--carj-ink);
}
.page_masthead .user_listing .affiliation { order: 2; color: var(--carj-muted); }
.page_masthead .user_listing .date_start { order: 3; font-size: 0.88rem; color: var(--carj-muted); }
.page_masthead hr { border: 0; border-top: 1px solid var(--carj-line); margin: 0.5rem 0 1.5rem; }

/* ---------- About and Submissions pages: lead paragraph and tables ---------- */
.page_about > p:first-of-type {
  max-width: 70ch;
  font-size: 1.15rem;
  line-height: 1.75;
  color: var(--carj-muted);
}
.pkp_structure_main .page_about h2 { margin: 2.6rem 0 1rem; font-size: 1.5rem; }
.pkp_structure_main .page_submissions h3 {
  margin: 2.2rem 0 0.8rem;
  font-size: 1.25rem;
  color: var(--carj-green);
}
.pkp_structure_main :is(.page_about, .page_submissions) table {
  width: 100%;
  margin: 0.4rem 0 1.4rem;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--carj-surface);
  border: 1px solid var(--carj-line);
  border-top: 4px solid var(--carj-gold);
}
.pkp_structure_main :is(.page_about, .page_submissions) th,
.pkp_structure_main :is(.page_about, .page_submissions) td {
  padding: 0.95rem 1.2rem;
  border: 0;
  border-bottom: 1px solid var(--carj-line);
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}
.pkp_structure_main :is(.page_about, .page_submissions) tr:last-child > th,
.pkp_structure_main :is(.page_about, .page_submissions) tr:last-child > td { border-bottom: 0; }
.pkp_structure_main :is(.page_about, .page_submissions) th {
  width: 28%;
  background: var(--carj-surface-2);
  color: var(--carj-green-dark);
  font: 700 0.82rem/1.5 var(--carj-sans);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.pkp_structure_main :is(.page_about, .page_submissions) td ul,
.pkp_structure_main :is(.page_about, .page_submissions) td p { margin: 0; }
.pkp_structure_main :is(.page_about, .page_submissions) td ul { padding-left: 1.15rem; }
.pkp_structure_main :is(.page_about, .page_submissions) td li { margin: 0 0 0.3rem; }
.pkp_structure_main :is(.page_about, .page_submissions) td li:last-child { margin-bottom: 0; }
/* tables with a header row (for example article types) */
.pkp_structure_main :is(.page_about, .page_submissions) thead th {
  width: auto;
  overflow-wrap: normal;
  border-bottom: 2px solid var(--carj-green);
}
.pkp_structure_main :is(.page_about, .page_submissions) table:has(thead) tbody td:first-child { width: 34%; }
@media (max-width: 640px) {
  .pkp_structure_main :is(.page_about, .page_submissions) table:not(:has(thead)),
  .pkp_structure_main :is(.page_about, .page_submissions) table:not(:has(thead)) :is(tbody, tr, th, td) { display: block; width: 100%; }
  .pkp_structure_main :is(.page_about, .page_submissions) table:not(:has(thead)) th { padding-bottom: 0.45rem; border-bottom: 0; }
  .pkp_structure_main :is(.page_about, .page_submissions) table:not(:has(thead)) td { padding-top: 0.55rem; }
  .pkp_structure_main :is(.page_about, .page_submissions) table:not(:has(thead)) tr { border-bottom: 1px solid var(--carj-line); }
  .pkp_structure_main :is(.page_about, .page_submissions) table:not(:has(thead)) tr:last-child { border-bottom: 0; }
  .pkp_structure_main :is(.page_about, .page_submissions) table:has(thead) th,
  .pkp_structure_main :is(.page_about, .page_submissions) table:has(thead) td { padding: 0.7rem 0.45rem; font-size: 0.88rem; }
  .pkp_structure_main :is(.page_about, .page_submissions) table:has(thead) th { letter-spacing: 0; font-size: 0.7rem; }
  .pkp_structure_main :is(.page_about, .page_submissions) table:has(thead) tbody td:first-child { width: 32%; }
}

/* ---------- Contact page ---------- */
.page_contact .contact_section { max-width: 62ch; }
.page_contact .contact.primary,
.page_contact .contact.support {
  margin-top: 1.4rem;
  padding-top: 1.1rem;
  border-top: 1px solid var(--carj-line);
}
.page_contact .contact h2 { margin-top: 0; font-size: 1.2rem; }
.page_contact .contact .name { font-weight: 700; }
.page_contact .label { color: var(--carj-muted); font-size: 0.8rem; letter-spacing: 0.06em; text-transform: uppercase; }

/* ---------- Home page: full-width layout with the CAR-J sections ----------
   These rules apply only when the homepage block (.carj-hero) has been added
   under Additional Content. Without it, the normal OJS homepage is kept. */
.pkp_page_index:has(.carj-hero) .pkp_structure_sidebar { display: none; }
.pkp_page_index:has(.carj-hero) .pkp_structure_main {
  float: none;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.pkp_page_index:has(.carj-hero) .pkp_structure_content { padding-bottom: 0; }
.pkp_page_index:has(.carj-hero) .homepage_about { display: none; }
.pkp_page_index:has(.carj-hero) .homepage_image { display: none; }
.pkp_page_index:has(.carj-hero) .current_issue { margin-top: 2.4rem; }
.pkp_page_index .additional_content:has(.carj-hero) { margin: 0; padding: 0; border: 0; }

.carj-eyebrow {
  margin: 0 0 10px !important;
  font: 700 0.78rem/1.4 var(--carj-sans);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--carj-gold-ink);
}
.carj-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  gap: 44px;
  align-items: start;
  padding-top: 0.4rem;
}
.carj-hero h2 {
  margin: 0 0 18px !important;
  font: 700 clamp(1.9rem, 4vw, 2.7rem)/1.15 var(--carj-serif) !important;
}
.carj-lead { margin: 0 0 14px; font-size: 1.15rem; color: var(--carj-muted); max-width: 64ch; }
.carj-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.carj-btn {
  display: inline-block;
  padding: 12px 20px;
  border: 2px solid var(--carj-green);
  border-radius: 6px;
  background: var(--carj-green);
  color: #fff !important;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}
.carj-btn:hover { background: var(--carj-green-dark); border-color: var(--carj-green-dark); }
.carj-btn.is-ghost { background: transparent; color: var(--carj-green) !important; }
.carj-btn.is-ghost:hover { background: var(--carj-surface-2); }
.carj-btn.is-gold { background: var(--carj-gold); border-color: var(--carj-gold); color: var(--carj-navy) !important; }
.carj-btn.is-gold:hover { background: #c29f2c; border-color: #c29f2c; }

.carj-glance {
  padding: 8px 24px 12px;
  background: var(--carj-surface);
  border: 1px solid var(--carj-line);
  border-top: 4px solid var(--carj-gold);
}
.carj-glance h3 {
  margin: 0 !important;
  padding: 14px 0 6px;
  font: 700 0.78rem/1.3 var(--carj-sans) !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--carj-gold-ink) !important;
}
.carj-glance .carj-row { padding: 11px 0; border-top: 1px solid var(--carj-line); }
.carj-glance .carj-term { font-size: 0.78rem; color: var(--carj-muted); letter-spacing: 0.04em; text-transform: uppercase; }
.carj-glance .carj-def { margin: 0; font-weight: 600; }

.carj-section { padding-top: 56px; }
.carj-section h2.carj-title {
  margin: 0 0 14px !important;
  font: 700 clamp(1.6rem, 3.2vw, 2.1rem)/1.2 var(--carj-serif) !important;
}
.carj-pillars {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 18px;
  border-top: 1px solid var(--carj-line);
}
.carj-pillar { padding: 28px 28px 8px 0; }
.carj-pillar + .carj-pillar { padding-left: 28px; border-left: 1px solid var(--carj-line); }
.carj-pillar h3 { margin: 0 0 8px !important; font-size: 1.3rem !important; }
.carj-pillar p { margin: 0; color: var(--carj-muted); }
.carj-medal {
  width: 64px;
  height: 64px;
  margin-bottom: 14px;
  border: 2px solid var(--carj-gold);
  border-radius: 50%;
  background-color: var(--carj-navy);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 62%;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}
.carj-medal.is-curriculum { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22-70 -70 140 140%22%3E%3Cg fill=%22none%22 stroke=%22%23D4AF37%22 stroke-width=%225%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M -54%2C-30 Q -27%2C-44 0%2C-28 Q 27%2C-44 54%2C-30 L 54%2C34 Q 27%2C20 0%2C36 Q -27%2C20 -54%2C34 Z%22/%3E%3Cpath d=%22M 0%2C-28 L 0%2C36%22/%3E%3Cpath d=%22M -42%2C-14 Q -27%2C-20 -11%2C-12%22/%3E%3Cpath d=%22M -42%2C3 Q -27%2C-3 -11%2C5%22/%3E%3Cpath d=%22M -42%2C20 Q -27%2C14 -11%2C22%22/%3E%3Cpath d=%22M 11%2C-12 Q 27%2C-20 42%2C-14%22/%3E%3Cpath d=%22M 11%2C5 Q 27%2C-3 42%2C3%22/%3E%3Cpath d=%22M 28%2C-37 L 28%2C-6 L 36%2C-14 L 44%2C-6 L 44%2C-33%22/%3E%3C/g%3E%3C/svg%3E"); }
.carj-medal.is-assessment { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22-70 -70 140 140%22%3E%3Cg fill=%22none%22 stroke=%22%23D4AF37%22 stroke-width=%225%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%22-40%22 y=%22-46%22 width=%2280%22 height=%22100%22 rx=%229%22/%3E%3Crect x=%22-17%22 y=%22-58%22 width=%2234%22 height=%2222%22 rx=%227%22 fill=%22%2312263F%22/%3E%3Cpath d=%22M -29%2C-14 L -23%2C-8 L -12%2C-22%22/%3E%3Cpath d=%22M -2%2C-14 L 28%2C-14%22/%3E%3Cpath d=%22M -29%2C10 L -23%2C16 L -12%2C2%22/%3E%3Cpath d=%22M -2%2C10 L 28%2C10%22/%3E%3Cpath d=%22M -29%2C34 L -23%2C40 L -12%2C26%22/%3E%3Cpath d=%22M -2%2C34 L 28%2C34%22/%3E%3C/g%3E%3C/svg%3E"); }
.carj-medal.is-research { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22-70 -70 140 140%22%3E%3Cg fill=%22none%22 stroke=%22%23D4AF37%22 stroke-width=%225%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%22-8%22 cy=%22-8%22 r=%2238%22/%3E%3Cpath d=%22M 20%2C20 L 52%2C52%22 stroke-width=%2211%22/%3E%3Cpath d=%22M -28%2C12 L -28%2C2%22 stroke-width=%229%22/%3E%3Cpath d=%22M -14%2C12 L -14%2C-10%22 stroke-width=%229%22/%3E%3Cpath d=%22M 0%2C12 L 0%2C-20%22 stroke-width=%229%22/%3E%3Cpath d=%22M -32%2C-22 L -16%2C-34 L -4%2C-26 L 14%2C-38%22 stroke-width=%223.5%22/%3E%3C/g%3E%3C/svg%3E"); }

.carj-why { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 56px; margin-top: 20px; }
.carj-why h3 { margin: 0 0 4px !important; font: 700 1.08rem/1.35 var(--carj-sans) !important; }
.carj-why p { margin: 0; color: var(--carj-muted); }

.carj-team { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 32px; margin-top: 18px; }
.carj-who { padding-top: 12px; border-top: 2px solid var(--carj-gold); }
.carj-role { font-size: 0.78rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--carj-gold-ink); }
.carj-name { margin-top: 2px; font: 700 1.15rem/1.35 var(--carj-serif); }
.carj-affil { color: var(--carj-muted); }

/* Full-width navy call-for-papers band */
.carj-cfp {
  position: relative;
  margin-top: 64px;
  padding: 48px 0 44px;
  background: var(--carj-navy);
  color: var(--carj-band-ink);
  box-shadow: 0 0 0 100vmax var(--carj-navy);
  clip-path: inset(0 -100vmax);
}
.carj-cfp::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100vmax;
  right: -100vmax;
  height: 4px;
  background: var(--carj-gold);
}
.carj-cfp-inner { display: flex; flex-wrap: wrap; gap: 20px 48px; align-items: center; justify-content: space-between; }
.carj-cfp-text { flex: 1 1 420px; min-width: 0; }
.carj-cfp h2 {
  margin: 0 0 10px !important;
  font: 700 1.8rem/1.2 var(--carj-serif) !important;
  color: var(--carj-band-ink) !important;
}
.carj-cfp p { margin: 0; max-width: 62ch; color: var(--carj-band-ink); opacity: 0.92; }

@media (max-width: 860px) {
  .carj-hero { grid-template-columns: minmax(0, 1fr); gap: 32px; }
}
@media (max-width: 760px) {
  .carj-pillars, .carj-why, .carj-team { grid-template-columns: minmax(0, 1fr); }
  .carj-pillar, .carj-pillar + .carj-pillar {
    padding: 24px 0 8px;
    border-left: 0;
    border-bottom: 1px solid var(--carj-line);
  }
	
}
.pkp_brand_footer { display: none !important; }