/* JIITS 2026 – Wissira journal kit – custom stylesheet for the OJS 3.4 default theme.
   Colours from the SJAIBT shield logo (steel blue var(--wj-blue), navy). One font: IBM Plex Sans. */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');

:root{--wj-navy:#3e4e22;--wj-navy-2:#4f632b;--wj-blue:#5d7a2a;--wj-blue-2:#749834;--wj-pale:#f5f8ef;--wj-line:#e3e9d8;--wj-text:#1c2430;--wj-muted:#5d6773;--wj-gold:#4f6170;--wj-gold-2:#688094;--wj-bg:#fbfcfa;--wj-font:'Outfit';--wj-logo-url:url('https://jiits.org/public/site/images/admin/jiits-logo-009e0f6cf9d314779a1dc5d9a405479b.png');--wj-pattern:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2740%27%20height%3D%2740%27%20viewBox%3D%270%200%2040%2040%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27rgb%2893%2C122%2C42%29%27%20stroke-opacity%3D%270.06%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27M0%2020h12l4-4h8l4%204h12M20%200v12M20%2028v12%27/%3E%3Ccircle%20cx%3D%2720%27%20cy%3D%2720%27%20r%3D%272.5%27/%3E%3C/g%3E%3C/svg%3E");--wj-hero-pattern:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2740%27%20height%3D%2740%27%20viewBox%3D%270%200%2040%2040%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27rgb%28255%2C255%2C255%29%27%20stroke-opacity%3D%270.08%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27M0%2020h12l4-4h8l4%204h12M20%200v12M20%2028v12%27/%3E%3Ccircle%20cx%3D%2720%27%20cy%3D%2720%27%20r%3D%272.5%27/%3E%3C/g%3E%3C/svg%3E");--wj-pattern-size:40px 40px;--wj-grid:transparent;}

/* ---------- base ---------- */
html, body, .pkp_structure_page, input, button, select, textarea,
.pkp_structure_page h1, .pkp_structure_page h2, .pkp_structure_page h3, .pkp_structure_page h4 {
  font-family: var(--wj-font), -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
}
body { background: var(--wj-bg); color: var(--wj-text); font-size: 16px; }
.pkp_structure_page { background: transparent; }
a { color: var(--wj-blue); }
a:hover, a:focus { color: var(--wj-navy); }
.pkp_structure_main p, .pkp_structure_main li { line-height: 1.65; }
.pkp_structure_main h1, .pkp_structure_main h2, .pkp_structure_main h3 { color: var(--wj-navy); font-weight: 600; letter-spacing: -0.01em; }
.pkp_structure_main h2 { font-size: 1.3rem; margin-top: 1.6em; }
.pkp_structure_main h3 { font-size: 1.08rem; }
.wj-hidden { display: none !important; }

/* stray PKP branding */
.pkp_brand_footer { display: none !important; }

/* ---------- header ---------- */
.pkp_structure_head { background: var(--wj-navy); border-bottom: 0; }
.pkp_head_wrapper { padding-top: 14px; }
.pkp_site_name_wrapper { min-height: 0; }
.pkp_site_name { padding: 18px 0 14px; }
.pkp_site_name .is_text, .pkp_site_name a.is_text {
  color: #fff !important; font-weight: 600; font-size: 1.55rem; line-height: 1.25; letter-spacing: -0.01em;
}
.pkp_site_name .is_text:hover { text-decoration: none; color: rgba(255,255,255,0.88) !important; }
.pkp_navigation_user_wrapper a, .pkp_navigation_user a { color: rgba(255,255,255,0.82) !important; font-size: 0.86rem; }
.pkp_navigation_primary_wrapper { border-top: 1px solid rgba(255,255,255,0.14); }
.pkp_navigation_primary > li > a {
  color: #fff !important; font-weight: 500; font-size: 0.95rem; margin: 0 4px 0 0; padding: 12px 10px; border-bottom: 3px solid transparent;
}
.pkp_navigation_primary > li > a:hover, .pkp_navigation_primary > li > a:focus { border-bottom-color: var(--wj-gold); color: #fff !important; text-decoration: none; }
.pkp_navigation_primary ul { border-radius: 0 0 6px 6px; border: 1px solid var(--wj-line); box-shadow: 0 8px 22px rgba(0,0,0,0.14); }
.pkp_navigation_primary ul a { color: var(--wj-text) !important; border-left: 3px solid transparent; }
.pkp_navigation_primary ul a:hover { border-left-color: var(--wj-blue); background: var(--wj-pale); text-decoration: none; }
.pkp_navigation_search_wrapper a { color: #fff !important; border-bottom-color: transparent !important; }

/* facts strip (added by the wj-facts script) */
.wj-facts { background: #fff; border-bottom: 1px solid var(--wj-line); }
.wj-facts-inner { max-width: 1160px; margin: 0 auto; padding: 0 30px; display: grid; grid-template-columns: repeat(6, 1fr); }
.wj-fact { padding: 11px 14px; border-left: 1px solid var(--wj-line); display: flex; flex-direction: column; gap: 2px; }
.wj-fact:first-child { border-left: 0; padding-left: 0; }
.wj-fact-l { font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--wj-muted); }
.wj-fact-v { font-weight: 600; color: var(--wj-navy); font-size: 0.92rem; }

/* hero (homepage only, added by the wj-hero script) */
.wj-hero {
  background-color: var(--wj-navy-2);
  background-image: var(--wj-hero-pattern), linear-gradient(120deg, var(--wj-navy) 0%, var(--wj-blue) 100%);
  background-size: var(--wj-pattern-size), 100% 100%;
  color: #fff;
}
.wj-hero-inner { max-width: 1160px; margin: 0 auto; padding: 34px 30px; display: flex; gap: 28px; align-items: center; }
.wj-hero-logo { width: 132px; height: auto; background: #fff; border-radius: 12px; padding: 8px; flex: 0 0 auto; }
.wj-hero-k { display: inline-block; font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.78); margin-bottom: 6px; }
.wj-hero-title { font-size: 1.75rem; font-weight: 700; line-height: 1.22; max-width: 760px; }
.wj-hero-tag { color: rgba(255,255,255,0.88); margin: 8px 0 16px; font-size: 1.02rem; }
.wj-hero-actions { display: flex; gap: 10px; flex-wrap: wrap; }

/* buttons */
.wj-btn, a.wj-btn {
  display: inline-block; background: var(--wj-blue); color: #fff !important; font-weight: 600; padding: 10px 18px;
  border-radius: 6px; border: 2px solid var(--wj-blue); text-decoration: none !important; line-height: 1.2;
}
.wj-btn:hover { background: var(--wj-navy); border-color: var(--wj-navy); }
.wj-hero .wj-btn { background: var(--wj-gold); border-color: var(--wj-gold); color: var(--wj-navy) !important; }
.wj-hero .wj-btn:hover { background: var(--wj-gold-2); border-color: var(--wj-gold-2); }
.wj-btn-light, a.wj-btn-light, .wj-hero a.wj-btn.wj-btn-light { background: transparent !important; border-color: rgba(255,255,255,0.7) !important; color: #fff !important; }
.wj-hero a.wj-btn.wj-btn-light:hover { background: rgba(255,255,255,0.12) !important; }
.block_custom .wj-btn { display: block; text-align: center; }
#customblock-find-us-at img, .block_custom img { display: block; margin: 8px auto; max-height: 90px; width: auto; }
.wj-btn-ghost, a.wj-btn-ghost { background: #fff; color: var(--wj-blue) !important; }
.wj-btn-ghost:hover { background: var(--wj-pale); color: var(--wj-navy) !important; }
.wj-actions { display: flex; gap: 10px; flex-wrap: wrap; }

/* ---------- layout ---------- */
.pkp_structure_content { padding-top: 26px; }
.pkp_structure_main {
  background: #fff; border: 1px solid var(--wj-line); border-radius: 10px; padding: 26px 32px 34px !important;
}
.pkp_structure_main:before, .pkp_structure_main:after { display: none !important; }
.cmp_breadcrumbs ol { font-size: 0.85rem; color: var(--wj-muted); }
.cmp_breadcrumbs a { color: var(--wj-blue); }
.page > h1, .page_index_journal h2, .pkp_structure_main .page h1 {
  font-size: 1.7rem; margin: 6px 0 18px; padding-bottom: 10px; border-bottom: 2px solid var(--wj-blue);
}

/* sidebar blocks */
.pkp_structure_sidebar .pkp_block {
  background: #fff; border: 1px solid var(--wj-line); border-top: 3px solid var(--wj-blue); border-radius: 8px;
  padding: 16px 18px; margin: 0 0 18px;
}
.pkp_structure_sidebar .pkp_block .title {
  color: var(--wj-navy); font-weight: 600; font-size: 0.98rem; text-transform: none; letter-spacing: 0;
  border-bottom: 1px solid var(--wj-line); padding-bottom: 8px; margin-bottom: 10px; display: block;
}
.pkp_structure_sidebar .pkp_block img { max-width: 100%; height: auto; }
.block_make_submission a { background: var(--wj-blue); color: #fff !important; border-radius: 6px; font-weight: 600; text-align: center; }
.block_make_submission a:hover { background: var(--wj-navy); text-decoration: none; }

/* tables in pages */
.wj-table, .pkp_structure_main table { border-collapse: collapse; width: 100%; margin: 10px 0 18px; }
.wj-table th, .wj-table td, .pkp_structure_main table th, .pkp_structure_main table td {
  border-bottom: 1px solid var(--wj-line); padding: 10px 12px; text-align: left; vertical-align: top;
}
.wj-table th { width: 32%; color: var(--wj-navy); font-weight: 600; background: var(--wj-pale); }
.wj-table small, .page_contact .address { color: var(--wj-muted); }
.wj-lead { font-size: 1.06rem; color: var(--wj-muted); }

/* ---------- homepage ---------- */
.page_index_journal .homepage_about { font-size: 1.02rem; }
.page_index_journal .homepage_about h2 { font-size: 1.3rem; }
.wj-more { font-weight: 500; }
.wj-home { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 24px; }
.wj-box { background: var(--wj-pale); border: 1px solid var(--wj-line); border-radius: 10px; padding: 18px 20px; }
.wj-box h2 { margin: 0 0 8px !important; font-size: 1.12rem !important; border: 0 !important; padding: 0 !important; }
.wj-cfp { grid-column: 1 / -1; background: #fff; border-left: 4px solid var(--wj-gold); }
.wj-steps { margin: 0; padding-left: 20px; }
.wj-steps li { margin: 4px 0; }
.wj-eic-name { font-weight: 600; color: var(--wj-navy); font-size: 1.05rem; margin: 0 0 2px; }
.wj-eic p { margin: 4px 0; }
.wj-trust { grid-column: 1 / -1; background: #fff; }
.wj-trust-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.wj-trust-list li { background: var(--wj-pale); border: 1px solid var(--wj-line); border-radius: 999px; padding: 5px 12px; font-size: 0.9rem; color: var(--wj-navy); }
.page_index_journal .current_issue { margin-top: 28px; }
.page_index_journal .current_issue > h2 { font-size: 1.3rem; }
.page_index_journal .current_issue_title { font-weight: 600; color: var(--wj-navy); }
.page_index_journal .read_more { font-weight: 600; }

/* ---------- article lists ---------- */
.obj_issue_toc .sections .section > h2, .obj_issue_toc .sections .section > h3 {
  font-size: 1rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--wj-blue); border-bottom: 1px solid var(--wj-line); padding-bottom: 6px;
}
.obj_article_summary { padding: 14px 0 16px; border-bottom: 1px solid var(--wj-line); }
.obj_article_summary .title a { color: var(--wj-navy); font-weight: 600; font-size: 1.05rem; }
.obj_article_summary .title a:hover { color: var(--wj-blue); }
.obj_article_summary .meta { color: var(--wj-muted); font-size: 0.92rem; }
.galleys_links { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.galleys_links li { margin: 0 !important; }
/* view and download counters are not shown */
.galleys_links .cmp_button_wire, .obj_galley_link sup, .galleys_links li:has(> .cmp_button_wire) { display: none !important; }
.obj_galley_link, a.obj_galley_link {
  border: 1.5px solid var(--wj-blue); color: var(--wj-blue) !important; border-radius: 6px; padding: 4px 12px; font-weight: 600; background: #fff;
}
.obj_galley_link:hover { background: var(--wj-blue); color: #fff !important; text-decoration: none; }
.doiInSummary { font-size: 0.88rem; color: var(--wj-muted); }

/* issue archive */
.obj_issue_summary { padding: 14px 0; border-bottom: 1px solid var(--wj-line); }
.obj_issue_summary .title { font-weight: 600; color: var(--wj-navy); }
.obj_issue_summary .cover { display: none; }

/* article page */
.obj_article_details .main_entry .item .label, .obj_article_details .entry_details .item .label {
  color: var(--wj-navy); font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 600;
}
.obj_article_details > .page_title { color: var(--wj-navy); }
.obj_article_details .entry_details { border-color: var(--wj-line); }

/* contact page: emails and phones first, the post-only address last and small */
.page_contact .contact_section { display: flex; flex-direction: column; }
.page_contact .contact_section .address { order: 9; margin-top: 18px; padding-top: 12px; border-top: 1px solid var(--wj-line); font-size: 14px; }
.page_contact .contact h3 { color: var(--wj-navy); }

/* ---------- footer ---------- */
.pkp_structure_footer_wrapper { background: var(--wj-navy); color: rgba(255,255,255,0.82); border-top: 4px solid var(--wj-blue); margin-top: 36px; }
.pkp_structure_footer { padding: 0; }
.pkp_footer_content { padding: 30px 30px 18px; }
.pkp_footer_content a { color: #fff; }
.wj-footer { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.wj-fcol h3 { color: #fff; font-size: 0.95rem; margin: 0 0 10px; text-transform: uppercase; letter-spacing: 0.08em; }
.wj-fcol ul { list-style: none; margin: 0; padding: 0; }
.wj-fcol li { margin: 5px 0; }
.wj-fcol a { color: rgba(255,255,255,0.82) !important; text-decoration: none; }
.wj-fcol a:hover { color: #fff !important; text-decoration: underline; }
.wj-fbottom { border-top: 1px solid rgba(255,255,255,0.15); margin-top: 22px; padding-top: 14px; font-size: 0.85rem; color: rgba(255,255,255,0.7); }
.wj-fbottom a { color: #fff !important; }

/* ---------- phones ---------- */
@media (max-width: 991px) {
  .wj-facts-inner { display: flex; overflow-x: auto; padding: 0 16px; scroll-snap-type: x mandatory; }
  .wj-fact { flex: 0 0 auto; scroll-snap-align: start; padding: 9px 14px; }
  .wj-hero-inner { flex-direction: column; align-items: flex-start; padding: 24px 16px; gap: 14px; }
  .wj-hero-logo { width: 84px; }
  .wj-hero-title { font-size: 1.3rem; }
  .pkp_structure_main { padding: 18px 16px 24px !important; border-radius: 0; border-left: 0; border-right: 0; }
  .wj-home { grid-template-columns: 1fr; }
  .wj-footer { grid-template-columns: 1fr; gap: 14px; }
  .pkp_site_name .is_text { font-size: 1.12rem; }
  .pkp_structure_head .pkp_site_nav_menu { background: var(--wj-navy); }
  .pkp_navigation_primary ul a { color: #fff !important; }
  .wj-table th { width: 40%; }
}

/* phones: long journal title must wrap, nothing wider than the screen */
html, body { overflow-x: hidden; max-width: 100%; }
@media (max-width: 991px) {
  .pkp_site_name_wrapper { height: auto !important; padding-left: 52px; padding-right: 12px; }
  .pkp_site_name { padding: 12px 0 !important; position: static !important; white-space: normal !important; overflow: visible !important; }
  .pkp_site_name .is_text { white-space: normal !important; font-size: 1.02rem !important; display: block; line-height: 1.3; }
  .pkp_site_nav_toggle { top: 12px; }
  .pkp_structure_content, .pkp_structure_main, .wj-hero, .wj-facts { max-width: 100vw; box-sizing: border-box; }
  .pkp_structure_main * { max-width: 100%; box-sizing: border-box; }
  .wj-hero-title, .wj-hero-tag { overflow-wrap: anywhere; }
  .wj-actions .wj-btn, .wj-hero-actions .wj-btn { flex: 1 1 auto; text-align: center; }
}

/* ---------- review round 1 (OM) ---------- */
/* Find us at: small logos of one height in a tidy row */
#customblock-find-us-at .content, .block_custom#customblock-find-us-at .content { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; }
#customblock-find-us-at .content p { margin: 0; }
#customblock-find-us-at img, .block_custom#customblock-find-us-at img { height: 32px !important; width: auto !important; max-width: 120px; margin: 0 !important; display: inline-block !important; object-fit: contain; }
#customblock-issn img.wj-issn-portal, #customblock-issn img { height: 34px !important; width: auto !important; margin: 6px 0 0 !important; }
#customblock-issn p { margin: 0 0 4px; }

/* one submit button style everywhere */
.block_custom .wj-btn, .wj-cfp .wj-btn { min-width: 180px; }
#customblock-call-submission .wj-btn { display: block; width: 100%; text-align: center; padding: 10px 12px; }

/* hero badges */
.wj-badges { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
.wj-badges span { border: 1px solid rgba(255,255,255,0.45); border-radius: 999px; padding: 4px 12px; font-size: 0.85rem; color: #fff; background: rgba(255,255,255,0.08); }
.wj-hero-tag { margin-bottom: 12px; }

/* editorial board cards */
.wj-people { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin: 10px 0 24px; }
.wj-people-eic { grid-template-columns: 1fr; }
.wj-person { border: 1px solid var(--wj-line); border-left: 4px solid var(--wj-blue); border-radius: 8px; padding: 14px 16px; background: #fff; }
.wj-people-eic .wj-person { background: var(--wj-pale); border-left-color: var(--wj-gold); }
.wj-person p { margin: 0 0 3px !important; line-height: 1.45 !important; }
.wj-p-name { font-weight: 600; color: var(--wj-navy); font-size: 1.04rem; }
.wj-p-role { color: var(--wj-text); }
.wj-p-org { color: var(--wj-text); font-weight: 500; }
.wj-p-place { color: var(--wj-muted); font-size: 0.9rem; }
.wj-p-links { font-size: 0.9rem; margin-top: 6px !important; }
@media (max-width: 991px) { .wj-people { grid-template-columns: 1fr; } }

/* homepage spacing */
.page_index_journal .homepage_about p { margin-bottom: 10px; }
.page_index_journal .current_issue .heading { margin-bottom: 8px; }
.page_index_journal .current_issue .published { color: var(--wj-muted); }
.page_index_journal .cmp_announcements, .page_index_journal .cmp_announcements:empty { margin-top: 24px; }

/* Title band logo: larger, clean cutout in a white rounded card */
.wj-hero-logo { width: 190px !important; height: auto; background: #fff; border-radius: 18px; padding: 14px 16px; box-shadow: 0 10px 28px rgba(5,20,35,0.35); }
@media (max-width: 991px) { .wj-hero-logo { width: 132px !important; padding: 10px 12px; border-radius: 14px; } }

/* Archives: compact two-column cards, even spacing */
.page_issue_archive .issues_archive { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; list-style: none; margin: 4px 0 0; padding: 0; border: 0; }
.page_issue_archive .issues_archive > li { margin: 0 !important; padding: 0 !important; border: 0 !important; }
.page_issue_archive .issues_archive > li:before, .page_issue_archive .issues_archive > li:after { display: none !important; }
.page_issue_archive .obj_issue_summary { margin: 0 !important; padding: 12px 14px !important; border: 1px solid var(--wj-line) !important; border-left: 4px solid var(--wj-blue) !important; border-radius: 8px; background: #fff; height: 100%; box-sizing: border-box; }
.page_issue_archive .obj_issue_summary:hover { background: var(--wj-pale); }
.page_issue_archive .obj_issue_summary h2 { margin: 0 !important; padding: 0 !important; border: 0 !important; font-size: 1rem !important; line-height: 1.3; }
.page_issue_archive .obj_issue_summary .title { color: var(--wj-navy); font-weight: 600; text-decoration: none; }
.page_issue_archive .obj_issue_summary .series { font-size: 0.86rem; font-weight: 400; color: var(--wj-muted); margin-top: 2px; }
.page_issue_archive .obj_issue_summary .description { display: none; }
.page_issue_archive .cmp_pagination { margin-top: 16px; }
@media (max-width: 600px) { .page_issue_archive .issues_archive { grid-template-columns: 1fr; gap: 10px; } }

/* Contact page: Principal and Support contacts as two cards, post-only address below */
.page_contact .contact_section { display: grid !important; grid-template-columns: 1fr 1fr; gap: 16px; }
.page_contact .contact_section .contact { margin: 0 !important; padding: 16px 18px; border: 1px solid var(--wj-line); border-left: 4px solid var(--wj-blue); border-radius: 8px; background: #fff; width: auto !important; float: none !important; }
.page_contact .contact_section .contact h3 { margin: 0 0 8px; font-size: 1.05rem; }
.page_contact .contact_section .contact .label { display: none; }
.page_contact .contact_section .address { grid-column: 1 / -1; order: 9; margin-top: 4px !important; }
@media (max-width: 767px) { .page_contact .contact_section { grid-template-columns: 1fr; } }

/* ISSN links: readable on dark backgrounds (title band) and consistent elsewhere */
.wj-hero a.issn-link, .wj-badges a, .wj-hero-text a:not(.wj-btn) { color: #fff !important; text-decoration: underline; text-underline-offset: 2px; }
.wj-fact-v a { color: var(--wj-navy); text-decoration: underline; text-underline-offset: 2px; }
.pkp_footer_content a.issn-link { color: #fff !important; }
/* sidebar boxes: same inner padding and left edge */
.pkp_structure_sidebar .pkp_block .content { padding: 0 !important; margin: 0 !important; }
#customblock-issn .content p, #customblock-find-us-at .content p { text-align: left !important; }
#customblock-issn a { color: var(--wj-navy) !important; font-weight: 600; }

/* OM correction: small shield next to the journal name in the header on every page */
.pkp_site_name .is_text { display: inline-flex !important; align-items: center; gap: 12px; }
.pkp_site_name .is_text::before {
  content: ""; flex: 0 0 auto; width: 44px; height: 44px; border-radius: 8px;
  background: #fff var(--wj-logo-url) center / 36px auto no-repeat;
}
@media (max-width: 991px) { .pkp_site_name .is_text::before { width: 34px; height: 34px; background-size: 28px auto; } }

/* Page check fixes: long links in references wrap; wide tables scroll inside their box on phones */
.obj_article_details a, .article-details a, .item.references, .references, .article-details .references, .csl-entry { overflow-wrap: anywhere; word-break: break-word; }
@media (max-width: 767px) {
  .pkp_structure_main table:not(.wj-table) { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }
}

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

/* OM: logo as is, no box (transparent cutout) */
.wj-hero-logo { background: transparent !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; width: 200px !important; filter: drop-shadow(0 6px 14px rgba(0,0,0,0.25)); }
@media (max-width: 991px) { .wj-hero-logo { width: 130px !important; } }
.pkp_site_name .is_text::before { background-color: transparent !important; border-radius: 0 !important; background-size: contain !important; width: 46px; height: 46px; }
@media (max-width: 991px) { .pkp_site_name .is_text::before { width: 36px; height: 36px; } }

.pkp_site_name .is_text::before { background-image: var(--wj-logo-url) !important; }

/* Sidebar: Find us at as an even 2x2 grid; ISSN box centred */
.wj-logo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.wj-logo-cell { display: flex; align-items: center; justify-content: center; height: 56px; border: 1px solid var(--wj-line); border-radius: 8px; background: #fff; padding: 6px; }
.wj-logo-cell a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
#customblock-find-us-at .wj-logo-cell img { height: 38px !important; max-height: 38px; width: auto !important; max-width: 100% !important; object-fit: contain; margin: 0 !important; }
#customblock-issn .content, #customblock-issn .content p { text-align: center !important; }
#customblock-issn .content img { display: block !important; margin: 8px auto 0 !important; height: 38px !important; }

/* Issue pages: no empty gap, clean section headings, author line and pages on one row */
.obj_issue_toc .heading { margin: 0 0 8px !important; padding: 0 !important; min-height: 0 !important; }
.obj_issue_toc .heading .published { margin: 0; color: var(--wj-muted); }
.obj_issue_toc .heading .cover:empty, .obj_issue_toc .heading .description:empty { display: none; }
.obj_issue_toc .sections, .obj_issue_toc .section { margin-top: 10px !important; padding-top: 0 !important; }
.obj_issue_toc .section:before, .obj_issue_toc .section:after, .obj_issue_toc .sections:before { display: none !important; content: none !important; }
.obj_issue_toc .sections .section > h2 { display: block !important; position: static !important; margin: 14px 0 6px !important; padding: 0 0 6px !important; background: transparent !important; border-bottom: 1px solid var(--wj-line) !important; left: auto !important; }
.obj_article_summary .meta { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.obj_article_summary .meta .authors { flex: 1 1 60%; padding: 0 !important; }
.obj_article_summary .meta .pages { position: static !important; float: none !important; flex: 0 0 auto; white-space: nowrap; padding: 0 !important; }

/* One type scale on all content pages: body 16px/1.65; section headings larger than sub-headings, both larger than body */
.pkp_structure_main .page p, .pkp_structure_main .page li, .pkp_structure_main .page td { font-size: 16px; line-height: 1.65; }
.pkp_structure_main .page h2 { font-size: 1.35rem !important; font-weight: 700; color: var(--wj-navy); background: none !important; padding: 0 !important; margin: 1.6em 0 0.6em; }
.pkp_structure_main .page h3 { font-size: 1.15rem !important; font-weight: 600; color: var(--wj-navy); background: none !important; margin: 1.3em 0 0.5em; }
.pkp_structure_main .page h4, .pkp_structure_main .page h5, .pkp_structure_main .page h6 { font-size: 1.08rem !important; font-weight: 600; color: var(--wj-navy); }
/* numbered main points ("1. Journal Guideline") read as headings */
.pkp_structure_main .page > ol > li, .pkp_structure_main .page > div > ol > li { margin-top: 1em; }
.pkp_structure_main .page > ol > li > strong:first-child, .pkp_structure_main .page > div > ol > li > strong:first-child,
.pkp_structure_main .page > ol > li > p:first-child > strong:first-child { font-size: 1.15rem; font-weight: 700; color: var(--wj-navy); }
.pkp_structure_main .page > ol > li::marker, .pkp_structure_main .page > div > ol > li::marker { font-size: 1.15rem; font-weight: 700; color: var(--wj-navy); }
/* anything that sits on a dark background stays light */
.wj-hero, .wj-hero *, .pkp_structure_head, .pkp_structure_footer_wrapper h3, .wj-badges span { color: #fff; }
.wj-btn, .block_make_submission a { color: #fff !important; }

/* Line-box (cubic) pattern behind the white content box on every page */
body, .pkp_structure_page {
  background-color: var(--wj-bg) !important;
  background-image: var(--wj-pattern) !important;
  background-size: var(--wj-pattern-size) !important;
}
.pkp_structure_head, .pkp_structure_footer_wrapper { background-image: none; }
/* sidebar quick links */
.wj-links { list-style: none; margin: 0; padding: 0; }
.wj-links li { padding: 7px 0; border-top: 1px solid var(--wj-line); }
.wj-links li:first-child { border-top: 0; }
#customblock-join-as-a-reviewer .wj-btn { display: block; text-align: center; }
#customblock-peer-review-process ol { padding-left: 18px; margin: 0; }

/* Archive and pagination use the site font */
.page_issue_archive, .page_issue_archive *, .cmp_pagination, .cmp_pagination * { font-family: var(--wj-font), -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important; }

/* Chicago author-date citation format returns a server error: hide that one option */
a[href*="citationstylelanguage/get/chicago-author-date"] { display: none !important; }

/* OM logo v2 (full name, transparent outside, white inside) */
.pkp_site_name .is_text::before { background-image: var(--wj-logo-url) !important; }

/* Issue / homepage article lists: tighter, even spacing */
.cmp_article_list > li { margin: 0 !important; padding: 0 !important; }
.obj_article_summary { padding: 14px 0 14px !important; margin: 0 !important; }
.obj_article_summary > .title { margin: 0 0 4px !important; }
.obj_article_summary .meta { margin: 0 0 6px !important; }
.obj_article_summary .galleys_links { margin: 6px 0 0 !important; padding: 0 !important; }

/* Heading scale in px (theme root size is 14px, so rem sizes came out too small) */
.pkp_structure_main .page h2 { font-size: 22px !important; }
.pkp_structure_main .page h3 { font-size: 19px !important; }
.pkp_structure_main .page h4, .pkp_structure_main .page h5, .pkp_structure_main .page h6 { font-size: 17.5px !important; }
.pkp_structure_main .page > ol > li > strong:first-child, .pkp_structure_main .page > div > ol > li > strong:first-child,
.pkp_structure_main .page > ol > li::marker, .pkp_structure_main .page > div > ol > li::marker { font-size: 19px !important; }
.page_index_journal .wj-box h2 { font-size: 18px !important; }

/* line-box pattern a little stronger so it reads on every page */
body, .pkp_structure_page { background-image: var(--wj-pattern) !important; }

/* long links never push the page wider */
.pkp_structure_main .page a, .pkp_structure_main .page p, .pkp_structure_main .page li { overflow-wrap: anywhere; }

/* Phone usability: tap targets ≥44px, body text ≥16px, wide content scrolls inside its box */
@media (max-width: 991px) {
  body, .pkp_structure_main p, .pkp_structure_main li { font-size: 16px !important; }
  .pkp_navigation_primary a, .pkp_navigation_user a, .pkp_structure_sidebar .pkp_block a, .wj-fcol a, .cmp_breadcrumbs a { display: inline-block; min-height: 44px; line-height: 44px !important; padding-top: 0 !important; padding-bottom: 0 !important; }
  .pkp_navigation_primary > li > a { display: block; }
  .wj-btn, a.wj-btn, .obj_galley_link, button, input[type=submit] { min-height: 44px; display: inline-flex !important; align-items: center; justify-content: center; }
  .pkp_structure_main table { display: block; overflow-x: auto; max-width: 100%; }
  .pkp_site_nav_toggle { width: 44px; height: 44px; }
  .wj-facts-inner { -webkit-overflow-scrolling: touch; }
}

/* Logos shown whole: never cropped, never overlapping */
.wj-hero-logo { object-fit: contain !important; overflow: visible !important; max-width: 42vw !important; height: auto !important; aspect-ratio: auto !important; flex-shrink: 0; margin: 6px; }
.wj-hero-inner { gap: 24px; }
.pkp_site_name .is_text::before { background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important; flex-shrink: 0; }
.pkp_site_name, .pkp_site_name .is_text { overflow: visible !important; }
@media (max-width: 600px) { .wj-hero-inner { flex-direction: column !important; align-items: center !important; text-align: center; } }

/* Title band: logo beside the name with clear space (as JQST/SJAIBT); never above as a big block on desktop */
.wj-hero-inner { flex-direction: row; align-items: center !important; gap: 40px !important; padding: 36px 32px !important; text-align: left; }
.wj-hero-logo { width: 150px !important; max-height: 170px; box-sizing: content-box; }
.wj-hero-text { flex: 1 1 auto; min-width: 0; }
.wj-hero { min-height: 0 !important; }
@media (max-width: 991px) { .wj-hero-logo { width: 116px !important; max-height: 130px; } .wj-hero-inner { gap: 24px !important; padding: 28px 20px !important; } }
@media (max-width: 600px) {
  .wj-hero-inner { flex-direction: column !important; align-items: center !important; text-align: center; gap: 18px !important; padding: 24px 16px !important; }
  .wj-hero-logo { width: 104px !important; max-height: 120px; }
  .wj-badges, .wj-hero-actions { justify-content: center; }
}

/* layout: sidebar:left, hero:split, header:center, cards:top, footer:light, articles:list */
@media (min-width: 992px){ .pkp_structure_content.has_sidebar .pkp_structure_main{float:right !important;} .pkp_structure_content.has_sidebar .pkp_structure_sidebar{float:left !important;} }
.wj-hero-inner{flex-direction:row-reverse !important;justify-content:space-between;} .wj-hero-text{max-width:720px;}
.pkp_site_name_wrapper{text-align:center;} @media (min-width:992px){ .pkp_site_name{display:block;text-align:center;} .pkp_site_name .is_text{justify-content:center;} .pkp_navigation_primary{text-align:center;} .pkp_navigation_primary>li{float:none !important;display:inline-block;} }

.pkp_structure_footer_wrapper{background:var(--wj-pale) !important;color:var(--wj-text) !important;border-top:4px solid var(--wj-navy) !important;} .wj-fcol h3{color:var(--wj-navy) !important;} .wj-fcol a,.pkp_footer_content a,.wj-fbottom a{color:var(--wj-blue) !important;} .wj-fbottom{color:var(--wj-muted) !important;border-top-color:var(--wj-line) !important;} .pkp_footer_content a.issn-link{color:var(--wj-blue) !important;}


/* JIITS touches */
.wj-hero-logo{background:#fff !important;border-radius:22px !important;padding:14px !important;box-shadow:0 0 0 4px var(--wj-gold) !important;}
.pkp_structure_sidebar .pkp_block{border-top-color:var(--wj-gold) !important;}

/* ===== OM palette rule (3 Nov): light look, one muted main colour, one muted accent, neutrals ===== */
body { background-color: var(--wj-bg) !important; }
.pkp_structure_head { background: #fff !important; border-bottom: 1px solid var(--wj-line) !important; color: var(--wj-text) !important; }
.pkp_site_name .is_text, .pkp_site_name a.is_text { color: var(--wj-navy) !important; }
.pkp_site_name .is_text:hover { color: var(--wj-blue) !important; }
.pkp_navigation_user_wrapper a, .pkp_navigation_user a, .pkp_structure_head .pkp_site_nav_toggle { color: var(--wj-navy) !important; }
.pkp_navigation_primary_wrapper { background: var(--wj-navy) !important; box-shadow: 0 0 0 100vmax var(--wj-navy); clip-path: inset(0 -100vmax); }
.pkp_navigation_primary_wrapper a, .pkp_navigation_search_wrapper a { color: #fff !important; }
.pkp_navigation_primary ul a { color: var(--wj-text) !important; }
.wj-hero { background-color: var(--wj-pale) !important; background-image: var(--wj-pattern), linear-gradient(120deg, var(--wj-pale) 0%, #ffffff 100%) !important; background-size: var(--wj-pattern-size), auto !important; border-bottom: 1px solid var(--wj-line); }
.wj-hero, .wj-hero * { color: var(--wj-text) !important; }
.wj-hero-title { color: var(--wj-navy) !important; }
.wj-hero-k { color: var(--wj-blue) !important; }
.wj-hero-tag { color: #4a5360 !important; }
.wj-badges span { background: #fff !important; border: 1px solid var(--wj-line) !important; color: var(--wj-navy) !important; }
.wj-hero a.issn-link, .wj-badges a, .wj-hero-text a:not(.wj-btn) { color: var(--wj-blue) !important; }
.wj-hero a.wj-btn, .wj-hero .wj-btn { background: var(--wj-blue) !important; border-color: var(--wj-blue) !important; color: #fff !important; }
.wj-hero a.wj-btn.wj-btn-light, .wj-hero .wj-btn-light { background: #fff !important; border-color: var(--wj-blue) !important; color: var(--wj-blue) !important; }
.wj-hero-logo { filter: none !important; box-shadow: 0 4px 14px rgba(20,30,40,0.10) !important; background: #fff !important; }
.wj-btn, a.wj-btn { background: var(--wj-blue) !important; border-color: var(--wj-blue) !important; color: #fff !important; }
.wj-btn-ghost, a.wj-btn-ghost, a.wj-btn.wj-btn-light { background: #fff !important; border-color: var(--wj-blue) !important; color: var(--wj-blue) !important; }

/* ux-article-2026-11 */
/* Article page: sidebar beside the text on desktop, PDF button first on phones */
@media (min-width: 992px) {
  .obj_article_details > .row { display: grid; grid-template-columns: minmax(0, 1fr) 280px; column-gap: 32px; align-items: start; margin-left: 0; margin-right: 0; }
  .obj_article_details > .row::before, .obj_article_details > .row::after { display: none; }
  .obj_article_details > .row > .main_entry, .obj_article_details > .row > .entry_details { float: none; width: auto; max-width: none; margin-left: 0; margin-right: 0; }
}
@media (max-width: 991px) {
  .obj_article_details > .row { display: flex; flex-direction: column; }
  .obj_article_details > .row > .entry_details { display: contents; }
  .obj_article_details > .row > .entry_details > .item { order: 1; }
  .obj_article_details > .row > .entry_details > .item.galleys { order: -1; margin: 0 0 18px; }
  .obj_article_details > .row > .main_entry { order: 0; }
}


/* ux-left-align-2026-11 */
/* Text pasted from Word with justify: left-aligned like the rest of the site */
.pkp_structure_main [style*="text-align: justify"], .pkp_structure_main [style*="text-align:justify"],
.pkp_structure_sidebar [style*="text-align: justify"], .pkp_structure_sidebar [style*="text-align:justify"],
.pkp_structure_main [align="justify"] { text-align: left !important; }
.pkp_structure_main p, .pkp_structure_main li { text-align: left; }


/* ux-typescale-2026-11 */
/* One type scale on every page: same heading sizes, body text 16px minimum, left-aligned (3 Nov 2026) */
.pkp_structure_page :is(p, li, a, span, div, td, th, dd, dt, label, small, em, strong, b, i, time, cite, button):not(:is(h1, h2, h3, h4, .pkp_structure_head, .pkp_screen_reader, .fa, [class*="icon"], [class*="hero"], [class*="facts"], [class*="badges"], .jq-facts, .jq-hero) *):not(.pkp_screen_reader):not(.fa):not([class*="icon"]) { font-size: max(16px, 1em) !important; }
.pkp_structure_page :is(h1, h2, h3, h4) :is(a, span) { font-size: inherit !important; }
.pkp_structure_page .pkp_structure_main h1, .pkp_structure_page .pkp_structure_main .page_title { font-size: clamp(24px, 2.2vw + 14px, 32px) !important; line-height: 1.25 !important; }
.pkp_structure_page .pkp_structure_main h2 { font-size: clamp(20px, 1vw + 16px, 24px) !important; line-height: 1.3 !important; }
.pkp_structure_page :is(.pkp_structure_main h3, .pkp_structure_sidebar h2, .pkp_structure_sidebar h3, .pkp_block .title) { font-size: 19px !important; line-height: 1.35 !important; }
.pkp_structure_page .pkp_structure_main h4 { font-size: 17px !important; }
.pkp_structure_page :is(.pkp_structure_footer_wrapper, footer, [class*="fcol"]) :is(h2, h3, h4) { font-size: 17px !important; text-transform: none !important; letter-spacing: 0 !important; }
.wj-badges span, .wj-hero-tag { font-size: 15px !important; }
.wj-fact-l, .wj-hero-k { font-size: 13px !important; }
.wj-fact-v { font-size: 16px !important; }
.pkp_structure_page :is(.pkp_structure_main, .pkp_structure_sidebar) :is(h1, h2, h3, h4, p, li, dd, dt, td, div, blockquote, figcaption) { text-align: left !important; }
.pkp_structure_page :is(.pkp_structure_main, .pkp_structure_sidebar) :is(a.cmp_button, .cmp_button, button, .obj_galley_link, .pkp_button, .btn, [class*="btn"]) { text-align: center !important; }
@media (max-width: 767px) {
  .wj-badges span, .wj-hero-tag, .pkp_site_name .is_text { font-size: 16px !important; }
  .wj-hero, .wj-hero * { text-align: left !important; }
  .wj-hero :is(div, section, .wj-badges, .wj-hero-btns, .wj-hero-actions) { justify-content: flex-start !important; align-items: flex-start !important; }
}


/* ux-navfix-2026-11 */
/* Menu bar: full-width colour without clipping, so dropdown menus open above the info strip and banner; open menu item stays readable (3 Nov 2026) */
.pkp_navigation_primary_wrapper { box-shadow: none !important; clip-path: none !important; border-image: linear-gradient(var(--wj-navy) 0 0) fill 0 / / 0 100vmax !important; }
.pkp_structure_head { position: relative; z-index: 60; }
.wj-facts, .wj-hero { position: relative; z-index: 1; }
.pkp_navigation_primary > li > a:is(:focus, :hover), .pkp_navigation_primary > li:is(:hover, :focus-within) > a { background: rgba(255,255,255,.16) !important; color: #ffffff !important; }
.pkp_navigation_primary ul a { color: #1b2733 !important; background: #ffffff !important; }
.pkp_navigation_primary ul a:is(:hover, :focus) { background: #f1f4f7 !important; color: #1b2733 !important; }



/* ux-abbr-2026-11: short form in brackets after the journal name at the top */
.pkp_site_name a.is_text::after, .wj-hero-title::after { content: " (JIITS)"; }
/* ux-jiits-fix2-2026-11: home shows the mission and vision only (subject lists, manuscript types and call text stay on the About page), banner logo beside the title, gap beside the left column, dropdown shadow */
.pkp_page_index .homepage_about > :is(:nth-child(n+3):nth-child(-n+26), :nth-child(n+31):nth-child(-n+33)) { display: none !important; }
html body .wj-hero .wj-hero-inner { flex-direction: row !important; justify-content: flex-start !important; align-items: center !important; gap: 36px !important; }
@media (min-width: 992px) { html body .pkp_structure_sidebar { box-sizing: border-box !important; border-right: 40px solid transparent !important; } }
.pkp_navigation_primary ul { box-shadow: 0 10px 28px rgba(0,0,0,.16) !important; border: 1px solid #e3e9d8 !important; border-radius: 8px !important; overflow: hidden; }

/* ux-phone-header-2026-11: facts strip starts at its padding; on phones the short name shows in the hero title, not floating at the header edge */
.wj-facts-inner{scroll-padding-inline:16px}@media (max-width:600px){.pkp_site_name_wrapper .pkp_site_name a.is_text::after{content:none}}