/* Universitas OJS custom stylesheet
   Widened content, full-width header image and navigation, responsive spacing. */

/* Keep the uploaded OJS header image as the sole visible journal banner. */
.pkp_site_name_wrapper {
  height: auto !important;
}

.pkp_site_name {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  text-align: center !important;
  white-space: normal !important;
}

/* The uploaded banner already contains the journal identity. */
.pkp_site_name .is_text {
  display: none !important;
}

.pkp_site_name .is_img {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_site_name .is_img img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* Wider desktop page and footer. */
@media (min-width: 992px) {
  .pkp_structure_content,
  .pkp_structure_footer {
    width: 100% !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
  }

  .pkp_structure_main {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-left: 1px solid #d9e1e5 !important;
    border-right: 1px solid #d9e1e5 !important;
    box-sizing: border-box !important;
  }

  .pkp_structure_main::before,
  .pkp_structure_main::after {
    display: none !important;
    content: none !important;
  }

  .pkp_structure_main > .page {
    max-width: none !important;
  }

  .pkp_structure_footer_wrapper {
    width: 100% !important;
  }

  .pkp_footer_content,
  .pkp_brand_footer {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .pkp_brand_footer a {
    max-width: 150px !important;
  }

  /* Let the uploaded header image span the widened OJS page. */
  .pkp_structure_head .pkp_head_wrapper {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .pkp_structure_head .pkp_site_name_wrapper,
  .pkp_structure_head .pkp_site_name {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Place the primary navigation in a separate, full-bleed bar under the banner. */
  .pkp_site_nav_menu {
    position: static !important;
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .pkp_navigation_primary_row {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    box-sizing: border-box !important;
    background: #0b3f5d !important;
  }

  .pkp_navigation_primary_wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
    background: transparent !important;
  }

  .pkp_navigation_primary,
  #navigationPrimary {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .pkp_navigation_primary > li:first-child > a,
  #navigationPrimary > li:first-child > a {
    margin-left: 0 !important;
    padding-left: 12px !important;
  }

  .pkp_navigation_primary > li > a,
  .pkp_navigation_search_wrapper a {
    color: #fff !important;
  }

  .pkp_navigation_search_wrapper {
    float: none !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
  }

  /* Register and Log in at the upper-right of the banner. */
  .pkp_navigation_user_wrapper {
    position: absolute !important;
    top: 10px !important;
    right: 24px !important;
    left: auto !important;
    transform: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1002 !important;
  }

  .pkp_navigation_user {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  .pkp_navigation_user > li {
    margin: 0 !important;
  }

  .pkp_navigation_user > li > a {
    display: inline-block !important;
    padding: 8px 13px !important;
    border: 1px solid #e5ece7 !important;
    border-radius: 2px !important;
    background: #fff !important;
    color: #123c2a !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
  }
}

/* Maintain usable content and image spacing on phones and tablets. */
@media (max-width: 991px) {
  .pkp_structure_content {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .pkp_site_name .is_img img {
    width: 100% !important;
    max-width: 100% !important;
  }

  .pkp_navigation_user_wrapper {
    position: static !important;
    text-align: right !important;
  }
}

/* Custom Universitas footer. Add the matching HTML block in OJS Page Footer. */
.universitas-footer {
  width: 100%;
  box-sizing: border-box;
  padding: 16px 24px 7px;
  background: #e9e9e9;
  color: #58636d;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.35;
}

.universitas-footer * {
  box-sizing: border-box;
}

.universitas-footer .uf-wrap {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

.universitas-footer .uf-intro {
  margin: 0 0 10px;
}

.universitas-footer .uf-brand {
  display: block;
  color: #16486b;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.universitas-footer .uf-tagline {
  margin: 2px 0 0;
  color: #74808a;
  font-size: 11px;
}

.universitas-footer .uf-main {
  display: grid;
  grid-template-columns: auto minmax(270px, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 9px;
}

.universitas-footer .uf-logos {
  display: flex;
  align-items: center;
  gap: 4px;
}

.universitas-footer .uf-logo-link {
  display: flex;
  width: 74px;
  height: 72px;
  align-items: center;
  justify-content: center;
  padding: 3px;
  overflow: hidden;
  border: 2px solid #173f61;
  background: #fff;
  text-decoration: none;
}

.universitas-footer .uf-logo-link img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.universitas-footer .uf-contact p {
  margin: 1px 0;
}

.universitas-footer .uf-contact strong {
  color: #34414d;
}

.universitas-footer .uf-social {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

.universitas-footer .uf-social-link {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
}

.universitas-footer .uf-facebook { background: #1877f2; }
.universitas-footer .uf-instagram { background: linear-gradient(135deg, #7545c8, #ed3b77, #ff9b36); }
.universitas-footer .uf-youtube { background: #ed111b; font-size: 17px; }
.universitas-footer .uf-linkedin { background: #0a80ad; font-size: 18px; }
.universitas-footer .uf-messenger { background: #0877f9; font-size: 18px; }
.universitas-footer .uf-whatsapp { background: #21c653; font-size: 21px; }

.universitas-footer .uf-commitment {
  margin: 0;
  padding: 8px 10px;
  border-left: 3px solid #17496c;
  background: #f4f5f6;
  color: #58636d;
  font-size: 11px;
  line-height: 1.3;
}

.universitas-footer .uf-commitment strong {
  color: #34414d;
  font-size: 12px;
}

.universitas-footer .uf-copyright {
  margin: 6px 0 0;
  color: #87919a;
  font-size: 10px;
  text-align: center;
}

/* Hide the theme's separate PKP logo row below the custom footer. */
.pkp_brand_footer {
  display: none !important;
}

@media (max-width: 850px) {
  .universitas-footer .uf-main {
    grid-template-columns: 1fr auto;
    align-items: start;
  }

  .universitas-footer .uf-logos {
    grid-column: 1;
    grid-row: 1;
  }

  .universitas-footer .uf-contact {
    grid-column: 1;
    grid-row: 2;
  }

  .universitas-footer .uf-social {
    grid-column: 2;
    grid-row: 1 / span 2;
    flex-wrap: wrap;
    max-width: 140px;
  }
}

@media (max-width: 560px) {
  .universitas-footer {
    padding: 14px 14px 7px;
  }

  .universitas-footer .uf-main {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .universitas-footer .uf-logos,
  .universitas-footer .uf-contact,
  .universitas-footer .uf-social {
    grid-column: 1;
    grid-row: auto;
  }

  .universitas-footer .uf-social {
    justify-content: flex-start;
    max-width: none;
  }

  .universitas-footer .uf-logo-link {
    width: 68px;
    height: 66px;
  }
}
/* Universitas homepage layout */
:root {
  --u-green: #06432f;
  --u-gold: #bd8119;
  --u-brown: #49320c;
  --u-white: #ffffff;
}

/* Header banner */
.pkp_structure_head .pkp_head_wrapper {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_site_name_wrapper,
.pkp_site_name {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.pkp_site_name .is_text {
  display: none !important;
}

.pkp_site_name .is_img {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_site_name .is_img img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Register and Log in at the top-right of the banner */
.pkp_navigation_user_wrapper {
  position: absolute !important;
  top: 9px !important;
  right: 16px !important;
  left: auto !important;
  z-index: 20 !important;
  width: auto !important;
  margin: 0 !important;
}

.pkp_navigation_user {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_navigation_user > li > a {
  display: block !important;
  padding: 6px 12px !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 2px !important;
  background: var(--u-white) !important;
  color: var(--u-brown) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* Gold navigation bar with white menu buttons */
.pkp_site_nav_menu {
  position: static !important;
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
}

.pkp_navigation_primary_row {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  background: linear-gradient(
    to bottom,
    var(--u-gold) 0,
    var(--u-gold) 44px,
    var(--u-white) 44px,
    var(--u-white) 100%
  ) !important;
}

.pkp_navigation_primary_wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 14px !important;
  background: transparent !important;
}

.pkp_navigation_primary,
#navigationPrimary {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 6px 0 !important;
  list-style: none !important;
}

.pkp_navigation_primary > li,
#navigationPrimary > li {
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_navigation_primary > li > a,
#navigationPrimary > li > a {
  display: block !important;
  margin: 0 !important;
  padding: 5px 12px !important;
  border-radius: 5px !important;
  background: var(--u-white) !important;
  color: var(--u-brown) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.pkp_navigation_primary > li > a:hover,
#navigationPrimary > li > a:hover {
  background: #f5ead5 !important;
  color: var(--u-brown) !important;
}

/* Center the Search Articles button beneath the navigation */
.pkp_navigation_search_wrapper {
  float: none !important;
  align-self: center !important;
  width: min(510px, 100%) !important;
  margin: 10px auto 16px !important;
  padding: 0 !important;
  border: 0 !important;
}

.pkp_navigation_search_wrapper .pkp_search_desktop {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 46px !important;
  padding: 8px 12px !important;
  border: 2px solid #e6dbc3 !important;
  border-radius: 9px !important;
  background: var(--u-brown) !important;
  color: var(--u-white) !important;
  font-size: 0 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.pkp_navigation_search_wrapper .pkp_search_desktop::after {
  content: "Search Articles  🔍";
  color: var(--u-white);
  font-size: 14px;
}

/* Widen the homepage content area */
.pkp_structure_content {
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 0 14px !important;
  box-sizing: border-box !important;
}

.pkp_structure_main {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  margin: 0 auto !important;
}

.pkp_structure_main > .page,
.page_index_journal .additional_content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Three lower homepage panels: call for papers, features, and action buttons */
.universitas-home-grid {
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) minmax(190px, 0.8fr) minmax(200px, 0.8fr);
  gap: 14px;
  width: 100%;
  margin: 0 0 10px;
}

.universitas-home-panel {
  min-height: 187px;
  padding: 14px;
  background: var(--u-green);
  color: var(--u-white);
  box-sizing: border-box;
}

.uh-call {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 18px;
}

.uh-features ul {
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.uh-features li {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  margin: 2px 0;
  color: var(--u-white);
  font-size: 12px;
  line-height: 1.2;
}

.uh-features li::before {
  content: "✓";
  display: inline-flex;
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  align-items: center;
  justify-content: center;
  background: #28c979;
  color: var(--u-white);
  font-size: 10px;
  font-weight: 700;
}

.uh-actions {
  padding: 6px 12px;
}

.uh-actions a {
  display: block;
  margin: 9px 0 12px;
  padding: 5px 8px;
  border-radius: 5px;
  background: var(--u-white);
  color: var(--u-brown);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

.uh-actions a:hover {
  background: #f5ead5;
}

/* Tablet and phone layout */
@media (max-width: 850px) {
  .universitas-home-grid {
    grid-template-columns: 1fr 1fr;
  }

  .uh-actions {
    grid-column: 1 / -1;
  }

  .uh-actions a {
    display: inline-block;
    min-width: 42%;
    margin: 6px 2%;
  }
}

@media (max-width: 560px) {
  .pkp_navigation_user_wrapper {
    top: 6px !important;
    right: 7px !important;
  }

  .pkp_navigation_user > li > a {
    padding: 5px 8px !important;
    font-size: 11px !important;
  }

  .pkp_navigation_primary_wrapper {
    padding: 0 8px !important;
  }

  .pkp_navigation_primary,
  #navigationPrimary {
    justify-content: center !important;
    gap: 5px !important;
  }

  .pkp_navigation_primary > li > a,
  #navigationPrimary > li > a {
    padding: 5px 8px !important;
    font-size: 12px !important;
  }

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

  .universitas-home-panel {
    min-height: 150px;
  }

  .uh-actions {
    grid-column: auto;
  }

  .uh-actions a {
    display: block;
    margin: 8px 0;
  }
}
.page_index_journal .current_issue {
  display: none !important;
}
.u-three-panels {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  align-items: stretch;
}

.u-three-panel {
  display: flex;
  min-width: 0;
  min-height: 360px;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  overflow: hidden;
  background: #06432f;
  color: #fff;
}

.u-three-panel h2 {
  margin: 0 0 14px;
  color: inherit;
}

.u-cover-panel {
  padding: 0;
}

.u-cover-panel img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
}

.u-quick-panel a {
  display: block;
  margin-top: 10px;
  padding: 10px;
  border-radius: 5px;
  background: #fff;
  color: #4b330d;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
}

@media (max-width: 800px) {
  .u-three-panels {
    grid-template-columns: 1fr;
  }
}
:root {
  --u-green: #06432f;
  --u-brown: #4b330d;
  --u-mint: #bdeec7;
  --u-ink: #172b25;
}

.u-page,
.u-page * {
  box-sizing: border-box;
}

.u-page {
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  background: #fff;
  color: var(--u-ink);
  font-family: Arial, Helvetica, sans-serif;
}

/* Main two-column homepage content */
.u-content-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(360px, 1fr);
  align-items: stretch;
  gap: 16px;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 16px 9px 10px;
}

.u-call-panel {
  min-width: 0;
  padding: 8px;
  background: var(--u-green);
  color: #fff;
}

.u-call-panel h1 {
  min-height: 49px;
  margin: 0;
  padding: 12px 2px 10px;
  color: #fff;
  font-size: 17px;
  line-height: 1.25;
}

.u-call-panel h1 span {
  font-weight: 400;
}

.u-call-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 20px;
}

.u-cover-frame {
  display: flex;
  min-width: 0;
  min-height: 352px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #f5f8fb;
}

.u-cover-frame img {
  display: block;
  width: 100%;
  height: 352px;
  object-fit: cover;
  object-position: center;
}

.u-issue-summary {
  min-height: 344px;
  padding: 20px 12px;
  border-radius: 17px;
  background: var(--u-mint);
  color: #111;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
}

/* Login and quick links */
.u-sidebar {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 16px;
}

.u-login-panel {
  padding: 0;
  background: #fff;
}

.u-login-panel h2 {
  display: grid;
  min-height: 36px;
  place-items: center;
  margin: 0 0 13px;
  border-radius: 7px;
  background: var(--u-brown);
  color: #fff;
  font-size: 17px;
  line-height: 1;
}

.u-login-panel form {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.u-login-panel form > label {
  margin: 0 10px 5px;
  color: #111;
  font-size: 17px;
  font-weight: 700;
}

.u-login-panel input[type="text"],
.u-login-panel input[type="password"] {
  width: 100%;
  height: 37px;
  margin: 0 0 10px;
  padding: 5px 9px;
  border: 2px solid #111;
  border-radius: 7px;
  background: #fff;
  font-size: 15px;
}

.u-login-options {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 1px 0 12px;
}

.u-remember {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 5px;
  color: #111;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}

.u-remember input {
  width: 36px;
  height: 36px;
  margin: 0;
  accent-color: var(--u-green);
}

.u-login-submit,
.u-wide-button {
  display: flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 6px;
  background: var(--u-brown);
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.u-login-submit {
  flex: 0 0 50%;
}

.u-wide-button {
  width: 50%;
  margin: 0 4px 8px;
}

.u-wide-button:hover,
.u-quick-links a:hover {
  background: #f3e7cf;
}

.u-quick-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-content: start;
  gap: 16px;
  min-height: 115px;
  padding: 12px;
  background: var(--u-green);
}

.u-quick-links a {
  display: flex;
  min-height: 27px;
  align-items: center;
  justify-content: center;
  padding: 4px 7px;
  border-radius: 5px;
  background: #fff;
  color: var(--u-brown);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 900px) {
  .u-content-layout {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.9fr);
  }

  .u-call-content {
    gap: 10px;
  }

  .u-issue-summary {
    padding: 14px 10px;
  }
}

@media (max-width: 700px) {
  .u-content-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .u-call-content {
    grid-template-columns: 1fr;
  }

  .u-cover-frame,
  .u-cover-frame img {
    width: min(100%, 280px);
    min-height: 0;
    height: auto;
    min-height: 350px;
    margin: 0 auto;
  }

  .u-issue-summary {
    min-height: 0;
    font-size: 12px;
  }

  .u-quick-links {
    gap: 9px;
    padding: 10px;
  }
}

/* Four-card article placeholder for OJS Additional Content */
.uac-gallery,
.uac-gallery * {
  box-sizing: border-box;
}

.uac-gallery {
  width: 100%;
  padding: 14px 18px 24px;
  background: #f5f7f9;
  color: #142338;
  font-family: Arial, Helvetica, sans-serif;
}

.uac-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  max-width: 1500px;
  margin: 0 auto;
}

.uac-card {
  display: flex;
  min-width: 0;
  min-height: 710px;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #dce4ec;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(28, 44, 61, 0.08);
}

.uac-artwork {
  display: grid;
  height: 188px;
  flex: 0 0 188px;
  place-items: center;
  background: linear-gradient(125deg, #ff8c00 0%, #bd9a62 55%, #6589a9 100%);
}

.uac-file-icon {
  position: relative;
  display: block;
  width: 55px;
  height: 68px;
  border: 5px solid #f5f6f4;
  border-radius: 8px;
}

.uac-file-icon::before {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 18px;
  height: 19px;
  border-bottom: 5px solid #f5f6f4;
  border-left: 5px solid #f5f6f4;
  background: #bd9a62;
  content: "";
}

.uac-file-icon::after {
  position: absolute;
  top: 29px;
  right: 9px;
  left: 9px;
  height: 4px;
  background: #f5f6f4;
  box-shadow: 0 12px 0 #f5f6f4, 0 -11px 0 #f5f6f4;
  content: "";
}

.uac-card-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 26px 26px 24px;
}

.uac-category {
  display: block;
  margin-bottom: 12px;
  padding: 7px 12px;
  border: 1px solid #dce4ec;
  background: #f8fafb;
  color: #f07800;
  font-size: 13px;
  line-height: 1.2;
}

.uac-title {
  margin: 0 0 17px;
  color: #142338;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.28;
}

.uac-authors {
  margin: 0 0 14px;
  color: #101820;
  font-size: 17px;
  line-height: 1.55;
}

.uac-summary {
  display: -webkit-box;
  overflow: hidden;
  margin: 0 0 20px;
  color: #687789;
  font-size: 15px;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.uac-date {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: auto;
  padding: 15px 0 19px;
  border-bottom: 1px solid #dce4ec;
  color: #65778d;
  font-size: 13px;
}

.uac-calendar {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 12px;
  border: 1px solid #74869b;
  border-radius: 2px;
}

.uac-calendar::before {
  position: absolute;
  top: 2px;
  right: 0;
  left: 0;
  border-top: 1px solid #74869b;
  content: "";
}

.uac-calendar::after {
  position: absolute;
  top: -3px;
  left: 3px;
  width: 5px;
  height: 3px;
  border-right: 1px solid #74869b;
  border-left: 1px solid #74869b;
  content: "";
}

.uac-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding-top: 18px;
}

.uac-actions a {
  display: flex;
  min-height: 45px;
  align-items: center;
  justify-content: center;
  border: 1px solid #dce4ec;
  border-radius: 9px;
  background: #f8fafb;
  color: #58718d;
  font-size: 15px;
  text-decoration: none;
}

.uac-actions a:hover {
  background: #edf2f6;
}

@media (max-width: 1100px) {
  .uac-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

@media (max-width: 620px) {
  .uac-gallery {
    padding: 12px;
  }

  .uac-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .uac-card {
    min-height: 0;
  }

  .uac-card-body {
    min-height: 430px;
    padding: 22px;
  }
}

/* Three-column homepage: white/transparent cover and About panels; green Quick Links panel */
.u-three-panel:not(.u-quick-panel) {
  background-color: transparent !important;
  color: #142338 !important;
  box-shadow: none !important;
}

.u-three-panel:not(.u-quick-panel) h2 {
  color: #142338 !important;
}

.u-quick-panel {
  background-color: #06432f !important;
  color: #fff !important;
}

.u-quick-panel h2 {
  color: #fff !important;
}

.u-quick-panel a {
  background-color: #fff !important;
  color: #4b330d !important;
}
/* Quick Links: transparent panel with green buttons */
.u-quick-panel,
.u-quick-links {
  background: transparent !important;
  color: #172b25 !important;
}

.u-quick-panel h2,
.u-quick-links h2 {
  color: #06432f !important;
}

.u-quick-links {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

.u-quick-panel .u-quick-links a,
.u-quick-links a {
  background: #06432f !important;
  color: #fff !important;
  border: 1px solid #06432f !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.u-quick-panel .u-quick-links a:hover,
.u-quick-panel .u-quick-links a:focus-visible,
.u-quick-links a:hover,
.u-quick-links a:focus-visible {
  background: #fff !important;
  color: #06432f !important;
  border-color: #06432f !important;
}
:root {
  --u-green: #06432f;
  --u-brown: #4b330d;
  --u-mint: #bdeec7;
  --u-ink: #172b25;
}

.u-page,
.u-page * {
  box-sizing: border-box;
}

.u-page {
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  background: #fff;
  color: var(--u-ink);
  font-family: Arial, Helvetica, sans-serif;
}

/* Main two-column homepage content */
.u-content-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(360px, 1fr);
  align-items: stretch;
  gap: 16px;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 16px 9px 10px;
}

.u-call-panel {
  min-width: 0;
  padding: 8px;
  background: var(--u-green);
  color: #fff;
}

.u-call-panel h1 {
  min-height: 49px;
  margin: 0;
  padding: 12px 2px 10px;
  color: #fff;
  font-size: 17px;
  line-height: 1.25;
}

.u-call-panel h1 span {
  font-weight: 400;
}

.u-call-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 20px;
}

.u-cover-frame {
  display: flex;
  min-width: 0;
  min-height: 352px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #f5f8fb;
}

.u-cover-frame img {
  display: block;
  width: 100%;
  height: 352px;
  object-fit: cover;
  object-position: center;
}

.u-issue-summary {
  min-height: 344px;
  padding: 20px 12px;
  border-radius: 17px;
  background: var(--u-mint);
  color: #111;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
}

/* Login and quick links */
.u-sidebar {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 16px;
}

.u-login-panel {
  padding: 0;
  background: #fff;
}

.u-login-panel h2 {
  display: grid;
  min-height: 36px;
  place-items: center;
  margin: 0 0 13px;
  border-radius: 7px;
  background: var(--u-brown);
  color: #fff;
  font-size: 17px;
  line-height: 1;
}

.u-login-panel form {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.u-login-panel form > label {
  margin: 0 10px 5px;
  color: #111;
  font-size: 17px;
  font-weight: 700;
}

.u-login-panel input[type="text"],
.u-login-panel input[type="password"] {
  width: 100%;
  height: 37px;
  margin: 0 0 10px;
  padding: 5px 9px;
  border: 2px solid #111;
  border-radius: 7px;
  background: #fff;
  font-size: 15px;
}

.u-login-options {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 1px 0 12px;
}

.u-remember {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 5px;
  color: #111;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}

.u-remember input {
  width: 36px;
  height: 36px;
  margin: 0;
  accent-color: var(--u-green);
}

.u-login-submit,
.u-wide-button {
  display: flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 6px;
  background: var(--u-brown);
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.u-login-submit {
  flex: 0 0 50%;
}

.u-wide-button {
  width: 50%;
  margin: 0 4px 8px;
}

.u-wide-button:hover,
.u-quick-links a:hover {
  background: #f3e7cf;
}

.u-quick-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-content: start;
  gap: 16px;
  min-height: 115px;
  padding: 12px;
  background: var(--u-green);
}

.u-quick-links a {
  display: flex;
  min-height: 27px;
  align-items: center;
  justify-content: center;
  padding: 4px 7px;
  border-radius: 5px;
  background: #fff;
  color: var(--u-brown);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 900px) {
  .u-content-layout {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.9fr);
  }

  .u-call-content {
    gap: 10px;
  }

  .u-issue-summary {
    padding: 14px 10px;
  }
}

@media (max-width: 700px) {
  .u-content-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .u-call-content {
    grid-template-columns: 1fr;
  }

  .u-cover-frame,
  .u-cover-frame img {
    width: min(100%, 280px);
    min-height: 0;
    height: auto;
    min-height: 350px;
    margin: 0 auto;
  }

  .u-issue-summary {
    min-height: 0;
    font-size: 12px;
  }

  .u-quick-links {
    gap: 9px;
    padding: 10px;
  }
}

/* Four-card article placeholder for OJS Additional Content */
.uac-gallery,
.uac-gallery * {
  box-sizing: border-box;
}

.uac-gallery {
  width: 100%;
  padding: 14px 18px 24px;
  background: #f5f7f9;
  color: #142338;
  font-family: Arial, Helvetica, sans-serif;
}

.uac-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  max-width: 1500px;
  margin: 0 auto;
}

.uac-card {
  display: flex;
  min-width: 0;
  min-height: 710px;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #dce4ec;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(28, 44, 61, 0.08);
}

.uac-artwork {
  display: grid;
  height: 188px;
  flex: 0 0 188px;
  place-items: center;
  background: linear-gradient(125deg, #ff8c00 0%, #bd9a62 55%, #6589a9 100%);
}

.uac-file-icon {
  position: relative;
  display: block;
  width: 55px;
  height: 68px;
  border: 5px solid #f5f6f4;
  border-radius: 8px;
}

.uac-file-icon::before {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 18px;
  height: 19px;
  border-bottom: 5px solid #f5f6f4;
  border-left: 5px solid #f5f6f4;
  background: #bd9a62;
  content: "";
}

.uac-file-icon::after {
  position: absolute;
  top: 29px;
  right: 9px;
  left: 9px;
  height: 4px;
  background: #f5f6f4;
  box-shadow: 0 12px 0 #f5f6f4, 0 -11px 0 #f5f6f4;
  content: "";
}

.uac-card-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 26px 26px 24px;
}

.uac-category {
  display: block;
  margin-bottom: 12px;
  padding: 7px 12px;
  border: 1px solid #dce4ec;
  background: #f8fafb;
  color: #f07800;
  font-size: 13px;
  line-height: 1.2;
}

.uac-title {
  margin: 0 0 17px;
  color: #142338;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.28;
}

.uac-authors {
  margin: 0 0 14px;
  color: #101820;
  font-size: 17px;
  line-height: 1.55;
}

.uac-summary {
  display: -webkit-box;
  overflow: hidden;
  margin: 0 0 20px;
  color: #687789;
  font-size: 15px;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.uac-date {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: auto;
  padding: 15px 0 19px;
  border-bottom: 1px solid #dce4ec;
  color: #65778d;
  font-size: 13px;
}

.uac-calendar {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 12px;
  border: 1px solid #74869b;
  border-radius: 2px;
}

.uac-calendar::before {
  position: absolute;
  top: 2px;
  right: 0;
  left: 0;
  border-top: 1px solid #74869b;
  content: "";
}

.uac-calendar::after {
  position: absolute;
  top: -3px;
  left: 3px;
  width: 5px;
  height: 3px;
  border-right: 1px solid #74869b;
  border-left: 1px solid #74869b;
  content: "";
}

.uac-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding-top: 18px;
}

.uac-actions a {
  display: flex;
  min-height: 45px;
  align-items: center;
  justify-content: center;
  border: 1px solid #dce4ec;
  border-radius: 9px;
  background: #f8fafb;
  color: #58718d;
  font-size: 15px;
  text-decoration: none;
}

.uac-actions a:hover {
  background: #edf2f6;
}

@media (max-width: 1100px) {
  .uac-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

@media (max-width: 620px) {
  .uac-gallery {
    padding: 12px;
  }

  .uac-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .uac-card {
    min-height: 0;
  }

  .uac-card-body {
    min-height: 430px;
    padding: 22px;
  }
}
:root {
  --u-green: #06432f;
  --u-brown: #4b330d;
  --u-mint: #bdeec7;
  --u-ink: #172b25;
}

.u-page,
.u-page * {
  box-sizing: border-box;
}

.u-page {
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  background: #fff;
  color: var(--u-ink);
  font-family: Arial, Helvetica, sans-serif;
}

/* Main two-column homepage content */
.u-content-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(360px, 1fr);
  align-items: stretch;
  gap: 16px;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 16px 9px 10px;
}

.u-call-panel {
  min-width: 0;
  padding: 8px;
  background: var(--u-green);
  color: #fff;
}

.u-call-panel h1 {
  min-height: 49px;
  margin: 0;
  padding: 12px 2px 10px;
  color: #fff;
  font-size: 17px;
  line-height: 1.25;
}

.u-call-panel h1 span {
  font-weight: 400;
}

.u-call-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 20px;
}

.u-cover-frame {
  display: flex;
  min-width: 0;
  min-height: 352px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #f5f8fb;
}

.u-cover-frame img {
  display: block;
  width: 100%;
  height: 352px;
  object-fit: cover;
  object-position: center;
}

.u-issue-summary {
  min-height: 344px;
  padding: 20px 12px;
  border-radius: 17px;
  background: var(--u-mint);
  color: #111;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
}

/* Login and quick links */
.u-sidebar {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 16px;
}

.u-login-panel {
  padding: 0;
  background: #fff;
}

.u-login-panel h2 {
  display: grid;
  min-height: 36px;
  place-items: center;
  margin: 0 0 13px;
  border-radius: 7px;
  background: var(--u-brown);
  color: #fff;
  font-size: 17px;
  line-height: 1;
}

.u-login-panel form {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.u-login-panel form > label {
  margin: 0 10px 5px;
  color: #111;
  font-size: 17px;
  font-weight: 700;
}

.u-login-panel input[type="text"],
.u-login-panel input[type="password"] {
  width: 100%;
  height: 37px;
  margin: 0 0 10px;
  padding: 5px 9px;
  border: 2px solid #111;
  border-radius: 7px;
  background: #fff;
  font-size: 15px;
}

.u-login-options {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 1px 0 12px;
}

.u-remember {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 5px;
  color: #111;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}

.u-remember input {
  width: 36px;
  height: 36px;
  margin: 0;
  accent-color: var(--u-green);
}

.u-login-submit,
.u-wide-button {
  display: flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 6px;
  background: var(--u-brown);
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.u-login-submit {
  flex: 0 0 50%;
}

.u-wide-button {
  width: 50%;
  margin: 0 4px 8px;
}

.u-wide-button:hover,
.u-quick-links a:hover {
  background: #f3e7cf;
}

.u-quick-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-content: start;
  gap: 16px;
  min-height: 115px;
  padding: 12px;
  background: var(--u-green);
}

.u-quick-links a {
  display: flex;
  min-height: 27px;
  align-items: center;
  justify-content: center;
  padding: 4px 7px;
  border-radius: 5px;
  background: #fff;
  color: var(--u-brown);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 900px) {
  .u-content-layout {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.9fr);
  }

  .u-call-content {
    gap: 10px;
  }

  .u-issue-summary {
    padding: 14px 10px;
  }
}

@media (max-width: 700px) {
  .u-content-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .u-call-content {
    grid-template-columns: 1fr;
  }

  .u-cover-frame,
  .u-cover-frame img {
    width: min(100%, 280px);
    min-height: 0;
    height: auto;
    min-height: 350px;
    margin: 0 auto;
  }

  .u-issue-summary {
    min-height: 0;
    font-size: 12px;
  }

  .u-quick-links {
    gap: 9px;
    padding: 10px;
  }
}

/* Four-card article placeholder for OJS Additional Content */
.uac-gallery,
.uac-gallery * {
  box-sizing: border-box;
}

.uac-gallery {
  width: 100%;
  padding: 14px 18px 24px;
  background: #f5f7f9;
  color: #142338;
  font-family: Arial, Helvetica, sans-serif;
}

.uac-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  max-width: 1500px;
  margin: 0 auto;
}

.uac-card {
  display: flex;
  min-width: 0;
  min-height: 710px;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #dce4ec;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(28, 44, 61, 0.08);
}

.uac-artwork {
  display: grid;
  height: 188px;
  flex: 0 0 188px;
  place-items: center;
  background: linear-gradient(125deg, #ff8c00 0%, #bd9a62 55%, #6589a9 100%);
}

.uac-file-icon {
  position: relative;
  display: block;
  width: 55px;
  height: 68px;
  border: 5px solid #f5f6f4;
  border-radius: 8px;
}

.uac-file-icon::before {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 18px;
  height: 19px;
  border-bottom: 5px solid #f5f6f4;
  border-left: 5px solid #f5f6f4;
  background: #bd9a62;
  content: "";
}

.uac-file-icon::after {
  position: absolute;
  top: 29px;
  right: 9px;
  left: 9px;
  height: 4px;
  background: #f5f6f4;
  box-shadow: 0 12px 0 #f5f6f4, 0 -11px 0 #f5f6f4;
  content: "";
}

.uac-card-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 26px 26px 24px;
}

.uac-category {
  display: block;
  margin-bottom: 12px;
  padding: 7px 12px;
  border: 1px solid #dce4ec;
  background: #f8fafb;
  color: #f07800;
  font-size: 13px;
  line-height: 1.2;
}

.uac-title {
  margin: 0 0 17px;
  color: #142338;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.28;
}

.uac-authors {
  margin: 0 0 14px;
  color: #101820;
  font-size: 17px;
  line-height: 1.55;
}

.uac-summary {
  display: -webkit-box;
  overflow: hidden;
  margin: 0 0 20px;
  color: #687789;
  font-size: 15px;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.uac-date {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: auto;
  padding: 15px 0 19px;
  border-bottom: 1px solid #dce4ec;
  color: #65778d;
  font-size: 13px;
}

.uac-calendar {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 12px;
  border: 1px solid #74869b;
  border-radius: 2px;
}

.uac-calendar::before {
  position: absolute;
  top: 2px;
  right: 0;
  left: 0;
  border-top: 1px solid #74869b;
  content: "";
}

.uac-calendar::after {
  position: absolute;
  top: -3px;
  left: 3px;
  width: 5px;
  height: 3px;
  border-right: 1px solid #74869b;
  border-left: 1px solid #74869b;
  content: "";
}

.uac-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding-top: 18px;
}

.uac-actions a {
  display: flex;
  min-height: 45px;
  align-items: center;
  justify-content: center;
  border: 1px solid #dce4ec;
  border-radius: 9px;
  background: #f8fafb;
  color: #58718d;
  font-size: 15px;
  text-decoration: none;
}

.uac-actions a:hover {
  background: #edf2f6;
}

@media (max-width: 1100px) {
  .uac-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

@media (max-width: 620px) {
  .uac-gallery {
    padding: 12px;
  }

  .uac-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .uac-card {
    min-height: 0;
  }

  .uac-card-body {
    min-height: 430px;
    padding: 22px;
  }
}

/* Three-column homepage: white/transparent cover and About panels; green Quick Links panel */
.u-three-panel:not(.u-quick-panel) {
  background-color: transparent !important;
  color: #142338 !important;
  box-shadow: none !important;
}

.u-three-panel:not(.u-quick-panel) h2 {
  color: #142338 !important;
}

.u-quick-panel {
  background-color: #06432f !important;
  color: #fff !important;
}

.u-quick-panel h2 {
  color: #fff !important;
}

.u-quick-panel a {
  background-color: #fff !important;
  color: #4b330d !important;
}

/* Editor's Choice: five article cards per row on wide screens (ten cards total) */
.uac-gallery-title {
  margin: 0 0 24px;
  color: #142338;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
}

.uac-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.uac-card-body {
  padding: 20px 18px 20px;
}

.uac-title {
  font-size: 18px;
  line-height: 1.3;
}

.uac-authors {
  font-size: 14px;
  line-height: 1.45;
}

.uac-summary {
  font-size: 13px;
  line-height: 1.45;
  -webkit-line-clamp: 5;
}

.uac-category {
  font-size: 12px;
}

.uac-actions a {
  font-size: 13px;
}

@media (max-width: 1200px) {
  .uac-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 850px) {
  .uac-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .uac-grid {
    grid-template-columns: 1fr;
  }

  .uac-gallery-title {
    font-size: 25px;
  }
}
/* Use your hosted image for all Editor's Choice cards */
.uac-artwork {
  background-color: #06432f;
  background-image: url("https://i.ibb.co/6R4kmTPP/cover-4.png") !important;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Hide the placeholder document icon */
.uac-file-icon {
  display: none !important;
}
:root {
  --u-green: #06432f;
  --u-brown: #4b330d;
  --u-mint: #bdeec7;
  --u-ink: #172b25;
}

.u-page,
.u-page * {
  box-sizing: border-box;
}

.u-page {
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  background: #fff;
  color: var(--u-ink);
  font-family: Arial, Helvetica, sans-serif;
}

/* Main two-column homepage content */
.u-content-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(360px, 1fr);
  align-items: stretch;
  gap: 16px;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 16px 9px 10px;
}

.u-call-panel {
  min-width: 0;
  padding: 8px;
  background: var(--u-green);
  color: #fff;
}

.u-call-panel h1 {
  min-height: 49px;
  margin: 0;
  padding: 12px 2px 10px;
  color: #fff;
  font-size: 17px;
  line-height: 1.25;
}

.u-call-panel h1 span {
  font-weight: 400;
}

.u-call-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 20px;
}

.u-cover-frame {
  display: flex;
  min-width: 0;
  min-height: 352px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #f5f8fb;
}

.u-cover-frame img {
  display: block;
  width: 100%;
  height: 352px;
  object-fit: cover;
  object-position: center;
}

.u-issue-summary {
  min-height: 344px;
  padding: 20px 12px;
  border-radius: 17px;
  background: var(--u-mint);
  color: #111;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
}

/* Login and quick links */
.u-sidebar {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 16px;
}

.u-login-panel {
  padding: 0;
  background: #fff;
}

.u-login-panel h2 {
  display: grid;
  min-height: 36px;
  place-items: center;
  margin: 0 0 13px;
  border-radius: 7px;
  background: var(--u-brown);
  color: #fff;
  font-size: 17px;
  line-height: 1;
}

.u-login-panel form {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.u-login-panel form > label {
  margin: 0 10px 5px;
  color: #111;
  font-size: 17px;
  font-weight: 700;
}

.u-login-panel input[type="text"],
.u-login-panel input[type="password"] {
  width: 100%;
  height: 37px;
  margin: 0 0 10px;
  padding: 5px 9px;
  border: 2px solid #111;
  border-radius: 7px;
  background: #fff;
  font-size: 15px;
}

.u-login-options {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 1px 0 12px;
}

.u-remember {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 5px;
  color: #111;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}

.u-remember input {
  width: 36px;
  height: 36px;
  margin: 0;
  accent-color: var(--u-green);
}

.u-login-submit,
.u-wide-button {
  display: flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 6px;
  background: var(--u-brown);
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.u-login-submit {
  flex: 0 0 50%;
}

.u-wide-button {
  width: 50%;
  margin: 0 4px 8px;
}

.u-wide-button:hover,
.u-quick-links a:hover {
  background: #f3e7cf;
}

.u-quick-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-content: start;
  gap: 16px;
  min-height: 115px;
  padding: 12px;
  background: var(--u-green);
}

.u-quick-links a {
  display: flex;
  min-height: 27px;
  align-items: center;
  justify-content: center;
  padding: 4px 7px;
  border-radius: 5px;
  background: #fff;
  color: var(--u-brown);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 900px) {
  .u-content-layout {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.9fr);
  }

  .u-call-content {
    gap: 10px;
  }

  .u-issue-summary {
    padding: 14px 10px;
  }
}

@media (max-width: 700px) {
  .u-content-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .u-call-content {
    grid-template-columns: 1fr;
  }

  .u-cover-frame,
  .u-cover-frame img {
    width: min(100%, 280px);
    min-height: 0;
    height: auto;
    min-height: 350px;
    margin: 0 auto;
  }

  .u-issue-summary {
    min-height: 0;
    font-size: 12px;
  }

  .u-quick-links {
    gap: 9px;
    padding: 10px;
  }
}

/* Four-card article placeholder for OJS Additional Content */
.uac-gallery,
.uac-gallery * {
  box-sizing: border-box;
}

.uac-gallery {
  width: 100%;
  padding: 14px 18px 24px;
  background: #f5f7f9;
  color: #142338;
  font-family: Arial, Helvetica, sans-serif;
}

.uac-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  max-width: 1500px;
  margin: 0 auto;
}

.uac-card {
  display: flex;
  min-width: 0;
  min-height: 710px;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #dce4ec;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(28, 44, 61, 0.08);
}

.uac-artwork {
  display: grid;
  height: 188px;
  flex: 0 0 188px;
  place-items: center;
  background: linear-gradient(125deg, #ff8c00 0%, #bd9a62 55%, #6589a9 100%);
}

.uac-file-icon {
  position: relative;
  display: block;
  width: 55px;
  height: 68px;
  border: 5px solid #f5f6f4;
  border-radius: 8px;
}

.uac-file-icon::before {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 18px;
  height: 19px;
  border-bottom: 5px solid #f5f6f4;
  border-left: 5px solid #f5f6f4;
  background: #bd9a62;
  content: "";
}

.uac-file-icon::after {
  position: absolute;
  top: 29px;
  right: 9px;
  left: 9px;
  height: 4px;
  background: #f5f6f4;
  box-shadow: 0 12px 0 #f5f6f4, 0 -11px 0 #f5f6f4;
  content: "";
}

.uac-card-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 26px 26px 24px;
}

.uac-category {
  display: block;
  margin-bottom: 12px;
  padding: 7px 12px;
  border: 1px solid #dce4ec;
  background: #f8fafb;
  color: #f07800;
  font-size: 13px;
  line-height: 1.2;
}

.uac-title {
  margin: 0 0 17px;
  color: #142338;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.28;
}

.uac-authors {
  margin: 0 0 14px;
  color: #101820;
  font-size: 17px;
  line-height: 1.55;
}

.uac-summary {
  display: -webkit-box;
  overflow: hidden;
  margin: 0 0 20px;
  color: #687789;
  font-size: 15px;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.uac-date {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: auto;
  padding: 15px 0 19px;
  border-bottom: 1px solid #dce4ec;
  color: #65778d;
  font-size: 13px;
}

.uac-calendar {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 12px;
  border: 1px solid #74869b;
  border-radius: 2px;
}

.uac-calendar::before {
  position: absolute;
  top: 2px;
  right: 0;
  left: 0;
  border-top: 1px solid #74869b;
  content: "";
}

.uac-calendar::after {
  position: absolute;
  top: -3px;
  left: 3px;
  width: 5px;
  height: 3px;
  border-right: 1px solid #74869b;
  border-left: 1px solid #74869b;
  content: "";
}

.uac-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding-top: 18px;
}

.uac-actions a {
  display: flex;
  min-height: 45px;
  align-items: center;
  justify-content: center;
  border: 1px solid #dce4ec;
  border-radius: 9px;
  background: #f8fafb;
  color: #58718d;
  font-size: 15px;
  text-decoration: none;
}

.uac-actions a:hover {
  background: #edf2f6;
}

@media (max-width: 1100px) {
  .uac-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

@media (max-width: 620px) {
  .uac-gallery {
    padding: 12px;
  }

  .uac-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .uac-card {
    min-height: 0;
  }

  .uac-card-body {
    min-height: 430px;
    padding: 22px;
  }
}

/* Three-column homepage: white/transparent cover and About panels; green Quick Links panel */
.u-three-panel:not(.u-quick-panel) {
  background-color: transparent !important;
  color: #142338 !important;
  box-shadow: none !important;
}

.u-three-panel:not(.u-quick-panel) h2 {
  color: #142338 !important;
}

.u-quick-panel {
  background-color: #06432f !important;
  color: #fff !important;
}

.u-quick-panel h2 {
  color: #fff !important;
}

.u-quick-panel a {
  background-color: #fff !important;
  color: #4b330d !important;
}

/* Editor's Choice: five article cards per row on wide screens (ten cards total) */
.uac-gallery-title {
  margin: 0 0 24px;
  color: #142338;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
}

.uac-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.uac-card-body {
  padding: 20px 18px 20px;
}

.uac-title {
  font-size: 18px;
  line-height: 1.3;
}

.uac-authors {
  font-size: 14px;
  line-height: 1.45;
}

.uac-summary {
  font-size: 13px;
  line-height: 1.45;
  -webkit-line-clamp: 5;
}

.uac-category {
  font-size: 12px;
}

.uac-actions a {
  font-size: 13px;
}

@media (max-width: 1200px) {
  .uac-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 850px) {
  .uac-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .uac-grid {
    grid-template-columns: 1fr;
  }

  .uac-gallery-title {
    font-size: 25px;
  }
}

/* Journal Identity, Indexing, and Databases */
.ujid-section,
.ujid-section * {
  box-sizing: border-box;
}

.ujid-section {
  width: 100%;
  margin: 24px 0;
  padding: 28px 18px;
  background: #10192f;
  color: #e8edf6;
  font-family: Arial, Helvetica, sans-serif;
}

.ujid-wrap {
  width: min(100%, 1450px);
  margin: 0 auto;
}

.ujid-title {
  margin: 0 0 22px;
  padding: 0 0 13px;
  border-bottom: 1px solid #30405e;
  color: #f4f6fb;
  font-size: 25px;
  line-height: 1.25;
}

.ujid-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.ujid-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 16px;
  border: 1px solid #2b3a58;
  border-radius: 13px;
  background: #18243b;
}

.ujid-image-placeholder {
  display: grid;
  min-height: 112px;
  margin-bottom: 15px;
  place-items: center;
  overflow: hidden;
  border: 1px dashed #697b9a;
  border-radius: 8px;
  background: #111b30;
  color: #b8c4d8;
  font-size: 13px;
  text-align: center;
}

.ujid-image-placeholder img {
  display: block;
  max-width: 85%;
  max-height: 88px;
  object-fit: contain;
}

.ujid-card h3 {
  margin: 0 0 9px;
  color: #fff;
  font-size: 18px;
  line-height: 1.25;
}

.ujid-card p {
  flex: 1 1 auto;
  margin: 0 0 17px;
  color: #d6deea;
  font-size: 14px;
  line-height: 1.55;
}

.ujid-card a {
  display: block;
  padding: 10px 12px;
  border: 1px solid #d6ae55;
  border-radius: 6px;
  background: #202e4b;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease, color 150ms ease;
}

.ujid-card a:hover,
.ujid-card a:focus-visible {
  background: #f0d486;
  color: #14213a;
}

@media (max-width: 1200px) {
  .ujid-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .ujid-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .ujid-section {
    padding: 22px 12px;
  }

  .ujid-grid {
    grid-template-columns: 1fr;
  }
}
.uac-artwork {
  background-image: url("https://i.ibb.co/6R4kmTPP/cover-4.png") !important;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.uac-file-icon {
  display: none !important;
}
/* Universitas OJS custom stylesheet
   Widened content, full-width header image and navigation, responsive spacing. */

/* Keep the uploaded OJS header image as the sole visible journal banner. */
.pkp_site_name_wrapper {
  height: auto !important;
}

.pkp_site_name {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  text-align: center !important;
  white-space: normal !important;
}

/* The uploaded banner already contains the journal identity. */
.pkp_site_name .is_text {
  display: none !important;
}

.pkp_site_name .is_img {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_site_name .is_img img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* Wider desktop page and footer. */
@media (min-width: 992px) {
  .pkp_structure_content,
  .pkp_structure_footer {
    width: 100% !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
  }

  .pkp_structure_main {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-left: 1px solid #d9e1e5 !important;
    border-right: 1px solid #d9e1e5 !important;
    box-sizing: border-box !important;
  }

  .pkp_structure_main::before,
  .pkp_structure_main::after {
    display: none !important;
    content: none !important;
  }

  .pkp_structure_main > .page {
    max-width: none !important;
  }

  .pkp_structure_footer_wrapper {
    width: 100% !important;
  }

  .pkp_footer_content,
  .pkp_brand_footer {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .pkp_brand_footer a {
    max-width: 150px !important;
  }

  /* Let the uploaded header image span the widened OJS page. */
  .pkp_structure_head .pkp_head_wrapper {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .pkp_structure_head .pkp_site_name_wrapper,
  .pkp_structure_head .pkp_site_name {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Place the primary navigation in a separate, full-bleed bar under the banner. */
  .pkp_site_nav_menu {
    position: static !important;
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .pkp_navigation_primary_row {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    box-sizing: border-box !important;
    background: #0b3f5d !important;
  }

  .pkp_navigation_primary_wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
    background: transparent !important;
  }

  .pkp_navigation_primary,
  #navigationPrimary {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .pkp_navigation_primary > li:first-child > a,
  #navigationPrimary > li:first-child > a {
    margin-left: 0 !important;
    padding-left: 12px !important;
  }

  .pkp_navigation_primary > li > a,
  .pkp_navigation_search_wrapper a {
    color: #fff !important;
  }

  .pkp_navigation_search_wrapper {
    float: none !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
  }

  /* Register and Log in at the upper-right of the banner. */
  .pkp_navigation_user_wrapper {
    position: absolute !important;
    top: 10px !important;
    right: 24px !important;
    left: auto !important;
    transform: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1002 !important;
  }

  .pkp_navigation_user {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  .pkp_navigation_user > li {
    margin: 0 !important;
  }

  .pkp_navigation_user > li > a {
    display: inline-block !important;
    padding: 8px 13px !important;
    border: 1px solid #e5ece7 !important;
    border-radius: 2px !important;
    background: #fff !important;
    color: #123c2a !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
  }
}

/* Maintain usable content and image spacing on phones and tablets. */
@media (max-width: 991px) {
  .pkp_structure_content {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .pkp_site_name .is_img img {
    width: 100% !important;
    max-width: 100% !important;
  }

  .pkp_navigation_user_wrapper {
    position: static !important;
    text-align: right !important;
  }
}

/* Custom Universitas footer. Add the matching HTML block in OJS Page Footer. */
.universitas-footer {
  width: 100%;
  box-sizing: border-box;
  padding: 16px 24px 7px;
  background: #e9e9e9;
  color: #58636d;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.35;
}

.universitas-footer * {
  box-sizing: border-box;
}

.universitas-footer .uf-wrap {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

.universitas-footer .uf-intro {
  margin: 0 0 10px;
}

.universitas-footer .uf-brand {
  display: block;
  color: #16486b;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.universitas-footer .uf-tagline {
  margin: 2px 0 0;
  color: #74808a;
  font-size: 11px;
}

.universitas-footer .uf-main {
  display: grid;
  grid-template-columns: auto minmax(270px, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 9px;
}

.universitas-footer .uf-logos {
  display: flex;
  align-items: center;
  gap: 4px;
}

.universitas-footer .uf-logo-link {
  display: flex;
  width: 74px;
  height: 72px;
  align-items: center;
  justify-content: center;
  padding: 3px;
  overflow: hidden;
  border: 2px solid #173f61;
  background: #fff;
  text-decoration: none;
}

.universitas-footer .uf-logo-link img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.universitas-footer .uf-contact p {
  margin: 1px 0;
}

.universitas-footer .uf-contact strong {
  color: #34414d;
}

.universitas-footer .uf-social {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

.universitas-footer .uf-social-link {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
}

.universitas-footer .uf-facebook { background: #1877f2; }
.universitas-footer .uf-instagram { background: linear-gradient(135deg, #7545c8, #ed3b77, #ff9b36); }
.universitas-footer .uf-youtube { background: #ed111b; font-size: 17px; }
.universitas-footer .uf-linkedin { background: #0a80ad; font-size: 18px; }
.universitas-footer .uf-messenger { background: #0877f9; font-size: 18px; }
.universitas-footer .uf-whatsapp { background: #21c653; font-size: 21px; }

.universitas-footer .uf-commitment {
  margin: 0;
  padding: 8px 10px;
  border-left: 3px solid #17496c;
  background: #f4f5f6;
  color: #58636d;
  font-size: 11px;
  line-height: 1.3;
}

.universitas-footer .uf-commitment strong {
  color: #34414d;
  font-size: 12px;
}

.universitas-footer .uf-copyright {
  margin: 6px 0 0;
  color: #87919a;
  font-size: 10px;
  text-align: center;
}

/* Hide the theme's separate PKP logo row below the custom footer. */
.pkp_brand_footer {
  display: none !important;
}

@media (max-width: 850px) {
  .universitas-footer .uf-main {
    grid-template-columns: 1fr auto;
    align-items: start;
  }

  .universitas-footer .uf-logos {
    grid-column: 1;
    grid-row: 1;
  }

  .universitas-footer .uf-contact {
    grid-column: 1;
    grid-row: 2;
  }

  .universitas-footer .uf-social {
    grid-column: 2;
    grid-row: 1 / span 2;
    flex-wrap: wrap;
    max-width: 140px;
  }
}

@media (max-width: 560px) {
  .universitas-footer {
    padding: 14px 14px 7px;
  }

  .universitas-footer .uf-main {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .universitas-footer .uf-logos,
  .universitas-footer .uf-contact,
  .universitas-footer .uf-social {
    grid-column: 1;
    grid-row: auto;
  }

  .universitas-footer .uf-social {
    justify-content: flex-start;
    max-width: none;
  }

  .universitas-footer .uf-logo-link {
    width: 68px;
    height: 66px;
  }
}
/* Universitas homepage layout */
:root {
  --u-green: #06432f;
  --u-gold: #bd8119;
  --u-brown: #49320c;
  --u-white: #ffffff;
}

/* Header banner */
.pkp_structure_head .pkp_head_wrapper {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_site_name_wrapper,
.pkp_site_name {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.pkp_site_name .is_text {
  display: none !important;
}

.pkp_site_name .is_img {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_site_name .is_img img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Register and Log in at the top-right of the banner */
.pkp_navigation_user_wrapper {
  position: absolute !important;
  top: 9px !important;
  right: 16px !important;
  left: auto !important;
  z-index: 20 !important;
  width: auto !important;
  margin: 0 !important;
}

.pkp_navigation_user {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_navigation_user > li > a {
  display: block !important;
  padding: 6px 12px !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 2px !important;
  background: var(--u-white) !important;
  color: var(--u-brown) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* Gold navigation bar with white menu buttons */
.pkp_site_nav_menu {
  position: static !important;
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
}

.pkp_navigation_primary_row {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  background: linear-gradient(
    to bottom,
    var(--u-gold) 0,
    var(--u-gold) 44px,
    var(--u-white) 44px,
    var(--u-white) 100%
  ) !important;
}

.pkp_navigation_primary_wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 14px !important;
  background: transparent !important;
}

.pkp_navigation_primary,
#navigationPrimary {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 6px 0 !important;
  list-style: none !important;
}

.pkp_navigation_primary > li,
#navigationPrimary > li {
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_navigation_primary > li > a,
#navigationPrimary > li > a {
  display: block !important;
  margin: 0 !important;
  padding: 5px 12px !important;
  border-radius: 5px !important;
  background: var(--u-white) !important;
  color: var(--u-brown) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.pkp_navigation_primary > li > a:hover,
#navigationPrimary > li > a:hover {
  background: #f5ead5 !important;
  color: var(--u-brown) !important;
}

/* Center the Search Articles button beneath the navigation */
.pkp_navigation_search_wrapper {
  float: none !important;
  align-self: center !important;
  width: min(510px, 100%) !important;
  margin: 10px auto 16px !important;
  padding: 0 !important;
  border: 0 !important;
}

.pkp_navigation_search_wrapper .pkp_search_desktop {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 46px !important;
  padding: 8px 12px !important;
  border: 2px solid #e6dbc3 !important;
  border-radius: 9px !important;
  background: var(--u-brown) !important;
  color: var(--u-white) !important;
  font-size: 0 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.pkp_navigation_search_wrapper .pkp_search_desktop::after {
  content: "Search Articles  🔍";
  color: var(--u-white);
  font-size: 14px;
}

/* Widen the homepage content area */
.pkp_structure_content {
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 0 14px !important;
  box-sizing: border-box !important;
}

.pkp_structure_main {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  margin: 0 auto !important;
}

.pkp_structure_main > .page,
.page_index_journal .additional_content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Three lower homepage panels: call for papers, features, and action buttons */
.universitas-home-grid {
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) minmax(190px, 0.8fr) minmax(200px, 0.8fr);
  gap: 14px;
  width: 100%;
  margin: 0 0 10px;
}

.universitas-home-panel {
  min-height: 187px;
  padding: 14px;
  background: var(--u-green);
  color: var(--u-white);
  box-sizing: border-box;
}

.uh-call {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 18px;
}

.uh-features ul {
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.uh-features li {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  margin: 2px 0;
  color: var(--u-white);
  font-size: 12px;
  line-height: 1.2;
}

.uh-features li::before {
  content: "✓";
  display: inline-flex;
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  align-items: center;
  justify-content: center;
  background: #28c979;
  color: var(--u-white);
  font-size: 10px;
  font-weight: 700;
}

.uh-actions {
  padding: 6px 12px;
}

.uh-actions a {
  display: block;
  margin: 9px 0 12px;
  padding: 5px 8px;
  border-radius: 5px;
  background: var(--u-white);
  color: var(--u-brown);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

.uh-actions a:hover {
  background: #f5ead5;
}

/* Tablet and phone layout */
@media (max-width: 850px) {
  .universitas-home-grid {
    grid-template-columns: 1fr 1fr;
  }

  .uh-actions {
    grid-column: 1 / -1;
  }

  .uh-actions a {
    display: inline-block;
    min-width: 42%;
    margin: 6px 2%;
  }
}

@media (max-width: 560px) {
  .pkp_navigation_user_wrapper {
    top: 6px !important;
    right: 7px !important;
  }

  .pkp_navigation_user > li > a {
    padding: 5px 8px !important;
    font-size: 11px !important;
  }

  .pkp_navigation_primary_wrapper {
    padding: 0 8px !important;
  }

  .pkp_navigation_primary,
  #navigationPrimary {
    justify-content: center !important;
    gap: 5px !important;
  }

  .pkp_navigation_primary > li > a,
  #navigationPrimary > li > a {
    padding: 5px 8px !important;
    font-size: 12px !important;
  }

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

  .universitas-home-panel {
    min-height: 150px;
  }

  .uh-actions {
    grid-column: auto;
  }

  .uh-actions a {
    display: block;
    margin: 8px 0;
  }
}
.page_index_journal .current_issue {
  display: none !important;
}
.u-three-panels {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  align-items: stretch;
}

.u-three-panel {
  display: flex;
  min-width: 0;
  min-height: 360px;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  overflow: hidden;
  background: #06432f;
  color: #fff;
}

.u-three-panel h2 {
  margin: 0 0 14px;
  color: inherit;
}

.u-cover-panel {
  padding: 0;
}

.u-cover-panel img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
}

.u-quick-panel a {
  display: block;
  margin-top: 10px;
  padding: 10px;
  border-radius: 5px;
  background: #fff;
  color: #4b330d;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
}

@media (max-width: 800px) {
  .u-three-panels {
    grid-template-columns: 1fr;
  }
}
:root {
  --u-green: #06432f;
  --u-brown: #4b330d;
  --u-mint: #bdeec7;
  --u-ink: #172b25;
}

.u-page,
.u-page * {
  box-sizing: border-box;
}

.u-page {
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  background: #fff;
  color: var(--u-ink);
  font-family: Arial, Helvetica, sans-serif;
}

/* Main two-column homepage content */
.u-content-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(360px, 1fr);
  align-items: stretch;
  gap: 16px;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 16px 9px 10px;
}

.u-call-panel {
  min-width: 0;
  padding: 8px;
  background: var(--u-green);
  color: #fff;
}

.u-call-panel h1 {
  min-height: 49px;
  margin: 0;
  padding: 12px 2px 10px;
  color: #fff;
  font-size: 17px;
  line-height: 1.25;
}

.u-call-panel h1 span {
  font-weight: 400;
}

.u-call-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 20px;
}

.u-cover-frame {
  display: flex;
  min-width: 0;
  min-height: 352px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #f5f8fb;
}

.u-cover-frame img {
  display: block;
  width: 100%;
  height: 352px;
  object-fit: cover;
  object-position: center;
}

.u-issue-summary {
  min-height: 344px;
  padding: 20px 12px;
  border-radius: 17px;
  background: var(--u-mint);
  color: #111;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
}

/* Login and quick links */
.u-sidebar {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 16px;
}

.u-login-panel {
  padding: 0;
  background: #fff;
}

.u-login-panel h2 {
  display: grid;
  min-height: 36px;
  place-items: center;
  margin: 0 0 13px;
  border-radius: 7px;
  background: var(--u-brown);
  color: #fff;
  font-size: 17px;
  line-height: 1;
}

.u-login-panel form {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.u-login-panel form > label {
  margin: 0 10px 5px;
  color: #111;
  font-size: 17px;
  font-weight: 700;
}

.u-login-panel input[type="text"],
.u-login-panel input[type="password"] {
  width: 100%;
  height: 37px;
  margin: 0 0 10px;
  padding: 5px 9px;
  border: 2px solid #111;
  border-radius: 7px;
  background: #fff;
  font-size: 15px;
}

.u-login-options {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 1px 0 12px;
}

.u-remember {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 5px;
  color: #111;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}

.u-remember input {
  width: 36px;
  height: 36px;
  margin: 0;
  accent-color: var(--u-green);
}

.u-login-submit,
.u-wide-button {
  display: flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 6px;
  background: var(--u-brown);
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.u-login-submit {
  flex: 0 0 50%;
}

.u-wide-button {
  width: 50%;
  margin: 0 4px 8px;
}

.u-wide-button:hover,
.u-quick-links a:hover {
  background: #f3e7cf;
}

.u-quick-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-content: start;
  gap: 16px;
  min-height: 115px;
  padding: 12px;
  background: var(--u-green);
}

.u-quick-links a {
  display: flex;
  min-height: 27px;
  align-items: center;
  justify-content: center;
  padding: 4px 7px;
  border-radius: 5px;
  background: #fff;
  color: var(--u-brown);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 900px) {
  .u-content-layout {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.9fr);
  }

  .u-call-content {
    gap: 10px;
  }

  .u-issue-summary {
    padding: 14px 10px;
  }
}

@media (max-width: 700px) {
  .u-content-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .u-call-content {
    grid-template-columns: 1fr;
  }

  .u-cover-frame,
  .u-cover-frame img {
    width: min(100%, 280px);
    min-height: 0;
    height: auto;
    min-height: 350px;
    margin: 0 auto;
  }

  .u-issue-summary {
    min-height: 0;
    font-size: 12px;
  }

  .u-quick-links {
    gap: 9px;
    padding: 10px;
  }
}

/* Four-card article placeholder for OJS Additional Content */
.uac-gallery,
.uac-gallery * {
  box-sizing: border-box;
}

.uac-gallery {
  width: 100%;
  padding: 14px 18px 24px;
  background: #f5f7f9;
  color: #142338;
  font-family: Arial, Helvetica, sans-serif;
}

.uac-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  max-width: 1500px;
  margin: 0 auto;
}

.uac-card {
  display: flex;
  min-width: 0;
  min-height: 710px;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #dce4ec;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(28, 44, 61, 0.08);
}

.uac-artwork {
  display: grid;
  height: 188px;
  flex: 0 0 188px;
  place-items: center;
  background: linear-gradient(125deg, #ff8c00 0%, #bd9a62 55%, #6589a9 100%);
}

.uac-file-icon {
  position: relative;
  display: block;
  width: 55px;
  height: 68px;
  border: 5px solid #f5f6f4;
  border-radius: 8px;
}

.uac-file-icon::before {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 18px;
  height: 19px;
  border-bottom: 5px solid #f5f6f4;
  border-left: 5px solid #f5f6f4;
  background: #bd9a62;
  content: "";
}

.uac-file-icon::after {
  position: absolute;
  top: 29px;
  right: 9px;
  left: 9px;
  height: 4px;
  background: #f5f6f4;
  box-shadow: 0 12px 0 #f5f6f4, 0 -11px 0 #f5f6f4;
  content: "";
}

.uac-card-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 26px 26px 24px;
}

.uac-category {
  display: block;
  margin-bottom: 12px;
  padding: 7px 12px;
  border: 1px solid #dce4ec;
  background: #f8fafb;
  color: #f07800;
  font-size: 13px;
  line-height: 1.2;
}

.uac-title {
  margin: 0 0 17px;
  color: #142338;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.28;
}

.uac-authors {
  margin: 0 0 14px;
  color: #101820;
  font-size: 17px;
  line-height: 1.55;
}

.uac-summary {
  display: -webkit-box;
  overflow: hidden;
  margin: 0 0 20px;
  color: #687789;
  font-size: 15px;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.uac-date {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: auto;
  padding: 15px 0 19px;
  border-bottom: 1px solid #dce4ec;
  color: #65778d;
  font-size: 13px;
}

.uac-calendar {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 12px;
  border: 1px solid #74869b;
  border-radius: 2px;
}

.uac-calendar::before {
  position: absolute;
  top: 2px;
  right: 0;
  left: 0;
  border-top: 1px solid #74869b;
  content: "";
}

.uac-calendar::after {
  position: absolute;
  top: -3px;
  left: 3px;
  width: 5px;
  height: 3px;
  border-right: 1px solid #74869b;
  border-left: 1px solid #74869b;
  content: "";
}

.uac-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding-top: 18px;
}

.uac-actions a {
  display: flex;
  min-height: 45px;
  align-items: center;
  justify-content: center;
  border: 1px solid #dce4ec;
  border-radius: 9px;
  background: #f8fafb;
  color: #58718d;
  font-size: 15px;
  text-decoration: none;
}

.uac-actions a:hover {
  background: #edf2f6;
}

@media (max-width: 1100px) {
  .uac-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

@media (max-width: 620px) {
  .uac-gallery {
    padding: 12px;
  }

  .uac-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .uac-card {
    min-height: 0;
  }

  .uac-card-body {
    min-height: 430px;
    padding: 22px;
  }
}

/* Three-column homepage: white/transparent cover and About panels; green Quick Links panel */
.u-three-panel:not(.u-quick-panel) {
  background-color: transparent !important;
  color: #142338 !important;
  box-shadow: none !important;
}

.u-three-panel:not(.u-quick-panel) h2 {
  color: #142338 !important;
}

.u-quick-panel {
  background-color: #06432f !important;
  color: #fff !important;
}

.u-quick-panel h2 {
  color: #fff !important;
}

.u-quick-panel a {
  background-color: #fff !important;
  color: #4b330d !important;
}
/* Quick Links: transparent panel with green buttons */
.u-quick-panel,
.u-quick-links {
  background: transparent !important;
  color: #172b25 !important;
}

.u-quick-panel h2,
.u-quick-links h2 {
  color: #06432f !important;
}

.u-quick-links {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

.u-quick-panel .u-quick-links a,
.u-quick-links a {
  background: #06432f !important;
  color: #fff !important;
  border: 1px solid #06432f !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.u-quick-panel .u-quick-links a:hover,
.u-quick-panel .u-quick-links a:focus-visible,
.u-quick-links a:hover,
.u-quick-links a:focus-visible {
  background: #fff !important;
  color: #06432f !important;
  border-color: #06432f !important;
}
:root {
  --u-green: #06432f;
  --u-brown: #4b330d;
  --u-mint: #bdeec7;
  --u-ink: #172b25;
}

.u-page,
.u-page * {
  box-sizing: border-box;
}

.u-page {
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  background: #fff;
  color: var(--u-ink);
  font-family: Arial, Helvetica, sans-serif;
}

/* Main two-column homepage content */
.u-content-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(360px, 1fr);
  align-items: stretch;
  gap: 16px;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 16px 9px 10px;
}

.u-call-panel {
  min-width: 0;
  padding: 8px;
  background: var(--u-green);
  color: #fff;
}

.u-call-panel h1 {
  min-height: 49px;
  margin: 0;
  padding: 12px 2px 10px;
  color: #fff;
  font-size: 17px;
  line-height: 1.25;
}

.u-call-panel h1 span {
  font-weight: 400;
}

.u-call-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 20px;
}

.u-cover-frame {
  display: flex;
  min-width: 0;
  min-height: 352px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #f5f8fb;
}

.u-cover-frame img {
  display: block;
  width: 100%;
  height: 352px;
  object-fit: cover;
  object-position: center;
}

.u-issue-summary {
  min-height: 344px;
  padding: 20px 12px;
  border-radius: 17px;
  background: var(--u-mint);
  color: #111;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
}

/* Login and quick links */
.u-sidebar {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 16px;
}

.u-login-panel {
  padding: 0;
  background: #fff;
}

.u-login-panel h2 {
  display: grid;
  min-height: 36px;
  place-items: center;
  margin: 0 0 13px;
  border-radius: 7px;
  background: var(--u-brown);
  color: #fff;
  font-size: 17px;
  line-height: 1;
}

.u-login-panel form {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.u-login-panel form > label {
  margin: 0 10px 5px;
  color: #111;
  font-size: 17px;
  font-weight: 700;
}

.u-login-panel input[type="text"],
.u-login-panel input[type="password"] {
  width: 100%;
  height: 37px;
  margin: 0 0 10px;
  padding: 5px 9px;
  border: 2px solid #111;
  border-radius: 7px;
  background: #fff;
  font-size: 15px;
}

.u-login-options {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 1px 0 12px;
}

.u-remember {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 5px;
  color: #111;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}

.u-remember input {
  width: 36px;
  height: 36px;
  margin: 0;
  accent-color: var(--u-green);
}

.u-login-submit,
.u-wide-button {
  display: flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 6px;
  background: var(--u-brown);
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.u-login-submit {
  flex: 0 0 50%;
}

.u-wide-button {
  width: 50%;
  margin: 0 4px 8px;
}

.u-wide-button:hover,
.u-quick-links a:hover {
  background: #f3e7cf;
}

.u-quick-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-content: start;
  gap: 16px;
  min-height: 115px;
  padding: 12px;
  background: var(--u-green);
}

.u-quick-links a {
  display: flex;
  min-height: 27px;
  align-items: center;
  justify-content: center;
  padding: 4px 7px;
  border-radius: 5px;
  background: #fff;
  color: var(--u-brown);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 900px) {
  .u-content-layout {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.9fr);
  }

  .u-call-content {
    gap: 10px;
  }

  .u-issue-summary {
    padding: 14px 10px;
  }
}

@media (max-width: 700px) {
  .u-content-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .u-call-content {
    grid-template-columns: 1fr;
  }

  .u-cover-frame,
  .u-cover-frame img {
    width: min(100%, 280px);
    min-height: 0;
    height: auto;
    min-height: 350px;
    margin: 0 auto;
  }

  .u-issue-summary {
    min-height: 0;
    font-size: 12px;
  }

  .u-quick-links {
    gap: 9px;
    padding: 10px;
  }
}

/* Four-card article placeholder for OJS Additional Content */
.uac-gallery,
.uac-gallery * {
  box-sizing: border-box;
}

.uac-gallery {
  width: 100%;
  padding: 14px 18px 24px;
  background: #f5f7f9;
  color: #142338;
  font-family: Arial, Helvetica, sans-serif;
}

.uac-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  max-width: 1500px;
  margin: 0 auto;
}

.uac-card {
  display: flex;
  min-width: 0;
  min-height: 710px;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #dce4ec;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(28, 44, 61, 0.08);
}

.uac-artwork {
  display: grid;
  height: 188px;
  flex: 0 0 188px;
  place-items: center;
  background: linear-gradient(125deg, #ff8c00 0%, #bd9a62 55%, #6589a9 100%);
}

.uac-file-icon {
  position: relative;
  display: block;
  width: 55px;
  height: 68px;
  border: 5px solid #f5f6f4;
  border-radius: 8px;
}

.uac-file-icon::before {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 18px;
  height: 19px;
  border-bottom: 5px solid #f5f6f4;
  border-left: 5px solid #f5f6f4;
  background: #bd9a62;
  content: "";
}

.uac-file-icon::after {
  position: absolute;
  top: 29px;
  right: 9px;
  left: 9px;
  height: 4px;
  background: #f5f6f4;
  box-shadow: 0 12px 0 #f5f6f4, 0 -11px 0 #f5f6f4;
  content: "";
}

.uac-card-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 26px 26px 24px;
}

.uac-category {
  display: block;
  margin-bottom: 12px;
  padding: 7px 12px;
  border: 1px solid #dce4ec;
  background: #f8fafb;
  color: #f07800;
  font-size: 13px;
  line-height: 1.2;
}

.uac-title {
  margin: 0 0 17px;
  color: #142338;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.28;
}

.uac-authors {
  margin: 0 0 14px;
  color: #101820;
  font-size: 17px;
  line-height: 1.55;
}

.uac-summary {
  display: -webkit-box;
  overflow: hidden;
  margin: 0 0 20px;
  color: #687789;
  font-size: 15px;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.uac-date {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: auto;
  padding: 15px 0 19px;
  border-bottom: 1px solid #dce4ec;
  color: #65778d;
  font-size: 13px;
}

.uac-calendar {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 12px;
  border: 1px solid #74869b;
  border-radius: 2px;
}

.uac-calendar::before {
  position: absolute;
  top: 2px;
  right: 0;
  left: 0;
  border-top: 1px solid #74869b;
  content: "";
}

.uac-calendar::after {
  position: absolute;
  top: -3px;
  left: 3px;
  width: 5px;
  height: 3px;
  border-right: 1px solid #74869b;
  border-left: 1px solid #74869b;
  content: "";
}

.uac-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding-top: 18px;
}

.uac-actions a {
  display: flex;
  min-height: 45px;
  align-items: center;
  justify-content: center;
  border: 1px solid #dce4ec;
  border-radius: 9px;
  background: #f8fafb;
  color: #58718d;
  font-size: 15px;
  text-decoration: none;
}

.uac-actions a:hover {
  background: #edf2f6;
}

@media (max-width: 1100px) {
  .uac-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

@media (max-width: 620px) {
  .uac-gallery {
    padding: 12px;
  }

  .uac-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .uac-card {
    min-height: 0;
  }

  .uac-card-body {
    min-height: 430px;
    padding: 22px;
  }
}
:root {
  --u-green: #06432f;
  --u-brown: #4b330d;
  --u-mint: #bdeec7;
  --u-ink: #172b25;
}

.u-page,
.u-page * {
  box-sizing: border-box;
}

.u-page {
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  background: #fff;
  color: var(--u-ink);
  font-family: Arial, Helvetica, sans-serif;
}

/* Main two-column homepage content */
.u-content-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(360px, 1fr);
  align-items: stretch;
  gap: 16px;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 16px 9px 10px;
}

.u-call-panel {
  min-width: 0;
  padding: 8px;
  background: var(--u-green);
  color: #fff;
}

.u-call-panel h1 {
  min-height: 49px;
  margin: 0;
  padding: 12px 2px 10px;
  color: #fff;
  font-size: 17px;
  line-height: 1.25;
}

.u-call-panel h1 span {
  font-weight: 400;
}

.u-call-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 20px;
}

.u-cover-frame {
  display: flex;
  min-width: 0;
  min-height: 352px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #f5f8fb;
}

.u-cover-frame img {
  display: block;
  width: 100%;
  height: 352px;
  object-fit: cover;
  object-position: center;
}

.u-issue-summary {
  min-height: 344px;
  padding: 20px 12px;
  border-radius: 17px;
  background: var(--u-mint);
  color: #111;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
}

/* Login and quick links */
.u-sidebar {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 16px;
}

.u-login-panel {
  padding: 0;
  background: #fff;
}

.u-login-panel h2 {
  display: grid;
  min-height: 36px;
  place-items: center;
  margin: 0 0 13px;
  border-radius: 7px;
  background: var(--u-brown);
  color: #fff;
  font-size: 17px;
  line-height: 1;
}

.u-login-panel form {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.u-login-panel form > label {
  margin: 0 10px 5px;
  color: #111;
  font-size: 17px;
  font-weight: 700;
}

.u-login-panel input[type="text"],
.u-login-panel input[type="password"] {
  width: 100%;
  height: 37px;
  margin: 0 0 10px;
  padding: 5px 9px;
  border: 2px solid #111;
  border-radius: 7px;
  background: #fff;
  font-size: 15px;
}

.u-login-options {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 1px 0 12px;
}

.u-remember {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 5px;
  color: #111;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}

.u-remember input {
  width: 36px;
  height: 36px;
  margin: 0;
  accent-color: var(--u-green);
}

.u-login-submit,
.u-wide-button {
  display: flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 6px;
  background: var(--u-brown);
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.u-login-submit {
  flex: 0 0 50%;
}

.u-wide-button {
  width: 50%;
  margin: 0 4px 8px;
}

.u-wide-button:hover,
.u-quick-links a:hover {
  background: #f3e7cf;
}

.u-quick-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-content: start;
  gap: 16px;
  min-height: 115px;
  padding: 12px;
  background: var(--u-green);
}

.u-quick-links a {
  display: flex;
  min-height: 27px;
  align-items: center;
  justify-content: center;
  padding: 4px 7px;
  border-radius: 5px;
  background: #fff;
  color: var(--u-brown);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 900px) {
  .u-content-layout {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.9fr);
  }

  .u-call-content {
    gap: 10px;
  }

  .u-issue-summary {
    padding: 14px 10px;
  }
}

@media (max-width: 700px) {
  .u-content-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .u-call-content {
    grid-template-columns: 1fr;
  }

  .u-cover-frame,
  .u-cover-frame img {
    width: min(100%, 280px);
    min-height: 0;
    height: auto;
    min-height: 350px;
    margin: 0 auto;
  }

  .u-issue-summary {
    min-height: 0;
    font-size: 12px;
  }

  .u-quick-links {
    gap: 9px;
    padding: 10px;
  }
}

/* Four-card article placeholder for OJS Additional Content */
.uac-gallery,
.uac-gallery * {
  box-sizing: border-box;
}

.uac-gallery {
  width: 100%;
  padding: 14px 18px 24px;
  background: #f5f7f9;
  color: #142338;
  font-family: Arial, Helvetica, sans-serif;
}

.uac-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  max-width: 1500px;
  margin: 0 auto;
}

.uac-card {
  display: flex;
  min-width: 0;
  min-height: 710px;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #dce4ec;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(28, 44, 61, 0.08);
}

.uac-artwork {
  display: grid;
  height: 188px;
  flex: 0 0 188px;
  place-items: center;
  background: linear-gradient(125deg, #ff8c00 0%, #bd9a62 55%, #6589a9 100%);
}

.uac-file-icon {
  position: relative;
  display: block;
  width: 55px;
  height: 68px;
  border: 5px solid #f5f6f4;
  border-radius: 8px;
}

.uac-file-icon::before {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 18px;
  height: 19px;
  border-bottom: 5px solid #f5f6f4;
  border-left: 5px solid #f5f6f4;
  background: #bd9a62;
  content: "";
}

.uac-file-icon::after {
  position: absolute;
  top: 29px;
  right: 9px;
  left: 9px;
  height: 4px;
  background: #f5f6f4;
  box-shadow: 0 12px 0 #f5f6f4, 0 -11px 0 #f5f6f4;
  content: "";
}

.uac-card-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 26px 26px 24px;
}

.uac-category {
  display: block;
  margin-bottom: 12px;
  padding: 7px 12px;
  border: 1px solid #dce4ec;
  background: #f8fafb;
  color: #f07800;
  font-size: 13px;
  line-height: 1.2;
}

.uac-title {
  margin: 0 0 17px;
  color: #142338;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.28;
}

.uac-authors {
  margin: 0 0 14px;
  color: #101820;
  font-size: 17px;
  line-height: 1.55;
}

.uac-summary {
  display: -webkit-box;
  overflow: hidden;
  margin: 0 0 20px;
  color: #687789;
  font-size: 15px;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.uac-date {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: auto;
  padding: 15px 0 19px;
  border-bottom: 1px solid #dce4ec;
  color: #65778d;
  font-size: 13px;
}

.uac-calendar {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 12px;
  border: 1px solid #74869b;
  border-radius: 2px;
}

.uac-calendar::before {
  position: absolute;
  top: 2px;
  right: 0;
  left: 0;
  border-top: 1px solid #74869b;
  content: "";
}

.uac-calendar::after {
  position: absolute;
  top: -3px;
  left: 3px;
  width: 5px;
  height: 3px;
  border-right: 1px solid #74869b;
  border-left: 1px solid #74869b;
  content: "";
}

.uac-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding-top: 18px;
}

.uac-actions a {
  display: flex;
  min-height: 45px;
  align-items: center;
  justify-content: center;
  border: 1px solid #dce4ec;
  border-radius: 9px;
  background: #f8fafb;
  color: #58718d;
  font-size: 15px;
  text-decoration: none;
}

.uac-actions a:hover {
  background: #edf2f6;
}

@media (max-width: 1100px) {
  .uac-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

@media (max-width: 620px) {
  .uac-gallery {
    padding: 12px;
  }

  .uac-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .uac-card {
    min-height: 0;
  }

  .uac-card-body {
    min-height: 430px;
    padding: 22px;
  }
}

/* Three-column homepage: white/transparent cover and About panels; green Quick Links panel */
.u-three-panel:not(.u-quick-panel) {
  background-color: transparent !important;
  color: #142338 !important;
  box-shadow: none !important;
}

.u-three-panel:not(.u-quick-panel) h2 {
  color: #142338 !important;
}

.u-quick-panel {
  background-color: #06432f !important;
  color: #fff !important;
}

.u-quick-panel h2 {
  color: #fff !important;
}

.u-quick-panel a {
  background-color: #fff !important;
  color: #4b330d !important;
}

/* Editor's Choice: five article cards per row on wide screens (ten cards total) */
.uac-gallery-title {
  margin: 0 0 24px;
  color: #142338;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
}

.uac-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.uac-card-body {
  padding: 20px 18px 20px;
}

.uac-title {
  font-size: 18px;
  line-height: 1.3;
}

.uac-authors {
  font-size: 14px;
  line-height: 1.45;
}

.uac-summary {
  font-size: 13px;
  line-height: 1.45;
  -webkit-line-clamp: 5;
}

.uac-category {
  font-size: 12px;
}

.uac-actions a {
  font-size: 13px;
}

@media (max-width: 1200px) {
  .uac-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 850px) {
  .uac-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .uac-grid {
    grid-template-columns: 1fr;
  }

  .uac-gallery-title {
    font-size: 25px;
  }
}
/* Use your hosted image for all Editor's Choice cards */
.uac-artwork {
  background-color: #06432f;
  background-image: url("https://i.ibb.co/6R4kmTPP/cover-4.png") !important;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Hide the placeholder document icon */
.uac-file-icon {
  display: none !important;
}
:root {
  --u-green: #06432f;
  --u-brown: #4b330d;
  --u-mint: #bdeec7;
  --u-ink: #172b25;
}

.u-page,
.u-page * {
  box-sizing: border-box;
}

.u-page {
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  background: #fff;
  color: var(--u-ink);
  font-family: Arial, Helvetica, sans-serif;
}

/* Main two-column homepage content */
.u-content-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(360px, 1fr);
  align-items: stretch;
  gap: 16px;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 16px 9px 10px;
}

.u-call-panel {
  min-width: 0;
  padding: 8px;
  background: var(--u-green);
  color: #fff;
}

.u-call-panel h1 {
  min-height: 49px;
  margin: 0;
  padding: 12px 2px 10px;
  color: #fff;
  font-size: 17px;
  line-height: 1.25;
}

.u-call-panel h1 span {
  font-weight: 400;
}

.u-call-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 20px;
}

.u-cover-frame {
  display: flex;
  min-width: 0;
  min-height: 352px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #f5f8fb;
}

.u-cover-frame img {
  display: block;
  width: 100%;
  height: 352px;
  object-fit: cover;
  object-position: center;
}

.u-issue-summary {
  min-height: 344px;
  padding: 20px 12px;
  border-radius: 17px;
  background: var(--u-mint);
  color: #111;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
}

/* Login and quick links */
.u-sidebar {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 16px;
}

.u-login-panel {
  padding: 0;
  background: #fff;
}

.u-login-panel h2 {
  display: grid;
  min-height: 36px;
  place-items: center;
  margin: 0 0 13px;
  border-radius: 7px;
  background: var(--u-brown);
  color: #fff;
  font-size: 17px;
  line-height: 1;
}

.u-login-panel form {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.u-login-panel form > label {
  margin: 0 10px 5px;
  color: #111;
  font-size: 17px;
  font-weight: 700;
}

.u-login-panel input[type="text"],
.u-login-panel input[type="password"] {
  width: 100%;
  height: 37px;
  margin: 0 0 10px;
  padding: 5px 9px;
  border: 2px solid #111;
  border-radius: 7px;
  background: #fff;
  font-size: 15px;
}

.u-login-options {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 1px 0 12px;
}

.u-remember {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 5px;
  color: #111;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}

.u-remember input {
  width: 36px;
  height: 36px;
  margin: 0;
  accent-color: var(--u-green);
}

.u-login-submit,
.u-wide-button {
  display: flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 6px;
  background: var(--u-brown);
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.u-login-submit {
  flex: 0 0 50%;
}

.u-wide-button {
  width: 50%;
  margin: 0 4px 8px;
}

.u-wide-button:hover,
.u-quick-links a:hover {
  background: #f3e7cf;
}

.u-quick-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-content: start;
  gap: 16px;
  min-height: 115px;
  padding: 12px;
  background: var(--u-green);
}

.u-quick-links a {
  display: flex;
  min-height: 27px;
  align-items: center;
  justify-content: center;
  padding: 4px 7px;
  border-radius: 5px;
  background: #fff;
  color: var(--u-brown);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 900px) {
  .u-content-layout {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.9fr);
  }

  .u-call-content {
    gap: 10px;
  }

  .u-issue-summary {
    padding: 14px 10px;
  }
}

@media (max-width: 700px) {
  .u-content-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .u-call-content {
    grid-template-columns: 1fr;
  }

  .u-cover-frame,
  .u-cover-frame img {
    width: min(100%, 280px);
    min-height: 0;
    height: auto;
    min-height: 350px;
    margin: 0 auto;
  }

  .u-issue-summary {
    min-height: 0;
    font-size: 12px;
  }

  .u-quick-links {
    gap: 9px;
    padding: 10px;
  }
}

/* Four-card article placeholder for OJS Additional Content */
.uac-gallery,
.uac-gallery * {
  box-sizing: border-box;
}

.uac-gallery {
  width: 100%;
  padding: 14px 18px 24px;
  background: #f5f7f9;
  color: #142338;
  font-family: Arial, Helvetica, sans-serif;
}

.uac-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  max-width: 1500px;
  margin: 0 auto;
}

.uac-card {
  display: flex;
  min-width: 0;
  min-height: 710px;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #dce4ec;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(28, 44, 61, 0.08);
}

.uac-artwork {
  display: grid;
  height: 188px;
  flex: 0 0 188px;
  place-items: center;
  background: linear-gradient(125deg, #ff8c00 0%, #bd9a62 55%, #6589a9 100%);
}

.uac-file-icon {
  position: relative;
  display: block;
  width: 55px;
  height: 68px;
  border: 5px solid #f5f6f4;
  border-radius: 8px;
}

.uac-file-icon::before {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 18px;
  height: 19px;
  border-bottom: 5px solid #f5f6f4;
  border-left: 5px solid #f5f6f4;
  background: #bd9a62;
  content: "";
}

.uac-file-icon::after {
  position: absolute;
  top: 29px;
  right: 9px;
  left: 9px;
  height: 4px;
  background: #f5f6f4;
  box-shadow: 0 12px 0 #f5f6f4, 0 -11px 0 #f5f6f4;
  content: "";
}

.uac-card-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 26px 26px 24px;
}

.uac-category {
  display: block;
  margin-bottom: 12px;
  padding: 7px 12px;
  border: 1px solid #dce4ec;
  background: #f8fafb;
  color: #f07800;
  font-size: 13px;
  line-height: 1.2;
}

.uac-title {
  margin: 0 0 17px;
  color: #142338;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.28;
}

.uac-authors {
  margin: 0 0 14px;
  color: #101820;
  font-size: 17px;
  line-height: 1.55;
}

.uac-summary {
  display: -webkit-box;
  overflow: hidden;
  margin: 0 0 20px;
  color: #687789;
  font-size: 15px;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.uac-date {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: auto;
  padding: 15px 0 19px;
  border-bottom: 1px solid #dce4ec;
  color: #65778d;
  font-size: 13px;
}

.uac-calendar {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 12px;
  border: 1px solid #74869b;
  border-radius: 2px;
}

.uac-calendar::before {
  position: absolute;
  top: 2px;
  right: 0;
  left: 0;
  border-top: 1px solid #74869b;
  content: "";
}

.uac-calendar::after {
  position: absolute;
  top: -3px;
  left: 3px;
  width: 5px;
  height: 3px;
  border-right: 1px solid #74869b;
  border-left: 1px solid #74869b;
  content: "";
}

.uac-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding-top: 18px;
}

.uac-actions a {
  display: flex;
  min-height: 45px;
  align-items: center;
  justify-content: center;
  border: 1px solid #dce4ec;
  border-radius: 9px;
  background: #f8fafb;
  color: #58718d;
  font-size: 15px;
  text-decoration: none;
}

.uac-actions a:hover {
  background: #edf2f6;
}

@media (max-width: 1100px) {
  .uac-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

@media (max-width: 620px) {
  .uac-gallery {
    padding: 12px;
  }

  .uac-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .uac-card {
    min-height: 0;
  }

  .uac-card-body {
    min-height: 430px;
    padding: 22px;
  }
}

/* Three-column homepage: white/transparent cover and About panels; green Quick Links panel */
.u-three-panel:not(.u-quick-panel) {
  background-color: transparent !important;
  color: #142338 !important;
  box-shadow: none !important;
}

.u-three-panel:not(.u-quick-panel) h2 {
  color: #142338 !important;
}

.u-quick-panel {
  background-color: #06432f !important;
  color: #fff !important;
}

.u-quick-panel h2 {
  color: #fff !important;
}

.u-quick-panel a {
  background-color: #fff !important;
  color: #4b330d !important;
}

/* Editor's Choice: five article cards per row on wide screens (ten cards total) */
.uac-gallery-title {
  margin: 0 0 24px;
  color: #142338;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
}

.uac-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.uac-card-body {
  padding: 20px 18px 20px;
}

.uac-title {
  font-size: 18px;
  line-height: 1.3;
}

.uac-authors {
  font-size: 14px;
  line-height: 1.45;
}

.uac-summary {
  font-size: 13px;
  line-height: 1.45;
  -webkit-line-clamp: 5;
}

.uac-category {
  font-size: 12px;
}

.uac-actions a {
  font-size: 13px;
}

@media (max-width: 1200px) {
  .uac-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 850px) {
  .uac-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .uac-grid {
    grid-template-columns: 1fr;
  }

  .uac-gallery-title {
    font-size: 25px;
  }
}

/* Journal Identity, Indexing, and Databases */
.ujid-section,
.ujid-section * {
  box-sizing: border-box;
}

.ujid-section {
  width: 100%;
  margin: 24px 0;
  padding: 28px 18px;
  background: #10192f;
  color: #e8edf6;
  font-family: Arial, Helvetica, sans-serif;
}

.ujid-wrap {
  width: min(100%, 1450px);
  margin: 0 auto;
}

.ujid-title {
  margin: 0 0 22px;
  padding: 0 0 13px;
  border-bottom: 1px solid #30405e;
  color: #f4f6fb;
  font-size: 25px;
  line-height: 1.25;
}

.ujid-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.ujid-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 16px;
  border: 1px solid #2b3a58;
  border-radius: 13px;
  background: #18243b;
}

.ujid-image-placeholder {
  display: grid;
  min-height: 112px;
  margin-bottom: 15px;
  place-items: center;
  overflow: hidden;
  border: 1px dashed #697b9a;
  border-radius: 8px;
  background: #111b30;
  color: #b8c4d8;
  font-size: 13px;
  text-align: center;
}

.ujid-image-placeholder img {
  display: block;
  max-width: 85%;
  max-height: 88px;
  object-fit: contain;
}

.ujid-card h3 {
  margin: 0 0 9px;
  color: #fff;
  font-size: 18px;
  line-height: 1.25;
}

.ujid-card p {
  flex: 1 1 auto;
  margin: 0 0 17px;
  color: #d6deea;
  font-size: 14px;
  line-height: 1.55;
}

.ujid-card a {
  display: block;
  padding: 10px 12px;
  border: 1px solid #d6ae55;
  border-radius: 6px;
  background: #202e4b;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease, color 150ms ease;
}

.ujid-card a:hover,
.ujid-card a:focus-visible {
  background: #f0d486;
  color: #14213a;
}

@media (max-width: 1200px) {
  .ujid-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .ujid-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .ujid-section {
    padding: 22px 12px;
  }

  .ujid-grid {
    grid-template-columns: 1fr;
  }
}
.uac-artwork {
  background-image: url("https://i.ibb.co/6R4kmTPP/cover-4.png") !important;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.uac-file-icon {
  display: none !important;
}
/* UNIVERSITAS login page only. Existing site header and footer are not targeted. */
.uj-login-page,
.uj-login-page * {
  box-sizing: border-box;
}

.uj-login-page {
  width: min(100% - 32px, 1120px);
  margin: 0 auto;
  padding: 25px 0 52px;
  color: #10213b;
  font-family: Arial, Helvetica, sans-serif;
}

.uj-login-page .uj-login-heading {
  margin: 28px 0 30px;
  text-align: center;
}

.uj-login-page .uj-login-heading h1 {
  margin: 0 0 8px;
  color: #10213b;
  font-size: clamp(30px, 4vw, 46px);
  font-weight: 700;
  line-height: 1.1;
}

.uj-login-page .uj-login-heading p {
  margin: 0;
  color: #5b6980;
  font-size: 18px;
  line-height: 1.5;
}

.uj-login-page .uj-login-card {
  display: grid;
  width: min(100%, 920px);
  min-height: 430px;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #dce3e8;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(16, 33, 59, 0.12);
}

.uj-login-page .uj-login-welcome {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px 34px 34px;
  background: linear-gradient(145deg, #07543c 0%, #06432f 56%, #032f24 100%);
  color: #fff;
}

.uj-login-page .uj-login-globe {
  display: block;
  width: min(100%, 250px);
  height: 205px;
  margin: 0 auto 18px;
  color: #d6ad52;
}

.uj-login-page .uj-login-welcome-copy {
  max-width: 330px;
  margin: auto auto 0 0;
}

.uj-login-page .uj-login-gold-rule {
  display: block;
  width: 48px;
  height: 3px;
  margin-bottom: 15px;
  background: #d6ad52;
}

.uj-login-page .uj-login-welcome-copy p {
  margin: 0;
  color: #f7f7f2;
  font-size: 17px;
  line-height: 1.55;
}

.uj-login-page .uj-login-form-panel {
  min-width: 0;
  padding: 34px 42px 25px;
  background: #fff;
}

.uj-login-page .uj-login-form-panel h2 {
  margin: 0 0 4px;
  color: #10213b;
  font-size: 30px;
  line-height: 1.2;
}

.uj-login-page .uj-login-required {
  margin: 0 0 20px;
  color: #647187;
  font-size: 13px;
}

.uj-login-page .uj-login-message,
.uj-login-page .uj-login-error {
  margin: 0 0 16px;
  padding: 11px 13px;
  border: 1px solid #e7c6a8;
  border-radius: 6px;
  background: #fff8f1;
  color: #7b351a;
  font-size: 14px;
}

.uj-login-page .uj-login-fields {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.uj-login-page .uj-login-field {
  margin: 0 0 17px;
}

.uj-login-page .uj-login-field label {
  display: block;
  margin: 0;
  color: #10213b;
  font-size: 15px;
  font-weight: 700;
}

.uj-login-page .uj-login-field .label {
  display: block;
  margin-bottom: 7px;
}

.uj-login-page .uj-login-field .required {
  margin-left: 3px;
  color: #a53b2b;
}

.uj-login-page .uj-login-field input[type="text"],
.uj-login-page .uj-login-field input[type="password"] {
  display: block;
  width: 100%;
  min-height: 48px;
  margin: 0;
  padding: 10px 13px;
  border: 1px solid #cbd5df;
  border-radius: 6px;
  outline: none;
  background: #fff;
  color: #10213b;
  font: inherit;
  font-weight: 400;
  box-shadow: inset 0 1px 2px rgba(16, 33, 59, 0.04);
}

.uj-login-page .uj-login-field input:focus {
  border-color: #0a6848;
  box-shadow: 0 0 0 3px rgba(10, 104, 72, 0.14);
}

.uj-login-page .uj-login-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 2px 0 20px;
}

.uj-login-page .uj-login-remember,
.uj-login-page .uj-login-remember label {
  margin: 0;
}

.uj-login-page .uj-login-remember label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #26364f;
  font-size: 14px;
  font-weight: 400;
}

.uj-login-page .uj-login-remember input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #06432f;
}

.uj-login-page .uj-login-forgot,
.uj-login-page .uj-login-register a {
  color: #9a6508;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.uj-login-page .uj-login-buttons {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
}

.uj-login-page .uj-login-buttons button.submit {
  display: block;
  width: 100%;
  min-height: 50px;
  margin: 0;
  padding: 12px 18px;
  border: 2px solid #c58b2b;
  border-radius: 7px;
  background: #06432f;
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-size: 17px;
  font-weight: 700;
  transition: background-color 150ms ease, color 150ms ease;
}

.uj-login-page .uj-login-buttons button.submit:hover,
.uj-login-page .uj-login-buttons button.submit:focus-visible {
  background: #0a5a3d;
  color: #fff;
}

.uj-login-page .uj-login-register {
  margin: 17px 0 0;
  padding-top: 15px;
  border-top: 1px solid #e0e5eb;
  color: #58667c;
  font-size: 14px;
}

.uj-login-page .uj-login-recaptcha {
  margin: 0 0 18px;
  padding: 0;
  border: 0;
}

.uj-login-page .uj-login-recaptcha .fields {
  padding: 0;
}

.uj-login-page a:focus-visible,
.uj-login-page button:focus-visible,
.uj-login-page input:focus-visible {
  outline: 3px solid rgba(197, 139, 43, 0.55);
  outline-offset: 2px;
}

@media (max-width: 760px) {
  .uj-login-page .uj-login-card {
    max-width: 560px;
    grid-template-columns: 1fr;
  }

  .uj-login-page .uj-login-welcome {
    min-height: 235px;
    padding: 20px 25px 24px;
  }

  .uj-login-page .uj-login-globe {
    width: 170px;
    height: 130px;
    margin: 0 auto 8px;
  }

  .uj-login-page .uj-login-welcome-copy {
    max-width: 100%;
    margin: 0;
  }

  .uj-login-page .uj-login-form-panel {
    padding: 28px 25px 23px;
  }
}

@media (max-width: 480px) {
  .uj-login-page {
    width: min(100% - 24px, 1120px);
    padding-top: 15px;
  }

  .uj-login-page .uj-login-heading {
    margin: 20px 0 23px;
  }

  .uj-login-page .uj-login-heading p {
    font-size: 16px;
  }

  .uj-login-page .uj-login-form-panel {
    padding: 24px 18px 20px;
  }

  .uj-login-page .uj-login-options {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Login panel: inset area and stacked journal values */
.uj-login-page .uj-login-welcome {
  padding: 16px 20px !important;
}

.uj-login-page .uj-login-brand-panel {
  display: flex !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 100%;
  flex-direction: column;
  justify-content: space-between;
  padding: 88px 14px 28px !important;
  background: rgba(0, 37, 27, 0.28) !important;
}

.uj-login-page .uj-login-values {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px;
  color: #fff !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(27px, 2.45vw, 34px);
  font-weight: 700;
  line-height: 1.22;
}

/* Login form: use the full available width */
.uj-login-page .uj-login-form,
.uj-login-page form#login,
.uj-login-page .uj-login-fields,
.uj-login-page .uj-login-fields .username,
.uj-login-page .uj-login-fields .password,
.uj-login-page .uj-login-field,
.uj-login-page .uj-login-field label,
.uj-login-page .uj-login-buttons {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}

.uj-login-page .uj-login-field input[type="text"],
.uj-login-page .uj-login-field input[type="password"],
.uj-login-page .uj-login-buttons button.submit {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
}
/* UNIVERSITAS OJS registration page. Header and footer are left to OJS. */
.uj-register-page,
.uj-register-page * {
  box-sizing: border-box;
}

.uj-register-page {
  width: min(100% - 32px, 1240px);
  max-width: none;
  margin: 0 auto;
  padding: 25px 0 52px;
  color: #10213b;
  font-family: Arial, Helvetica, sans-serif;
}

.uj-register-page .uj-register-heading {
  margin: 24px 0 28px;
  text-align: center;
}

.uj-register-page .uj-register-heading h1 {
  margin: 0 0 8px;
  color: #10213b;
  font-size: clamp(30px, 4vw, 46px);
  font-weight: 700;
  line-height: 1.12;
}

.uj-register-page .uj-register-heading p {
  margin: 0;
  color: #5b6980;
  font-size: 18px;
  line-height: 1.5;
}

.uj-register-page .uj-register-card {
  display: grid;
  width: min(100%, 1180px);
  min-height: 760px;
  grid-template-columns: minmax(0, 0.65fr) minmax(0, 1.35fr);
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #dce3e8;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(16, 33, 59, 0.12);
}

.uj-register-page .uj-register-welcome {
  display: flex;
  min-width: 0;
  padding: 16px 20px;
  background: linear-gradient(145deg, #07543c 0%, #06432f 56%, #032f24 100%);
  color: #fff;
}

.uj-register-page .uj-register-brand-panel {
  display: flex;
  width: 100%;
  min-height: 100%;
  flex-direction: column;
  justify-content: space-between;
  padding: 88px 14px 28px;
  background: rgba(0, 37, 27, 0.28);
}

.uj-register-page .uj-register-values {
  display: flex;
  flex-direction: column;
  gap: 2px;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(30px, 2.9vw, 44px);
  font-weight: 700;
  line-height: 1.22;
}

.uj-register-page .uj-register-welcome-copy {
  max-width: 360px;
  margin: 44px 0 0;
}

.uj-register-page .uj-register-gold-rule {
  display: block;
  width: 52px;
  height: 3px;
  margin-bottom: 15px;
  background: #d6ad52;
}

.uj-register-page .uj-register-welcome-copy p {
  margin: 0;
  color: #f7f7f2;
  font-size: 17px;
  line-height: 1.55;
}

.uj-register-page .uj-register-form-panel {
  min-width: 0;
  padding: 36px 44px 30px;
  background: #fff;
}

.uj-register-page .uj-register-form-panel h2 {
  margin: 0 0 5px;
  color: #10213b;
  font-size: 30px;
  line-height: 1.2;
}

.uj-register-page .uj-register-required {
  margin: 0 0 23px;
  color: #647187;
  font-size: 14px;
}

/* Keep OJS-generated registration fields, but lay them out in two columns. */
.uj-register-page .uj-register-fields fieldset {
  min-width: 0;
  margin: 0 0 24px;
  padding: 0;
  border: 0;
}

.uj-register-page .uj-register-fields fieldset > legend {
  width: 100%;
  margin: 0 0 13px;
  padding: 0;
  color: #10213b;
  font-size: 19px;
  font-weight: 700;
}

.uj-register-page .uj-register-fields .fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 22px;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.uj-register-page .uj-register-fields .fields > div {
  min-width: 0;
  width: 100%;
  margin: 0;
}

.uj-register-page .uj-register-fields label {
  display: block;
  width: 100%;
  margin: 0;
  color: #10213b;
  font-size: 14px;
  font-weight: 600;
}

.uj-register-page .uj-register-fields .label {
  display: block;
  margin: 0 0 7px;
}

.uj-register-page .uj-register-fields .required {
  margin-left: 3px;
  color: #a53b2b;
}

.uj-register-page .uj-register-fields input[type="text"],
.uj-register-page .uj-register-fields input[type="email"],
.uj-register-page .uj-register-fields input[type="password"],
.uj-register-page .uj-register-fields select,
.uj-register-page .uj-register-fields textarea,
.uj-register-page #register .reviewer_interests input[type="text"],
.uj-register-page #register .reviewer_nocontext_interests input[type="text"] {
  display: block;
  width: 100% !important;
  max-width: none !important;
  min-height: 46px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #cbd5df;
  border-radius: 6px;
  outline: 0;
  background: #fff;
  color: #10213b;
  font: inherit;
  font-weight: 400;
  box-shadow: inset 0 1px 2px rgba(16, 33, 59, 0.04);
}

.uj-register-page .uj-register-fields input:focus,
.uj-register-page .uj-register-fields select:focus,
.uj-register-page #register input:focus,
.uj-register-page #register select:focus {
  border-color: #0a6848;
  box-shadow: 0 0 0 3px rgba(10, 104, 72, 0.14);
}

/* Privacy, email, and reviewer opt-ins remain OJS-controlled. */
.uj-register-page #register fieldset.consent,
.uj-register-page #register fieldset.reviewer {
  min-width: 0;
  margin: 20px 0 0;
  padding: 13px 0 0;
  border: 0;
  border-top: 1px solid #e0e5eb;
}

.uj-register-page #register fieldset.reviewer > legend {
  margin: 0 0 10px;
  color: #10213b;
  font-size: 15px;
  font-weight: 700;
}

.uj-register-page #register fieldset.consent .fields,
.uj-register-page #register fieldset.reviewer .fields,
.uj-register-page #register .uj-register-extra-fields {
  display: block;
  margin: 0;
  padding: 0;
}

.uj-register-page #register .optin {
  margin: 10px 0;
}

.uj-register-page #register .optin label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #26364f;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.uj-register-page #register .optin input[type="checkbox"] {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  accent-color: #06432f;
}

.uj-register-page #register .reviewer_interests label,
.uj-register-page #register .reviewer_nocontext_interests label {
  display: block;
}

.uj-register-page #register .reviewer_interests .label,
.uj-register-page #register .reviewer_nocontext_interests .label {
  display: block;
  margin-bottom: 7px;
}

/* Form errors and anti-spam controls span the full panel. */
.uj-register-page #register .pkp_form_error,
.uj-register-page #register .pkp_form_error_list {
  margin: 0 0 16px;
  padding: 11px 13px;
  border: 1px solid #e7c6a8;
  border-radius: 6px;
  background: #fff8f1;
  color: #7b351a;
  font-size: 14px;
}

.uj-register-page #register fieldset.recaptcha_wrapper,
.uj-register-page #register fieldset.altcha_wrapper {
  margin: 18px 0 0;
  padding: 0;
  border: 0;
}

.uj-register-page #register .uj-register-actions {
  display: block;
  width: 100%;
  margin: 22px 0 0;
  padding: 0;
  border: 0;
  text-align: center;
}

.uj-register-page #register .uj-register-actions button.submit {
  display: block;
  width: 100% !important;
  max-width: none !important;
  min-height: 52px;
  margin: 0;
  padding: 12px 18px;
  border: 2px solid #c58b2b;
  border-radius: 7px;
  background: #06432f;
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-size: 17px;
  font-weight: 700;
  transition: background-color 150ms ease, color 150ms ease;
}

.uj-register-page #register .uj-register-actions button.submit:hover,
.uj-register-page #register .uj-register-actions button.submit:focus-visible {
  background: #0a5a3d;
  color: #fff;
}

.uj-register-page .uj-register-login-note {
  margin: 15px 0 0;
  color: #58667c;
  font-size: 14px;
  text-align: center;
}

.uj-register-page .uj-register-login-note a {
  margin-left: 5px;
  color: #9a6508;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.uj-register-page a:focus-visible,
.uj-register-page button:focus-visible,
.uj-register-page input:focus-visible,
.uj-register-page select:focus-visible {
  outline: 3px solid rgba(197, 139, 43, 0.55);
  outline-offset: 2px;
}

@media (max-width: 800px) {
  .uj-register-page .uj-register-card {
    max-width: 650px;
    min-height: 0;
    grid-template-columns: 1fr;
  }

  .uj-register-page .uj-register-welcome {
    min-height: 265px;
    padding: 18px 20px;
  }

  .uj-register-page .uj-register-brand-panel {
    min-height: 0;
    padding: 28px 18px 24px;
  }

  .uj-register-page .uj-register-values {
    font-size: 30px;
  }

  .uj-register-page .uj-register-welcome-copy {
    max-width: 100%;
    margin: 28px 0 0;
  }

  .uj-register-page .uj-register-form-panel {
    padding: 30px 32px 27px;
  }
}

@media (max-width: 520px) {
  .uj-register-page {
    width: min(100% - 24px, 1240px);
    padding-top: 15px;
  }

  .uj-register-page .uj-register-heading {
    margin: 19px 0 22px;
  }

  .uj-register-page .uj-register-heading p {
    font-size: 16px;
  }

  .uj-register-page .uj-register-form-panel {
    padding: 24px 18px 22px;
  }

  .uj-register-page .uj-register-fields .fields {
    grid-template-columns: 1fr;
  }
}
/* UNIVERSITAS registration page styling for the native OJS template.
   Keep userRegister.tpl disabled; this CSS needs no Smarty override. */

.page_register {
  --uj-green: #064832;
  --uj-green-deep: #033b2b;
  --uj-gold: #d8a22c;
  --uj-navy: #102d49;
  --uj-ink: #172638;
  --uj-muted: #667487;
  --uj-border: #d9e1e8;

  width: min(100% - 32px, 1120px);
  margin: 44px auto 64px;
  color: var(--uj-ink);
}

.page_register > h1 {
  margin: 0 0 10px;
  color: var(--uj-navy);
  font-size: clamp(1.8rem, 3vw, 2.35rem);
  font-weight: 750;
  line-height: 1.2;
}

.page_register > p {
  margin: 0 0 18px;
  color: var(--uj-muted);
  font-size: 0.95rem;
}

.page_register #register {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 34px 38px 34px 42%;
  overflow: hidden;
  border: 1px solid var(--uj-border);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 16px 42px rgb(16 45 73 / 12%);
}

.page_register #register::before {
  position: absolute;
  z-index: 0;
  inset: 0 auto 0 0;
  display: flex;
  box-sizing: border-box;
  width: 37%;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 88px 30px;
  border-right: 5px solid var(--uj-gold);
  background:
    linear-gradient(var(--uj-green-deep), var(--uj-green-deep)) 20px 20px / calc(100% - 40px) calc(100% - 40px) no-repeat,
    linear-gradient(155deg, var(--uj-green), var(--uj-green-deep));
  color: #fff;
  content: "Excellence\A Quality\A Reliability\A Service";
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 3vw, 2.3rem);
  font-weight: 700;
  line-height: 1.22;
  text-align: left;
  white-space: pre-line;
}

.page_register #register::after {
  position: absolute;
  z-index: 0;
  bottom: 40px;
  left: 24px;
  box-sizing: border-box;
  width: calc(37% - 48px);
  padding-top: 18px;
  background: linear-gradient(var(--uj-gold), var(--uj-gold)) left top / 48px 3px no-repeat;
  color: #fff;
  content: "Create your account to join our scholarly community.";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
  text-align: left;
}

.page_register #register > * {
  position: relative;
  z-index: 1;
}

.page_register #register fieldset {
  min-width: 0;
  margin: 0 0 20px;
  padding: 0;
  border: 0;
}

.page_register #register legend:not(.pkp_screen_reader) {
  width: 100%;
  margin: 0 0 14px;
  padding: 0 0 9px;
  border-bottom: 1px solid var(--uj-border);
  color: var(--uj-navy);
  font-size: 1.12rem;
  font-weight: 700;
}

.page_register #register label {
  color: var(--uj-ink);
  font-weight: 600;
}

.page_register #register input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.page_register #register select,
.page_register #register textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 46px;
  margin-top: 6px;
  padding: 10px 12px;
  border: 1px solid #bdc9d5;
  border-radius: 8px;
  background: #fff;
  color: var(--uj-ink);
  font: inherit;
}

.page_register #register input:focus,
.page_register #register select:focus,
.page_register #register textarea:focus {
  border-color: var(--uj-green);
  outline: 3px solid rgb(6 72 50 / 14%);
}

.page_register #register .optin label,
.page_register #register .checkbox label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 500;
  line-height: 1.55;
}

.page_register #register input[type="checkbox"],
.page_register #register input[type="radio"] {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: 3px 0 0;
  accent-color: var(--uj-green);
}

.page_register #register .buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
}

.page_register #register button.submit {
  min-height: 48px;
  padding: 0 28px;
  border: 2px solid var(--uj-green);
  border-radius: 9px;
  background: var(--uj-green);
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}

.page_register #register button.submit:hover,
.page_register #register button.submit:focus-visible {
  border-color: var(--uj-gold);
  background: var(--uj-gold);
  color: var(--uj-green-deep);
}

.page_register #register a.login {
  color: var(--uj-green);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.page_register #register .pkp_form_error,
.page_register #register .error {
  margin: 0 0 16px;
  padding: 12px 14px;
  border-left: 4px solid #b42318;
  border-radius: 6px;
  background: #fff4f2;
  color: #7a271a;
}

@media (max-width: 760px) {
  .page_register {
    width: min(100% - 24px, 620px);
    margin: 28px auto 44px;
  }

  .page_register #register {
    padding: 24px;
  }

  .page_register #register::before {
    position: relative;
    inset: auto;
    width: calc(100% + 48px);
    min-height: 340px;
    margin: -24px -24px 24px;
    padding: 34px 22px 150px;
    border-right: 0;
    border-bottom: 5px solid var(--uj-gold);
    background:
      linear-gradient(var(--uj-green-deep), var(--uj-green-deep)) 14px 14px / calc(100% - 28px) calc(100% - 28px) no-repeat,
      linear-gradient(155deg, var(--uj-green), var(--uj-green-deep));
    font-size: 2rem;
    line-height: 1.2;
    text-align: left;
  }

  .page_register #register::after {
    top: 224px;
    right: 24px;
    bottom: auto;
    left: 24px;
    width: auto;
    padding-top: 16px;
    font-size: 15px;
  }
}

@media (max-width: 420px) {
  .page_register #register {
    padding: 18px;
  }

  .page_register #register::before {
    width: calc(100% + 36px);
    margin: -18px -18px 20px;
    padding-right: 18px;
    padding-left: 18px;
  }

  .page_register #register::after {
    right: 18px;
    left: 18px;
  }

  .page_register #register button.submit {
    width: 100%;
  }
}
/* Universitas archives layout — paste this at the bottom of OJS Additional CSS. */
.page_issue_archive.uj-archive-page {
	--uj-archive-green: #06432f;
	--uj-archive-gold: #bf851c;
	--uj-archive-navy: #102c52;
	--uj-archive-muted: #667085;
	box-sizing: border-box;
	width: min(100%, 1360px);
	max-width: 1360px;
	margin: 0 auto;
	padding: 30px clamp(16px, 3vw, 42px) 56px;
	color: var(--uj-archive-navy);
}

.page_issue_archive.uj-archive-page *,
.page_issue_archive.uj-archive-page *::before,
.page_issue_archive.uj-archive-page *::after {
	box-sizing: border-box;
}

.uj-archive__heading {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 20px 28px;
	margin: 0 0 22px;
}

.uj-archive__heading-copy h1 {
	margin: 0 0 4px;
	color: var(--uj-archive-navy);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(30px, 3vw, 40px);
	font-weight: 700;
	line-height: 1.15;
}

.uj-archive__intro {
	margin: 0;
	color: var(--uj-archive-muted);
	font-size: 15px;
	line-height: 1.5;
}

.uj-archive__filter {
	display: flex;
	align-items: center;
	gap: 12px;
	color: var(--uj-archive-muted);
	font-size: 13px;
}

.uj-archive__year-select {
	min-width: 150px;
	min-height: 42px;
	padding: 8px 34px 8px 12px;
	border: 1px solid #d6dde5;
	border-radius: 8px;
	background-color: #fff;
	color: var(--uj-archive-navy);
	font: inherit;
}

.uj-archive__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.uj-archive__card {
	display: grid;
	grid-template-columns: 128px minmax(0, 1fr) 220px;
	align-items: center;
	gap: 24px;
	margin: 0 0 16px;
	padding: 14px 22px;
	border: 1px solid #e1e6eb;
	border-radius: 13px;
	background: #fff;
	box-shadow: 0 3px 12px rgba(16, 44, 82, 0.07);
}

.uj-archive__card[hidden] {
	display: none !important;
}

.uj-archive__cover {
	width: 100%;
	max-width: 108px;
	margin: 0 auto;
}

.uj-archive__cover a {
	display: block;
	color: inherit;
	text-decoration: none;
}

.uj-archive__cover img {
	display: block;
	width: 100%;
	height: 136px;
	object-fit: contain;
	background: #f8fafc;
	box-shadow: 0 3px 9px rgba(13, 35, 58, 0.2);
}

.uj-archive__cover-fallback {
	display: flex;
	width: 100%;
	height: 136px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 10px;
	border: 1px solid #e0e6eb;
	background: linear-gradient(145deg, #fff 0%, #f5f7f8 100%);
	color: var(--uj-archive-green);
	text-align: center;
	box-shadow: 0 3px 9px rgba(13, 35, 58, 0.16);
}

.uj-archive__cover-fallback strong {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
}

.uj-archive__cover-fallback span {
	color: var(--uj-archive-muted);
	font-size: 11px;
}

.uj-archive__details {
	min-width: 0;
}

.uj-archive__eyebrow {
	margin: 0 0 4px;
	color: var(--uj-archive-gold);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

.uj-archive__title {
	margin: 0 0 4px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(20px, 2vw, 25px);
	font-weight: 700;
	line-height: 1.25;
}

.uj-archive__title a {
	color: var(--uj-archive-navy);
	text-decoration: none;
}

.uj-archive__title a:hover,
.uj-archive__title a:focus {
	color: var(--uj-archive-green);
	text-decoration: underline;
	text-decoration-color: var(--uj-archive-gold);
	text-underline-offset: 3px;
}

.uj-archive__date {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 14px;
	margin: 0 0 9px;
	color: #596373;
	font-size: 14px;
}

.uj-archive__date span + span::before {
	content: "|";
	margin-right: 14px;
	color: #9aa4af;
}

.uj-archive__description {
	max-width: 760px;
	padding-top: 9px;
	border-top: 1px solid #e4e8ec;
	color: #5f6875;
	font-size: 13px;
	line-height: 1.5;
}

.uj-archive__description p {
	margin: 0;
}

.uj-archive__description p + p {
	margin-top: 6px;
}

.uj-archive__actions {
	display: flex;
	flex-direction: column;
	gap: 9px;
}

.uj-archive__button {
	display: flex;
	min-height: 40px;
	align-items: center;
	justify-content: center;
	padding: 9px 12px;
	border: 1px solid var(--uj-archive-gold);
	border-radius: 10px;
	background: var(--uj-archive-gold);
	color: var(--uj-archive-green) !important;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	text-decoration: none !important;
	transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}

.uj-archive__button:hover,
.uj-archive__button:focus-visible {
	border-color: var(--uj-archive-green);
	background: var(--uj-archive-green);
	color: #fff !important;
}

.uj-archive__no-results {
	margin: 20px 0;
	padding: 14px 18px;
	border-left: 4px solid var(--uj-archive-gold);
	background: #f5f7f8;
	color: var(--uj-archive-navy);
}

.uj-archive__no-results[hidden] {
	display: none !important;
}

@media (max-width: 760px) {
	.page_issue_archive.uj-archive-page {
		padding: 22px 14px 40px;
	}

	.uj-archive__heading {
		grid-template-columns: 1fr;
		gap: 14px;
		align-items: start;
	}

	.uj-archive__filter {
		justify-content: space-between;
	}

	.uj-archive__year-select {
		flex: 1;
		max-width: 220px;
	}

	.uj-archive__card {
		grid-template-columns: 94px minmax(0, 1fr);
		gap: 14px;
		padding: 14px;
	}

	.uj-archive__cover {
		max-width: 88px;
	}

	.uj-archive__cover img,
	.uj-archive__cover-fallback {
		height: 118px;
	}

	.uj-archive__actions {
		grid-column: 1 / -1;
		flex-direction: row;
	}

	.uj-archive__button {
		flex: 1;
		min-height: 42px;
		font-size: 12px;
	}
}

@media (max-width: 420px) {
	.uj-archive__card {
		grid-template-columns: 76px minmax(0, 1fr);
		gap: 12px;
		padding: 12px;
	}

	.uj-archive__cover {
		max-width: 72px;
	}

	.uj-archive__cover img,
	.uj-archive__cover-fallback {
		height: 102px;
	}

	.uj-archive__title {
		font-size: 18px;
	}

	.uj-archive__date {
		gap: 4px 8px;
		font-size: 12px;
	}

	.uj-archive__date span + span::before {
		margin-right: 8px;
	}

	.uj-archive__description {
		font-size: 12px;
	}

	.uj-archive__actions {
		flex-direction: column;
	}
}
.cmp_breadcrumbs {
  display: none !important;
}
/* Remove faint frame lines from OJS page containers */
html body .pkp_structure_page,
html body .pkp_structure_head,
html body .pkp_structure_content,
html body .pkp_structure_main,
html body .pkp_structure_footer_wrapper,
html body .pkp_structure_footer {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Remove horizontal rule lines */
html body hr {
  display: none !important;
}
/* Slightly stronger shadow on the issue card */
.uj-archive__card {
  box-shadow: 0 5px 16px rgba(16, 44, 82, 0.12) !important;
}

.uj-archive__card:hover {
  box-shadow: 0 8px 22px rgba(16, 44, 82, 0.16) !important;
}
.uj-archive__button {
  color: #fff !important;
}
/* UNIVERSITAS article card — styling for the approved second screenshot.
   Add to OJS: Settings > Website > Appearance > Advanced > Journal Style Sheet.
   This styles article-card markup; it does not create files or live metrics. */

:root {
    --uj-green: #07523b;
    --uj-green-dark: #063d2e;
    --uj-gold: #c58a18;
    --uj-navy: #10294d;
    --uj-ink: #18283b;
    --uj-muted: #718096;
    --uj-border: #dce3e8;
    --uj-cream: #fff8e9;
    --uj-page: #f8f8f5;
}

/* Section heading above the article cards */
.page_issue .sections .section > h2,
.page_issue .sections .section > h3 {
    margin: 2rem 0 1.2rem;
    padding: 0 0 0.7rem;
    border: 0;
    color: var(--uj-green-dark);
    font-family: inherit;
    font-size: clamp(2rem, 3.4vw, 3.15rem);
    font-weight: 800;
    line-height: 1.08;
}

.page_issue .sections .section > h2::after,
.page_issue .sections .section > h3::after {
    display: block;
    width: 5.8rem;
    height: 5px;
    margin-top: 0.8rem;
    background: var(--uj-gold);
    content: "";
}

/* Main white card */
.obj_article_summary.uj-article-card {
    --uj-card-gap: 1.25rem;
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(20rem, 0.8fr);
    grid-template-areas:
        "topline topline"
        "title title"
        "authors authors"
        "actions details"
        "metrics metrics"
        "abstract abstract";
    align-items: start;
    gap: var(--uj-card-gap) 1.5rem;
    box-sizing: border-box;
    margin: 0 0 2rem;
    padding: 2rem 2.4rem 1.6rem;
    overflow: hidden;
    border: 1px solid #e6e8e4;
    border-radius: 1.2rem;
    background:
        linear-gradient(90deg, var(--uj-gold) 0 4px, var(--uj-green) 4px 11px, transparent 11px) left / 11px 100% no-repeat,
        linear-gradient(120deg, #fff 0%, #fff 72%, #fdfcf8 100%);
    box-shadow: 0 10px 28px rgba(21, 39, 55, 0.09);
    color: var(--uj-ink);
    font-family: inherit;
    transition: box-shadow 180ms ease, transform 180ms ease;
}

.obj_article_summary.uj-article-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 34px rgba(21, 39, 55, 0.13);
}

.uj-article-card__topline {
    grid-area: topline;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.7rem 1.2rem;
    margin: 0;
}

.uj-article-card__type {
    display: inline-flex;
    align-items: center;
    min-height: 2.5rem;
    padding: 0.55rem 1.25rem;
    border: 0;
    border-radius: 0.8rem;
    background: var(--uj-green);
    color: #fff;
    font-size: 0.92rem;
    font-weight: 800;
    letter-spacing: 0.075em;
    line-height: 1.2;
    text-transform: uppercase;
}

.uj-article-card__date,
.uj-article-card__issue-meta {
    color: #3e4b5d;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    line-height: 1.35;
    text-transform: uppercase;
}

.uj-article-card__date,
.uj-article-card__issue-meta {
    padding-left: 1rem;
    border-left: 2px solid #d8dfe3;
}

/* Article title */
.uj-article-card__title {
    grid-area: title;
    margin: 0;
    padding: 0;
    border: 0;
    color: var(--uj-navy);
    font-family: inherit;
    font-size: clamp(1.8rem, 3vw, 2.85rem);
    font-weight: 800;
    line-height: 1.18;
}

.uj-article-card__title a {
    color: inherit;
    text-decoration: none;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
    transition: color 160ms ease;
}

.uj-article-card__title a:hover,
.uj-article-card__title a:focus-visible {
    color: var(--uj-green);
    text-decoration: underline;
    text-decoration-color: var(--uj-gold);
}

.uj-article-card__subtitle {
    display: block;
    margin-top: 0.35rem;
    color: var(--uj-muted);
    font-size: 0.68em;
    font-weight: 500;
    line-height: 1.4;
}

/* Author names and affiliations */
.uj-article-card__authors {
    grid-area: authors;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem 1.3rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.uj-article-card__author {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.3rem 0.65rem;
    margin: 0;
    padding: 0;
}

.uj-article-card__author-name {
    color: #15243a;
    font-size: 1.12rem;
    font-weight: 750;
}

.uj-article-card__affiliation {
    color: var(--uj-muted);
    font-size: 1.02rem;
    line-height: 1.5;
}

/* PDF/XML actions and DOI */
.uj-article-card__actions {
    grid-area: actions;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
}

.uj-article-card__actions li,
.uj-article-card__button {
    margin: 0;
    padding: 0;
}

.uj-article-card__actions a.obj_galley_link,
.uj-article-card__actions .obj_galley_link,
.uj-article-card__button a {
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    min-width: 15rem;
    min-height: 4.4rem;
    box-sizing: border-box;
    padding: 0.85rem 1.35rem !important;
    border: 1px solid var(--uj-green) !important;
    border-radius: 0.65rem !important;
    background: var(--uj-green) !important;
    color: #fff !important;
    font-family: inherit;
    font-size: 1.05rem;
    font-weight: 750;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
    transition: background 160ms ease, color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.uj-article-card__actions a.obj_galley_link:hover,
.uj-article-card__actions a.obj_galley_link:focus-visible,
.uj-article-card__button a:hover,
.uj-article-card__button a:focus-visible {
    transform: translateY(-2px);
    border-color: var(--uj-gold) !important;
    background: var(--uj-green-dark) !important;
    color: #fff !important;
}

.uj-article-card__actions .obj_galley_link.restricted {
    border-color: var(--uj-gold) !important;
    background: var(--uj-cream) !important;
    color: #624809 !important;
}

.uj-article-card__details {
    grid-area: details;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.8rem;
    min-width: 0;
    margin: 0;
    padding: 0.8rem 0 0.8rem 1.2rem;
    border-left: 2px solid #d8dfe3;
}

.uj-article-card__doi,
.uj-article-card__pages {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.3rem 0.55rem;
    min-width: 0;
    color: #3e4b5d;
    line-height: 1.45;
}

.uj-article-card__detail-label {
    color: #435066;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.uj-article-card__doi a {
    overflow-wrap: anywhere;
    color: var(--uj-green);
    font-size: 1rem;
    text-decoration: underline;
    text-decoration-color: rgba(7, 82, 59, 0.4);
    text-underline-offset: 3px;
}

.uj-article-card__doi a:hover,
.uj-article-card__doi a:focus-visible {
    color: #8a5b08;
    text-decoration-color: currentColor;
}

/* Usage-stat tiles. Add these elements only when reliable values are available. */
.uj-article-card__metrics {
    grid-area: metrics;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    width: min(100%, 58rem);
    margin: 0;
}

.uj-article-card__metric {
    display: grid;
    grid-template-columns: 3.2rem minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 0.8rem;
    min-width: 0;
    padding: 0.8rem 1rem;
    border: 1px solid var(--uj-border);
    border-radius: 0.65rem;
    background: linear-gradient(135deg, #fbfcfd, #f5f7f8);
}

.uj-article-card__metric-icon {
    grid-row: 1 / 3;
    color: var(--uj-gold);
    font-size: 1.8rem;
    line-height: 1;
    text-align: center;
}

.uj-article-card__metric span {
    color: var(--uj-muted);
    font-size: 0.9rem;
    line-height: 1.3;
}

.uj-article-card__metric strong {
    color: var(--uj-navy);
    font-size: 1.4rem;
    font-weight: 800;
    line-height: 1.15;
}

/* Expandable abstract bar */
.uj-article-card__abstract {
    grid-area: abstract;
    margin: 0;
    border: 1px solid var(--uj-gold);
    border-radius: 0.65rem;
    background: linear-gradient(90deg, #fff9ea, #fff6e2);
}

.uj-article-card__abstract summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    min-height: 3.9rem;
    padding: 0.75rem 1.1rem;
    color: #624809;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 800;
    list-style: none;
}

.uj-article-card__abstract summary::-webkit-details-marker { display: none; }
.uj-article-card__abstract summary::marker { content: ""; }

.uj-article-card__abstract summary:hover,
.uj-article-card__abstract summary:focus-visible {
    background: rgba(197, 138, 24, 0.08);
}

.uj-article-card__abstract-toggle {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    place-items: center;
    color: #9b710e;
    font-size: 1.5rem;
    line-height: 1;
    transition: transform 160ms ease;
}

.uj-article-card__abstract[open] .uj-article-card__abstract-toggle {
    transform: rotate(45deg);
}

.uj-article-card__abstract-text {
    padding: 0 1.1rem 1.1rem;
    border-top: 1px solid rgba(197, 138, 24, 0.25);
    color: var(--uj-ink);
    font-size: 1rem;
    line-height: 1.7;
}

@media (max-width: 900px) {
    .obj_article_summary.uj-article-card {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "topline"
            "title"
            "authors"
            "actions"
            "details"
            "metrics"
            "abstract";
        padding: 1.6rem 1.35rem 1.3rem;
    }

    .uj-article-card__details {
        padding: 0.75rem 0 0;
        border-top: 1px solid var(--uj-border);
        border-left: 0;
    }
}

@media (max-width: 600px) {
    .page_issue .sections .section > h2,
    .page_issue .sections .section > h3 {
        font-size: 2rem;
    }

    .obj_article_summary.uj-article-card {
        gap: 1rem;
        margin-bottom: 1.2rem;
        padding: 1.2rem 0.9rem 1rem;
        border-radius: 0.85rem;
    }

    .uj-article-card__title { font-size: 1.65rem; }

    .uj-article-card__metrics {
        grid-template-columns: 1fr;
        gap: 0.55rem;
    }

    .uj-article-card__metric {
        grid-template-columns: 2.5rem minmax(0, 1fr);
        padding: 0.65rem 0.8rem;
    }

    .uj-article-card__actions li,
    .uj-article-card__actions a.obj_galley_link,
    .uj-article-card__button a {
        flex: 1 1 100%;
        width: 100%;
    }

    .uj-article-card__abstract summary { font-size: 1.05rem; }
}

@media (prefers-reduced-motion: reduce) {
    .obj_article_summary.uj-article-card,
    .uj-article-card__title a,
    .uj-article-card__actions .obj_galley_link,
    .uj-article-card__abstract-toggle { transition: none; }

    .obj_article_summary.uj-article-card:hover,
    .uj-article-card__actions .obj_galley_link:hover { transform: none; }
}
/* Universitas article cards: larger type and tighter vertical spacing.
   Paste this at the VERY BOTTOM of the Journal Style Sheet. */

.obj_article_summary.uj-article-card {
    row-gap: 12px !important;
    padding: 20px 28px !important;
    margin-bottom: 16px !important;
    align-content: start !important;
    min-height: 0 !important;
}

/* Prevent OJS defaults from adding large margins between card rows. */
.obj_article_summary.uj-article-card > .uj-article-card__topline,
.obj_article_summary.uj-article-card > .uj-article-card__title,
.obj_article_summary.uj-article-card > .uj-article-card__authors,
.obj_article_summary.uj-article-card > .uj-article-card__details,
.obj_article_summary.uj-article-card > .uj-article-card__actions,
.obj_article_summary.uj-article-card > .uj-article-card__metrics,
.obj_article_summary.uj-article-card > .uj-article-card__abstract {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.obj_article_summary.uj-article-card > .uj-article-card__topline {
    gap: 8px 14px !important;
}

.obj_article_summary.uj-article-card .uj-article-card__type {
    min-height: 38px;
    padding: 8px 16px;
    font-size: 16px !important;
}

.obj_article_summary.uj-article-card .uj-article-card__date,
.obj_article_summary.uj-article-card .uj-article-card__issue-meta {
    font-size: 17px !important;
}

.obj_article_summary.uj-article-card > .uj-article-card__title {
    margin: 0 !important;
    font-size: clamp(28px, 2.4vw, 40px) !important;
    line-height: 1.18 !important;
}

.obj_article_summary.uj-article-card > .uj-article-card__title a {
    font-size: inherit !important;
    line-height: inherit !important;
}

.obj_article_summary.uj-article-card > .uj-article-card__authors {
    gap: 6px 16px !important;
    padding: 0 !important;
    list-style: none !important;
}

.obj_article_summary.uj-article-card .uj-article-card__author,
.obj_article_summary.uj-article-card .uj-article-card__actions li {
    margin: 0 !important;
    padding: 0 !important;
}

.obj_article_summary.uj-article-card .uj-article-card__author-name {
    font-size: 21px !important;
}

.obj_article_summary.uj-article-card .uj-article-card__affiliation {
    font-size: 18px !important;
    line-height: 1.35 !important;
}

.obj_article_summary.uj-article-card > .uj-article-card__actions {
    gap: 10px !important;
    padding: 0 !important;
}

.obj_article_summary.uj-article-card .uj-article-card__actions a.obj_galley_link,
.obj_article_summary.uj-article-card .uj-article-card__button a {
    min-width: 180px;
    min-height: 56px;
    padding: 12px 20px !important;
    font-size: 18px !important;
}

.obj_article_summary.uj-article-card > .uj-article-card__details {
    gap: 8px 14px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.obj_article_summary.uj-article-card .uj-article-card__doi a,
.obj_article_summary.uj-article-card .uj-article-card__pages > span:last-child {
    font-size: 17px !important;
}

.obj_article_summary.uj-article-card .uj-article-card__abstract summary {
    min-height: 54px;
    padding: 10px 16px;
    font-size: 20px !important;
}

.obj_article_summary.uj-article-card .uj-article-card__abstract-text {
    font-size: 17px !important;
    line-height: 1.55 !important;
}

@media (max-width: 600px) {
    .obj_article_summary.uj-article-card {
        row-gap: 10px !important;
        padding: 16px !important;
    }

    .obj_article_summary.uj-article-card > .uj-article-card__title {
        font-size: 26px !important;
    }

    .obj_article_summary.uj-article-card .uj-article-card__author-name {
        font-size: 19px !important;
    }

    .obj_article_summary.uj-article-card .uj-article-card__affiliation,
    .obj_article_summary.uj-article-card .uj-article-card__doi a {
        font-size: 16px !important;
    }
}
/* Medium-size article card typography */
.page_issue .sections .section > h2,
.page_issue .sections .section > h3 {
    font-size: clamp(30px, 2.6vw, 36px) !important;
}

.obj_article_summary.uj-article-card > .uj-article-card__title {
    font-size: clamp(26px, 2.1vw, 32px) !important;
    line-height: 1.2 !important;
}

.obj_article_summary.uj-article-card .uj-article-card__type {
    font-size: 14px !important;
}

.obj_article_summary.uj-article-card .uj-article-card__date,
.obj_article_summary.uj-article-card .uj-article-card__issue-meta {
    font-size: 15px !important;
}

.obj_article_summary.uj-article-card .uj-article-card__author-name {
    font-size: 18px !important;
}

.obj_article_summary.uj-article-card .uj-article-card__affiliation {
    font-size: 16px !important;
}

.obj_article_summary.uj-article-card .uj-article-card__actions a.obj_galley_link,
.obj_article_summary.uj-article-card .uj-article-card__button a {
    min-width: 160px;
    min-height: 48px;
    font-size: 16px !important;
}

.obj_article_summary.uj-article-card .uj-article-card__doi a,
.obj_article_summary.uj-article-card .uj-article-card__pages > span:last-child {
    font-size: 15px !important;
}

.obj_article_summary.uj-article-card .uj-article-card__abstract summary {
    min-height: 48px;
    font-size: 18px !important;
}

.obj_article_summary.uj-article-card .uj-article-card__abstract-text {
    font-size: 16px !important;
}

@media (max-width: 600px) {
    .obj_article_summary.uj-article-card > .uj-article-card__title {
        font-size: 24px !important;
    }
}
/* Universitas article detail page — scoped to OJS article pages */
.page_article .obj_article_details {
  --uj-navy: #10243d;
  --uj-green: #064b37;
  --uj-green-dark: #033a2c;
  --uj-gold: #d2a13a;
  --uj-ink: #1b2b40;
  --uj-muted: #5d6d7e;
  --uj-line: #dbe3eb;
  --uj-paper: #ffffff;
  color: var(--uj-ink);
  max-width: 1320px;
  margin: 0 auto;
  font-family: inherit;
}

.page_article .obj_article_details > .page_title {
  color: #fff;
  background: linear-gradient(118deg, var(--uj-navy) 0%, #123d3a 72%, var(--uj-green) 100%);
  border-left: 6px solid var(--uj-gold);
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(16, 36, 61, .18);
  font-family: inherit;
  font-size: clamp(1.55rem, 2.2vw, 2.15rem);
  font-weight: 750;
  line-height: 1.28;
  margin: 20px 0 0;
  padding: 30px 34px;
}

.page_article .obj_article_details > .subtitle {
  color: var(--uj-ink);
  font-family: inherit;
  font-size: 1.15rem;
  margin: 14px 0 0;
}

.page_article .obj_article_details > .row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
  align-items: start;
  gap: 24px;
  margin: 22px 0 0;
}

.page_article .obj_article_details .main_entry,
.page_article .obj_article_details .entry_details {
  float: none;
  width: auto;
  min-width: 0;
  margin: 0;
}

.page_article .obj_article_details .main_entry > .item,
.page_article .obj_article_details .entry_details > .item,
.page_article .obj_article_details .entry_details > section.item {
  background: var(--uj-paper);
  border: 1px solid var(--uj-line);
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(16, 36, 61, .07);
  margin: 0 0 18px;
  padding: 20px 22px;
}

.page_article .obj_article_details .item .label {
  color: var(--uj-navy);
  font-family: inherit;
  font-size: 1.05rem;
  font-weight: 750;
  margin: 0 0 12px;
}

.page_article .obj_article_details .authors {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page_article .obj_article_details .authors > li {
  background: #f5f8fa;
  border-left: 3px solid var(--uj-gold);
  border-radius: 7px;
  margin: 0 0 10px;
  padding: 12px 14px;
}

.page_article .obj_article_details .authors .name {
  color: var(--uj-navy);
  display: block;
  font-size: 1.04rem;
  font-weight: 700;
}

.page_article .obj_article_details .authors .affiliation,
.page_article .obj_article_details .authors .orcid,
.page_article .obj_article_details .authors .contributor_roles,
.page_article .obj_article_details .authors .credit_roles {
  color: var(--uj-muted);
  display: block;
  font-size: .9rem;
  margin-top: 4px;
}

.page_article .obj_article_details .doi .value a {
  color: var(--uj-green);
  font-weight: 700;
  overflow-wrap: anywhere;
}

.page_article .obj_article_details .abstract,
.page_article .obj_article_details .references {
  line-height: 1.75;
}

.page_article .obj_article_details .abstract p:last-child,
.page_article .obj_article_details .references p:last-child {
  margin-bottom: 0;
}

.page_article .obj_article_details .entry_details {
  position: relative;
}

.page_article .obj_article_details .cover_image {
  overflow: hidden;
  padding: 12px !important;
}

.page_article .obj_article_details .cover_image img {
  border-radius: 8px;
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}

/* Turn OJS's real galley links (PDF/HTML/XML when available) into clear actions. */
.page_article .obj_article_details .galleys_links,
.page_article .obj_article_details .supplementary_galleys_links {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page_article .obj_article_details .galleys_links li,
.page_article .obj_article_details .supplementary_galleys_links li {
  margin: 0 0 9px;
}

.page_article .obj_article_details .galleys_links a,
.page_article .obj_article_details .supplementary_galleys_links a,
.page_article .obj_article_details .jats_link a {
  align-items: center;
  background: var(--uj-green);
  border: 2px solid var(--uj-green);
  border-radius: 8px;
  color: #fff !important;
  display: flex;
  font-weight: 700;
  justify-content: center;
  min-height: 44px;
  padding: 10px 14px;
  text-align: center;
  text-decoration: none;
  transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

.page_article .obj_article_details .galleys_links a:hover,
.page_article .obj_article_details .supplementary_galleys_links a:hover,
.page_article .obj_article_details .jats_link a:hover {
  background: #fff;
  color: var(--uj-green) !important;
  transform: translateY(-1px);
}

.page_article .obj_article_details .downloads_chart {
  background: #f5f8fa;
}

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

.page_article .obj_article_details .issue,
.page_article .obj_article_details .published,
.page_article .obj_article_details .funders,
.page_article .obj_article_details .copyright {
  font-size: .94rem;
  line-height: 1.6;
}

.page_article .obj_article_details .copyright a {
  color: var(--uj-green);
  font-weight: 700;
}

/* Added share, citation and discovery panels */
.page_article .uj-article-tools {
  background: var(--uj-navy);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  box-shadow: 0 8px 22px rgba(16, 36, 61, .2);
  color: #fff;
  margin: 0 0 18px;
  padding: 20px;
}

.page_article .uj-article-tools h2 {
  border-bottom: 1px solid rgba(210,161,58,.55);
  color: #fff;
  font-family: inherit;
  font-size: 1.08rem;
  font-weight: 750;
  margin: 0 0 12px;
  padding: 0 0 9px;
}

.page_article .uj-tools-section + .uj-tools-section {
  border-top: 1px solid rgba(255,255,255,.16);
  margin-top: 17px;
  padding-top: 17px;
}

.page_article .uj-share-links,
.page_article .uj-discovery-links {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page_article .uj-share-links a,
.page_article .uj-discovery-links a,
.page_article .uj-cite-copy {
  align-items: center;
  background: var(--uj-green);
  border: 1px solid var(--uj-green);
  border-radius: 7px;
  color: #fff !important;
  display: flex;
  font: inherit;
  font-size: .88rem;
  font-weight: 700;
  justify-content: center;
  min-height: 40px;
  padding: 8px 10px;
  text-align: center;
  text-decoration: none;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

.page_article .uj-share-links a:hover,
.page_article .uj-discovery-links a:hover,
.page_article .uj-cite-copy:hover {
  background: #fff;
  border-color: var(--uj-gold);
  color: var(--uj-green) !important;
}

.page_article .uj-citation {
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 7px;
  margin: 0 0 8px;
}

.page_article .uj-citation summary {
  color: #fff;
  cursor: pointer;
  font-weight: 700;
  padding: 10px 12px;
}

.page_article .uj-citation-body {
  color: #eef3f7;
  font-size: .86rem;
  line-height: 1.55;
  padding: 0 12px 12px;
}

.page_article .uj-citation-text {
  margin: 0 0 10px;
  overflow-wrap: anywhere;
}

.page_article .uj-cite-copy {
  cursor: pointer;
  width: 100%;
}

.page_article .uj-index-note {
  color: #d5dee8;
  font-size: .77rem;
  line-height: 1.45;
  margin: 10px 0 0;
}

@media (max-width: 860px) {
  .page_article .obj_article_details > .row {
    grid-template-columns: minmax(0, 1fr);
  }

  .page_article .obj_article_details > .page_title {
    padding: 24px 22px;
  }
}

@media (max-width: 520px) {
  .page_article .obj_article_details .main_entry > .item,
  .page_article .obj_article_details .entry_details > .item,
  .page_article .obj_article_details .entry_details > section.item,
  .page_article .uj-article-tools {
    padding: 16px;
  }

  .page_article .uj-share-links,
  .page_article .uj-discovery-links {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* Fix article page column order */
.page_article .obj_article_details > .row > .main_entry {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.page_article .obj_article_details > .row > .entry_details {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

@media (max-width: 860px) {
  .page_article .obj_article_details > .row > .main_entry,
  .page_article .obj_article_details > .row > .entry_details {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}
/* Universitas Journal article detail redesign — OJS 3.4
   Scope: published article pages only. Add after the other site CSS. */

.page_article .obj_article_details,
.pkp_page_article .obj_article_details {
  --uj-navy: #10243d;
  --uj-navy-deep: #071a30;
  --uj-green: #07513b;
  --uj-green-deep: #063d2e;
  --uj-gold: #e5ad35;
  --uj-ink: #203047;
  --uj-muted: #68788b;
  --uj-line: #dce4eb;
  --uj-soft: #f4f7f8;
  color: var(--uj-ink);
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(300px, .98fr);
  column-gap: 18px;
  row-gap: 0;
  align-items: stretch;
  max-width: 1480px;
  margin: 0 auto;
  font-family: inherit;
}

/* Let the OJS columns' existing article blocks participate in this page grid. */
.page_article .obj_article_details > .row,
.pkp_page_article .obj_article_details > .row,
.page_article .obj_article_details > .row > .main_entry,
.pkp_page_article .obj_article_details > .row > .main_entry,
.page_article .obj_article_details > .row > .entry_details,
.pkp_page_article .obj_article_details > .row > .entry_details,
.page_article .obj_article_details .uj-article-tools,
.pkp_page_article .obj_article_details .uj-article-tools {
  display: contents !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}

.page_article .obj_article_details > .row,
.pkp_page_article .obj_article_details > .row {
  padding: 0 !important;
}

/* One continuous dark hero behind the issue label, title, authors, DOI, keywords. */
.page_article .obj_article_details::before,
.pkp_page_article .obj_article_details::before {
  content: "";
  background:
    linear-gradient(132deg, transparent 0 73%, rgba(4, 91, 61, .55) 73% 83%, transparent 83%),
    linear-gradient(132deg, transparent 0 82%, rgba(229, 173, 53, .92) 82% 85%, transparent 85%),
    linear-gradient(115deg, var(--uj-navy-deep), #0a2944 72%, #073b35);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 13px;
  box-shadow: 0 10px 24px rgba(9, 30, 48, .19);
  grid-column: 1;
  grid-row: 1 / 7;
  z-index: 0;
}

.page_article .obj_article_details > .page_title,
.pkp_page_article .obj_article_details > .page_title {
  color: #fff !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(2rem, 3vw, 3rem) !important;
  font-weight: 700 !important;
  line-height: 1.13 !important;
  grid-column: 1;
  grid-row: 2;
  margin: 0 !important;
  padding: 8px 30px 12px !important;
  position: relative;
  z-index: 1;
}

.page_article .obj_article_details > .subtitle,
.pkp_page_article .obj_article_details > .subtitle {
  color: #e5edf3 !important;
  grid-column: 1;
  grid-row: 3;
  align-self: center;
  font-size: 1.03rem;
  line-height: 1.5;
  margin: 0 !important;
  padding: 0 30px 8px !important;
  position: relative;
  z-index: 1;
}

.page_article .obj_article_details .uj-article-kicker,
.pkp_page_article .obj_article_details .uj-article-kicker {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  grid-column: 1;
  grid-row: 1;
  margin: 0 !important;
  padding: 24px 30px 6px !important;
  position: relative;
  z-index: 1;
}

.page_article .uj-kicker-type,
.pkp_page_article .uj-kicker-type {
  border: 1px solid var(--uj-gold);
  border-radius: 5px;
  color: var(--uj-gold);
  font-size: .9rem;
  font-weight: 750;
  line-height: 1.25;
  padding: 7px 12px;
}

.page_article .uj-kicker-issue,
.pkp_page_article .uj-kicker-issue {
  color: #e5edf3;
  font-size: .98rem;
  letter-spacing: .02em;
}

/* Authors, DOI and keywords sit inside the hero without separate white cards. */
.page_article .obj_article_details .main_entry > .item.authors,
.pkp_page_article .obj_article_details .main_entry > .item.authors {
  grid-column: 1;
  grid-row: 4;
  align-self: center;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 10px 30px 5px !important;
  position: relative;
  z-index: 1;
}

.page_article .obj_article_details .item.authors > .authors > li,
.pkp_page_article .obj_article_details .item.authors > .authors > li {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: inline-block;
  margin: 0 18px 6px 0 !important;
  padding: 0 !important;
  vertical-align: top;
}

.page_article .obj_article_details .item.authors .name,
.pkp_page_article .obj_article_details .item.authors .name {
  color: #fff !important;
  font-size: 1.12rem;
  font-weight: 750;
}

.page_article .obj_article_details .item.authors .affiliation,
.page_article .obj_article_details .item.authors .orcid,
.page_article .obj_article_details .item.authors .contributor_roles,
.page_article .obj_article_details .item.authors .credit_roles,
.pkp_page_article .obj_article_details .item.authors .affiliation,
.pkp_page_article .obj_article_details .item.authors .orcid,
.pkp_page_article .obj_article_details .item.authors .contributor_roles,
.pkp_page_article .obj_article_details .item.authors .credit_roles {
  color: #dce7ee !important;
  display: block;
  font-size: .9rem;
  line-height: 1.45;
  margin-top: 4px;
}

.page_article .obj_article_details .main_entry > .item.doi,
.pkp_page_article .obj_article_details .main_entry > .item.doi {
  align-self: center;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  grid-column: 1;
  grid-row: 5;
  margin: 0 !important;
  padding: 10px 30px 8px !important;
  position: relative;
  z-index: 1;
}

.page_article .obj_article_details .main_entry > .item.keywords,
.pkp_page_article .obj_article_details .main_entry > .item.keywords {
  align-self: center;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  grid-column: 1;
  grid-row: 6;
  margin: 0 !important;
  padding: 8px 30px 24px !important;
  position: relative;
  z-index: 1;
}

.page_article .obj_article_details .doi .label,
.page_article .obj_article_details .keywords .label,
.pkp_page_article .obj_article_details .doi .label,
.pkp_page_article .obj_article_details .keywords .label {
  color: var(--uj-gold) !important;
  display: inline;
  font-size: .96rem;
  margin: 0 7px 0 0 !important;
}

.page_article .obj_article_details .doi .value,
.page_article .obj_article_details .keywords .value,
.pkp_page_article .obj_article_details .doi .value,
.pkp_page_article .obj_article_details .keywords .value {
  color: #f0f4f7 !important;
  display: inline;
  font-size: .94rem;
  line-height: 1.65;
  overflow-wrap: anywhere;
}

.page_article .obj_article_details .doi .value a,
.pkp_page_article .obj_article_details .doi .value a {
  color: #fff !important;
  font-weight: 500;
}

/* White article body cards. */
.page_article .obj_article_details .main_entry > .item.abstract,
.pkp_page_article .obj_article_details .main_entry > .item.abstract {
  background: #fff !important;
  border: 1px solid var(--uj-line) !important;
  border-radius: 13px !important;
  box-shadow: 0 5px 16px rgba(16, 36, 61, .08) !important;
  grid-column: 1;
  grid-row: 7 / 10;
  line-height: 1.7;
  margin: 18px 0 0 !important;
  padding: 24px 26px !important;
  position: relative;
  z-index: 1;
}

.page_article .obj_article_details .main_entry > .item.references,
.pkp_page_article .obj_article_details .main_entry > .item.references {
  background: #fff !important;
  border: 1px solid var(--uj-line) !important;
  border-radius: 13px !important;
  box-shadow: 0 5px 16px rgba(16, 36, 61, .08) !important;
  grid-column: 1;
  grid-row: 10;
  line-height: 1.65;
  margin: 18px 0 0 !important;
  padding: 22px 26px !important;
  position: relative;
  z-index: 1;
}

.page_article .obj_article_details .item.abstract > .label,
.page_article .obj_article_details .item.references > .label,
.pkp_page_article .obj_article_details .item.abstract > .label,
.pkp_page_article .obj_article_details .item.references > .label {
  color: var(--uj-green-deep) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.55rem !important;
  font-weight: 700;
  margin: 0 0 15px !important;
  padding-bottom: 10px;
  position: relative;
}

.page_article .obj_article_details .item.abstract > .label::after,
.page_article .obj_article_details .item.references > .label::after,
.pkp_page_article .obj_article_details .item.abstract > .label::after,
.pkp_page_article .obj_article_details .item.references > .label::after {
  background: var(--uj-gold);
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 76px;
}

/* Sidebar actions and white information panels. */
.page_article .obj_article_details .entry_details > .item.galleys,
.pkp_page_article .obj_article_details .entry_details > .item.galleys {
  background: #fff !important;
  border: 1px solid var(--uj-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(16, 36, 61, .08) !important;
  grid-column: 2;
  grid-row: 1;
  margin: 0 0 10px !important;
  padding: 14px !important;
  position: relative;
  z-index: 1;
}

.page_article .obj_article_details .entry_details > .item.jats,
.pkp_page_article .obj_article_details .entry_details > .item.jats {
  background: #fff !important;
  border: 1px solid var(--uj-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(16, 36, 61, .08) !important;
  grid-column: 2;
  grid-row: 2;
  margin: 0 0 16px !important;
  padding: 12px 14px !important;
  position: relative;
  z-index: 1;
}

.page_article .obj_article_details .galleys_links,
.page_article .obj_article_details .supplementary_galleys_links,
.pkp_page_article .obj_article_details .galleys_links,
.pkp_page_article .obj_article_details .supplementary_galleys_links {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page_article .obj_article_details .galleys_links li,
.page_article .obj_article_details .supplementary_galleys_links li,
.pkp_page_article .obj_article_details .galleys_links li,
.pkp_page_article .obj_article_details .supplementary_galleys_links li {
  margin: 0 0 8px;
}

.page_article .obj_article_details .galleys_links li:last-child,
.page_article .obj_article_details .supplementary_galleys_links li:last-child,
.pkp_page_article .obj_article_details .galleys_links li:last-child,
.pkp_page_article .obj_article_details .supplementary_galleys_links li:last-child {
  margin-bottom: 0;
}

.page_article .obj_article_details .galleys_links a,
.page_article .obj_article_details .supplementary_galleys_links a,
.page_article .obj_article_details .jats_link a,
.pkp_page_article .obj_article_details .galleys_links a,
.pkp_page_article .obj_article_details .supplementary_galleys_links a,
.pkp_page_article .obj_article_details .jats_link a {
  align-items: center;
  background: var(--uj-green) !important;
  border: 1px solid var(--uj-green) !important;
  border-radius: 8px;
  color: #fff !important;
  display: flex;
  font-weight: 750;
  justify-content: space-between;
  min-height: 48px;
  padding: 11px 15px;
  text-align: left;
  text-decoration: none !important;
  transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

.page_article .obj_article_details .galleys_links a:hover,
.page_article .obj_article_details .supplementary_galleys_links a:hover,
.page_article .obj_article_details .jats_link a:hover,
.pkp_page_article .obj_article_details .galleys_links a:hover,
.pkp_page_article .obj_article_details .supplementary_galleys_links a:hover,
.pkp_page_article .obj_article_details .jats_link a:hover {
  background: #fff !important;
  color: var(--uj-green) !important;
  transform: translateY(-1px);
}

.page_article .obj_article_details .uj-tools-section,
.page_article .obj_article_details .entry_details > .item.copyright,
.pkp_page_article .obj_article_details .uj-tools-section,
.pkp_page_article .obj_article_details .entry_details > .item.copyright {
  background: #fff !important;
  border: 1px solid var(--uj-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(16, 36, 61, .08) !important;
  color: var(--uj-ink) !important;
  margin: 0 0 14px !important;
  padding: 17px 18px !important;
  position: relative;
  z-index: 1;
}

.page_article .obj_article_details .uj-metrics,
.pkp_page_article .obj_article_details .uj-metrics {
  grid-column: 2;
  grid-row: 3 / 5;
}

.page_article .obj_article_details .uj-citation-panel,
.pkp_page_article .obj_article_details .uj-citation-panel {
  grid-column: 2;
  grid-row: 5 / 7;
}

.page_article .obj_article_details .uj-share-panel,
.pkp_page_article .obj_article_details .uj-share-panel {
  grid-column: 2;
  grid-row: 7;
}

.page_article .obj_article_details .uj-discovery-panel,
.pkp_page_article .obj_article_details .uj-discovery-panel {
  grid-column: 2;
  grid-row: 8;
}

.page_article .obj_article_details .entry_details > .item.copyright,
.pkp_page_article .obj_article_details .entry_details > .item.copyright {
  grid-column: 2;
  grid-row: 9;
}

.page_article .obj_article_details .uj-tools-section h2,
.page_article .obj_article_details .entry_details > .item.copyright > .label,
.pkp_page_article .obj_article_details .uj-tools-section h2,
.pkp_page_article .obj_article_details .entry_details > .item.copyright > .label {
  color: var(--uj-green-deep) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.35rem !important;
  font-weight: 700;
  margin: 0 0 13px !important;
  padding: 0 0 9px !important;
  position: relative;
}

.page_article .obj_article_details .uj-tools-section h2::after,
.page_article .obj_article_details .entry_details > .item.copyright > .label::after,
.pkp_page_article .obj_article_details .uj-tools-section h2::after,
.pkp_page_article .obj_article_details .entry_details > .item.copyright > .label::after {
  background: var(--uj-gold);
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 48px;
}

.page_article .uj-metric-grid,
.pkp_page_article .uj-metric-grid {
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.page_article .uj-metric,
.pkp_page_article .uj-metric {
  background: linear-gradient(145deg, #eef7f2, #e5f0eb);
  border-radius: 9px;
  color: var(--uj-green-deep);
  min-height: 105px;
  padding: 13px 10px;
  text-align: center;
}

.page_article .uj-metric:nth-child(2),
.page_article .uj-metric:nth-child(3),
.pkp_page_article .uj-metric:nth-child(2),
.pkp_page_article .uj-metric:nth-child(3) {
  background: linear-gradient(145deg, #fff9ed, #f8f2e7);
}

.page_article .uj-metric span,
.pkp_page_article .uj-metric span {
  display: block;
  font-size: .79rem;
  line-height: 1.3;
  min-height: 2.1em;
}

.page_article .uj-metric strong,
.pkp_page_article .uj-metric strong {
  display: block;
  font-size: 1.4rem;
  line-height: 1.2;
  margin-top: 7px;
}

.page_article .uj-citation-select,
.pkp_page_article .uj-citation-select {
  appearance: auto;
  background: #fff;
  border: 1px solid #cfd8e1;
  border-radius: 7px;
  color: var(--uj-ink);
  font: inherit;
  min-height: 42px;
  padding: 8px 11px;
  width: 100%;
}

.page_article .uj-citation-output,
.pkp_page_article .uj-citation-output {
  background: #f2f4f5;
  border: 1px solid #e0e5e9;
  border-radius: 8px;
  font-size: .88rem;
  line-height: 1.55;
  margin: 9px 0;
  overflow-wrap: anywhere;
  padding: 12px 14px;
}

.page_article .uj-citation-output pre,
.pkp_page_article .uj-citation-output pre {
  font: inherit;
  margin: 0;
  white-space: pre-wrap;
}

.page_article .uj-citation-text[data-uj-format]:not(.is-active),
.pkp_page_article .uj-citation-text[data-uj-format]:not(.is-active) {
  display: none;
}

.page_article .uj-citation-actions,
.pkp_page_article .uj-citation-actions {
  display: flex;
  gap: 8px;
}

.page_article .uj-citation-actions button,
.page_article .uj-share-links a,
.page_article .uj-discovery-links a,
.page_article .uj-copy-link,
.pkp_page_article .uj-citation-actions button,
.pkp_page_article .uj-share-links a,
.pkp_page_article .uj-discovery-links a,
.pkp_page_article .uj-copy-link {
  align-items: center;
  background: #fff;
  border: 1px solid #b9cbd0;
  border-radius: 7px;
  color: var(--uj-green-deep) !important;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-size: .85rem;
  font-weight: 700;
  justify-content: center;
  min-height: 40px;
  padding: 8px 10px;
  text-align: center;
  text-decoration: none !important;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

.page_article .uj-citation-actions button:hover,
.page_article .uj-share-links a:hover,
.page_article .uj-discovery-links a:hover,
.page_article .uj-copy-link:hover,
.pkp_page_article .uj-citation-actions button:hover,
.pkp_page_article .uj-share-links a:hover,
.pkp_page_article .uj-discovery-links a:hover,
.pkp_page_article .uj-copy-link:hover {
  background: var(--uj-green) !important;
  border-color: var(--uj-green) !important;
  color: #fff !important;
}

.page_article .uj-citation-actions button,
.page_article .uj-copy-link,
.pkp_page_article .uj-citation-actions button,
.pkp_page_article .uj-copy-link {
  flex: 1;
}

.page_article .uj-share-links,
.pkp_page_article .uj-share-links {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.page_article .uj-share-links a,
.pkp_page_article .uj-share-links a {
  min-width: 0;
  padding: 8px 4px;
}

.page_article .uj-share-links a:nth-child(1),
.pkp_page_article .uj-share-links a:nth-child(1) { background: #2460a8; border-color: #2460a8; color: #fff !important; }
.page_article .uj-share-links a:nth-child(2),
.pkp_page_article .uj-share-links a:nth-child(2) { background: #111; border-color: #111; color: #fff !important; }
.page_article .uj-share-links a:nth-child(3),
.pkp_page_article .uj-share-links a:nth-child(3) { background: #087eae; border-color: #087eae; color: #fff !important; }
.page_article .uj-share-links a:nth-child(4),
.pkp_page_article .uj-share-links a:nth-child(4) { background: #12a95c; border-color: #12a95c; color: #fff !important; }
.page_article .uj-share-links .uj-copy-link,
.pkp_page_article .uj-share-links .uj-copy-link { background: #eef5ff; border-color: #9bb9dc; color: #174d7e !important; }

.page_article .uj-discovery-links,
.pkp_page_article .uj-discovery-links {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.page_article .uj-discovery-links a,
.pkp_page_article .uj-discovery-links a {
  background: #eef5ff;
  border: 0;
  color: #174d7e !important;
  font-size: .8rem;
  padding: 8px 5px;
}

.page_article .uj-index-note,
.pkp_page_article .uj-index-note {
  color: var(--uj-muted);
  font-size: .75rem;
  line-height: 1.4;
  margin: 9px 0 0;
}

.page_article .obj_article_details .entry_details > .item.cover_image,
.pkp_page_article .obj_article_details .entry_details > .item.cover_image {
  display: none !important;
}

.page_article .obj_article_details .entry_details > .item.issue,
.page_article .obj_article_details .entry_details > .item.published,
.pkp_page_article .obj_article_details .entry_details > .item.issue,
.pkp_page_article .obj_article_details .entry_details > .item.published {
  display: none !important;
}

.page_article .obj_article_details .entry_details > .item.copyright a,
.pkp_page_article .obj_article_details .entry_details > .item.copyright a {
  color: var(--uj-green) !important;
  font-weight: 700;
}

/* Keep OJS's native usage chart available below the article body when enabled. */
.page_article .obj_article_details .main_entry > .item.downloads_chart,
.pkp_page_article .obj_article_details .main_entry > .item.downloads_chart {
  background: #fff !important;
  border: 1px solid var(--uj-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(16, 36, 61, .07) !important;
  grid-column: 1;
  grid-row: 11;
  margin: 18px 0 0 !important;
  padding: 22px !important;
  position: relative;
  z-index: 1;
}

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

@media (max-width: 920px) {
  .page_article .obj_article_details,
  .pkp_page_article .obj_article_details {
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
    row-gap: 0;
  }

  .page_article .obj_article_details::before,
  .pkp_page_article .obj_article_details::before {
    grid-column: 1;
    grid-row: 1 / 7;
  }

  .page_article .obj_article_details .uj-article-kicker,
  .pkp_page_article .obj_article_details .uj-article-kicker { grid-column: 1; grid-row: 1; }
  .page_article .obj_article_details > .page_title,
  .pkp_page_article .obj_article_details > .page_title { grid-column: 1; grid-row: 2; font-size: clamp(1.8rem, 6vw, 2.5rem) !important; }
  .page_article .obj_article_details > .subtitle,
  .pkp_page_article .obj_article_details > .subtitle { grid-column: 1; grid-row: 3; }
  .page_article .obj_article_details .main_entry > .item.authors,
  .pkp_page_article .obj_article_details .main_entry > .item.authors { grid-column: 1; grid-row: 4; }
  .page_article .obj_article_details .main_entry > .item.doi,
  .pkp_page_article .obj_article_details .main_entry > .item.doi { grid-column: 1; grid-row: 5; }
  .page_article .obj_article_details .main_entry > .item.keywords,
  .pkp_page_article .obj_article_details .main_entry > .item.keywords { grid-column: 1; grid-row: 6; }
  .page_article .obj_article_details .entry_details > .item.galleys,
  .pkp_page_article .obj_article_details .entry_details > .item.galleys { grid-column: 1; grid-row: 7; }
  .page_article .obj_article_details .entry_details > .item.jats,
  .pkp_page_article .obj_article_details .entry_details > .item.jats { grid-column: 1; grid-row: 8; }
  .page_article .obj_article_details .uj-metrics,
  .pkp_page_article .obj_article_details .uj-metrics { grid-column: 1; grid-row: 9; }
  .page_article .obj_article_details .uj-citation-panel,
  .pkp_page_article .obj_article_details .uj-citation-panel { grid-column: 1; grid-row: 10; }
  .page_article .obj_article_details .uj-share-panel,
  .pkp_page_article .obj_article_details .uj-share-panel { grid-column: 1; grid-row: 11; }
  .page_article .obj_article_details .uj-discovery-panel,
  .pkp_page_article .obj_article_details .uj-discovery-panel { grid-column: 1; grid-row: 12; }
  .page_article .obj_article_details .entry_details > .item.copyright,
  .pkp_page_article .obj_article_details .entry_details > .item.copyright { grid-column: 1; grid-row: 13; }
  .page_article .obj_article_details .main_entry > .item.abstract,
  .pkp_page_article .obj_article_details .main_entry > .item.abstract { grid-column: 1; grid-row: 14; }
  .page_article .obj_article_details .main_entry > .item.references,
  .pkp_page_article .obj_article_details .main_entry > .item.references { grid-column: 1; grid-row: 15; }
  .page_article .obj_article_details .main_entry > .item.downloads_chart,
  .pkp_page_article .obj_article_details .main_entry > .item.downloads_chart { grid-column: 1; grid-row: 16; }
}

@media (max-width: 520px) {
  .page_article .obj_article_details > .page_title,
  .pkp_page_article .obj_article_details > .page_title,
  .page_article .obj_article_details .uj-article-kicker,
  .pkp_page_article .obj_article_details .uj-article-kicker,
  .page_article .obj_article_details .main_entry > .item.authors,
  .pkp_page_article .obj_article_details .main_entry > .item.authors,
  .page_article .obj_article_details .main_entry > .item.doi,
  .pkp_page_article .obj_article_details .main_entry > .item.doi,
  .page_article .obj_article_details .main_entry > .item.keywords,
  .pkp_page_article .obj_article_details .main_entry > .item.keywords,
  .page_article .obj_article_details > .subtitle,
  .pkp_page_article .obj_article_details > .subtitle {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .page_article .obj_article_details .main_entry > .item.abstract,
  .pkp_page_article .obj_article_details .main_entry > .item.abstract,
  .page_article .obj_article_details .main_entry > .item.references,
  .pkp_page_article .obj_article_details .main_entry > .item.references {
    padding: 19px !important;
  }

  .page_article .uj-metric-grid,
  .pkp_page_article .uj-metric-grid { gap: 5px; }
  .page_article .uj-metric,
  .pkp_page_article .uj-metric { padding: 10px 5px; }
  .page_article .uj-metric span,
  .pkp_page_article .uj-metric span { font-size: .71rem; }
  .page_article .uj-share-links,
  .pkp_page_article .uj-share-links { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .page_article .uj-share-links .uj-copy-link,
  .pkp_page_article .uj-share-links .uj-copy-link { grid-column: 1 / -1; }
}
/* Shorten the article hero and prevent the metrics panel from stretching it */
@media (min-width: 921px) {
  .page_article .obj_article_details .uj-metrics,
  .pkp_page_article .obj_article_details .uj-metrics {
    grid-row: 2 !important;
    align-self: center !important;
  }

  /* Articles without a subtitle */
  .page_article .obj_article_details:not(:has(> .subtitle))::before,
  .pkp_page_article .obj_article_details:not(:has(> .subtitle))::before {
    grid-row: 1 / 6 !important;
  }

  .page_article .obj_article_details:not(:has(> .subtitle)) .item.authors,
  .pkp_page_article .obj_article_details:not(:has(> .subtitle)) .item.authors {
    grid-row: 3 !important;
    align-self: center !important;
  }

  .page_article .obj_article_details:not(:has(> .subtitle)) .item.doi,
  .pkp_page_article .obj_article_details:not(:has(> .subtitle)) .item.doi {
    grid-row: 4 !important;
  }

  .page_article .obj_article_details:not(:has(> .subtitle)) .item.keywords,
  .pkp_page_article .obj_article_details:not(:has(> .subtitle)) .item.keywords {
    grid-row: 5 !important;
  }

  .page_article .obj_article_details:not(:has(> .subtitle)) .item.abstract,
  .pkp_page_article .obj_article_details:not(:has(> .subtitle)) .item.abstract {
    grid-row: 6 / 9 !important;
  }

  .page_article .obj_article_details:not(:has(> .subtitle)) .item.references,
  .pkp_page_article .obj_article_details:not(:has(> .subtitle)) .item.references {
    grid-row: 9 !important;
  }

  .page_article .obj_article_details:not(:has(> .subtitle)) .uj-citation-panel,
  .pkp_page_article .obj_article_details:not(:has(> .subtitle)) .uj-citation-panel {
    grid-row: 6 !important;
  }

  .page_article .obj_article_details:not(:has(> .subtitle)) .uj-share-panel,
  .pkp_page_article .obj_article_details:not(:has(> .subtitle)) .uj-share-panel {
    grid-row: 7 !important;
  }

  .page_article .obj_article_details:not(:has(> .subtitle)) .uj-discovery-panel,
  .pkp_page_article .obj_article_details:not(:has(> .subtitle)) .uj-discovery-panel {
    grid-row: 8 !important;
  }

  .page_article .obj_article_details:not(:has(> .subtitle)) .item.copyright,
  .pkp_page_article .obj_article_details:not(:has(> .subtitle)) .item.copyright {
    grid-row: 9 !important;
  }

  .page_article .obj_article_details:not(:has(> .subtitle)) .item.downloads_chart,
  .pkp_page_article .obj_article_details:not(:has(> .subtitle)) .item.downloads_chart {
    grid-row: 10 !important;
  }

  /* Articles that have a subtitle */
  .page_article .obj_article_details:has(> .subtitle) .uj-citation-panel,
  .pkp_page_article .obj_article_details:has(> .subtitle) .uj-citation-panel {
    grid-row: 7 !important;
  }

  .page_article .obj_article_details:has(> .subtitle) .uj-share-panel,
  .pkp_page_article .obj_article_details:has(> .subtitle) .uj-share-panel {
    grid-row: 8 !important;
  }

  .page_article .obj_article_details:has(> .subtitle) .uj-discovery-panel,
  .pkp_page_article .obj_article_details:has(> .subtitle) .uj-discovery-panel {
    grid-row: 9 !important;
  }

  .page_article .obj_article_details:has(> .subtitle) .item.copyright,
  .pkp_page_article .obj_article_details:has(> .subtitle) .item.copyright {
    grid-row: 10 !important;
  }

  /* Hide the cover card so the metrics panel follows the article actions */
  .page_article .obj_article_details .cover_image,
  .pkp_page_article .obj_article_details .cover_image {
    display: none !important;
  }
}
/* Universitas article page v3 add-on.
   Append this after the existing article-page CSS. It changes only the sidebar order
   and styles the extra issue-download and license panels. */

.page_article .obj_article_details .uj-metrics,
.pkp_page_article .obj_article_details .uj-metrics {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

/* Keep the dark article hero compact; put utility panels below it. */
.page_article .obj_article_details .uj-citation-panel,
.pkp_page_article .obj_article_details .uj-citation-panel {
  grid-column: 2 !important;
  grid-row: 6 !important;
}

.page_article .obj_article_details .uj-share-panel,
.pkp_page_article .obj_article_details .uj-share-panel {
  grid-column: 2 !important;
  grid-row: 7 !important;
}

.page_article .obj_article_details .uj-discovery-panel,
.pkp_page_article .obj_article_details .uj-discovery-panel {
  grid-column: 2 !important;
  grid-row: 8 !important;
}

.page_article .obj_article_details .uj-resource-downloads,
.pkp_page_article .obj_article_details .uj-resource-downloads {
  grid-column: 2 !important;
  grid-row: 9 !important;
}

.page_article .obj_article_details .uj-license-panel,
.pkp_page_article .obj_article_details .uj-license-panel {
  grid-column: 2 !important;
  grid-row: 10 !important;
}

/* The custom license card above uses the same OJS metadata and replaces its
   default-position license block, avoiding duplicate license text. */
.page_article .obj_article_details .entry_details > .item.copyright,
.pkp_page_article .obj_article_details .entry_details > .item.copyright {
  display: none !important;
}

.page_article .uj-resource-links,
.pkp_page_article .uj-resource-links {
  display: grid;
  gap: 8px;
}

.page_article .uj-resource-links a,
.pkp_page_article .uj-resource-links a {
  align-items: center;
  background: #07513b;
  border: 1px solid #07513b;
  border-radius: 8px;
  color: #fff !important;
  display: flex;
  font-size: .9rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.35;
  min-height: 42px;
  padding: 9px 12px;
  text-align: center;
  text-decoration: none !important;
  transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

.page_article .uj-resource-links a:hover,
.pkp_page_article .uj-resource-links a:hover {
  background: #fff;
  color: #07513b !important;
  transform: translateY(-1px);
}

.page_article .uj-license-badge,
.pkp_page_article .uj-license-badge {
  margin: 8px 0;
}

.page_article .uj-license-link,
.pkp_page_article .uj-license-link {
  color: #07513b !important;
  font-weight: 700;
}

.page_article .uj-license-terms,
.pkp_page_article .uj-license-terms,
.page_article .uj-license-panel p,
.pkp_page_article .uj-license-panel p {
  font-size: .88rem;
  line-height: 1.55;
  margin: 8px 0;
}

.page_article .uj-license-not-set,
.pkp_page_article .uj-license-not-set {
  color: #68788b;
}

@media (max-width: 920px) {
  .page_article .obj_article_details .uj-metrics,
  .pkp_page_article .obj_article_details .uj-metrics { grid-column: 1 !important; grid-row: 9 !important; }
  .page_article .obj_article_details .uj-citation-panel,
  .pkp_page_article .obj_article_details .uj-citation-panel { grid-column: 1 !important; grid-row: 10 !important; }
  .page_article .obj_article_details .uj-share-panel,
  .pkp_page_article .obj_article_details .uj-share-panel { grid-column: 1 !important; grid-row: 11 !important; }
  .page_article .obj_article_details .uj-discovery-panel,
  .pkp_page_article .obj_article_details .uj-discovery-panel { grid-column: 1 !important; grid-row: 12 !important; }
  .page_article .obj_article_details .uj-resource-downloads,
  .pkp_page_article .obj_article_details .uj-resource-downloads { grid-column: 1 !important; grid-row: 13 !important; }
  .page_article .obj_article_details .uj-license-panel,
  .pkp_page_article .obj_article_details .uj-license-panel { grid-column: 1 !important; grid-row: 14 !important; }
  .page_article .obj_article_details .main_entry > .item.abstract,
  .pkp_page_article .obj_article_details .main_entry > .item.abstract { grid-column: 1 !important; grid-row: 15 !important; }
  .page_article .obj_article_details .main_entry > .item.references,
  .pkp_page_article .obj_article_details .main_entry > .item.references { grid-column: 1 !important; grid-row: 16 !important; }
  .page_article .obj_article_details .main_entry > .item.downloads_chart,
  .pkp_page_article .obj_article_details .main_entry > .item.downloads_chart { grid-column: 1 !important; grid-row: 17 !important; }
}

.uj-about-page {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(280px, 1fr);
  gap: 28px;
  max-width: 1420px;
  margin: 0 auto;
  padding: 34px 22px;
  font-family: inherit;
  color: #071b2c;
}

.uj-about-main {
  min-width: 0;
}

.uj-about-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 230px;
  gap: 28px;
  align-items: center;
  padding: 34px;
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(4, 73, 49, 0.96), rgba(5, 48, 35, 0.96)),
    radial-gradient(circle at top left, rgba(202, 143, 22, 0.3), transparent 35%);
  color: #ffffff;
  box-shadow: 0 18px 40px rgba(4, 48, 35, 0.22);
  overflow: hidden;
}

.uj-about-kicker {
  margin: 0 0 10px;
  color: #f2c45a;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 13px;
}

.uj-about-hero h1 {
  margin: 0 0 14px;
  color: #ffffff;
  font-size: clamp(30px, 4vw, 50px);
  line-height: 1.05;
  font-weight: 900;
}

.uj-about-hero p {
  margin: 0;
  max-width: 760px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 17px;
  line-height: 1.7;
}

.uj-about-cover {
  background: #ffffff;
  border-radius: 12px;
  padding: 12px;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.24);
}

.uj-about-cover img {
  display: block;
  width: 100%;
  border-radius: 8px;
}

.uj-about-section {
  margin-top: 24px;
  padding: 30px;
  border: 1px solid #e3e8df;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(7, 27, 44, 0.07);
}

.uj-about-section-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
}

.uj-about-section-head span {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #c98a10;
  color: #ffffff;
  font-weight: 900;
}

.uj-about-section h2 {
  margin: 0;
  color: #064832;
  font-size: 26px;
  font-weight: 900;
}

.uj-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.uj-info-grid div {
  padding: 18px;
  border-left: 5px solid #c98a10;
  border-radius: 10px;
  background: #f8faf7;
}

.uj-info-grid strong {
  display: block;
  margin-bottom: 6px;
  color: #064832;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.uj-info-grid p,
.uj-vm-grid p,
.uj-values-grid p,
.uj-integrity p,
.uj-side-card p {
  margin: 0;
  line-height: 1.7;
}

.uj-info-grid a {
  color: #064832;
  font-weight: 800;
}

.uj-vm-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.uj-vm-grid article,
.uj-values-grid article {
  padding: 22px;
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff, #f7faf6);
  border: 1px solid #dfe7dc;
}

.uj-vm-grid h3,
.uj-values-grid h3 {
  margin: 0 0 10px;
  color: #064832;
  font-size: 21px;
  font-weight: 900;
}

.uj-values-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.uj-values-grid article {
  border-top: 5px solid #c98a10;
}

.uj-integrity {
  border-color: rgba(201, 138, 16, 0.35);
  background: linear-gradient(135deg, #ffffff, #fbf7ec);
}

.uj-about-sidebar {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.uj-side-card {
  padding: 24px;
  border-radius: 14px;
  background: #064832;
  color: #ffffff;
  box-shadow: 0 14px 30px rgba(4, 48, 35, 0.18);
}

.uj-side-card h2 {
  margin: 0 0 14px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 900;
}

.uj-side-card p {
  color: rgba(255, 255, 255, 0.86);
  margin-bottom: 16px;
}

.uj-side-btn {
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 12px 14px;
  border: 2px solid #ffffff;
  border-radius: 8px;
  background: #ffffff;
  color: #064832 !important;
  text-align: center;
  text-decoration: none !important;
  font-weight: 900;
  transition: all 0.2s ease;
}

.uj-side-btn:hover,
.uj-side-btn:focus {
  background: #064832;
  color: #ffffff !important;
}

.uj-side-btn-gold {
  border-color: #c98a10;
  background: #c98a10;
  color: #ffffff !important;
}

.uj-side-btn-gold:hover,
.uj-side-btn-gold:focus {
  background: #ffffff;
  color: #064832 !important;
}

.uj-publisher-card {
  background: #ffffff;
  color: #071b2c;
  border: 1px solid #e3e8df;
}

.uj-publisher-card h2 {
  color: #064832;
}

.uj-publisher-card p {
  color: #314257;
}

.uj-publisher-card img {
  max-width: 110px;
  display: block;
  margin-bottom: 12px;
}

@media (max-width: 1050px) {
  .uj-about-page,
  .uj-about-hero {
    grid-template-columns: 1fr;
  }

  .uj-about-cover {
    max-width: 260px;
  }

  .uj-values-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .uj-about-page {
    padding: 20px 12px;
  }

  .uj-about-hero,
  .uj-about-section,
  .uj-side-card {
    padding: 22px;
  }

  .uj-info-grid,
  .uj-vm-grid,
  .uj-values-grid {
    grid-template-columns: 1fr;
  }
}
.uj-global-sidebar {
  display: flex;
  flex-direction: column;
  gap: 18px;
  font-family: inherit;
}

.uj-global-card {
  padding: 24px 20px;
  border-radius: 14px;
  background: #064832;
  color: #ffffff;
  box-shadow: 0 14px 30px rgba(4, 48, 35, 0.18);
}

.uj-global-card h2 {
  margin: 0 0 14px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 900;
}

.uj-global-card p {
  margin: 0 0 16px;
  color: rgba(255, 255, 255, 0.88);
  line-height: 1.6;
  font-size: 14px;
}

.uj-global-btn {
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 12px 14px;
  border: 2px solid #ffffff;
  border-radius: 8px;
  background: #ffffff;
  color: #064832 !important;
  text-align: center;
  text-decoration: none !important;
  font-weight: 900;
  font-size: 14px;
  transition: all 0.2s ease;
}

.uj-global-btn:hover,
.uj-global-btn:focus {
  background: #064832;
  color: #ffffff !important;
}

.uj-global-btn-gold {
  border-color: #c98a10;
  background: #c98a10;
  color: #ffffff !important;
}

.uj-global-btn-gold:hover,
.uj-global-btn-gold:focus {
  background: #ffffff;
  color: #064832 !important;
}

.uj-publisher-card {
  background: #ffffff;
  color: #071b2c;
  border: 1px solid #e3e8df;
}

.uj-publisher-card h2 {
  color: #064832;
}

.uj-publisher-card p {
  color: #314257;
}

.uj-publisher-card img {
  display: block;
  max-width: 95px;
  margin: 0 0 12px;
  border: 2px solid #064832;
  padding: 4px;
  background: #ffffff;
}
/* Privacy statement content and page layout only.
   Sidebar styles are intentionally excluded; retain your existing uj-about-sidebar CSS. */
/* UNIVERSITAS PRIVACY PAGE — scoped CSS */
.uj-privacy{--green:#063e32;--green2:#08614d;--gold:#c49a37;--cream:#fcfaf4;--ink:#20352f;font-family:inherit;color:var(--ink);max-width:1480px;margin:18px auto 70px;padding:0 18px;box-sizing:border-box}.uj-privacy *{box-sizing:border-box}.uj-privacy-main a{text-decoration:none}.uj-privacy-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(255px,1fr);gap:26px;align-items:start}.uj-privacy-main{min-width:0}.uj-privacy-hero{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(125deg,#073a30 0%,#064b3b 65%,#0a6550 100%);padding:42px 42px 36px;color:#fff;box-shadow:0 15px 35px rgba(9,60,46,.12)}.uj-privacy-hero:before{content:'';position:absolute;width:270px;height:270px;border:1px solid rgba(223,184,86,.5);border-radius:50%;right:-95px;top:-142px;box-shadow:0 0 0 18px rgba(223,184,86,.09),0 0 0 42px rgba(223,184,86,.09),0 0 0 66px rgba(223,184,86,.06)}.uj-privacy-eyebrow{position:relative;font-size:12px;letter-spacing:.17em;color:#e0bf68;text-transform:uppercase;font-weight:700}.uj-privacy-hero h1{position:relative;color:#fff;margin:12px 0;font-size:clamp(30px,3.2vw,46px);font-family:Georgia,'Times New Roman',serif;line-height:1.15}.uj-privacy-hero p{position:relative;max-width:710px;line-height:1.7;color:#f0f7f3;margin:0;font-size:15px}.uj-privacy-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;position:relative}.uj-privacy-meta span{border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:8px 13px;font-size:12px;color:#f5ebcc}.uj-privacy-intro{background:var(--cream);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;padding:21px 25px;margin:24px 0;line-height:1.8}.uj-privacy-actions{background:#fff;border:1px solid #e9e1cb;border-radius:15px;padding:23px;display:flex;gap:16px;justify-content:space-between;align-items:center;margin:24px 0;box-shadow:0 6px 26px rgba(15,57,42,.05)}.uj-privacy-actions h2{font-size:19px;margin:0 0 6px;color:var(--green)}.uj-privacy-actions p{margin:0;color:#596862;font-size:13px;line-height:1.6}.uj-download{background:var(--gold);color:#1f281d!important;display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;font-weight:750;border-radius:9px;white-space:nowrap;min-width:198px;transition:.2s}.uj-download:hover{background:#e4bd65;transform:translateY(-2px)}.uj-privacy-section{background:#fff;border:1px solid #e6ece7;border-radius:13px;margin:14px 0;padding:23px 25px;box-shadow:0 5px 20px rgba(16,51,39,.035)}.uj-privacy-section-head{display:flex;align-items:center;gap:13px;margin-bottom:10px}.uj-privacy-num{color:var(--gold);font:700 18px Georgia,serif;border-right:2px solid #d8bb70;padding-right:13px}.uj-privacy-section h2{font-size:19px;color:var(--green);margin:0;font-weight:700}.uj-privacy-section p{font-size:14.5px;line-height:1.85;color:#3b4c46;margin:0}.uj-privacy-footer-note{font-size:12px;color:#697a70;margin:19px 0;line-height:1.7}.uj-privacy-main a:focus-visible{outline:3px solid #aa8024;outline-offset:3px}@media(max-width:950px){.uj-privacy-grid{grid-template-columns:1fr}}@media(max-width:600px){.uj-privacy{padding:0 10px}.uj-privacy-hero{padding:30px 23px}.uj-privacy-actions{display:block}.uj-download{margin-top:17px;width:100%}.uj-privacy-section{padding:20px 17px}}

/* Contact-page-only styling. NO .uj-about-sidebar, .uj-side-card or .uj-side-btn rules. */
.uj-contact-layout{--uj-green:#064638;--uj-dark:#003b30;--uj-gold:#c69a36;--uj-border:#e5e9e6;display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:28px;align-items:start;width:100%;max-width:1500px;margin:0 auto;padding:24px 10px 55px;box-sizing:border-box;font-family:inherit}
.uj-contact-layout *{box-sizing:border-box}
.uj-contact-main{min-width:0}
.uj-contact-form-card{overflow:hidden;border:1px solid #dfe9e2;border-radius:16px;background:#fff;box-shadow:0 12px 32px rgba(0,48,35,.07)}
.uj-contact-form-head{position:relative;overflow:hidden;background:linear-gradient(125deg,#003b30,#08624b);padding:38px 35px;color:#fff}
.uj-contact-form-head:after{content:"";position:absolute;pointer-events:none;right:-80px;top:-110px;width:290px;height:290px;border:2px solid rgba(210,173,77,.4);border-radius:50%;box-shadow:0 0 0 25px rgba(210,173,77,.10),0 0 0 54px rgba(210,173,77,.06)}
.uj-contact-eyebrow{display:block;color:#b88a2b;font-size:11px;letter-spacing:2px;font-weight:800;text-transform:uppercase;margin-bottom:12px}
.uj-contact-form-head .uj-contact-eyebrow{color:#e0bd68}
.uj-contact-form-head h1{color:#fff;font-family:Georgia,serif;font-size:clamp(29px,3vw,40px);line-height:1.2;margin:0 0 12px;position:relative;z-index:1}
.uj-contact-form-head p{position:relative;z-index:1;color:#e2f0e8;font-size:14px;line-height:1.8;max-width:650px;margin:0}
.uj-contact-form-inner{padding:32px 35px 35px}
.uj-contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.uj-contact-field{margin-bottom:18px}
.uj-contact-field label{display:block;font-size:13px;font-weight:700;color:#124638;margin-bottom:8px}
.uj-contact-field label span{color:#b47b22}
.uj-contact-field input,.uj-contact-field select,.uj-contact-field textarea{display:block;width:100%;padding:12px 14px;border:1px solid #d5ded7;background:#fcfdfc;color:#253f36;border-radius:8px;font-size:14px;font-family:inherit;min-width:0;outline:none}
.uj-contact-field textarea{resize:vertical;min-height:140px}
.uj-contact-field input:focus,.uj-contact-field select:focus,.uj-contact-field textarea:focus{border-color:#c69a36;box-shadow:0 0 0 3px rgba(198,154,54,.15)}
.uj-contact-consent{display:flex;gap:11px;align-items:flex-start;background:#f2f7f3;border-radius:9px;padding:15px;color:#54665c;font-size:12px;line-height:1.7;margin:4px 0 18px;cursor:pointer}
.uj-contact-consent input{flex-shrink:0;margin-top:4px;accent-color:#075241}
.uj-contact-send{width:100%;background:#07513e;color:#fff;border:0;border-radius:9px;padding:15px;font-size:15px;font-weight:750;cursor:pointer;font-family:inherit;transition:background .2s,transform .2s}
.uj-contact-send:hover{background:#a77c24;transform:translateY(-1px)}
.uj-contact-form-note{text-align:center;color:#637067;font-size:12px;line-height:1.7;margin:13px 0 0}
.uj-contact-form-note a{color:#07513e!important;font-weight:700}
.uj-contact-form-status{color:#07513e;font-size:12px;line-height:1.6;text-align:center;margin:8px 0 0}
.uj-contact-form-status:empty{display:none}
.uj-contact-featured{margin-top:26px;border:1px solid #e0ce9f;border-top:5px solid #c69a36;border-radius:15px;background:linear-gradient(135deg,#fffdf8,#f8f4e8);padding:30px;box-shadow:0 8px 25px rgba(0,49,36,.05)}
.uj-contact-tag{display:inline-block;background:#064638;color:#fff;font-size:10px;font-weight:800;letter-spacing:1.3px;padding:7px 12px;border-radius:5px}
.uj-contact-featured h2{font-family:Georgia,serif;color:#003b30;font-size:27px;margin:15px 0 8px}
.uj-contact-featured p{color:#59665e;font-size:14px;line-height:1.8;margin:0 0 14px}
.uj-contact-email-primary{display:inline-block;color:#064638!important;text-decoration:none!important;font-size:clamp(15px,1.7vw,21px);font-weight:800;border-bottom:2px solid #c69a36;overflow-wrap:anywhere}
.uj-contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.uj-contact-action{display:inline-flex;align-items:center;justify-content:center;padding:12px 15px;border-radius:8px;font-size:12px;font-weight:700;text-decoration:none!important;transition:transform .2s}
.uj-contact-action:hover{transform:translateY(-2px)}
.uj-contact-action-gold{background:#c69a36;color:#201e16!important}
.uj-contact-action-white{background:#fff;border:1px solid #ded5bc;color:#064638!important}
.uj-contact-section{margin-top:36px}
.uj-contact-section-heading{margin-bottom:19px}
.uj-contact-section-heading h2{font-family:Georgia,serif;color:#003b30;font-size:26px;line-height:1.3;margin:0 0 9px}
.uj-contact-section-heading p{color:#647068;font-size:14px;line-height:1.75;margin:0}
.uj-contact-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.uj-contact-channel,.uj-contact-department{border:1px solid #e5e9e6;background:#fff;border-radius:12px;padding:22px 19px;transition:box-shadow .2s,border-color .2s}
.uj-contact-channel:hover,.uj-contact-department:hover{border-color:#c69a36;box-shadow:0 8px 22px rgba(0,49,36,.07)}
.uj-contact-channel-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;background:#f7f0df;color:#003b30;border-radius:9px;font-size:22px;margin-bottom:13px}
.uj-contact-channel h3,.uj-contact-department h3{color:#003b30;font-size:15px;line-height:1.4;margin:0 0 8px}
.uj-contact-channel p,.uj-contact-department p{color:#65716b;font-size:12px;line-height:1.7;margin:0 0 13px}
.uj-contact-channel a,.uj-contact-department a{color:#00624e!important;font-size:12px;font-weight:700;text-decoration:none!important;overflow-wrap:anywhere}
.uj-contact-channel a:hover,.uj-contact-department a:hover{text-decoration:underline!important}
.uj-contact-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.uj-department-mark{display:block;font:700 27px Georgia,serif;color:#ceb57c;margin-bottom:10px}
.uj-contact-publisher{margin-top:36px;border-left:4px solid #c69a36;background:#f3f7f4;border-radius:0 12px 12px 0;padding:29px}
.uj-contact-publisher h2{font:700 21px/1.4 Georgia,serif;color:#003b30;margin:0 0 10px}
.uj-contact-publisher p{font-size:13px;color:#65716b;margin:0 0 12px}
.uj-contact-publisher a{font-size:13px;font-weight:700;color:#00624e!important;text-decoration:none!important}
@media(max-width:1000px){.uj-contact-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:720px){.uj-contact-layout{padding:15px 0 30px}.uj-contact-form-head{padding:30px 22px}.uj-contact-form-inner{padding:23px 19px}.uj-contact-form-grid,.uj-contact-channel-grid,.uj-contact-directory{grid-template-columns:minmax(0,1fr)}.uj-contact-featured{padding:24px 19px}.uj-contact-actions{flex-direction:column}.uj-contact-action{width:100%}.uj-contact-publisher{padding:23px}}
/* UNIVERSITAS submissions page – theme elements ONLY; existing sidebar classes untouched */
.uj-sub-layout{--uj-green:#064638;--uj-deep:#003b30;--uj-gold:#ca9222;--uj-cream:#fff9ec;display:grid;grid-template-columns:minmax(0,3fr) minmax(265px,1fr);gap:30px;max-width:1530px;margin:0 auto;padding:16px 0 55px;align-items:start;font-family:inherit;color:#132820}
.uj-sub-layout *{box-sizing:border-box}.uj-sub-main{min-width:0}.uj-sub-main section{margin-bottom:20px}.uj-sub-main h1,.uj-sub-main h2,.uj-sub-main h3{line-height:1.25}.uj-sub-main a{text-decoration:none}.uj-sub-hero{border-radius:14px;overflow:hidden;min-height:205px;display:flex;align-items:center;color:white;background:linear-gradient(100deg,rgba(0,53,42,.98),rgba(0,67,53,.9) 65%,rgba(0,61,46,.74)),radial-gradient(circle at 85% 45%,#918153,#002d24 60%);position:relative;padding:30px 36px}
.uj-sub-hero:after,.uj-sub-template:after{content:"";position:absolute;right:-65px;top:-155px;width:320px;height:320px;border:1px solid rgba(236,189,75,.38);border-radius:50%;box-shadow:0 0 0 24px rgba(236,189,75,.07),0 0 0 53px rgba(236,189,75,.05);pointer-events:none}.uj-sub-hero-inner{position:relative;z-index:1}.uj-sub-kicker{color:#d5a33d;font-size:11px;letter-spacing:1.7px;font-weight:800;text-transform:uppercase}.uj-sub-hero h1{font:700 clamp(32px,4vw,51px)/1.12 Georgia,serif;color:white;margin:11px 0 7px}.uj-sub-hero p{font:400 clamp(16px,2vw,23px)/1.4 Georgia,serif;color:#edf5f0;margin:0 0 14px}.uj-sub-hero small{display:block;color:#e4ce92;font-size:12px}
.uj-sub-account{display:grid;grid-template-columns:60px minmax(0,1fr) 165px;gap:20px;align-items:center;border:1px solid #ecdbb2;border-radius:12px;background:linear-gradient(120deg,#fffdf8,#faf8f1);padding:22px;box-shadow:0 5px 18px rgba(0,54,39,.04)}.uj-sub-account-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#c58b11;color:white;font-size:28px}.uj-sub-account-text h2{margin:5px 0 6px;font:700 23px Georgia,serif;color:#0c2922}.uj-sub-account-text p{font-size:13px;line-height:1.65;margin:0;color:#52615a}.uj-sub-account-actions{border-left:1px solid #e8d9b7;padding-left:20px;display:flex;flex-direction:column;gap:9px}.uj-sub-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 15px;border-radius:6px;font-size:13px;font-weight:750;text-align:center;cursor:pointer;transition:background .2s,transform .2s}.uj-sub-btn:hover{transform:translateY(-1px)}.uj-sub-btn-gold{background:#c58a10;color:#fff!important}.uj-sub-btn-gold:hover{background:#b1790b}.uj-sub-btn-outline{border:1px solid #b9871f;background:white;color:#064638!important}
.uj-sub-welcome h2,.uj-sub-section>h2{font:700 25px Georgia,serif;color:#112d26;margin:0 0 14px}.uj-sub-welcome h2:after,.uj-sub-section>h2:after{content:"";display:block;width:44px;height:3px;background:#c79120;margin-top:7px}.uj-sub-welcome p,.uj-sub-section>p{line-height:1.75;color:#4d5b57;font-size:14px;margin:0 0 15px}.uj-sub-template{position:relative;overflow:hidden;border-radius:12px;background:linear-gradient(100deg,#003b30,#00614b);display:flex;gap:23px;align-items:center;padding:28px 31px;color:white;box-shadow:0 8px 18px rgba(0,70,50,.08)}.uj-sub-template>div{position:relative;z-index:1}.uj-sub-doc{flex:none;background:white;border-radius:7px;color:#003f33!important;border:4px solid #e5ebe7;width:73px;height:92px;display:grid;place-items:center;font-weight:900;font-size:18px}.uj-sub-template h2{color:white;font:700 25px Georgia,serif;margin:6px 0}.uj-sub-template p{color:#e0efe8;font-size:13px;line-height:1.6;margin:0 0 15px}.uj-sub-template .uj-sub-btn{position:relative;z-index:1}.uj-sub-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.uj-sub-tiles article{background:#f8faf8;border:1px solid #e5eee8;border-radius:10px;padding:20px;min-height:138px}.uj-sub-tiles article span{display:inline-grid;place-items:center;background:#004a3a;color:#fff;font-weight:800;font-size:11px;border-radius:50%;width:27px;height:27px}.uj-sub-tiles article h3{margin:9px 0 5px;color:#0c3428;font-size:15px}.uj-sub-tiles article p{margin:0;font-size:13px;line-height:1.6;color:#52625d}.uj-sub-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.uj-sub-benefits article{background:#f5f9f6;border:1px solid #e4eee7;border-radius:9px;padding:17px 13px;min-width:0}.uj-sub-benefits article:nth-child(even){background:#fdf9ed;border-color:#f0e7cf}.uj-sub-benefits strong{color:#064638;font-size:13px;display:block;margin-bottom:8px}.uj-sub-benefits p{font-size:12px;color:#5a6962;line-height:1.55;margin:0}.uj-sub-guidelines,.uj-sub-checklist,.uj-sub-copyright{border:1px solid #e2e9e4;border-radius:12px;padding:25px;background:#fff}.uj-sub-guidelines h3{margin-top:19px;color:#064638}.uj-sub-guidelines p,.uj-sub-checklist p,.uj-sub-copyright p,.uj-sub-guidelines li,.uj-sub-checklist li,.uj-sub-copyright li{line-height:1.75;font-size:14px}.uj-sub-guidelines a,.uj-sub-checklist a,.uj-sub-copyright a{color:#08624d;overflow-wrap:anywhere}.uj-sub-dynamic-placeholder{padding:15px;background:#f3f7f4;color:#52665a;border-radius:7px;font-style:italic}
@media(max-width:1050px){.uj-sub-layout{grid-template-columns:minmax(0,1fr)}.uj-sub-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.uj-sub-layout{padding:10px 0 35px}.uj-sub-hero{padding:28px 22px}.uj-sub-account{grid-template-columns:1fr;gap:11px}.uj-sub-account-actions{padding-left:0;border-left:0}.uj-sub-tiles,.uj-sub-benefits{grid-template-columns:1fr}.uj-sub-template{align-items:flex-start;padding:24px 18px;gap:15px}.uj-sub-doc{width:56px;height:74px;font-size:14px}.uj-sub-template h2{font-size:21px}.uj-sub-guidelines,.uj-sub-checklist,.uj-sub-copyright{padding:19px}}
/* UNIVERSITAS - Indexing & Dissemination | separate from existing sidebar CSS */
.uj-idx-layout{--uj-idx-green:#064537;--uj-idx-gold:#bd8b22;display:grid;grid-template-columns:minmax(0,3fr) minmax(255px,1fr);gap:24px;align-items:start;max-width:1520px;margin:0 auto;padding:16px 8px 48px;font-family:inherit;color:#19342e;box-sizing:border-box}
.uj-idx-layout *{box-sizing:border-box}.uj-idx-main{min-width:0}
.uj-idx-hero{position:relative;overflow:hidden;padding:35px 34px;border-radius:16px;background:radial-gradient(circle at 92% 20%,rgba(220,184,103,.15),transparent 28%),linear-gradient(112deg,#faf9f3 10%,#f0f5ed 75%,#e3ede4);border:1px solid #e6e1d2}
.uj-idx-hero:after{content:"";position:absolute;width:310px;height:310px;right:-125px;top:-150px;border-radius:50%;border:1px solid rgba(191,144,38,.4);box-shadow:0 0 0 32px rgba(10,86,64,.05),0 0 0 65px rgba(191,144,38,.07);pointer-events:none}
.uj-idx-overline{display:block;font-size:11px;letter-spacing:2px;font-weight:800;color:#957019}.uj-idx-hero h1{font-family:Georgia,serif;color:#063f32;font-size:clamp(30px,3vw,42px);line-height:1.16;margin:10px 0 8px}.uj-idx-tagline{font-family:Georgia,serif;color:#ae801d;font-size:19px;font-style:italic;margin:0 0 18px!important}.uj-idx-hero p:not(.uj-idx-tagline){font-size:14px;line-height:1.8;max-width:850px;margin:10px 0 0}
.uj-idx-jump{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:18px 0 12px;font-size:12px}.uj-idx-jump strong{margin-right:6px}.uj-idx-jump a{display:inline-block;text-decoration:none!important;padding:7px 10px;border:1px solid #d9e2d9;background:#f6f9f5;color:#06523d!important;border-radius:999px}.uj-idx-jump a:hover{background:#e7eee5}
.uj-idx-section{margin:17px 0;background:#f9faf6;border:1px solid #e5e8df;border-radius:13px;padding:11px;box-shadow:0 5px 15px rgba(0,35,27,.035);scroll-margin-top:28px}.uj-idx-section-head{display:flex;align-items:center;gap:13px;background:linear-gradient(105deg,#034534,#145846);border-radius:8px;color:#fff;padding:13px 16px;margin-bottom:12px}.uj-idx-number{width:34px;height:34px;min-width:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#253b24;background:#e6c06b;font-family:Georgia,serif;font-size:19px;font-weight:800}.uj-idx-section-head h2{font-family:Georgia,serif;font-size:21px;color:#fff;margin:0 0 2px;line-height:1.2}.uj-idx-section-head p{font-size:12px;line-height:1.45;color:#e8f1e9;margin:0}
.uj-idx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.uj-idx-grid-small{grid-template-columns:repeat(3,minmax(0,1fr))}.uj-idx-card{min-width:0;background:#fff;border:1px solid #e5e6e0;border-radius:9px;padding:13px 12px;display:flex;flex-direction:column;box-shadow:0 4px 10px rgba(6,51,36,.035);transition:box-shadow .2s,transform .2s,border-color .2s}.uj-idx-card:hover{transform:translateY(-2px);border-color:#d8bd7a;box-shadow:0 8px 18px rgba(6,51,36,.08)}
.uj-idx-logo{display:flex;align-items:center;justify-content:center;gap:9px;min-height:64px;max-width:100%;font-size:15px;color:#083e32;font-weight:800;text-align:center}.uj-idx-logo img{width:40px;height:40px;object-fit:contain;flex-shrink:0}.uj-idx-logo span{overflow-wrap:anywhere}.uj-idx-card p{font-size:12px;line-height:1.55;color:#55655d;margin:7px 0 14px;flex:1}.uj-idx-link{display:block;text-align:center;border:1px solid #ce9e3f;border-radius:6px;padding:9px 7px;font-weight:700;font-size:12px;color:#064638!important;text-decoration:none!important;background:#fffefb}.uj-idx-link:hover{background:#c99531;color:#fff!important}.uj-idx-disclosure{font-size:12px;line-height:1.8;background:#f3f7f2;border-left:4px solid #bf922d;padding:15px 18px;margin:23px 0 0;color:#52645a}
@media(max-width:1100px){.uj-idx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.uj-idx-layout{grid-template-columns:minmax(0,2.5fr) minmax(240px,1fr)}}
@media(max-width:820px){.uj-idx-layout{grid-template-columns:1fr}.uj-idx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:580px){.uj-idx-hero{padding:26px 21px}.uj-idx-grid,.uj-idx-grid-small{grid-template-columns:repeat(2,minmax(0,1fr))}.uj-idx-section-head{align-items:flex-start}.uj-idx-logo{flex-direction:column;gap:5px;font-size:13px}.uj-idx-logo img{width:34px;height:34px}}
@media(max-width:360px){.uj-idx-grid,.uj-idx-grid-small{grid-template-columns:1fr}}
/* UNIVERSITAS OPEN ACCESS POLICY — only uj-oap-prefixed selectors; existing sidebar styles remain untouched */
.uj-oap-layout{--oap-green:#064536;--oap-dark:#003c31;--oap-gold:#c59023;--oap-muted:#53635b;display:grid;grid-template-columns:minmax(0,3fr) minmax(250px,1fr);gap:26px;align-items:start;max-width:1500px;margin:0 auto 50px;font-family:inherit}
.uj-oap-layout *{box-sizing:border-box}.uj-oap-main{min-width:0}.uj-oap-main a{color:#00644b}.uj-oap-main a:focus-visible{outline:3px solid #c59023;outline-offset:3px}
.uj-oap-hero{position:relative;overflow:hidden;border-radius:14px;min-height:285px;padding:35px 34px;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(140px,.85fr);gap:12px;background:radial-gradient(circle at 83% 36%,#d7e2bd 0,#edf3e7 29%,#f6f7f0 64%,#fffefa 100%);border:1px solid #e5e6d8}
.uj-oap-hero-copy{position:relative;z-index:1}.uj-oap-eyebrow,.uj-oap-kicker{color:#ac7b14;font-weight:800;font-size:11px;letter-spacing:2px}.uj-oap-hero h1{font:700 clamp(32px,4vw,50px)/1.12 Georgia,serif;color:var(--oap-dark);margin:9px 0 13px}.uj-oap-hero p{color:#56665e;font-size:15px;line-height:1.75;margin:0;max-width:660px}
.uj-oap-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px;align-items:center}.uj-oap-cta{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:12px 17px;background:var(--oap-green);color:white!important;border-radius:7px;font-size:13px;font-weight:800;text-decoration:none!important;box-shadow:0 4px 10px #033b301f}.uj-oap-cta:hover{background:#0b5d48}.uj-oap-license-pill{display:flex;gap:2px;flex-direction:column;padding:7px 14px;border:1px solid #d3ded3;border-radius:7px;text-decoration:none!important;background:#ffffffb8;font-size:12px}.uj-oap-license-pill span{font-size:10px;color:#647269}.uj-oap-hero-art{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--oap-dark);font:600 13px/1.5 Georgia,serif;letter-spacing:3px;text-align:center}.uj-oap-globe{width:142px;height:142px;display:grid;place-items:center;border-radius:50%;border:10px solid #b0c9ae;outline:2px solid #c2a256;font:100px/1 Georgia,serif;color:#3b7660;background:radial-gradient(circle at 30% 25%,#f2f2c8,#a1c3a3 65%,#4d826c);margin-bottom:14px;box-shadow:0 10px 20px #12453522}
.uj-oap-summary{display:grid;grid-template-columns:75px 1fr;gap:21px;align-items:start;margin:21px 0 24px;padding:24px;border:1px solid #deeadf;background:linear-gradient(115deg,#f3f8f3,#fdfefa);border-radius:12px}.uj-oap-summary-icon{display:grid;place-items:center;width:67px;height:67px;border-radius:50%;background:#e1eee1;color:#ba891d;font-size:46px}.uj-oap-summary h2{font:700 26px/1.25 Georgia,serif;color:var(--oap-dark);margin:6px 0 8px}.uj-oap-summary p,.uj-oap-body p{line-height:1.8;color:var(--oap-muted);font-size:14px;margin:0}
.uj-oap-rights,.uj-oap-body{margin:29px 0}.uj-oap-rights h2,.uj-oap-body h2{font:700 26px/1.3 Georgia,serif;color:var(--oap-dark);margin:0 0 11px}.uj-oap-rights h2:after,.uj-oap-body h2:after{content:'';display:block;width:38px;height:3px;background:var(--oap-gold);margin-top:10px}.uj-oap-rights>p{color:var(--oap-muted);font-size:13px;line-height:1.8}.uj-oap-rights-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:7px;margin-top:15px}.uj-oap-right-card{border:1px solid #eee9dc;border-radius:8px;background:#fdfbf6;text-align:center;display:flex;align-items:center;flex-direction:column;padding:14px 5px;min-width:0;min-height:143px}.uj-oap-right-icon{font-size:28px;color:#00634c;height:38px}.uj-oap-right-card strong{font:700 12px Georgia,serif;color:#0b372c;margin:6px 0}.uj-oap-right-card small{font-size:10px;line-height:1.5;color:#68716b}.uj-oap-attribution{margin-top:14px!important}
.uj-oap-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.uj-oap-info-card{padding:22px;border:1px solid #e6ebe2;background:#fff;border-radius:11px;box-shadow:0 4px 16px #193d2d0b}.uj-oap-info-icon{font-size:26px;color:#bc8b1b}.uj-oap-info-card h3{font:700 18px Georgia,serif;color:var(--oap-dark);margin:9px 0}.uj-oap-info-card a{font-size:12px;font-weight:700;display:inline-block;margin-top:12px}.uj-oap-benefits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:14px}.uj-oap-benefits>div{background:#fbf8f0;border:1px solid #ebe4d6;border-radius:9px;padding:15px 10px;display:flex;flex-direction:column;gap:8px}.uj-oap-benefits b{color:#bd8a18;font-size:27px}.uj-oap-benefits strong{font:700 13px Georgia,serif;color:#124436}.uj-oap-benefits small{font-size:11px;line-height:1.55;color:#6a6e69}
.uj-oap-complete-policy{border:1px solid #dae6dc;border-radius:11px;margin:27px 0;overflow:hidden}.uj-oap-complete-policy summary{cursor:pointer;color:var(--oap-dark);font-weight:700;padding:16px 20px;background:#f3f7f2}.uj-oap-complete-inner{padding:10px 22px 22px}.uj-oap-complete-inner section{padding:11px 0;border-bottom:1px solid #ebeeeb}.uj-oap-complete-inner h3{font:700 19px Georgia,serif;color:var(--oap-dark)}.uj-oap-complete-inner p{font-size:13px;line-height:1.8;color:#45574e}.uj-oap-final-cta{border-radius:11px;background:#064536;color:white;padding:21px;display:flex;align-items:center;justify-content:space-between;gap:16px}.uj-oap-final-cta strong{font:700 19px Georgia,serif}.uj-oap-final-cta p{margin:5px 0 0;color:#d7e5dc;font-size:12px}.uj-oap-final-cta a{background:#c7952a;color:#142c23!important;border-radius:7px;padding:12px 15px;text-decoration:none!important;font-size:12px;font-weight:800;white-space:nowrap}
@media(max-width:1100px){.uj-oap-rights-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.uj-oap-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.uj-oap-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:620px){.uj-oap-hero{grid-template-columns:1fr;padding:26px 21px}.uj-oap-hero-art{display:none}.uj-oap-summary{grid-template-columns:1fr;padding:20px}.uj-oap-summary-icon{width:55px;height:55px}.uj-oap-rights-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.uj-oap-info-grid{grid-template-columns:1fr}.uj-oap-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.uj-oap-final-cta{flex-direction:column;align-items:stretch}.uj-oap-final-cta a{text-align:center}}
.uj-ethics-page {
  --uj-green: #0b5a45;
  --uj-green-dark: #073c31;
  --uj-green-soft: #e9f3ee;
  --uj-gold: #c89626;
  --uj-gold-dark: #8d640c;
  --uj-cream: #fbfaf6;
  --uj-border: #e2e7e3;
  --uj-text: #1d2d2a;

  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(280px, 1fr);
  gap: 28px;
  max-width: 1480px;
  margin: 0 auto;
  padding: 18px 10px 48px;
  box-sizing: border-box;
}

.uj-ethics-page * { box-sizing: border-box; }
.uj-ethics-main { min-width: 0; }

.uj-ethics-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(220px, .9fr);
  overflow: hidden;
  border-radius: 22px;
  background: linear-gradient(110deg, #f9faf7 0%, #eef6ef 45%, #dfeee6 100%);
  border: 1px solid #e0eadf;
  box-shadow: 0 10px 28px rgba(7, 60, 49, .06);
}

.uj-ethics-hero-inner {
  padding: 42px 38px 34px;
}

.uj-ethics-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2.5px;
  color: var(--uj-gold-dark);
  text-transform: uppercase;
  margin-bottom: 14px;
}

.uj-ethics-eyebrow::after {
  content: "";
  width: 48px;
  height: 2px;
  background: var(--uj-gold);
  display: inline-block;
}

.uj-ethics-hero h1 {
  margin: 0 0 10px;
  color: var(--uj-green-dark);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(34px, 4vw, 64px);
  line-height: 1.08;
}

.uj-ethics-hero p {
  margin: 0;
  max-width: 760px;
  color: #4f5c59;
  font-size: 15px;
  line-height: 1.75;
}

.uj-ethics-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 25px;
}

.uj-ethics-download-btn {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  background: linear-gradient(135deg, #0b624b, #084d3d);
  color: #fff !important;
  text-decoration: none !important;
  padding: 14px 22px;
  border-radius: 11px;
  font-weight: 700;
  box-shadow: 0 6px 16px rgba(7, 60, 49, .14);
}

.uj-ethics-download-btn:hover {
  transform: translateY(-1px);
}

.uj-ethics-btn-icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.12);
  font-size: 16px;
}

.uj-ethics-pill {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  min-width: 160px;
  padding: 12px 16px;
  border: 1px solid #d6e1da;
  border-radius: 11px;
  background: rgba(255,255,255,.72);
}

.uj-ethics-pill strong {
  color: var(--uj-green-dark);
  font-size: 15px;
  margin-bottom: 2px;
}

.uj-ethics-pill span {
  font-size: 12px;
  color: #60706c;
}

.uj-ethics-hero-side {
  position: relative;
  min-height: 100%;
  background:
    linear-gradient(0deg, rgba(8,73,58,.08), rgba(8,73,58,.08)),
    radial-gradient(circle at 78% 24%, rgba(200,150,38,.22), rgba(200,150,38,0) 22%),
    radial-gradient(circle at 82% 75%, rgba(11,90,69,.16), rgba(11,90,69,0) 28%),
    linear-gradient(135deg, #eef5ef 0%, #dbeadf 100%);
  border-left: 1px solid #dce8df;
}

.uj-ethics-hero-side::before {
  content: "";
  position: absolute;
  inset: 26px 30px 24px auto;
  width: 210px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 50% 50%, rgba(200,150,38,.22) 0 34%, transparent 35%),
    radial-gradient(circle at 50% 50%, rgba(200,150,38,.16) 0 50%, transparent 51%),
    radial-gradient(circle at 50% 50%, rgba(11,90,69,.14) 0 64%, transparent 65%),
    radial-gradient(circle at 50% 50%, rgba(11,90,69,.08) 0 78%, transparent 79%);
  opacity: .8;
}

.uj-ethics-hero-side::after {
  content: "";
  position: absolute;
  bottom: 20px;
  right: 26px;
  width: 150px;
  height: 105px;
  background:
    linear-gradient(0deg, rgba(255,255,255,.42), rgba(255,255,255,.42)),
    linear-gradient(160deg, #b98a1d, #deb759 45%, #fff8df 100%);
  border-radius: 12px 12px 30px 30px;
  opacity: .9;
}

.uj-ethics-hero-quote {
  position: absolute;
  right: 36px;
  top: 52px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 165px;
  color: var(--uj-gold-dark);
  font-family: Georgia, serif;
  font-size: 17px;
  line-height: 1.32;
  letter-spacing: 3px;
}

.uj-ethics-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 18px 4px 4px;
  font-size: 13px;
  color: #6f7a77;
}

.uj-ethics-breadcrumbs a {
  color: #5f6e69;
  text-decoration: none;
}

.uj-ethics-breadcrumbs span:last-child {
  color: var(--uj-green);
  font-weight: 700;
}

.uj-ethics-summary-card {
  display: grid;
  grid-template-columns: 108px minmax(0, 1fr) 270px;
  gap: 18px;
  align-items: start;
  padding: 28px;
  background: #fff;
  border: 1px solid var(--uj-border);
  border-radius: 20px;
  box-shadow: 0 10px 26px rgba(7, 60, 49, .05);
}

.uj-ethics-summary-icon {
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background: linear-gradient(135deg, #f3e2ae, #fff7dc);
  color: var(--uj-gold-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  font-weight: 700;
}

.uj-ethics-mini-label {
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
  color: var(--uj-gold-dark);
  text-transform: uppercase;
  margin-bottom: 10px;
}

.uj-ethics-summary-content h2,
.uj-ethics-section-header h2,
.uj-ethics-section-title-wrap h2 {
  margin: 0 0 12px;
  color: var(--uj-green-dark);
  font-family: Georgia, serif;
  font-size: clamp(28px, 2.8vw, 42px);
  line-height: 1.18;
}

.uj-ethics-summary-content p,
.uj-ethics-section-header p,
.uj-ethics-card-content p,
.uj-ethics-integrity-block p,
.uj-ethics-principle-item p {
  margin: 0;
  color: #4f5c59;
  font-size: 15px;
  line-height: 1.8;
}

.uj-ethics-summary-points {
  display: grid;
  gap: 12px;
  padding-left: 18px;
  border-left: 1px solid #e7ece8;
}

.uj-ethics-summary-point {
  position: relative;
  padding-left: 16px;
  color: var(--uj-green-dark);
  font-weight: 600;
  line-height: 1.5;
}

.uj-ethics-summary-point::before {
  content: "";
  position: absolute;
  left: 0;
  top: .63em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--uj-gold);
}

.uj-ethics-section,
.uj-ethics-principles {
  margin-top: 24px;
}

.uj-ethics-section-header {
  padding: 0 4px;
}

.uj-ethics-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 24px;
}

.uj-ethics-card {
  display: flex;
  gap: 18px;
  padding: 24px;
  background: #fff;
  border: 1px solid var(--uj-border);
  border-radius: 18px;
  box-shadow: 0 8px 20px rgba(7,60,49,.045);
}

.uj-ethics-card-icon {
  flex: 0 0 62px;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0b5a45, #1a7d61);
  color: #fff;
  font-family: Georgia, serif;
  font-size: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.uj-ethics-card-content h3 {
  margin: 2px 0 10px;
  color: var(--uj-green-dark);
  font-family: Georgia, serif;
  font-size: 26px;
  line-height: 1.25;
}

.uj-ethics-section-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 16px;
}

.uj-ethics-section-title-wrap p {
  margin: 0;
  color: #6c7975;
  font-size: 14px;
}

.uj-ethics-principles-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.uj-ethics-principle-item {
  background: #fff;
  border: 1px solid var(--uj-border);
  border-radius: 16px;
  padding: 20px;
}

.uj-ethics-principle-item h4 {
  margin: 0 0 10px;
  font-family: Georgia, serif;
  font-size: 22px;
  color: var(--uj-green-dark);
}

.uj-ethics-integrity-block {
  padding: 26px 28px;
  background: linear-gradient(135deg, #fbfaf6, #f4f7f5);
  border: 1px solid #e8ece8;
  border-radius: 18px;
}

@media (max-width: 1180px) {
  .uj-ethics-page {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 980px) {
  .uj-ethics-summary-card {
    grid-template-columns: 1fr;
  }

  .uj-ethics-summary-points {
    border-left: 0;
    border-top: 1px solid #e7ece8;
    padding-left: 0;
    padding-top: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .uj-ethics-grid,
  .uj-ethics-principles-grid,
  .uj-ethics-hero {
    grid-template-columns: 1fr;
  }

  .uj-ethics-hero-side {
    min-height: 220px;
    border-left: 0;
    border-top: 1px solid #dce8df;
  }
}

@media (max-width: 700px) {
  .uj-ethics-page {
    padding: 12px 0 34px;
  }

  .uj-ethics-hero-inner {
    padding: 28px 18px 24px;
  }

  .uj-ethics-summary-card,
  .uj-ethics-card,
  .uj-ethics-integrity-block {
    padding: 20px 18px;
  }

  .uj-ethics-summary-points,
  .uj-ethics-grid,
  .uj-ethics-principles-grid {
    grid-template-columns: 1fr;
  }

  .uj-ethics-hero-actions {
    flex-direction: column;
  }

  .uj-ethics-download-btn,
  .uj-ethics-pill {
    width: 100%;
  }

  .uj-ethics-card {
    flex-direction: column;
  }

  .uj-ethics-hero-quote {
    right: 20px;
    top: 24px;
    font-size: 14px;
    max-width: 140px;
  }

  .uj-ethics-summary-icon {
    width: 72px;
    height: 72px;
    font-size: 34px;
  }

  .uj-ethics-card-content h3,
  .uj-ethics-summary-content h2,
  .uj-ethics-section-header h2,
  .uj-ethics-section-title-wrap h2 {
    font-size: 20px;
  }

  .uj-ethics-principle-item h4 {
    font-size: 18px;
  }
}
/* UNIVERSITAS DATA PRIVACY POLICY — MAIN CONTENT ONLY. Existing sidebar styles untouched. */
.uj-dp-layout{--dp-green:#064737;--dp-forest:#08382f;--dp-gold:#c5942a;display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);align-items:start;gap:28px;max-width:1500px;margin:0 auto;padding:14px 8px 48px;font-family:inherit;box-sizing:border-box}
.uj-dp-layout *{box-sizing:border-box}.uj-dp-main{min-width:0}.uj-dp-main h1,.uj-dp-main h2,.uj-dp-main h3{font-family:Georgia,'Times New Roman',serif;color:var(--dp-forest)}.uj-dp-main p{line-height:1.8;color:#4c5d56;font-size:14px}
.uj-dp-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(180px,.65fr);overflow:hidden;border-radius:17px;border:1px solid #dfe9df;background:linear-gradient(115deg,#f9fbf8,#e7f3eb);min-height:275px;box-shadow:0 9px 25px rgba(3,47,35,.06)}
.uj-dp-hero-text{padding:42px 38px}.uj-dp-eyebrow,.uj-dp-kicker{display:block;color:#a47819;letter-spacing:2.2px;font-size:11px;font-weight:800;text-transform:uppercase}.uj-dp-hero h1{font-size:clamp(32px,4.3vw,53px);line-height:1.12;margin:12px 0 10px}.uj-dp-hero p{font-size:16px;margin:0 0 19px;max-width:640px}.uj-dp-download{display:inline-flex;align-items:center;background:#06503e;color:white!important;text-decoration:none!important;border-radius:7px;font-size:14px;font-weight:750;padding:13px 18px;box-shadow:0 6px 14px rgba(0,58,37,.12)}.uj-dp-download:hover{background:#a47719}.uj-dp-hero-note{font-size:11px;color:#6d7e72;margin-top:14px;letter-spacing:.5px}
.uj-dp-hero-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;position:relative;background:radial-gradient(circle at 50% 40%,#c7ddcb 0%,#e3efe4 56%,#d1e4d6 100%);overflow:hidden}.uj-dp-hero-art:after{content:'';position:absolute;width:280px;height:280px;border:1px solid rgba(170,127,29,.45);border-radius:50%;box-shadow:0 0 0 21px rgba(8,85,61,.055),0 0 0 47px rgba(190,155,66,.065)}.uj-dp-art-lock{z-index:1;color:#aa7b22;border:4px solid #aa7b22;width:84px;height:84px;border-radius:22px;display:grid;place-items:center;font-size:42px}.uj-dp-hero-art span{z-index:1;text-align:center;color:#275344;font-size:11px;letter-spacing:3px;font-weight:800;line-height:1.75}
.uj-dp-summary{display:grid;grid-template-columns:76px 1fr;gap:21px;padding:29px;margin-top:24px;border:1px solid #e1e9e2;background:#f6faf6;border-radius:15px}.uj-dp-symbol{display:flex;align-items:center;justify-content:center;background:#0b5943;color:white;width:65px;height:65px;border-radius:50%;font-size:27px}.uj-dp-summary h2{margin:9px 0;font-size:26px}.uj-dp-summary p{margin:0}.uj-dp-commit{padding:25px 7px 12px}.uj-dp-heading h2{font-size:27px;margin:8px 0 11px}.uj-dp-commit p{margin:0}
.uj-dp-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 28px}.uj-dp-highlights>div{border:1px solid #e6eadf;border-radius:12px;padding:18px;background:#fcfbf7;display:flex;flex-direction:column;gap:7px}.uj-dp-highlights span{font-size:21px;color:#b4872b}.uj-dp-highlights strong{font-size:14px;color:#063f32}.uj-dp-highlights small{font-size:12px;line-height:1.6;color:#64746e}
.uj-dp-policy-sections{margin-top:22px}.uj-dp-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.uj-dp-card{background:white;border:1px solid #e2e9e2;border-top:3px solid #c69d49;border-radius:13px;padding:23px;box-shadow:0 6px 18px rgba(6,51,40,.035)}.uj-dp-card-num{display:grid;place-items:center;width:39px;height:39px;background:#e8f2eb;color:#075340;border-radius:50%;font:700 15px Georgia,serif}.uj-dp-card h3{font-size:20px;line-height:1.28;margin:13px 0 10px}.uj-dp-card p{margin:0}
.uj-dp-integrity{margin-top:26px;background:linear-gradient(110deg,#073f32,#0c5c46);padding:29px;border-radius:15px}.uj-dp-integrity h2{color:#fff;font-size:26px;margin:8px 0}.uj-dp-integrity p{color:#e4f1e9;margin:0 0 18px}.uj-dp-integrity a{display:inline-block;background:#d5a343;color:#1a2c22!important;border-radius:6px;padding:11px 15px;font-weight:750;text-decoration:none!important;font-size:13px}
@media(max-width:1050px){.uj-dp-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:690px){.uj-dp-layout{padding:10px 0 30px}.uj-dp-hero{grid-template-columns:1fr}.uj-dp-hero-text{padding:28px 20px}.uj-dp-hero-art{min-height:150px}.uj-dp-art-lock{width:55px;height:55px;font-size:26px}.uj-dp-summary{grid-template-columns:1fr;padding:21px}.uj-dp-highlights,.uj-dp-cards{grid-template-columns:1fr}.uj-dp-integrity{padding:22px}.uj-dp-heading h2{font-size:24px}}

/* Technical Writing Guidelines: scoped styles; existing sidebar CSS remains unchanged */
.uj-twg-layout{--tw-green:#074b3b;--tw-deep:#04352b;--tw-gold:#c89626;display:grid;grid-template-columns:minmax(0,3fr) minmax(270px,1fr);gap:28px;align-items:start;max-width:1510px;margin:auto;padding:18px 10px 50px;box-sizing:border-box}.uj-twg-layout *{box-sizing:border-box}.uj-twg-main{min-width:0}.uj-twg-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(200px,.75fr);overflow:hidden;background:linear-gradient(120deg,#053d31,#09624a);color:white;border-radius:20px;box-shadow:0 10px 25px #06463820}.uj-twg-hero-copy{padding:43px 37px}.uj-twg-kicker{display:block;color:#bf8e26;text-transform:uppercase;letter-spacing:2px;font-weight:800;font-size:11px;margin-bottom:12px}.uj-twg-hero .uj-twg-kicker{color:#f0cb77}.uj-twg-hero h1{font:700 clamp(36px,4vw,61px)/1.06 Georgia,serif;color:#fff;margin:0 0 18px}.uj-twg-hero h1 em{color:#efc979;font-style:normal}.uj-twg-hero p{max-width:620px;color:#ecf4f0;font-size:15px;line-height:1.8;margin:0}.uj-twg-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:23px}.uj-twg-actions a{padding:13px 16px;border-radius:8px;font-size:13px;font-weight:750;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s}.uj-twg-actions a:hover{transform:translateY(-2px)}.uj-twg-primary{background:linear-gradient(140deg,#f0ca72,#cf9619);color:#12291f!important}.uj-twg-secondary{border:1px solid #ccaa5d;color:#fff!important;background:#ffffff0a}.uj-twg-hero-art{position:relative;min-height:290px;background:radial-gradient(circle at 70% 50%,#d1b26180,transparent 52%),linear-gradient(135deg,#12644b,#064737)}.uj-twg-orbit{position:absolute;inset:35px -120px 30px 30px;border:1px solid #e6c17280;border-radius:50%;box-shadow:0 0 0 18px #d3b25612,0 0 0 45px #d3b25617,0 0 0 75px #d3b25610}.uj-twg-art-caption{position:absolute;right:23px;bottom:30px;line-height:1.9;color:#f1d38c;letter-spacing:3px;font:700 12px/2 Georgia,serif;text-align:right}.uj-twg-intro{display:flex;gap:20px;padding:30px;background:#f5f8f3;border:1px solid #dbe9df;border-radius:15px;margin-top:22px}.uj-twg-intro-icon{flex:0 0 65px;height:65px;border-radius:50%;background:#e4ecd9;color:#075041;display:flex;align-items:center;justify-content:center;font-size:30px}.uj-twg-intro h2,.uj-twg-sectionhead h2,.uj-twg-bottom h2{font:700 clamp(25px,2.5vw,34px)/1.2 Georgia,serif;color:#073e32;margin:0 0 12px}.uj-twg-intro p,.uj-twg-sectionhead p,.uj-twg-bottom p{font-size:14px;line-height:1.85;color:#51635b;margin:0 0 10px}.uj-twg-fast{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px}.uj-twg-fast>div{padding:19px 14px;background:#fffaf0;border:1px solid #e7d4a9;border-radius:11px}.uj-twg-fast strong{display:block;color:#09513f;font-size:15px;margin-bottom:7px}.uj-twg-fast span{font-size:12px;color:#65716a}.uj-twg-samples,.uj-twg-guide{margin-top:35px}.uj-twg-sectionhead{margin-bottom:19px}.uj-twg-sectionhead h2{border-bottom:3px solid #c99931;padding-bottom:10px;display:inline-block}.uj-twg-studies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.uj-twg-study{display:flex;flex-direction:column;gap:12px;min-height:178px;padding:21px 17px;border:1px solid #dfdfd1;background:linear-gradient(150deg,#fff,#f6f8f4);border-radius:12px;text-decoration:none!important;box-shadow:0 5px 17px #063d3010}.uj-twg-study:hover{border-color:#bf922c;box-shadow:0 9px 22px #063d3019}.uj-twg-study-kicker{color:#b68722;font-size:10px;font-weight:800;letter-spacing:2px}.uj-twg-study strong{color:#063f32;font-family:Georgia,serif;font-size:19px;line-height:1.25}.uj-twg-study span:last-child{margin-top:auto;color:#9a6d0c;font-weight:750;font-size:12px}.uj-twg-section{display:flex;gap:18px;padding:23px 22px;border-radius:13px;border:1px solid #e1e8e3;background:#fff;margin:13px 0;box-shadow:0 4px 15px #053d3009}.uj-twg-num{flex:0 0 45px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#064c3b;color:#f5d27c;font:700 19px Georgia,serif}.uj-twg-section h3{font:700 23px Georgia,serif;color:#063f32;margin:0 0 10px}.uj-twg-section p,.uj-twg-section li{color:#45564d;font-size:13.5px;line-height:1.8}.uj-twg-section p{margin:0 0 11px}.uj-twg-section ul{margin:8px 0 12px;padding-left:19px}.uj-twg-section li{padding:2px 0}.uj-twg-bottom{padding:29px;margin-top:28px;border-radius:15px;background:linear-gradient(140deg,#f3f7f0,#fff8e7);border:1px solid #dfdfc9}.uj-twg-bottom .uj-twg-secondary{background:white;color:#07503c!important;border-color:#b78f36}@media(max-width:1050px){.uj-twg-layout{grid-template-columns:1fr}}@media(max-width:720px){.uj-twg-layout{padding:12px 0 40px}.uj-twg-hero{grid-template-columns:1fr}.uj-twg-hero-copy{padding:30px 20px}.uj-twg-hero-art{min-height:110px}.uj-twg-art-caption{font-size:10px;bottom:12px}.uj-twg-intro{padding:20px;flex-direction:column}.uj-twg-fast,.uj-twg-studies{grid-template-columns:1fr}.uj-twg-section{padding:19px 15px;gap:11px}.uj-twg-num{flex-basis:35px;width:35px;height:35px;font-size:14px}.uj-twg-section h3{font-size:20px}.uj-twg-actions{flex-direction:column}.uj-twg-actions a{width:100%}}

/* Main page only. Existing .uj-about-sidebar / .uj-side-card / .uj-side-btn styles are intentionally excluded. */
.uj-ps-layout{--pg:#064638;--gold:#c99118;--cream:#fffaf0;display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);align-items:start;gap:28px;max-width:1500px;margin:0 auto;padding:18px 10px 45px;font-family:inherit;box-sizing:border-box}.uj-ps-layout *{box-sizing:border-box}.uj-ps-main{min-width:0}.uj-ps-hero{min-height:310px;border-radius:17px;background:linear-gradient(110deg,#043a30 0%,#0a6049 85%);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) 245px;overflow:hidden;box-shadow:0 10px 26px #063a301c}.uj-ps-hero-content{padding:42px 36px}.uj-ps-overline,.uj-ps-kicker{color:#cfa83f;letter-spacing:2px;text-transform:uppercase;font-weight:800;font-size:11px}.uj-ps-hero h1{font:700 clamp(32px,3vw,48px)/1.12 Georgia,serif;color:white;margin:14px 0}.uj-ps-hero p{font-size:15px;line-height:1.75;max-width:610px;color:#e9f4ec;margin:0}.uj-ps-download{display:inline-block;margin-top:25px;background:linear-gradient(115deg,#f2cc76,#ca921c);border-radius:8px;padding:13px 20px;color:#18352d!important;text-decoration:none!important;font-weight:800;box-shadow:0 3px 0 #9c6f18}.uj-ps-download:hover{filter:brightness(1.08)}.uj-ps-hero-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:radial-gradient(circle at 65% 48%,#37947a55,transparent 75%);border-left:1px solid #ffffff25}.uj-ps-seal{height:120px;width:120px;border:3px solid #dbb455;border-radius:50%;box-shadow:0 0 0 13px #d7af4e22,0 0 0 28px #d7af4e13;display:flex;align-items:center;justify-content:center;font-size:65px;color:#e7c676}.uj-ps-hero-art p{text-align:center;font-size:12px;line-height:1.8;letter-spacing:3px;color:#f2da99}.uj-ps-overview{background:#f6f9f5;border:1px solid #dfece2;border-left:5px solid var(--gold);border-radius:12px;margin-top:22px;padding:25px 30px}.uj-ps-overview h2,.uj-ps-section-heading h2,.uj-ps-footer-box h2{font:700 29px/1.2 Georgia,serif;color:#073d31;margin:11px 0 15px}.uj-ps-overview p,.uj-ps-policy-body p,.uj-ps-footer-box p{font-size:14px;line-height:1.8;color:#3b514a;margin:0 0 12px}.uj-ps-pill-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.uj-ps-pill-row span{border:1px solid #d0dfd2;background:#fff;color:#0b5140;border-radius:40px;padding:7px 12px;font-size:12px;font-weight:700}.uj-ps-section-heading{margin:34px 0 15px}.uj-ps-section-heading p{color:#64736c;font-size:14px;margin:0}.uj-ps-policy-block{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;background:#fff;border:1px solid #e1e8e1;border-radius:13px;padding:23px;margin-bottom:15px;box-shadow:0 5px 18px #033b3010}.uj-ps-num{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e8f2e9;border:1px solid #c6ddca;color:#0b614b;font:700 19px Georgia,serif}.uj-ps-policy-body h2{font:700 23px/1.25 Georgia,serif;color:#063e32;margin:3px 0 13px}.uj-ps-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}.uj-ps-type{padding:15px;background:#fbfaf6;border:1px solid #e8e5d9;border-radius:9px}.uj-ps-type h4{font-size:14px;color:#0b5140;margin:0 0 7px}.uj-ps-type p{font-size:12px;margin:0}.uj-ps-list{margin:5px 0 13px;padding-left:20px}.uj-ps-list li{font-size:14px;color:#445750;line-height:1.7;margin-bottom:5px}.uj-ps-table-wrap{overflow-x:auto;margin:15px 0}.uj-ps-threshold{width:100%;border-collapse:collapse;font-size:13px;min-width:490px}.uj-ps-threshold th{background:#0b513f;color:#fff;text-align:left;padding:13px}.uj-ps-threshold td{padding:13px;vertical-align:top;border-bottom:1px solid #e1e7e1;color:#364a43;line-height:1.6}.uj-ps-threshold tr:nth-child(even){background:#f4f8f4}.uj-ps-policy-body .uj-ps-note{background:#fff9e9;padding:13px;border-left:3px solid #c99118;margin:12px 0 0;font-size:13px}.uj-ps-footer-box{background:#f1f5ef;border-radius:14px;padding:25px 30px;margin-top:25px}.uj-ps-footer-box a{display:inline-block;margin-top:8px;padding:11px 15px;background:#0a5542;color:#fff!important;text-decoration:none!important;border-radius:7px;font-weight:700}@media(max-width:960px){.uj-ps-layout{grid-template-columns:1fr}.uj-ps-hero{grid-template-columns:1fr 190px}}@media(max-width:660px){.uj-ps-layout{padding:10px 0 30px}.uj-ps-hero{grid-template-columns:1fr}.uj-ps-hero-content{padding:30px 22px}.uj-ps-hero-art{display:none}.uj-ps-policy-block{grid-template-columns:1fr;padding:17px}.uj-ps-types{grid-template-columns:1fr}.uj-ps-overview{padding:18px}.uj-ps-section-heading h2{font-size:24px}}

/* UNIVERSITAS – Double-Blind Review Policy; existing sidebar CSS intentionally excluded */
.uj-dbr-layout{--green:#054637;--gold:#c79018;display:grid;grid-template-columns:minmax(0,3fr) minmax(255px,1fr);gap:28px;max-width:1480px;margin:auto;padding:15px 8px 50px;align-items:start;font-family:inherit}.uj-dbr-layout *{box-sizing:border-box}.uj-dbr-main{min-width:0}.uj-dbr-hero{background:linear-gradient(113deg,#034033 0%,#07624b 75%,#0b5744 100%);color:white;border-radius:17px;padding:48px 42px;position:relative;overflow:hidden;box-shadow:0 12px 30px #063a2d18}.uj-dbr-hero:after{content:"";position:absolute;right:-120px;top:-130px;width:380px;height:380px;border:1px solid #e3bd5a66;border-radius:50%;box-shadow:0 0 0 34px #edd38c14,0 0 0 75px #edd38c0b;pointer-events:none}.uj-dbr-eyebrow{font-size:11px;letter-spacing:2.2px;color:#e8bd53;font-weight:800;margin-bottom:14px}.uj-dbr-hero h1{color:#fff;font-family:Georgia,serif;font-size:clamp(30px,3.6vw,51px);line-height:1.13;margin:0 0 16px;position:relative;z-index:1}.uj-dbr-hero p{font-size:16px;max-width:610px;line-height:1.7;margin:0 0 25px;color:#ebf5ef;position:relative;z-index:1}.uj-dbr-download{display:inline-block;background:linear-gradient(115deg,#e9bf67,#c98b09);color:#1a2c23!important;text-decoration:none!important;border-radius:8px;padding:14px 21px;font-weight:800;position:relative;z-index:2}.uj-dbr-download:hover{filter:brightness(1.08)}.uj-dbr-hero-seal{position:absolute;right:42px;bottom:36px;text-align:right;letter-spacing:2px;line-height:2;font-size:11px;color:#edcf89;opacity:.8}.uj-dbr-statement{background:#f4f8f3;border:1px solid #dce8dc;border-left:5px solid var(--gold);border-radius:14px;padding:28px 30px;margin-top:25px}.uj-dbr-kicker{color:#98700c;font-weight:800;letter-spacing:2px;font-size:11px}.uj-dbr-statement h2{font:700 27px Georgia,serif;color:var(--green);margin:12px 0 14px}.uj-dbr-statement p,.uj-dbr-section p,.uj-dbr-list{font-size:14px;line-height:1.85;color:#48564f;margin:0 0 12px}.uj-dbr-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0 30px}.uj-dbr-steps>div{display:flex;flex-direction:column;gap:7px;border:1px solid #e8e8df;background:#fffdfa;border-radius:11px;padding:15px;box-shadow:0 5px 14px #063a2d0a}.uj-dbr-steps b{font:700 27px Georgia,serif;color:#bb8c25}.uj-dbr-steps strong{color:#063c31;font-size:13px}.uj-dbr-steps span{color:#68746d;font-size:12px;line-height:1.5}.uj-dbr-section{margin:23px 0;padding:25px 27px;border-radius:14px;border:1px solid #e4e8e3;background:#fff;box-shadow:0 6px 17px #0b412709}.uj-dbr-section-title{display:flex;align-items:center;gap:14px;border-bottom:1px solid #e9ece6;padding-bottom:15px;margin-bottom:16px}.uj-dbr-section-title span{display:grid;place-items:center;background:#084b3b;color:#f3cf72;font-weight:800;border-radius:50%;width:43px;height:43px;flex:0 0 43px}.uj-dbr-section-title h2{font:700 24px Georgia,serif;color:var(--green);margin:0}.uj-dbr-list{padding-left:21px}.uj-dbr-list li{margin:7px 0}.uj-dbr-list li::marker{color:#c79018}.uj-dbr-decisions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.uj-dbr-decisions article{padding:17px;border:1px solid #e4e8dd;border-top:3px solid #be982f;border-radius:10px;background:#fbfaf5}.uj-dbr-decisions h3{color:#074333;font:700 19px Georgia,serif;margin:0 0 9px}.uj-dbr-decisions p{margin:0;font-size:13px}@media(max-width:960px){.uj-dbr-layout{grid-template-columns:1fr}.uj-dbr-hero-seal{display:none}}@media(max-width:670px){.uj-dbr-layout{padding:12px 0 34px}.uj-dbr-hero{padding:34px 23px}.uj-dbr-statement,.uj-dbr-section{padding:21px 18px}.uj-dbr-steps,.uj-dbr-decisions{grid-template-columns:1fr 1fr}.uj-dbr-section-title h2{font-size:21px}}@media(max-width:420px){.uj-dbr-steps,.uj-dbr-decisions{grid-template-columns:1fr}}

/* UNIVERSITAS COPYRIGHT POLICY — scoped styling, no sidebar CSS */
.uj-copyright-page{--ug:#064738;--ud:#07392e;--gold:#c69c3e;--soft:#f7f3e7;display:grid;grid-template-columns:minmax(0,3fr) minmax(255px,1fr);gap:26px;max-width:1480px;margin:0 auto;padding:20px 10px 54px;align-items:start;font-family:inherit}.uj-copyright-page *{box-sizing:border-box}.uj-copyright-main{min-width:0}.uj-copyright-hero{position:relative;overflow:hidden;border-radius:18px;padding:48px 42px;background:linear-gradient(120deg,#053e32,#10644d);color:#fff}.uj-copyright-hero:after{content:"";position:absolute;width:260px;height:260px;border:2px solid #d8b56655;border-radius:50%;right:-70px;top:-90px;box-shadow:0 0 0 35px #e6c47112,0 0 0 80px #e6c4710b;pointer-events:none}.uj-copyright-overline,.uj-copyright-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:var(--gold)}.uj-copyright-hero h1{font:700 clamp(34px,4vw,52px)/1.15 Georgia,serif;color:#fff;margin:15px 0}.uj-copyright-hero p{color:#e4eee9;font-size:15px;line-height:1.75;max-width:610px;margin:0}.uj-copyright-downloads{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px;position:relative;z-index:1}.uj-copyright-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:13px 18px;text-decoration:none!important;font-size:13px;font-weight:800;transition:transform .2s}.uj-copyright-btn:hover{transform:translateY(-2px)}.uj-copyright-btn-gold{background:#d3a846;color:#182c23!important}.uj-copyright-btn-ghost{border:1px solid #e5c378;background:#ffffff12;color:#fff!important}.uj-copyright-overview{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:24px;background:#fff;border:1px solid #e3e8e2;border-radius:16px;padding:29px;margin-top:24px;box-shadow:0 8px 23px #1c44300a}.uj-copyright-overview h2,.uj-copyright-section-heading h2,.uj-copyright-last h2{font:700 29px/1.22 Georgia,serif;color:var(--ud);margin:10px 0 16px}.uj-copyright-overview p,.uj-copyright-section-heading p,.uj-copyright-last p{font-size:14px;line-height:1.85;color:#57625d}.uj-copyright-stamp{background:linear-gradient(140deg,#f5f0df,#e5efe8);padding:25px 17px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--ud)}.uj-copyright-stamp strong{font:700 23px Georgia,serif}.uj-copyright-stamp span{font-size:12px;letter-spacing:1px;font-weight:800}.uj-copyright-stamp a{font-size:12px;color:var(--ug)!important}.uj-copyright-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:20px 0 34px}.uj-copyright-tiles>div{background:#f4f8f5;border:1px solid #e5ece8;border-radius:11px;padding:18px;display:flex;gap:13px;align-items:center}.uj-copyright-tiles strong{font:700 25px Georgia,serif;color:var(--gold)}.uj-copyright-tiles span{font-size:13px;color:var(--ud);font-weight:700}.uj-copyright-section-heading{margin-bottom:18px}.uj-copyright-section-heading>span{font-size:11px;font-weight:800;letter-spacing:2px;color:#a47720}.uj-copyright-section-heading h2{margin-bottom:6px}.uj-copyright-policy-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:17px;background:#fff;border:1px solid #e5e9e5;border-radius:14px;margin-bottom:15px;padding:24px;box-shadow:0 4px 18px #15463608}.uj-copyright-card-num{width:49px;height:49px;border-radius:50%;background:#eaf4ef;display:flex;align-items:center;justify-content:center;font:700 19px Georgia,serif;color:var(--ug)}.uj-copyright-card-body h3{font:700 22px/1.25 Georgia,serif;color:var(--ud);margin:3px 0 12px}.uj-copyright-card-body p,.uj-copyright-card-body li{font-size:14px;line-height:1.8;color:#48554e}.uj-copyright-card-body p{margin:0 0 12px}.uj-copyright-card-body ul{margin:8px 0 14px;padding-left:23px}.uj-copyright-card-body li{margin-bottom:5px}.uj-copyright-last{display:flex;gap:22px;align-items:center;justify-content:space-between;background:var(--soft);padding:27px;border-left:4px solid var(--gold);border-radius:6px 13px 13px 6px;margin-top:26px}.uj-copyright-last h2{font-size:25px;margin:9px 0}.uj-copyright-last-actions{display:flex;flex-direction:column;gap:9px;min-width:174px}.uj-copyright-last-actions a{display:block;text-decoration:none!important;color:#fff!important;background:var(--ug);border-radius:7px;padding:12px 14px;font-size:12px;font-weight:700;text-align:center}@media(max-width:950px){.uj-copyright-page{grid-template-columns:1fr}.uj-copyright-overview{grid-template-columns:1fr}.uj-copyright-stamp{min-height:140px}}@media(max-width:650px){.uj-copyright-page{padding:10px 0 35px}.uj-copyright-hero{padding:33px 21px}.uj-copyright-downloads,.uj-copyright-last{flex-direction:column;align-items:stretch}.uj-copyright-btn{width:100%}.uj-copyright-tiles{grid-template-columns:1fr}.uj-copyright-policy-card{grid-template-columns:1fr;padding:18px}.uj-copyright-overview{padding:20px}.uj-copyright-last-actions{width:100%}}

/* UNIVERSITAS Corrections & Retractions: page-only styles, no sidebar overrides */
.uj-cr-layout{--cr-green:#063f34;--cr-deep:#07392f;--cr-gold:#c39a42;--cr-muted:#65716b;display:grid;grid-template-columns:minmax(0,3fr) minmax(250px,1fr);gap:26px;align-items:start;max-width:1500px;margin:auto;padding:18px 8px 48px;font-family:inherit}
.uj-cr-layout *{box-sizing:border-box}.uj-cr-main{min-width:0}.uj-cr-hero{background:linear-gradient(120deg,rgba(3,54,42,.97),rgba(10,98,72,.91)),radial-gradient(circle at 90% 25%,#b4ab60,#073a30);color:#fff;border-radius:18px;padding:46px 38px;position:relative;overflow:hidden;box-shadow:0 12px 32px #063f341c}.uj-cr-hero:after{content:'';position:absolute;right:-80px;top:-80px;width:320px;height:320px;border:2px solid #d7b86745;border-radius:50%;box-shadow:0 0 0 30px #d7b86713,0 0 0 65px #d7b86713;pointer-events:none}.uj-cr-kicker{color:#e5c777;font-size:11px;letter-spacing:2px;font-weight:750}.uj-cr-hero h1{font:700 clamp(29px,3.4vw,47px)/1.16 Georgia,serif;color:#fff;margin:14px 0}.uj-cr-hero p{max-width:670px;color:#eef5ef;line-height:1.7;font-size:15px}.uj-cr-download{display:inline-block;background:#cda34d;color:#18342d!important;text-decoration:none!important;font-weight:800;padding:14px 20px;border-radius:8px;margin:18px 0 16px;position:relative;z-index:1}.uj-cr-download:hover{background:#e0bf70}.uj-cr-hero-line{font-size:10px;letter-spacing:1.2px;color:#d3e5d8;line-height:1.7}.uj-cr-overview,.uj-cr-section,.uj-cr-process,.uj-cr-bottom{margin-top:24px;background:#fff;border:1px solid #e4eae5;border-radius:15px;padding:29px;box-shadow:0 7px 22px #18392b0a}.uj-cr-overview{background:linear-gradient(140deg,#fff,#f5f8f4);border-top:4px solid var(--cr-gold)}.uj-cr-overview-tag,.uj-cr-eyebrow{font-size:11px;color:#987321;font-weight:800;letter-spacing:2px;margin-bottom:9px}.uj-cr-layout h2{font:700 clamp(24px,2.5vw,32px)/1.26 Georgia,serif;color:var(--cr-deep);margin:3px 0 14px}.uj-cr-layout h3{font:700 19px/1.34 Georgia,serif;color:var(--cr-deep);margin:5px 0 9px}.uj-cr-main p,.uj-cr-main li{color:#4b5c53;font-size:14px;line-height:1.8}.uj-cr-main p{margin:0 0 12px}.uj-cr-main ul,.uj-cr-main ol{padding-left:21px;margin:10px 0 16px}.uj-cr-main li{margin:4px 0}.uj-cr-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.uj-cr-pills span{padding:6px 12px;background:#e6f2ec;color:#145841;font-size:11px;font-weight:700;border-radius:20px}.uj-cr-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.uj-cr-type-card{background:#fbfcfa;border:1px solid #dfe8e1;border-radius:12px;padding:21px}.uj-cr-type-card:nth-child(2){background:#fffaf0;border-color:#eadfbb}.uj-cr-type-card .uj-cr-icon{width:38px;height:38px;background:#e1efe6;color:#0b6248;font-size:22px;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.uj-cr-type-note{border-top:1px solid #e4e8e4;padding-top:12px}.uj-cr-process{background:#f1f7f3}.uj-cr-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.uj-cr-steps>div{background:#fff;border:1px solid #dfe9e0;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:8px}.uj-cr-steps b{display:inline-flex;align-items:center;justify-content:center;background:#0e5944;color:#fff;border-radius:50%;width:32px;height:32px;font-size:12px}.uj-cr-steps strong{font-size:13px;color:#113d30}.uj-cr-steps span{font-size:12px;color:#68726b;line-height:1.5}.uj-cr-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.uj-cr-principles>div{background:#f7f9f6;border:1px solid #e4eae3;border-radius:10px;padding:17px}.uj-cr-principles h3{font-size:17px}.uj-cr-bottom{background:#eaf3ee;border-left:5px solid #bd983e}.uj-cr-bottom a{display:inline-block;background:#07543f;color:#fff!important;border-radius:8px;padding:11px 16px;text-decoration:none!important;font-size:13px;font-weight:700}
@media(max-width:1050px){.uj-cr-layout{grid-template-columns:1fr}}
@media(max-width:650px){.uj-cr-layout{padding:10px 0 30px}.uj-cr-hero{padding:29px 22px}.uj-cr-overview,.uj-cr-section,.uj-cr-process,.uj-cr-bottom{padding:21px}.uj-cr-types,.uj-cr-principles{grid-template-columns:1fr}.uj-cr-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.uj-cr-steps{grid-template-columns:1fr}}


/* ==========================================
   UNIVERSITAS - SIDEBAR COLOR FIX
   Journal Portal and Quick Links
========================================== */

/* Keep existing sidebar headings WHITE */
.uj-about-sidebar .uj-side-card h2 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

/* Keep headings visible in green sidebar cards */
.uj-about-sidebar .uj-login-card h2,
.uj-about-sidebar .uj-publisher-card h2 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Maintain readable sidebar descriptions */
.uj-about-sidebar .uj-side-card p {
    color: #ffffff !important;
}

/* White background for regular Quick Links buttons */
.uj-about-sidebar .uj-side-btn:not(.uj-side-btn-gold) {
    background: #ffffff !important;
    color: #064638 !important;
}

/* Keep Log In button GOLD */
.uj-about-sidebar .uj-side-btn-gold {
    background: #cf900f !important;
    color: #ffffff !important;
}

/* Hover effect for sidebar buttons */
.uj-about-sidebar .uj-side-btn:not(.uj-side-btn-gold):hover {
    background: #f4e5bf !important;
    color: #064638 !important;
}

/* Universitas Services & Fees | scoped styles only */
.uj-fee-page{--uf-green:#064738;--uf-deep:#003b30;--uf-gold:#cd920e;--uf-light:#f9f7ef;display:grid;grid-template-columns:minmax(0,3fr) minmax(270px,1fr);gap:26px;max-width:1500px;margin:0 auto;padding:16px 8px 48px;align-items:start;font-family:inherit;box-sizing:border-box;color:#162d28}
.uj-fee-page *{box-sizing:border-box}.uj-fee-main{min-width:0}.uj-fee-hero{position:relative;overflow:hidden;display:flex;min-height:255px;background:linear-gradient(115deg,#003c30 0%,#065b46 70%,#13775a 100%);border-radius:17px;box-shadow:0 12px 30px #063a2c22;color:#fff;padding:36px 40px;align-items:center}.uj-fee-hero-copy{position:relative;z-index:1;max-width:610px}.uj-fee-kicker{color:#e7b847;font-size:11px;letter-spacing:2px;font-weight:800}.uj-fee-hero h1{color:#fff!important;font:700 clamp(32px,3.3vw,51px)/1.09 Georgia,serif;margin:9px 0 14px}.uj-fee-hero p{color:#ecf7ee!important;line-height:1.7;font-size:15px;margin:0}.uj-fee-hero-art{position:absolute;right:-20px;top:-50px;width:300px;height:350px;opacity:.66}.uj-fee-art-ring{position:absolute;right:15px;top:0;width:295px;height:295px;border:16px solid #cda035;border-radius:50%;box-shadow:0 0 0 18px #ffffff15,0 0 0 43px #e2be3230}.uj-fee-art-book{position:absolute;top:100px;left:90px;color:#fff;font-size:83px}.uj-fee-art-words{position:absolute;right:40px;bottom:25px;font-size:11px;line-height:1.8;letter-spacing:2px;color:#fff}.uj-fee-tablist{display:grid;grid-template-columns:repeat(3,1fr);margin-top:-1px;border:1px solid #e5e3dc;border-radius:10px;overflow:hidden;background:#fff}.uj-fee-tab{background:#fff;color:#123f32;border:0;border-right:1px solid #e9e7e1;padding:17px 12px;cursor:pointer;font:700 15px inherit;transition:background .18s}.uj-fee-tab:last-child{border-right:0}.uj-fee-tab small{display:block;font-size:11px;font-weight:500;margin-top:4px}.uj-fee-tab.is-active{background:linear-gradient(120deg,#c08a0c,#e4b638);color:#fff;box-shadow:inset 0 -4px 0 #a97802}.uj-fee-tab:focus-visible{outline:3px solid #326c91;outline-offset:-3px}.uj-fee-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:28px;padding:28px;margin-top:16px;border:1px solid #e6e4df;border-left:5px solid #cb941d;border-radius:15px;background:#fff;box-shadow:0 10px 28px #173b2e12}.uj-fee-offer{min-width:0}.uj-fee-offer-eyebrow{color:#a47413;font-weight:800;font-size:12px;letter-spacing:1.5px}.uj-fee-offer h2{font:700 clamp(25px,2.8vw,35px)/1.16 Georgia,serif;color:#063f33;margin:11px 0}.uj-fee-offer-description,.uj-fee-time-note{font-size:14px;line-height:1.7;color:#52635c}.uj-fee-metrics{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:19px 0}.uj-fee-price{background:#ad780a;color:#fff;padding:14px 21px;border-radius:8px;font-size:27px;font-weight:800}.uj-fee-turnaround{background:#fbf6eb;border-radius:8px;padding:10px 15px;color:#41391f}.uj-fee-turnaround span{display:block;font-size:11px}.uj-fee-turnaround strong{font-size:16px}.uj-fee-time-note{font-size:12px;margin-bottom:18px}.uj-fee-submit{display:block;background:linear-gradient(120deg,#b47b00,#e0af20);color:#fff!important;text-decoration:none!important;text-align:center;padding:15px 12px;border-radius:8px;font-weight:800;transition:transform .16s}.uj-fee-submit:hover{transform:translateY(-2px);filter:brightness(1.05)}.uj-fee-register{display:block;margin-top:13px;text-align:center;color:#09644c!important;font-size:13px;font-weight:700}.uj-fee-deliverables{min-width:0;background:linear-gradient(140deg,#f9fbf9,#f4f6f2);border:1px solid #e8ece7;border-radius:11px;padding:17px}.uj-fee-deliverables h3{font:700 20px Georgia,serif;color:#073d31;margin:0 0 16px}.uj-fee-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.uj-fee-feature{background:#fff;min-height:98px;border:1px solid #e6eae5;border-radius:8px;padding:13px 7px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px}.uj-fee-feature span{font-size:24px;color:#09543f}.uj-fee-feature strong{color:#203c32;font-size:12px;line-height:1.45}.uj-fee-feature-note{font-size:11px;line-height:1.5;color:#6c7670;margin:13px 0 0}.uj-fee-panel-footer{grid-column:1/-1;border-top:1px solid #ecede7;padding-top:17px;display:flex;gap:20px;flex-wrap:wrap}.uj-fee-panel-footer a{color:#087058;font-weight:700;text-decoration:none;font-size:13px}.uj-fee-benefits,.uj-fee-steps{margin-top:24px;background:#fff;border:1px solid #e8ebe8;border-radius:14px;padding:24px}.uj-fee-benefits h2,.uj-fee-steps h2{margin:0 0 18px;color:#073c31;font:700 27px Georgia,serif}.uj-fee-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.uj-fee-benefit-grid article{padding:13px;border-radius:8px;background:#f8faf6;border:1px solid #e6ebe5}.uj-fee-benefit-grid article span{color:#c18c14;font-size:24px}.uj-fee-benefit-grid h3{font-size:14px;margin:7px 0;color:#063f33}.uj-fee-benefit-grid p,.uj-fee-steps p{font-size:12px;line-height:1.7;color:#637169;margin:0}.uj-fee-step-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:17px}.uj-fee-step-actions a{border:1px solid #bb912f;color:#063f33!important;border-radius:7px;padding:10px 15px;font-size:13px;font-weight:700;text-decoration:none!important}.uj-fee-step-actions a:nth-child(2){background:#073f32;color:#fff!important;border-color:#073f32}
/* Only the Services page sidebar: repair heading contrast and preserve cards/buttons */
.uj-fee-page .uj-fee-sidebar{min-width:0;display:flex;flex-direction:column;gap:18px}.uj-fee-page .uj-fee-sidebar .uj-side-card{background:#064738!important;border:0!important;border-radius:15px!important;padding:25px!important;box-shadow:0 10px 22px #042d2320}.uj-fee-page .uj-fee-sidebar .uj-side-card h2{color:#fff!important;-webkit-text-fill-color:#fff!important;font:700 27px Georgia,serif!important;margin:0 0 13px!important;opacity:1!important}.uj-fee-page .uj-fee-sidebar .uj-side-card p{color:#fff!important;font-size:14px;line-height:1.65;margin:0 0 17px}.uj-fee-page .uj-fee-sidebar .uj-side-btn{display:block!important;background:#fff!important;color:#063f33!important;-webkit-text-fill-color:#063f33!important;border-radius:8px!important;text-align:center!important;font-weight:700!important;text-decoration:none!important;padding:13px 9px!important;margin:9px 0!important;font-size:14px!important;line-height:1.45!important;border:1px solid transparent!important}.uj-fee-page .uj-fee-sidebar .uj-side-btn:hover{background:#f7e8bd!important}.uj-fee-page .uj-fee-sidebar .uj-side-btn-gold{background:#cf900f!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.uj-fee-page .uj-fee-sidebar .uj-side-btn-gold:hover{background:#e4a526!important}.uj-fee-page .uj-fee-sidebar .uj-publisher-card img{display:block!important;width:110px!important;max-width:80%!important;height:auto!important;object-fit:contain!important;margin:12px auto!important;background:#fff;padding:8px;border-radius:9px}
@media(max-width:1050px){.uj-fee-page{grid-template-columns:1fr}.uj-fee-page .uj-fee-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.uj-fee-page .uj-fee-sidebar .uj-publisher-card{grid-column:1/-1}}@media(max-width:720px){.uj-fee-page{padding:8px 0 30px}.uj-fee-hero{padding:29px 21px;min-height:200px}.uj-fee-hero-art{opacity:.25}.uj-fee-panel{grid-template-columns:1fr;padding:19px;gap:18px}.uj-fee-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.uj-fee-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.uj-fee-page .uj-fee-sidebar{display:flex}.uj-fee-tab{font-size:13px;padding:14px 5px}}
@media(max-width:420px){.uj-fee-benefit-grid{grid-template-columns:1fr}.uj-fee-feature strong{font-size:11px}.uj-fee-hero h1{font-size:31px}}

/* Universitas Services & Fees | scoped styles only */
.uj-fee-page{--uf-green:#064738;--uf-deep:#003b30;--uf-gold:#cd920e;--uf-light:#f9f7ef;display:grid;grid-template-columns:minmax(0,3fr) minmax(270px,1fr);gap:26px;max-width:1500px;margin:0 auto;padding:16px 8px 48px;align-items:start;font-family:inherit;box-sizing:border-box;color:#162d28}
.uj-fee-page *{box-sizing:border-box}.uj-fee-main{min-width:0}.uj-fee-hero{position:relative;overflow:hidden;display:flex;min-height:255px;background:linear-gradient(115deg,#003c30 0%,#065b46 70%,#13775a 100%);border-radius:17px;box-shadow:0 12px 30px #063a2c22;color:#fff;padding:36px 40px;align-items:center}.uj-fee-hero-copy{position:relative;z-index:1;max-width:610px}.uj-fee-kicker{color:#e7b847;font-size:11px;letter-spacing:2px;font-weight:800}.uj-fee-hero h1{color:#fff!important;font:700 clamp(32px,3.3vw,51px)/1.09 Georgia,serif;margin:9px 0 14px}.uj-fee-hero p{color:#ecf7ee!important;line-height:1.7;font-size:15px;margin:0}.uj-fee-hero-art{position:absolute;right:-20px;top:-50px;width:300px;height:350px;opacity:.66}.uj-fee-art-ring{position:absolute;right:15px;top:0;width:295px;height:295px;border:16px solid #cda035;border-radius:50%;box-shadow:0 0 0 18px #ffffff15,0 0 0 43px #e2be3230}.uj-fee-art-book{position:absolute;top:100px;left:90px;color:#fff;font-size:83px}.uj-fee-art-words{position:absolute;right:40px;bottom:25px;font-size:11px;line-height:1.8;letter-spacing:2px;color:#fff}.uj-fee-tablist{display:grid;grid-template-columns:repeat(3,1fr);margin-top:-1px;border:1px solid #e5e3dc;border-radius:10px;overflow:hidden;background:#fff}.uj-fee-tab{background:#fff;color:#123f32;border:0;border-right:1px solid #e9e7e1;padding:17px 12px;cursor:pointer;font:700 15px inherit;transition:background .18s}.uj-fee-tab:last-child{border-right:0}.uj-fee-tab small{display:block;font-size:11px;font-weight:500;margin-top:4px}.uj-fee-tab.is-active{background:linear-gradient(120deg,#c08a0c,#e4b638);color:#fff;box-shadow:inset 0 -4px 0 #a97802}.uj-fee-tab:focus-visible{outline:3px solid #326c91;outline-offset:-3px}.uj-fee-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:28px;padding:28px;margin-top:16px;border:1px solid #e6e4df;border-left:5px solid #cb941d;border-radius:15px;background:#fff;box-shadow:0 10px 28px #173b2e12}.uj-fee-offer{min-width:0}.uj-fee-offer-eyebrow{color:#a47413;font-weight:800;font-size:12px;letter-spacing:1.5px}.uj-fee-offer h2{font:700 clamp(25px,2.8vw,35px)/1.16 Georgia,serif;color:#063f33;margin:11px 0}.uj-fee-offer-description,.uj-fee-time-note{font-size:14px;line-height:1.7;color:#52635c}.uj-fee-metrics{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:19px 0}.uj-fee-price{background:#ad780a;color:#fff;padding:14px 21px;border-radius:8px;font-size:27px;font-weight:800}.uj-fee-turnaround{background:#fbf6eb;border-radius:8px;padding:10px 15px;color:#41391f}.uj-fee-turnaround span{display:block;font-size:11px}.uj-fee-turnaround strong{font-size:16px}.uj-fee-time-note{font-size:12px;margin-bottom:18px}.uj-fee-submit{display:block;background:linear-gradient(120deg,#b47b00,#e0af20);color:#fff!important;text-decoration:none!important;text-align:center;padding:15px 12px;border-radius:8px;font-weight:800;transition:transform .16s}.uj-fee-submit:hover{transform:translateY(-2px);filter:brightness(1.05)}.uj-fee-register{display:block;margin-top:13px;text-align:center;color:#09644c!important;font-size:13px;font-weight:700}.uj-fee-deliverables{min-width:0;background:linear-gradient(140deg,#f9fbf9,#f4f6f2);border:1px solid #e8ece7;border-radius:11px;padding:17px}.uj-fee-deliverables h3{font:700 20px Georgia,serif;color:#073d31;margin:0 0 16px}.uj-fee-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.uj-fee-feature{background:#fff;min-height:98px;border:1px solid #e6eae5;border-radius:8px;padding:13px 7px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px}.uj-fee-feature span{font-size:24px;color:#09543f}.uj-fee-feature strong{color:#203c32;font-size:12px;line-height:1.45}.uj-fee-feature-note{font-size:11px;line-height:1.5;color:#6c7670;margin:13px 0 0}.uj-fee-panel-footer{grid-column:1/-1;border-top:1px solid #ecede7;padding-top:17px;display:flex;gap:20px;flex-wrap:wrap}.uj-fee-panel-footer a{color:#087058;font-weight:700;text-decoration:none;font-size:13px}.uj-fee-benefits,.uj-fee-steps{margin-top:24px;background:#fff;border:1px solid #e8ebe8;border-radius:14px;padding:24px}.uj-fee-benefits h2,.uj-fee-steps h2{margin:0 0 18px;color:#073c31;font:700 27px Georgia,serif}.uj-fee-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.uj-fee-benefit-grid article{padding:13px;border-radius:8px;background:#f8faf6;border:1px solid #e6ebe5}.uj-fee-benefit-grid article span{color:#c18c14;font-size:24px}.uj-fee-benefit-grid h3{font-size:14px;margin:7px 0;color:#063f33}.uj-fee-benefit-grid p,.uj-fee-steps p{font-size:12px;line-height:1.7;color:#637169;margin:0}.uj-fee-step-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:17px}.uj-fee-step-actions a{border:1px solid #bb912f;color:#063f33!important;border-radius:7px;padding:10px 15px;font-size:13px;font-weight:700;text-decoration:none!important}.uj-fee-step-actions a:nth-child(2){background:#073f32;color:#fff!important;border-color:#073f32}
/* Only the Services page sidebar: repair heading contrast and preserve cards/buttons */
.uj-fee-page .uj-fee-sidebar{min-width:0;display:flex;flex-direction:column;gap:18px}.uj-fee-page .uj-fee-sidebar .uj-side-card{background:#064738!important;border:0!important;border-radius:15px!important;padding:25px!important;box-shadow:0 10px 22px #042d2320}.uj-fee-page .uj-fee-sidebar .uj-side-card h2{color:#fff!important;-webkit-text-fill-color:#fff!important;font:700 27px Georgia,serif!important;margin:0 0 13px!important;opacity:1!important}.uj-fee-page .uj-fee-sidebar .uj-side-card p{color:#fff!important;font-size:14px;line-height:1.65;margin:0 0 17px}.uj-fee-page .uj-fee-sidebar .uj-side-btn{display:block!important;background:#fff!important;color:#063f33!important;-webkit-text-fill-color:#063f33!important;border-radius:8px!important;text-align:center!important;font-weight:700!important;text-decoration:none!important;padding:13px 9px!important;margin:9px 0!important;font-size:14px!important;line-height:1.45!important;border:1px solid transparent!important}.uj-fee-page .uj-fee-sidebar .uj-side-btn:hover{background:#f7e8bd!important}.uj-fee-page .uj-fee-sidebar .uj-side-btn-gold{background:#cf900f!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.uj-fee-page .uj-fee-sidebar .uj-side-btn-gold:hover{background:#e4a526!important}.uj-fee-page .uj-fee-sidebar .uj-publisher-card img{display:block!important;width:110px!important;max-width:80%!important;height:auto!important;object-fit:contain!important;margin:12px auto!important;background:#fff;padding:8px;border-radius:9px}
@media(max-width:1050px){.uj-fee-page{grid-template-columns:1fr}.uj-fee-page .uj-fee-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.uj-fee-page .uj-fee-sidebar .uj-publisher-card{grid-column:1/-1}}@media(max-width:720px){.uj-fee-page{padding:8px 0 30px}.uj-fee-hero{padding:29px 21px;min-height:200px}.uj-fee-hero-art{opacity:.25}.uj-fee-panel{grid-template-columns:1fr;padding:19px;gap:18px}.uj-fee-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.uj-fee-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.uj-fee-page .uj-fee-sidebar{display:flex}.uj-fee-tab{font-size:13px;padding:14px 5px}}
@media(max-width:420px){.uj-fee-benefit-grid{grid-template-columns:1fr}.uj-fee-feature strong{font-size:11px}.uj-fee-hero h1{font-size:31px}}

/* Icon and tabs patch — October 2026 */
.uj-fee-page .uj-fee-feature-art{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#e9f3ed;color:#056147;flex:0 0 auto;font-size:31px;line-height:1}
.uj-fee-page .uj-fee-feature-icon{width:36px;height:36px;display:block;color:#076348;stroke:currentColor}
.uj-fee-page .uj-fee-feature{min-height:138px;gap:12px;padding:15px 10px}
.uj-fee-page .uj-fee-feature strong{font-size:13px;line-height:1.45}
.uj-fee-page .uj-fee-tab{font-family:inherit;font-size:16px;line-height:1.35;cursor:pointer}
@media(max-width:550px){.uj-fee-page .uj-fee-feature-art{width:46px;height:46px}.uj-fee-page .uj-fee-feature-icon{width:30px;height:30px}.uj-fee-page .uj-fee-feature{min-height:125px}.uj-fee-page .uj-fee-tab{font-size:13px}}

/* UNIVERSITAS Services & Fees — static three-column page.
   Rules deliberately scoped to .uj-fees-*; sidebar-only fixes scoped to this page. */
.uj-fees-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(250px,1fr);gap:26px;max-width:1500px;margin:0 auto;padding:20px 10px 50px;align-items:start;color:#103c32;font-family:inherit}
.uj-fees-layout *{box-sizing:border-box}.uj-fees-main{min-width:0}
.uj-fees-hero{min-height:205px;border-radius:18px;overflow:hidden;padding:30px 34px;background:linear-gradient(105deg,rgba(250,249,243,.98),rgba(247,244,231,.91)),radial-gradient(circle at 75% 30%,#e1d2a7,#fff);display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #efe6d2}
.uj-fees-kicker{font-size:11px;letter-spacing:2.6px;font-weight:800;color:#ae800f}.uj-fees-hero h1{font:700 clamp(32px,3.5vw,50px)/1.12 Georgia,serif;color:#063e31;margin:8px 0 12px}.uj-fees-hero p{font-size:14px;line-height:1.75;color:#54615a;max-width:650px;margin:0}.uj-fees-hero-quote{flex:0 0 240px;color:#9c781b;font:italic 26px/1.22 Georgia,serif;text-align:center;transform:rotate(-7deg)}
.uj-fees-intro{padding:26px 4px 18px}.uj-fees-intro h2{font:700 clamp(23px,2.5vw,32px)/1.2 Georgia,serif;color:#083a30;margin:8px 0}.uj-fees-intro p{margin:0;color:#5e6864;font-size:14px}
.uj-fees-packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:stretch}.uj-fees-package{border:1px solid #e5e9e4;background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 6px 18px rgba(9,52,39,.06);display:flex;flex-direction:column;position:relative}.uj-fees-featured{border:2px solid #bf8a13;box-shadow:0 8px 24px rgba(158,114,18,.16)}.uj-fees-popular{position:absolute;z-index:2;top:0;left:0;right:0;text-align:center;background:#064a39;color:#e9ba48;padding:7px;font-size:11px;font-weight:800;letter-spacing:1.5px}.uj-fees-photo{height:135px;background-size:cover;background-position:center}.uj-fees-photo-a{background-image:linear-gradient(90deg,#08392d5c,#08392d13),url('https://images.unsplash.com/photo-1540575467063-178a50c2df87?auto=format&fit=crop&w=900&q=80')}.uj-fees-photo-b{background-image:linear-gradient(90deg,#08392d40,#08392d0d),url('https://images.unsplash.com/photo-1559223607-a43c990c692c?auto=format&fit=crop&w=900&q=80')}.uj-fees-photo-c{background-image:linear-gradient(90deg,#08392d40,#08392d0d),url('https://images.unsplash.com/photo-1528605248644-14dd04022da1?auto=format&fit=crop&w=900&q=80')}.uj-fees-featured .uj-fees-photo{margin-top:26px}.uj-fees-package-body{padding:18px 17px 16px;display:flex;flex-direction:column;flex:1}.uj-fees-package-label{font-size:11px;font-weight:800;color:#af7d12;letter-spacing:1.8px}.uj-fees-package h3{font:700 23px/1.15 Georgia,serif;color:#063e31;margin:6px 0 10px;min-height:52px}.uj-fees-summary{font-size:12px;line-height:1.55;color:#5b6760;min-height:74px;margin:0 0 12px}.uj-fees-price{font-size:31px;font-weight:800;color:#a8790f;padding:12px 0 4px;border-top:1px solid #f0e8d3}.uj-fees-time{display:inline-flex;align-items:center;align-self:flex-start;border-radius:999px;background:#edf3e9;color:#173e32;padding:8px 10px;font-size:11px;font-weight:700;margin:4px 0 14px}.uj-fees-inclusions{padding:0 0 0 22px;margin:0 0 20px;list-style:none;flex:1}.uj-fees-inclusions li{position:relative;font-size:12px;line-height:1.55;color:#40554a;padding:0 0 7px}.uj-fees-inclusions li::before{content:'✓';position:absolute;left:-22px;top:2px;font-size:12px;line-height:15px;text-align:center;width:16px;height:16px;border-radius:50%;color:#fff;background:#ac7e13;font-weight:bold}.uj-fees-choose{display:block;text-align:center;background:#07533f;color:#fff!important;text-decoration:none!important;border-radius:7px;padding:13px 8px;font-size:13px;font-weight:700;margin-top:auto}.uj-fees-choose:hover{background:#b88413;color:#fff!important}.uj-fees-featured .uj-fees-choose{background:#ba870f}.uj-fees-featured .uj-fees-choose:hover{background:#064b39}.uj-fees-disclaimer{font-size:12px;line-height:1.65;color:#68736b;margin:16px 0 20px}.uj-fees-cta{background:linear-gradient(105deg,#063b30,#087358);color:#fff;border-radius:13px;padding:20px 25px;display:flex;justify-content:space-between;gap:16px;align-items:center}.uj-fees-cta h2{font:700 22px Georgia,serif;color:#fff;margin:0 0 6px}.uj-fees-cta p{font-size:13px;color:#e5f2eb;margin:0}.uj-fees-cta a{white-space:nowrap;display:inline-flex;gap:12px;align-items:center;padding:14px 20px;border-radius:8px;text-decoration:none!important;background:#e4ba52;color:#103c31!important;font-weight:800;font-size:13px}.uj-fees-cta a:hover{background:#f6cc69}
/* Sidebar scoped color repairs; does not touch other pages. */
.uj-fees-layout .uj-about-sidebar .uj-side-card{background:#064738!important;border-radius:14px;padding:20px;overflow:hidden;margin-bottom:18px}
.uj-fees-layout .uj-about-sidebar .uj-side-card h2{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:22px!important;line-height:1.3;margin:0 0 15px}
.uj-fees-layout .uj-about-sidebar .uj-side-card p{color:#fff!important;line-height:1.65;margin:0 0 15px}
.uj-fees-layout .uj-about-sidebar .uj-side-btn{display:block;text-align:center;background:#fff!important;color:#064738!important;text-decoration:none!important;border-radius:9px;padding:13px 10px;margin:9px 0;font-size:13px;font-weight:700}
.uj-fees-layout .uj-about-sidebar .uj-side-btn:hover{background:#f7eac7!important}
.uj-fees-layout .uj-about-sidebar .uj-side-btn-gold{background:#c89012!important;color:#fff!important}
.uj-fees-layout .uj-about-sidebar .uj-side-btn-gold:hover{background:#d9a636!important}
.uj-fees-layout .uj-about-sidebar .uj-publisher-card{text-align:center}.uj-fees-layout .uj-about-sidebar .uj-publisher-card img{display:block;max-width:145px;max-height:110px;object-fit:contain;margin:6px auto 14px;border:0;background:transparent}.uj-fees-layout .uj-about-sidebar .uj-publisher-card p{font-size:13px}
@media(max-width:1100px){.uj-fees-layout{grid-template-columns:1fr}.uj-fees-packages{gap:12px}.uj-fees-hero-quote{flex-basis:175px}}
@media(max-width:740px){.uj-fees-layout{padding:12px 0 30px}.uj-fees-packages{grid-template-columns:1fr}.uj-fees-hero{padding:25px 20px}.uj-fees-hero-quote{display:none}.uj-fees-package h3,.uj-fees-summary{min-height:0}.uj-fees-photo{height:180px}.uj-fees-cta{flex-direction:column;align-items:stretch}.uj-fees-cta a{justify-content:center}}

/* UNIVERSITAS Journal Blogs — Design 3 / full-width, no sidebar.
   All styles deliberately scoped to .uj-blogs-v3; no theme/global/sidebar rules. */
.uj-blogs-v3{--ujb-green:#064735;--ujb-deep:#06392e;--ujb-gold:#c99110;--ujb-light:#f9f7f0;--ujb-ink:#102e30;--ujb-muted:#5a6868;box-sizing:border-box;width:100%;max-width:1540px;margin:0 auto;padding:18px 8px 45px;font-family:inherit;color:var(--ujb-ink)}
.uj-blogs-v3 *{box-sizing:border-box}
.uj-blogs-feature{display:grid;grid-template-columns:minmax(250px,1.03fr) minmax(0,2.68fr);gap:18px;align-items:stretch;background:#f7f8f6;border:1px solid #edf0e9;border-radius:18px;padding:16px;box-shadow:0 10px 32px rgba(12,52,43,.07)}
.uj-blogs-intro{position:relative;overflow:hidden;min-height:465px;border-radius:12px;padding:45px 28px 30px;background:radial-gradient(circle at 94% 8%,rgba(206,175,94,.18) 0 16%,transparent 33%),linear-gradient(145deg,#fffefd 7%,#fbf8f0 65%,#eae6d9 100%);display:flex;flex-direction:column;align-items:flex-start}
.uj-blogs-intro:after{content:"";position:absolute;bottom:-112px;right:-98px;width:270px;height:270px;border:1px solid rgba(174,129,34,.22);border-radius:50%;box-shadow:0 0 0 24px rgba(174,129,34,.075),0 0 0 57px rgba(174,129,34,.035);pointer-events:none}
.uj-blogs-eyebrow{font-size:11px!important;letter-spacing:2px;color:#a8740a;font-weight:800;line-height:1.5}
.uj-blogs-intro h1{font-family:Georgia,'Times New Roman',serif!important;color:var(--ujb-deep)!important;font-size:clamp(28px,2.8vw,46px)!important;line-height:1.11!important;letter-spacing:-.5px;margin:19px 0 17px!important;font-weight:700!important}
.uj-blogs-intro p{font-size:14px!important;line-height:1.85!important;color:#566365!important;margin:0 0 28px!important;max-width:340px}
.uj-blogs-explore{display:inline-flex;justify-content:space-between;gap:15px;align-items:center;padding:13px 17px;color:var(--ujb-deep)!important;border:1.5px solid var(--ujb-gold);border-radius:7px;background:#fff;font-size:13px;font-weight:750;text-decoration:none!important;position:relative;z-index:1}
.uj-blogs-explore:hover{background:#fff4d6}
.uj-blogs-sideword{position:absolute;bottom:20px;left:28px;right:28px;color:#9f8b66;font-size:9px;letter-spacing:1.3px;font-weight:800}
.uj-blogs-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.uj-blog-card{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e7ebe9;border-radius:12px;padding:11px;box-shadow:0 4px 16px rgba(16,48,40,.05);transition:transform .2s ease,box-shadow .2s ease}
.uj-blog-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(16,48,40,.11)}
.uj-blog-photo{height:156px;position:relative;border-radius:8px;background-size:cover;background-position:center;background-color:#e2eadd;overflow:hidden}
.uj-blog-photo-one{background-image:linear-gradient(180deg,rgba(4,32,22,.04),rgba(4,32,22,.12)),url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=900&q=85')}
.uj-blog-photo-two{background-image:linear-gradient(180deg,rgba(4,32,22,.04),rgba(4,32,22,.12)),url('https://images.unsplash.com/photo-1507842217343-583bb7270b66?auto=format&fit=crop&w=900&q=85')}
.uj-blog-photo-three{background-image:linear-gradient(180deg,rgba(4,32,22,.04),rgba(4,32,22,.12)),url('https://images.unsplash.com/photo-1497633762265-9d179a990aa6?auto=format&fit=crop&w=900&q=85')}
.uj-blog-number{position:absolute;top:10px;left:10px;display:flex;align-items:center;justify-content:center;width:38px;height:34px;background:linear-gradient(135deg,#d8ad45,#b88310);border-radius:8px;color:#fff;font-weight:800;font-size:13px}
.uj-blog-card-body{padding:15px 5px 4px;display:flex;flex-direction:column;flex:1;min-width:0}
.uj-blog-category{align-self:flex-start;padding:5px 9px;background:#f9efda;color:#795310;font-size:10px;font-weight:700;border-radius:3px;margin-bottom:12px}
.uj-blog-card h2{font-family:inherit!important;font-weight:800!important;color:#092c32!important;font-size:clamp(14px,1.05vw,17px)!important;line-height:1.48!important;margin:0 0 10px!important;overflow-wrap:anywhere}
.uj-blog-card p{color:#657070!important;font-size:12px!important;line-height:1.7!important;margin:0 0 17px!important}
.uj-blog-card-actions{display:grid;gap:7px;margin-top:auto}
.uj-blog-btn{display:flex;justify-content:center;align-items:center;gap:7px;min-height:37px;text-align:center;padding:9px 10px;font-size:11.5px;font-weight:800;text-decoration:none!important;border-radius:6px;line-height:1.35}
.uj-blog-btn-primary{background:linear-gradient(135deg,#b67c06,#d39f22);color:#fff!important}
.uj-blog-btn-primary:hover{background:#956708}
.uj-blog-btn-outline{border:1px solid #c99423;background:#fff;color:var(--ujb-deep)!important}
.uj-blog-btn-outline:hover{background:#fff3d7}
.uj-blogs-note{display:flex;gap:17px;align-items:center;margin-top:20px;padding:23px 24px;background:linear-gradient(120deg,#064536,#0a5945);color:#fff;border-radius:13px;scroll-margin-top:120px}
.uj-blogs-note-icon{background:#f9f2dd;color:#9b7217;width:48px;height:48px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:26px;flex:0 0 48px}
.uj-blogs-note h2{font-family:Georgia,serif!important;color:#fff!important;font-size:21px!important;margin:0 0 6px!important}
.uj-blogs-note p{font-size:12.5px!important;line-height:1.65!important;color:#e2eee7!important;margin:0!important}
.uj-blogs-note>a{margin-left:auto;flex:0 0 auto;text-align:center;color:#113528!important;background:#eccb77;border-radius:7px;padding:12px 15px;font-weight:800;font-size:12px;text-decoration:none!important}
.uj-blogs-note>a:hover{background:#f8dda0}
@media(max-width:1200px){.uj-blogs-feature{grid-template-columns:1fr}.uj-blogs-intro{min-height:0;padding:35px 27px 40px}.uj-blogs-sideword{display:none}.uj-blogs-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.uj-blogs-intro h1{font-size:36px!important}}
@media(max-width:780px){.uj-blogs-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.uj-blogs-note{flex-wrap:wrap}.uj-blogs-note>a{margin-left:65px}.uj-blog-photo{height:170px}}
@media(max-width:540px){.uj-blogs-v3{padding:10px 0 30px}.uj-blogs-feature{padding:10px;gap:12px}.uj-blogs-intro{padding:26px 20px 30px}.uj-blogs-intro h1{font-size:30px!important}.uj-blogs-cards{grid-template-columns:1fr}.uj-blog-photo{height:210px}.uj-blog-card h2{font-size:17px!important}.uj-blogs-note{padding:20px 17px}.uj-blogs-note>a{margin-left:0;width:100%}}

/* ================================================================
   UNIVERSITAS MOBILE OJS NAVIGATION - CONSOLIDATED REPLACEMENT
   This replaces the earlier mobile navigation fix, not other styles.
   Respect OJS's native open/closed class for hamburger operation.
   ================================================================ */
@media screen and (max-width: 767px) {
  /* Keep the native OJS toggle usable. */
  .pkp_site_nav_toggle {
    display: block !important;
    position: relative !important;
    z-index: 1102 !important;
  }

  /* Override desktop-only full-width gold-bar and row styling. */
  .pkp_navigation_primary_row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: transparent !important;
  }
  .pkp_navigation_primary_wrapper {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  /* The major fix: NEVER force the menu visible by default. */
  .pkp_site_nav_menu,
  .pkp_site_nav_menu:not(.pkp_site_nav_menu--isOpen) {
    display: none !important;
  }
  /* OJS toggles this class when the visitor opens the hamburger. */
  .pkp_site_nav_menu.pkp_site_nav_menu--isOpen {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 12px !important;
    overflow: visible !important;
    background: #bd8119 !important;
    box-sizing: border-box !important;
    z-index: 1010 !important;
  }

  .pkp_site_nav_menu--isOpen .pkp_navigation_primary,
  .pkp_site_nav_menu--isOpen #navigationPrimary {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 6px !important;
    list-style: none !important;
  }
  .pkp_site_nav_menu--isOpen .pkp_navigation_primary > li,
  .pkp_site_nav_menu--isOpen #navigationPrimary > li {
    display: block !important;
    position: static !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }
  .pkp_site_nav_menu--isOpen .pkp_navigation_primary > li > a,
  .pkp_site_nav_menu--isOpen #navigationPrimary > li > a {
    display: block !important;
    position: static !important;
    float: none !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 12px 14px !important;
    margin: 0 !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #073f32 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    white-space: normal !important;
    text-align: left !important;
    overflow-wrap: break-word !important;
    transform: none !important;
    box-sizing: border-box !important;
  }
  .pkp_site_nav_menu--isOpen .pkp_navigation_primary ul,
  .pkp_site_nav_menu--isOpen #navigationPrimary ul {
    display: block !important;
    position: static !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 7px 0 5px 12px !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }
  .pkp_site_nav_menu--isOpen .pkp_navigation_primary ul li,
  .pkp_site_nav_menu--isOpen #navigationPrimary ul li {
    position: static !important;
    float: none !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    width: 100% !important;
  }
  .pkp_site_nav_menu--isOpen .pkp_navigation_primary ul li a,
  .pkp_site_nav_menu--isOpen #navigationPrimary ul li a {
    display: block !important;
    position: static !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 10px 13px !important;
    border-radius: 6px !important;
    background: #f8f5ec !important;
    color: #073f32 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    box-sizing: border-box !important;
  }
  /* Keep search out of the primary link stack when menu is closed. */
  .pkp_site_nav_menu--isOpen .pkp_navigation_search_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px 0 0 !important;
  }
}

/* Universitas IMRAD Static Page — completely scoped to .uvi-imrad */
.uvi-imrad{--ug:#003e33;--ud:#002e2a;--ua:#c58b19;--ub:#1263a9;--ut:#163246;--um:#596d7b;--ul:#dfe7e7;max-width:1500px;margin:0 auto 50px;padding:0 18px;color:var(--ut);font-family:Arial,'Segoe UI',sans-serif;line-height:1.72;font-size:15px;box-sizing:border-box}
.uvi-imrad *, .uvi-imrad *::before,.uvi-imrad *::after{box-sizing:border-box}.uvi-imrad a{color:#07649e;text-decoration:none}.uvi-imrad a:hover{text-decoration:underline}.uvi-imrad h1,.uvi-imrad h2,.uvi-imrad h3{font-family:Georgia,'Times New Roman',serif;color:var(--ug);line-height:1.25}.uvi-imrad h2{font-size:26px;margin:0 0 13px}.uvi-imrad h3{font-size:19px;margin:19px 0 9px}.uvi-imrad p{margin:0 0 15px}.uvi-imrad section{scroll-margin-top:22px}.uvi-imrad .uvi-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;padding:12px 0;font-size:12px;color:#70808b}.uvi-breadcrumb a{color:var(--ug)!important;font-weight:700}
.uvi-imrad .uvi-hero{position:relative;display:flex;overflow:hidden;min-height:294px;background:var(--ud);border-radius:9px;isolation:isolate;box-shadow:0 8px 24px rgba(0,0,0,.10)}.uvi-hero-photo{position:absolute;right:0;top:0;height:100%;width:60%;background:#e6e0d4 url('https://universitasjournal.com/assets/blogs/imrad/imrad-hero.jpg') center center/cover no-repeat;z-index:-2}.uvi-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#00362e 0%,#00362e 29%,rgba(0,54,46,.94) 36%,rgba(0,54,46,.65) 48%,rgba(0,54,46,.0) 67%)}.uvi-hero-copy{padding:31px 30px;width:72%;color:#fff}.uvi-eyebrow{color:#f2ba42;letter-spacing:1.8px;font-size:12px;font-weight:800;margin-bottom:15px}.uvi-imrad .uvi-hero h1{color:white;font-size:clamp(27px,3.0vw,42px);max-width:720px;line-height:1.11;margin:0 0 16px}.uvi-imrad .uvi-hero h1 span{color:#fff}.uvi-hero-copy>p{font-size:14px;color:#e6f5ee;max-width:660px;margin-bottom:18px}.uvi-hero-meta{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:12px;color:#f7f5e9}.uvi-hero-meta span:first-letter{color:#efb42c}
.uvi-layout{display:grid;grid-template-columns:minmax(210px,245px) minmax(0,1fr) minmax(228px,270px);gap:24px;margin-top:18px;align-items:start}.uvi-panel{background:#fff;border:1px solid #e1e8ea;border-radius:10px;box-shadow:0 4px 18px rgba(0,36,34,.035);padding:17px}.uvi-imrad .uvi-panel h2{font:800 15px Arial,sans-serif;padding-bottom:13px;margin:0 0 12px;border-bottom:1px solid #e6ebed;color:var(--ug)}.uvi-toc .uvi-panel{position:sticky;top:20px}.uvi-toc nav{border-left:2px solid #d3e1e2;margin-left:7px;display:flex;flex-direction:column;gap:0}.uvi-toc nav a{position:relative;padding:7px 7px 7px 18px;line-height:1.4;font-size:12px;color:#354e60}.uvi-toc nav a:first-child{color:var(--ug);font-weight:700;background:#e9f4f0}.uvi-toc nav a:before{content:"";position:absolute;left:-5px;top:15px;background:white;width:8px;height:8px;border:1px solid #92abb4;border-radius:50%}.uvi-toc nav a:first-child:before{background:var(--ug);border-color:var(--ug)}.uvi-tip{margin-top:23px;background:#fff7e8;padding:15px;border-radius:8px;font-size:12px}.uvi-tip strong{color:#805500}.uvi-tip p{margin:6px 0 0}
.uvi-content{min-width:0}.uvi-content section{margin-bottom:28px}.uvi-content>section+section{border-top:1px solid #eff2f2;padding-top:22px}.uvi-content p,.uvi-content li{color:#374b5d}.uvi-content ul,.uvi-content ol{padding-left:23px;margin:10px 0 16px}.uvi-content li{padding-bottom:6px}.uvi-content blockquote{margin:18px 0;padding:16px 20px 14px 23px;border-left:4px solid #0b6958;background:#eff7f4;border-radius:6px;font:italic 17px/1.55 Georgia,serif;color:var(--ug)}.uvi-content blockquote small{display:block;font:12px Arial,sans-serif;color:#657680;text-align:right;margin-top:8px}.uvi-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.uvi-flow-card{padding:12px 10px;border-radius:10px;min-height:147px}.uvi-flow-card strong{display:block;font-size:13px;line-height:1.35}.uvi-flow-card p{font-size:12px;line-height:1.45;margin:6px 0 0}.uvi-flow-symbol{font-size:33px;line-height:1.2;margin:0 0 12px}.uvi-green{background:#dbf2e7;color:#026343}.uvi-blue{background:#daeaff;color:#0959a6}.uvi-gold{background:#fff0c8;color:#95620a}.uvi-mint{background:#ddf5ed;color:#007159}.uvi-section-tag{font-size:11px;letter-spacing:2px;color:#9d6b0c;font-weight:800;margin-bottom:6px}.uvi-example{background:#f4f8fb;border-left:3px solid #2574ba;border-radius:5px;padding:13px 17px;margin:16px 0}.uvi-example strong{display:block;color:#0c477b;margin-bottom:6px;font-size:13px}.uvi-example p{margin:0;font-style:italic;font-size:14px}.uvi-table-wrap{overflow-x:auto}.uvi-imrad table{width:100%;border-collapse:collapse;font-size:13px;margin:12px 0}.uvi-imrad caption{text-align:left;font-size:12px;color:#687782;margin-bottom:7px}.uvi-imrad th{background:#064c41;color:#fff;text-align:left}.uvi-imrad th,.uvi-imrad td{padding:10px;border:1px solid #d7e1e5}.uvi-imrad tr:nth-child(even) td{background:#f4faf8}.uvi-tips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:15px 0}.uvi-tips-grid>div{background:#f4f8f7;border:1px solid #e1ebe8;border-radius:8px;padding:13px}.uvi-tips-grid strong{color:var(--ug)}.uvi-tips-grid p{font-size:13px;margin:6px 0 0}.uvi-imrad details{padding:13px 14px;border:1px solid #e0e8e8;border-radius:7px;margin:9px 0}.uvi-imrad summary{cursor:pointer;color:var(--ug);font-weight:700}.uvi-imrad details p{margin:9px 0 0}.uvi-cta{background:#003e33;color:white;border-radius:8px;padding:23px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin:25px 0}.uvi-cta strong{font:700 20px Georgia,serif}.uvi-cta p{margin:5px 0 0;color:#d5e9e2;font-size:13px}.uvi-cta a{white-space:nowrap;background:#d7a12a;color:#211c0d!important;font-weight:800;border-radius:6px;padding:11px 15px}.uvi-refs{font-size:13px;word-break:break-word}
.uvi-info dl{display:grid;grid-template-columns:85px 1fr;margin:0;font-size:12px}.uvi-info dt,.uvi-info dd{margin:0;padding:8px 0;border-bottom:1px solid #e8eef0}.uvi-info dt{font-weight:700;color:#596d77}.uvi-info dd{color:#1d3849}.uvi-imrad .uvi-info h3{font:700 13px Arial,sans-serif;margin-top:20px}.uvi-tags{display:flex;gap:6px;flex-wrap:wrap}.uvi-tags span{border-radius:20px;padding:4px 8px;font-size:11px;background:#eaf1f5;color:#344d60}.uvi-share{display:flex;gap:8px}.uvi-share a{background:#0969a8;color:white!important;border-radius:9px;min-width:33px;text-align:center;font-size:17px;font-weight:800;padding:3px 6px}.uvi-share a:first-child{background:#1968cf}.uvi-share a:last-child{background:#5c666d}.uvi-share-note{display:block;color:#7d8b90;font-size:10px;margin-top:8px}.uvi-side-cta{margin-top:16px}.uvi-side-cta p{font-size:12px;color:#5a6b74}.uvi-side-cta a{display:inline-block;border:1px solid #d9a23e;border-radius:5px;padding:9px 10px;color:#885200;font-size:12px;font-weight:700}
.uvi-related{background:#fbf9f3;border:1px solid #efe8d9;border-radius:9px;padding:20px;margin:28px 0}.uvi-related-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.uvi-related-top h2{font-size:20px;margin:0 0 13px}.uvi-related-top span{font-size:12px;color:#657d86}.uvi-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.uvi-related-card{background:#fff;border:1px solid #e4e8e9;border-radius:9px;padding:15px}.uvi-related-card span{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#a87518}.uvi-related-card h3{font-size:16px;margin:9px 0}.uvi-related-card p{font-size:12px;margin:0;color:#536c7a}
@media(max-width:1100px){.uvi-layout{grid-template-columns:185px minmax(0,1fr);gap:17px}.uvi-right{grid-column:2}.uvi-hero-copy{width:87%}.uvi-imrad .uvi-hero h1{font-size:30px}}@media(max-width:760px){.uvi-imrad{padding:0 10px}.uvi-imrad .uvi-hero{min-height:350px}.uvi-hero-copy{width:100%;padding:26px 19px}.uvi-imrad .uvi-hero h1{font-size:clamp(24px,6vw,35px)}.uvi-hero-photo{width:100%;opacity:.38}.uvi-hero:after{background:linear-gradient(90deg,rgba(0,48,41,.98),rgba(0,48,41,.82))}.uvi-layout{display:flex;flex-direction:column}.uvi-toc,.uvi-right,.uvi-content{width:100%}.uvi-toc .uvi-panel{position:static}.uvi-toc nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.uvi-flow{grid-template-columns:repeat(2,1fr)}.uvi-related-grid{grid-template-columns:1fr}.uvi-cta{flex-direction:column;align-items:start}}@media(max-width:400px){.uvi-flow,.uvi-tips-grid,.uvi-toc nav{grid-template-columns:1fr}.uvi-hero-meta{font-size:11px}.uvi-imrad .uvi-hero h1{font-size:25px}}
@media print{.uvi-toc,.uvi-right,.uvi-related,.uvi-cta{display:none!important}.uvi-layout{display:block}.uvi-hero{min-height:140px!important}.uvi-hero-photo{display:none}.uvi-hero-copy{width:100%}.uvi-imrad{max-width:none}}

.pkp_page_static h1:first-of-type {
  display: none;
}