@font-face { font-family: "SQAA Arabic Reading"; src: url("../assets/fonts/noto-sans-arabic-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "SQAA Arabic Reading"; src: url("../assets/fonts/noto-sans-arabic-700.woff2") format("woff2"); font-weight: 600 700; font-display: swap; }
@font-face { font-family: "SQAA Arabic Display"; src: url("../assets/fonts/alexandria-variable.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
/* Contemporary public journal identity. Loaded after the OJS compatibility layer.
   Shared tokens and components apply to both Arabic and English public routes. */
:root {
  --navy-950: #101f30; --navy-900: #163149; --navy-800: #23445e;
  --navy-700: #315572; --blue-600: #245e80; --blue-700: #194863;
  --gold-600: #886b36; --gold-500: #b69b65; --gold-300: #e2cca3;
  --bg-2: #f3f6f7; --bg-3: #e8eef1; --ink: #1a2d3d;
  --ink-2: #455968; --muted: #586c7a; --heading: #163149;
  --line: #dce4e8; --line-2: #768995; --wrap: 1360px;
  --gutter: clamp(24px, 5vw, 72px); --radius: 8px;
  --display: "SQAA Sans", "Segoe UI", Tahoma, sans-serif; --display-w: 500;
  --lh: 1.75; --nav-h: 58px;
}
html[dir=rtl] { --sans: "SQAA Arabic Reading", Tahoma, sans-serif; --display: "SQAA Arabic Display", Tahoma, sans-serif; --display-w: 500; --lh: 1.9; }
html { scrollbar-gutter: stable; scrollbar-color: var(--scroll-thumb) var(--scroll-track); scrollbar-width: thin; scroll-padding-top: var(--focus-clearance,80px); }
* { scrollbar-color: var(--scroll-thumb) var(--scroll-track); scrollbar-width: thin; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--scroll-track); }
::-webkit-scrollbar-thumb { background: var(--scroll-thumb); border: 2px solid var(--scroll-track); border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: var(--scroll-hover); }
body { font-size: 1rem; }
body :is(h1,h2) { text-wrap: balance; }
.masthead__in { min-height: 112px; gap: 28px; }
.seal { gap: 18px; }
.seal__crest { width: 64px; height: 64px; box-shadow: none; border-radius: 0; object-fit: contain; }
.seal__text { border: 0; padding: 0; gap: 4px; }
.seal__name { font: 600 1.18rem/1.4 var(--sans); }
.seal__sub { font: 400 .92rem/1.5 var(--sans); color: var(--muted); }
.masthead .seal { flex: 1 1 auto; }
.masthead .search { flex: 0 1 230px; margin: 0; }
.search input { border: 1px solid var(--line-2); background: var(--bg-2); border-radius: 6px; height: 46px; }
.search input:focus { box-shadow: none; outline: 2px solid var(--blue-600); outline-offset: 2px; }
.search input { padding-inline-end: 84px; }
.search .search__clear { inset-inline-end: 42px; width: 32px; font: 400 1.3rem var(--sans); }
.search button[hidden] { display: none; }
.mainnav__list > li.is-dismissed > ul { opacity: 0; visibility: hidden; }
.btn { min-height: 48px; padding: 12px 23px; border-radius: 6px; box-shadow: none; font-size: .92rem; font-weight: 500; transition: background .16s, color .16s; }
.btn:hover { transform: none; box-shadow: none; }
.btn--primary { background: var(--navy-900); border-color: var(--navy-900); color: white; }
.btn--primary:hover { background: var(--navy-800); border-color: var(--navy-800); color: white; }
.btn--gold { background: var(--gold-300); color: var(--navy-950); border-color: var(--gold-300); }
.btn--quiet { background: var(--surface); border: 1px solid var(--line-2); color: var(--navy-900); }
.mainnav { box-shadow: none; }
.mainnav__list { flex: 1; }
.mainnav__list > li > a,.mainnav__home { padding-inline: 21px; font-size: .9rem; }
.mainnav__home .ico { display: none; }
.mainnav__home.is-current,.mainnav__list > li.is-current > a { border-bottom-color: var(--gold-300); background: #ffffff09; }
.mainnav__list ul { border: 1px solid var(--line); border-radius: 0 0 8px 8px; box-shadow: 0 14px 30px #10233418; padding: 10px !important; }
.mainnav__list ul a { border-radius: 4px; }
.mainnav__crest,.mainnav.is-stuck .mainnav__crest { display: none; }
.editorial-label { margin: 0 0 22px; font-size: .78rem; font-weight: 600; color: var(--blue-600); }
[dir=ltr] .editorial-label { letter-spacing: .13em; text-transform: uppercase; }
.journal-hero { background: var(--surface); padding-block: 64px 72px; }
.journal-hero__grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(0,.85fr); align-items: center; gap: clamp(40px,6vw,90px); }
body.sqaa-home .journal-hero h1 { font: 500 clamp(2.8rem,4.8vw,4.6rem)/1.14 var(--display); letter-spacing: -.045em; margin: 0 0 28px; color: var(--heading); max-width: 12ch; }
[dir=rtl] body.sqaa-home .journal-hero h1 { font-size: clamp(2.4rem,3.6vw,3.65rem); line-height: 1.55; letter-spacing: 0; max-width: 14ch; }
.journal-hero__intro { max-width: 49ch; margin: 0; font-size: 1.08rem; line-height: 1.85; color: var(--ink-2); }
.journal-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 28px; margin-block: 32px; }
.text-link { display: inline-flex; align-items: center; gap: 18px; color: var(--navy-900); font-size: .94rem; font-weight: 500; padding-block: 10px; border-bottom: 1px solid var(--line-2); }
.text-link:hover { border-color: var(--navy-900); }
.journal-hero__publisher { font-size: .78rem; color: var(--muted); margin: 32px 0 0; }
.journal-principles { background: var(--bg-2); border-block: 1px solid var(--line); }
.journal-principles > .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 18px; padding-block: 23px; }
.journal-principles p { margin: 0; font-size: .87rem; color: var(--ink-2); }
.journal-principles p::before { content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--gold-600); margin-inline-end: 12px; vertical-align: middle; }
.journal-principles a { display: flex; gap: 20px; font-size: .87rem; color: var(--navy-900); }
.research-section { padding-block: 82px; }
.research-heading { display: grid; grid-template-columns: 1.1fr 1fr; gap: 80px; align-items: end; margin-bottom: 40px; }
body.sqaa-home .research-heading h2,body.sqaa-home .author-path h2,body.sqaa-home .editorial-invitation h2 { font-size: clamp(1.8rem,2.6vw,2.5rem); font-weight: 500; line-height: 1.3; letter-spacing: -.025em; }
[dir=rtl] body.sqaa-home :is(.research-heading,.author-path,.editorial-invitation) h2 { line-height: 1.6; letter-spacing: 0; }
.research-heading > p { color: var(--muted); max-width: 45ch; margin: 0 0 4px; }
.research-heading .editorial-label { margin-bottom: 15px; }
.research-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid var(--line); border-inline-start: 1px solid var(--line); }
.research-area { display: block; position: relative; padding: 26px 24px 52px; border-bottom: 1px solid var(--line); border-inline-end: 1px solid var(--line); color: var(--heading); transition: background .16s; }
.research-area:hover { background: var(--bg-2); }
.research-area h3 { margin: 0 0 10px; font-size: 1.08rem; font-weight: 500; }
.research-area p { margin: 0; font-size: .86rem; color: var(--muted); line-height: 1.65; }
.research-area > .ico { position: absolute; bottom: 20px; inset-inline-end: 24px; width: 18px; height: 18px; }
body.sqaa-home .issue-sec { background: var(--bg-2); padding-block: 72px; border-block: 1px solid var(--line); }
body.sqaa-home .issue__grid { grid-template-columns: minmax(0,1.25fr) minmax(0,.85fr); gap: 64px; align-items: start; }
body.sqaa-home .issue h2 { font: 500 clamp(1.8rem,2.5vw,2.4rem)/1.4 var(--sans); }
body.sqaa-home .issue .eyebrow { color: var(--blue-600); }
body.sqaa-home .empty { border: 0; background: transparent; padding: 30px 0; align-items: start; }
body.sqaa-home .empty > .ico { display: none; }
body.sqaa-home .empty p { max-width: 46ch; font-size: 1.05rem; color: var(--ink-2); }
body.sqaa-home .call { border: 1px solid var(--line); border-radius: 10px; background: var(--surface); padding: 32px; color: var(--ink-2); box-shadow: none; }
body.sqaa-home .call h2 { color: var(--heading); font: 500 1.5rem/1.65 var(--display); }
body.sqaa-home .call .eyebrow { color: var(--blue-600); }
body.sqaa-home .call .files a { color: var(--ink); border-color: var(--line); }
body.sqaa-home .call .files a:hover { background: var(--bg-2); }
body.sqaa-home .call .files small { color: var(--muted); }
body.sqaa-home .call .files .ico { color: var(--blue-600); }
body.sqaa-home .call .btn { background: var(--navy-900); color: white; border-color: var(--navy-900); }
.author-path { padding-block: 90px; }
.author-path__grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 90px; }
.author-path__grid > div > p:not(.editorial-label) { max-width: 40ch; color: var(--muted); margin-block: 20px 28px; }
.author-steps { list-style: none; padding: 0; margin: 0; }
.author-steps li { display: grid; grid-template-columns: 36px 1fr; gap: 20px; padding-block: 24px; border-top: 1px solid var(--line); }
.author-steps li > span { font-size: .8rem; color: var(--gold-600); padding-top: 5px; }
.author-steps a { display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 1.15rem; color: var(--heading); font-weight: 500; }
.author-steps a:hover { text-decoration: underline; text-underline-offset: 5px; }
.author-steps p { color: var(--muted); font-size: .9rem; margin: 10px 0 0; }
.editorial-invitation { padding-block: 48px 64px; border-top: 1px solid var(--line); }
.editorial-invitation > .container { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.editorial-invitation p:not(.editorial-label) { color: var(--muted); margin-bottom: 0; }
.editorial-invitation .btn { flex: none; }
.banner,html[dir=rtl] .banner { background: var(--bg-2); color: var(--heading); border-bottom: 1px solid var(--line); }
.banner::before,.banner::after { display: none; }
.banner__in { padding-block: 30px 48px; }
.crumbs ol,.crumbs a { color: var(--muted); }
.crumbs a:hover,.crumbs [aria-current] span { color: var(--heading); }
.crumbs li + li::before { border-color: var(--muted); }
.banner__kicker { color: var(--blue-600); margin-block: 24px 10px; }
.banner__title { color: var(--heading); font-size: clamp(2rem,3.7vw,3.3rem); font-weight: 500; }
body.sqaa-inner .pkp_structure_content { padding-top: 56px; }
body.sqaa-inner .pkp_structure_content.has_section { grid-template-columns: minmax(0,1fr) 280px; gap: 72px; }
.pkp_structure_main .sqaa-document > .content-block { padding-block: 30px 12px; }
.sqaa-document .content-block > h2:first-child::before { display: none; }
.pkp_structure_main .sqaa-document h2 { font: 500 1.5rem/1.65 var(--display); }
.pkp_structure_main .sqaa-document p { line-height: 1.95; }
.side__box { border: 0; border-radius: 8px; padding: 24px; background: var(--bg-2); }
.side__nav { border: 1px solid var(--line); background: var(--surface); }
.side__title { font-size: .9rem; font-weight: 500; }
.side__nav a { border-radius: 4px; font-size: .9rem; padding-block: 12px; }
.side__nav a.is-active { border-color: var(--blue-600); }
.side__cta { background: var(--navy-900); color: #e0e7ec; }
.side__cta-ico { display: none; }
.detail-grid > article,.stats-grid > article { border: 1px solid var(--line); border-radius: 8px; padding: 24px; background: var(--bg-2); }
.member-card { border-radius: 8px; padding: 22px; gap: 18px; }
.next { border-radius: 8px; }
:is(.page_login,.page_lost_password,.page_reset_password,.page_register) .cmp_form { border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 8px 32px #16314906; }
.site-foot { background: var(--navy-950); }
.site-foot__top { border-top: 0; padding-block: 64px 54px; }
.site-foot__grid { grid-template-columns: 1.8fr 1fr 1fr 1fr; gap: 40px; }
.site-foot__contact { grid-column: 1 / -1; border-top: 1px solid #ffffff20; padding-top: 26px; display: flex; align-items: baseline; gap: 32px; }
.site-foot__contact ul { display: flex; flex-wrap: wrap; gap: 18px 32px; }
.site-foot__contact .site-foot__h { flex: none; }
.site-foot__h { border: 0; font-weight: 500; padding: 0; }
.site-foot__h::after { display: none; }
.site-foot__id .seal__name { font: 500 1.06rem/1.5 var(--sans); }
.site-foot__id .seal__sub { font: 400 .86rem/1.6 var(--sans); color: #b8c9d5; }
.site-foot .seal__crest { border-radius: 50%; width: 52px; height: 52px; padding: 3px; }
.site-foot__id > p { color: #b8c9d5; }
.site-foot__motto { display: none; }
.site-foot__bar { background: var(--navy-950); border-top: 1px solid #ffffff20; }
.site-foot__bar-in { padding-block: 24px; }
.site-foot__bar > .container > a { color: #b8c9d5; }
.rv { opacity: 1 !important; transform: none !important; transition: none !important; }
@media(max-width:1099px) {
  .masthead__in { min-height: 96px; }
  .journal-hero__grid { gap: 35px; grid-template-columns: 1.1fr 1fr; }
  .research-heading,.author-path__grid { gap: 40px; }
  .research-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.sqaa-home .issue__grid { gap: 32px; }
  body.sqaa-inner .pkp_structure_content.has_section { grid-template-columns: minmax(0,1fr); }
  .site-foot__grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .site-foot__id { grid-column: 1/-1; max-width: 480px; }
}
@media(max-width:700px) {
  .masthead__in { min-height: 94px; gap: 10px; flex-wrap: nowrap; }
  .seal { gap: 10px; }
  .seal__crest { width: 44px; height: 44px; }
  .seal__name { font-size: .87rem; }
  .seal__sub { font-size: .72rem; }
  .menu-toggle { padding: 9px; flex-shrink: 0; }
  .menu-toggle > span { display: none; }
  .journal-hero { padding-block: 42px; }
  .journal-hero__grid { grid-template-columns: 1fr; gap: 36px; }
  body.sqaa-home .journal-hero h1 { font-size: 3.1rem; max-width: 13ch; }
  [dir=rtl] body.sqaa-home .journal-hero h1 { font-size: 2.35rem; }
  .journal-hero__intro { font-size: 1rem; }
  .journal-principles > .container { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 18px; }
  .journal-principles p,.journal-principles a { font-size: .75rem; }
  .journal-principles p::before { margin-inline-end: 7px; }
  .research-section,.author-path { padding-block: 52px; }
  .research-heading { grid-template-columns: 1fr; gap: 20px; margin-bottom: 28px; }
  .research-area { padding: 20px 16px 48px; }
  .research-area h3 { font-size: 1rem; }
  body.sqaa-home .issue__grid,.author-path__grid { grid-template-columns: 1fr; gap: 36px; }
  body.sqaa-home .issue-sec { padding-block: 48px; }
  body.sqaa-home .call { padding: 24px; }
  .editorial-invitation > .container { flex-direction: column; align-items: start; gap: 24px; }
  .site-foot__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; }
  .site-foot__contact { display: block; }
  .site-foot__contact ul { display: grid; }
  .banner__in { padding-block: 24px 32px; }
  .banner__title { font-size: 2rem; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }
@media(forced-colors:active) { * { scrollbar-color: auto; } }

@media print { .hero-status,.journal-principles { display: none; } .journal-hero__grid { display: block; } .journal-hero { padding: 0; } }
/* Keep the textual home link visible at all desktop widths. */
.mainnav__home span { display: inline; }

/* Semantic theme roles: shared by the public shell, reading pages and OJS forms. */
:root {
  color-scheme: light;
  --action-bg: #163149; --action-ink: #fff; --action-hover: #23445e;
  --nav-bg: #163149; --nav-ink: #edf4f8; --brand-panel: #163149;
  --link: #245e80; --focus: #98723b; --danger: #b32138;
  --scroll-thumb: #8498a6; --scroll-track: #edf1f3; --scroll-hover: #526c7e;
  --shadow-panel: 0 16px 48px #10233420; --shadow-form: 0 12px 40px #16314908;
}
html[data-theme=dark] {
  color-scheme: dark;
  --bg: #101a24; --surface: #15222f; --bg-2: #1b2b39; --bg-3: #253b4c;
  --ink: #e8eff5; --ink-2: #c6d3de; --muted: #a5b8c7; --heading: #f0f4f8;
  --line: #314657; --line-2: #647c8f;
  --navy-950: #0b141e; --navy-900: #1b3348; --navy-800: #28485f; --navy-700: #a5cde5;
  --blue-600: #9fcfe9; --blue-700: #9fcfe9; --link: #9fcfe9;
  --gold-600: #d9bd88; --gold-500: #bca374; --gold-300: #e2cca3;
  --action-bg: #c7dfee; --action-ink: #112637; --action-hover: #e1eff7;
  --nav-bg: #111f2c; --nav-ink: #dce8f1; --brand-panel: #203a50;
  --ok: #9bdab8; --ok-bg: #17392d; --wait: #e8c98a; --wait-bg: #3b3021;
  --focus: #edc985; --danger: #ffabb6; --om-red: #ffabb6;
  --scroll-thumb: #647c8f; --scroll-track: #101a24; --scroll-hover: #9ab0c0;
  --shadow-panel: 0 16px 48px #0005; --shadow-form: 0 12px 40px #0002;
}

.mainnav { background: var(--nav-bg); }
.mainnav :is(.mainnav__home,.mainnav__list > li > a) { color: var(--nav-ink); }
.text-link,.journal-principles a { color: var(--link); }
.side__nav { background: var(--surface); }
.side__cta { background: var(--brand-panel); }
:is(.btn--primary,.cmp_button,.cmp_form button[type=submit],.pkp_button,.page_search button[type=submit]),body.sqaa-home .call .btn {
  background: var(--action-bg); color: var(--action-ink) !important; border-color: var(--action-bg);
}
:is(.btn--primary,.cmp_button,.cmp_form button[type=submit],.pkp_button,.page_search button[type=submit]):hover,body.sqaa-home .call .btn:hover {
  background: var(--action-hover); color: var(--action-ink) !important;
}
.btn--quiet { color: var(--heading) !important; background: var(--surface); }
.cmp_form :is(input,select,textarea):focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; box-shadow: none; }
button:disabled { cursor: wait; opacity: .7; }
summary,select { cursor: pointer; }
textarea { resize: none; min-height: 140px; }
input::placeholder,textarea::placeholder { color: var(--muted); }
input[type=checkbox] { accent-color: var(--link); flex: 0 0 auto; width: 18px; height: 18px; }
[dir=rtl] body { font-size: 1.0625rem; }
[dir=rtl] :is(.seal__name,.seal__sub,.banner__title,.mainnav__list > li > a,.mainnav__home,.drawer__home,.drawer__list > li > a,.research-area h3,.side__title,.btn,.account-heading h2) { font-family: var(--display); }
[dir=rtl] .seal__name { font-size: 1.13rem; font-weight: 600; line-height: 1.7; }
[dir=rtl] .seal__sub { font-size: .84rem; line-height: 1.8; }
[dir=rtl] :is(.research-heading,.author-path,.editorial-invitation) h2 { font-family: var(--display); }
.banner__title { font-family: var(--display); }
.banner__in { padding-block: 24px 32px; }
.banner__kicker { margin-block: 20px 8px; }

/* Compact journal shell. Main navigation remains managed by OJS. */
.site-head { background: var(--surface); }
.masthead { border-bottom: 1px solid var(--line); }
.masthead__in { min-height: 96px; gap: 32px; }
.masthead .seal { flex: 1; }
.seal__crest { width: 58px; height: 58px; border-radius: 50%; padding: 3px; background: #fff; }
.seal__mobile { display: none; }
.header-actions { display: flex; align-items: center; gap: 12px; flex: none; }
.header-language { display: inline-flex; align-items: center; min-height: 44px; padding-inline: 10px; color: var(--ink-2); font-size: .86rem; }
.header-search,.theme-toggle { display: inline-grid; place-items: center; width: 44px; height: 44px; flex: none; padding: 0; border: 1px solid transparent; border-radius: 50%; color: var(--ink-2); background: transparent; cursor: pointer; }
.header-search:hover,.theme-toggle:hover { color: var(--heading); background: var(--bg-2); border-color: var(--line); }
.theme-toggle .ico,.header-search .ico { width: 21px; height: 21px; }
.theme-toggle__sun { display: none; }
html[data-theme=dark] .theme-toggle__sun { display: block; }
html[data-theme=dark] .theme-toggle__moon { display: none; }
.header-account { padding-inline-start: 16px; border-inline-start: 1px solid var(--line); }
.header-account .user__list { gap: 16px; }
.header-account .user__list > li > a { display: inline-flex; align-items: center; min-height: 44px; color: var(--ink-2); font-size: .87rem; }
.header-account .user__list > li:last-child > a { padding: 0 20px; background: var(--action-bg); color: var(--action-ink); border-radius: 6px; }
.mainnav { background: var(--surface); color: var(--ink); border-bottom: 1px solid var(--line); }
.mainnav__in { align-items: center; justify-content: space-between; min-height: 60px; gap: 24px; }
.mainnav__list { flex: 0 1 auto; gap: clamp(16px,2.2vw,32px); }
.mainnav .mainnav__list > li > a { padding: 20px 0; border: 0; color: var(--ink-2); font-size: .87rem; min-height: 60px; box-sizing: border-box; position: relative; }
.mainnav .mainnav__list > li > a:hover,.mainnav .mainnav__list > li:focus-within > a { background: transparent; color: var(--heading); }
.mainnav .mainnav__list > li.is-current > a { background: transparent; color: var(--heading); }
.mainnav .mainnav__list > li.is-current > a::before { content: ''; position: absolute; bottom: 0; inset-inline: 0; height: 2px; background: var(--gold-500); }
.mainnav__list ul { border-radius: 8px; box-shadow: var(--shadow-panel); }
.nav-submit { display: inline-flex; align-items: center; gap: 12px; color: var(--link); font-size: .85rem; font-weight: 600; white-space: nowrap; min-height: 44px; }
.nav-submit:hover { text-decoration: underline; text-underline-offset: 5px; }
.drawer { background: var(--surface); color: var(--ink); }
.drawer__in { gap: 20px; min-height: 0; padding: 24px var(--gutter) 32px; }
.drawer__top { display: flex; justify-content: space-between; align-items: center; }
.drawer__top strong { font-family: var(--display); color: var(--heading); font-size: 1rem; font-weight: 500; }
.drawer__language { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border: 1px solid var(--line-2); border-radius: 6px; color: var(--ink); font-size: .86rem; }
.drawer__account .drawer__user { display: flex; gap: 10px; margin: 0; padding: 0; list-style: none; }
.drawer__account .drawer__user > li { flex: 1; }
.drawer__account .drawer__user > li > a { display: block; text-align: center; padding: 10px 16px; border: 1px solid var(--line-2); border-radius: 6px; color: var(--heading); font-size: .9rem; }
.drawer__account .drawer__user > li:last-child > a { background: var(--action-bg); color: var(--action-ink); border-color: var(--action-bg); }
.search--drawer input { color: var(--ink); background: var(--bg-2); border-color: var(--line-2); }
.search--drawer input::placeholder { color: var(--muted); }
.search--drawer button { color: var(--link); }
.drawer__home,.drawer__list > li > a,.drawer__foot a { color: var(--heading); font-size: .93rem; }
.drawer__home,.drawer__list > li,.drawer__foot { border-color: var(--line); }
.drawer__list > li { display: grid; grid-template-columns: minmax(0,1fr) 44px; align-items: center; }
.drawer__list > li > a { min-height: 48px; padding-block: 12px; }
.drawer__list > li > ul { grid-column: 1/-1; }
.drawer__list ul[hidden] { display: none; }
.drawer__list ul a { color: var(--ink-2); border-color: var(--line); padding-block: 10px; min-height: 44px; font-size: .85rem; }
.drawer__list a.is-current { color: var(--link); text-decoration: underline; text-underline-offset: 5px; }
.drawer__expand { width: 44px; height: 44px; border: 0; background: transparent; color: var(--link); font: 400 1.4rem var(--sans); cursor: pointer; border-radius: 6px; }
.drawer__expand:hover { background: var(--bg-2); }
.drawer__foot { margin: 0; padding-top: 20px; }

/* Reading navigation is available at every width. */
.reading-toc { display: none; border: 1px solid var(--line-2); border-radius: 8px; background: var(--surface); margin-bottom: 28px; }
.reading-toc > summary { padding: 14px 18px; color: var(--heading); font-weight: 600; }
.reading-toc nav { padding: 0 18px 14px; }
.reading-toc ol { margin: 0; padding-inline-start: 22px; }
.reading-toc a { display: block; padding-block: 9px; font-size: .94rem; color: var(--link); }
.pkp_structure_main .sqaa-document p { line-height: 1.9; }
.pkp_structure_main .sqaa-document .content-block { padding-block: 28px 18px; }
.sqaa-kit-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.sqaa-kit-card { border-radius: 6px; min-height: 84px; }
.sqaa-submission-kit { border-top: 3px solid var(--gold-500); border-radius: 8px; }

/* Account forms: OJS owns authentication; the theme owns presentation and field feedback. */
body.sqaa-inner .pkp_structure_main .page:is(.page_login,.page_lost_password,.page_reset_password) { max-width: 520px; margin-inline: auto; }
body.sqaa-inner .pkp_structure_main .page.page_register { max-width: 780px; margin-inline: auto; }
body:is(.pkp_page_login,.pkp_page_user) .banner__in { padding-block: 16px 20px; }
body:is(.pkp_page_login,.pkp_page_user) .banner__title { font-size: 1.5rem; margin-top: 12px; }
body:is(.pkp_page_login,.pkp_page_user) .pkp_structure_content { padding-top: 36px; }
:is(.page_login,.page_lost_password,.page_register) .cmp_form { padding: clamp(24px,3vw,40px); box-shadow: var(--shadow-form); border-top: 3px solid var(--gold-500); }
body.sqaa-inner .pkp_structure_main .account-heading h2 { font-family: var(--display); font-size: 1.7rem; margin: 8px 0 12px; line-height: 1.5; }
body.sqaa-inner .pkp_structure_main .account-heading p { font-size: .94rem; line-height: 1.8; margin: 0 0 24px; }
body.sqaa-inner .pkp_structure_main .account-heading .account-heading__eyebrow { color: var(--link); font-size: .78rem; font-weight: 600; margin: 0; }
[data-account-form] :is(.fields,.buttons) { margin: 0; padding: 0; }
[data-account-form] .fields > div { margin: 0 0 18px; padding: 0; }
[data-account-form] .fields > div:last-child { margin-bottom: 0; }
[data-account-form] .label { font-size: .9rem; line-height: 1.5; margin-bottom: 8px; }
[data-account-form] :is(input[type=text],input[type=email],input[type=password],select) { min-height: 50px; border-radius: 6px; }
[data-account-form] .password > a { display: inline-flex; min-height: 36px; align-items: center; margin-top: 3px; font-size: .85rem; }
[data-account-form] .remember { padding-block: 8px !important; }
[data-account-form] .remember label { min-height: 36px; margin: 0; }
[data-account-form] .remember .label { margin: 0; font-size: .85rem; font-weight: 400; }
[data-account-form] .buttons { gap: 14px; margin-top: 22px; }
:is(.page_login,.page_lost_password) [data-account-form] .buttons { display: grid; text-align: center; }
[data-account-form] .buttons button { min-height: 50px; font-size: 1rem; }
[data-account-form] .buttons a { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; }
.password-control { display: block; position: relative; }
[data-account-form] .password-control input { padding-inline-end: 78px; }
.password-toggle { position: absolute; inset-inline-end: 5px; top: 5px; min-height: 40px; padding: 0 12px; border: 0; border-radius: 4px; background: var(--bg-2); color: var(--link); font: 500 .8rem var(--sans); cursor: pointer; }
.password-toggle:hover { background: var(--bg-3); }
.field-feedback { display: block; min-height: 1.25em; margin-top: 5px; color: var(--danger); font: 400 .78rem/1.5 var(--sans); }
[aria-invalid=true] { border-color: var(--danger) !important; }
.pkp_form_error { padding: 14px; border: 1px solid var(--danger); border-radius: 6px; color: var(--danger); margin-bottom: 20px; }
.page_register .identity > .fields,.page_register .login > .fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.page_register .identity > .fields > div,.page_register .login > .fields > div { margin: 0; }
.page_register .cmp_form > fieldset { margin-block: 0 28px; padding-bottom: 26px; border-bottom: 1px solid var(--line); }
.page_register .cmp_form legend { font-family: var(--display); font-weight: 500; margin-bottom: 18px; }
.page_register .cmp_form .consent { padding: 18px; background: var(--bg-2); border-radius: 6px; }
.page_register .cmp_form .optin label { display: block; font-size: .86rem; line-height: 1.8; }
.page_register .cmp_form .optin input { display: inline-block; margin-inline-end: 8px; vertical-align: middle; }
.page_register .reviewer_interests { margin-top: 16px !important; }

/* Search: the query and results come first; filters expand when needed. */
.search-query-row { display: flex; align-items: start; gap: 10px; }
.page_search .search_input { position: relative; flex: 1; margin: 0; }
.page_search .search_input input { padding-inline-end: 46px; min-height: 52px; }
.page_search .search-query-row .submit { margin: 0; }
.page_search .search-query-row button[type=submit] { min-height: 52px; }
.page_search button[type=submit]::after { display: none; }
.query-clear { position: absolute; top: 5px; inset-inline-end: 4px; width: 40px; height: 42px; border: 0; background: transparent; color: var(--link); font-size: 1.4rem; cursor: pointer; }
.query-clear[hidden] { display: none; }
.search-filters { margin: 18px 0 30px; border: 1px solid var(--line); border-radius: 8px; background: var(--bg-2); }
.search-filters > summary { padding: 14px 18px; color: var(--heading); font-size: .94rem; font-weight: 600; }
.page_search .search_advanced { border: 0; margin: 0; padding: 8px 18px 22px; min-width: 0; background: transparent; }
.page_search .date_range { grid-template-columns: repeat(2,minmax(0,1fr)); }
.page_search .date_range select { min-width: 0; width: auto; margin-inline-end: 4px; }
.page_search .date_range fieldset { display: grid; grid-template-columns: .85fr 1.2fr .65fr; gap: 6px; }
.page_search .search_advanced .date_range fieldset select { width: 100%; margin: 0; padding-inline: 8px; grid-row: 2; }
/* OJS hides date-part labels with its screen-reader mixin; show them for sighted users too. */
.page_search .date_range fieldset label { position: static !important; clip: auto; width: auto; height: auto; margin: 0; color: var(--muted); font-size: .78rem; grid-row: 1; }
.page_search .date_range fieldset :is(label,select):nth-of-type(1) { grid-column: 1; }
.page_search .date_range fieldset :is(label,select):nth-of-type(2) { grid-column: 2; }
.page_search .date_range fieldset :is(label,select):nth-of-type(3) { grid-column: 3; }
.search-filter-actions { display: flex; justify-content: flex-end; margin-top: 20px; }
.page_search .search_results:empty { display: none; }
.search-empty { text-align: center; background: var(--bg-2); border: 1px solid var(--line); padding: 36px 24px; border-radius: 10px; }
.search-empty > .ico { width: 32px; height: 32px; color: var(--muted); }
body.sqaa-inner .pkp_structure_main .search-empty h2 { margin: 14px 0 8px; }
.search-empty p { max-width: 50ch; margin: 0 auto 22px; }
.page_contact .contact_section { padding: 0; max-width: 720px; }
.page_contact .contact.primary { padding: 26px; border: 1px solid var(--line); border-inline-start: 3px solid var(--gold-500); border-radius: 8px; background: var(--bg-2); margin-top: 28px; }
body.sqaa-inner .page_contact .contact h2 { margin: 0 0 18px; }
.page_contact .contact .email { margin-top: 12px; }
.page_contact .contact .name { color: var(--ink-2); }
@media(max-width:1099px) {
  .reading-toc { display: block; }
  body.sqaa-inner .pkp_structure_content.has_section { display: block; }
}
@media(max-width:759px) {
  .site-head { top: 0; }
  .masthead__in { min-height: 90px; }
  [dir=rtl] .seal__name { font-size: .76rem; line-height: 1.7; }
  [dir=rtl] .seal__sub { font-size: .68rem; }
  .menu-toggle { padding: 8px; }
  .banner__title { font-size: 1.8rem; }
  .banner__in { padding-block: 20px 24px; }
  body.sqaa-inner .pkp_structure_content { padding-top: 28px; }
  .page_register .identity > .fields,.page_register .login > .fields { grid-template-columns: 1fr; }
  .page_search .date_range { grid-template-columns: 1fr; }
  .sqaa-kit-grid { grid-template-columns: 1fr; }
  .pkp_structure_main .sqaa-document p { font-size: 1rem; }
  .mainnav__list > li > a { white-space: normal; }
}

@media(max-width:359px) {
  .search-query-row { flex-wrap: wrap; }
  .search-query-row .search_input { flex-basis: 100%; }
}
@media(forced-colors:active) {
  *,html { scrollbar-color: auto; }
}
@media print { .reading-toc,.theme-toggle { display: none; } }

/* Hero hierarchy: journal purpose first, live issue information alongside it. */
.journal-hero { padding-block: 66px 70px; }
.journal-hero__grid { grid-template-columns: minmax(0,1.5fr) minmax(280px,.8fr); gap: clamp(48px,7vw,100px); }
body.sqaa-home .journal-hero h1 { font-size: clamp(2.8rem,4.1vw,3.8rem); max-width: 16ch; line-height: 1.16; }
[dir=rtl] body.sqaa-home .journal-hero h1 { font-size: clamp(2.4rem,3.4vw,3.4rem); line-height: 1.5; max-width: 18ch; }
.journal-hero .editorial-label { margin-bottom: 18px; }
.journal-hero__intro { font-size: 1rem; max-width: 56ch; }
.journal-hero__actions { margin-block: 28px 0; }
.journal-hero__publisher { margin-top: 28px; font-size: .75rem; }
.hero-status { border-block: 1px solid var(--line-2); padding: 28px 0; align-self: center; }
.hero-status__label { margin: 0 0 18px; color: var(--muted); font-size: .8rem; }
.hero-status h2 { font: 500 1.6rem/1.65 var(--display); color: var(--heading); margin: 0 0 16px; }
.hero-status > p:not(.hero-status__label) { color: var(--ink-2); font-size: .94rem; line-height: 1.85; margin: 0 0 24px; }
.hero-status a { display: inline-flex; gap: 18px; align-items: center; color: var(--link); font-weight: 600; font-size: .87rem; min-height: 44px; }
@media(max-width:1099px) {
  .header-language,.header-search,.header-account { display: none; }
  .masthead__in { min-height: 84px; gap: 20px; }
  .header-actions { gap: 6px; }
  .menu-toggle { display: inline-flex; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; }
  .menu-toggle:hover { background: var(--bg-2); }
  .journal-hero__grid { grid-template-columns: 1fr .75fr; gap: 40px; }
}
@media(max-width:759px) {
  :root { --gutter: 20px; }
  .site-head { position: sticky; top: 0; z-index: 80; }
  .masthead__in { min-height: 80px; gap: 8px; flex-wrap: nowrap; }
  .masthead .seal { gap: 10px; }
  .masthead .seal__crest { width: 36px; height: 36px; }
  .masthead .seal__text { display: none; }
  .seal__mobile { display: grid; gap: 3px; min-width: 0; }
  .seal__mobile strong { font: 600 .86rem/1.5 var(--display); color: var(--heading); }
  .seal__mobile > span { font: 400 .64rem/1.6 var(--sans); color: var(--muted); }
  .header-actions { gap: 0; }
  .theme-toggle,.menu-toggle { width: 44px; min-width: 44px; height: 44px; }
  .journal-hero { padding-block: 38px 36px; }
  .journal-hero__grid { display: block; }
  .hero-status { display: none; }
  .journal-hero .editorial-label { font-size: .72rem; margin-bottom: 16px; }
  body.sqaa-home .journal-hero h1 { font-size: 2.5rem; line-height: 1.2; max-width: 16ch; margin-bottom: 20px; text-wrap: initial; }
  [dir=rtl] body.sqaa-home .journal-hero h1 { font-size: 2rem; line-height: 1.6; max-width: 18ch; }
  .journal-hero__intro { font-size: .94rem; line-height: 1.9; }
  .journal-hero__actions { display: grid; grid-template-columns: 1fr; gap: 10px; margin: 24px 0 0; }
  .journal-hero__actions .btn { justify-content: center; width: 100%; }
  .journal-hero__actions .text-link { justify-self: center; min-height: 44px; border: 0; font-size: .86rem; }
  .journal-hero__publisher { display: none; }
  .journal-principles > .container { display: flex; gap: 8px 18px; justify-content: center; padding-block: 18px; }
  .journal-principles p,.journal-principles a { font-size: .7rem; }
  .journal-principles a { display: none; }
  .research-section { padding-block: 40px; }
}
@media(max-width:359px) {
  :root { --gutter: 16px; }
  .masthead .seal { gap: 7px; }
  .masthead .seal__crest { width: 30px; height: 30px; }
  .seal__mobile strong { font-size: .76rem; }
  .seal__mobile > span { font-size: .57rem; }
  [dir=rtl] body.sqaa-home .journal-hero h1 { font-size: 1.85rem; }
}
@media print { .header-actions,.nav-submit { display: none; } }

/* The approved scope has ten fields: two balanced rows on wide screens. */
@media(min-width:1280px) { .research-grid { grid-template-columns: repeat(5,minmax(0,1fr)); } }