/* JPSR — Journal of Peer-Reviewed Scientific Research
   مجلة البحوث العلمية المحكمة — stylesheet (AR/EN, RTL/LTR via logical properties) */
:root{
  --ink:#1c2b3a;
  --ink-soft:#2a3c4f;
  --paper:#fafaf7;
  --panel:#f2f0e9;
  --text:#333a40;
  --muted:#6b7480;
  --brass:#96762e;
  --brass-dark:#7a5f22;
  --rule:#e2dfd4;
  --bar:#1c2b3a;
  --bar-soft:#2a3c4f;
  --hi:#fdfdfb;
  --field:#fff;
  --field-line:#cfcabd;
  --slot:#fdfcf8;
  --max:72rem;
  --prose:48rem;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
/* الثيمات: تتبع اختيار العضو (ملف تعريف الارتباط jpsr_th) */
html[data-theme="dim"]{--ink:#ffffff;--ink-soft:#dde3ea;--paper:#3d4654;--panel:#465060;--text:#eef1f5;--muted:#c3cbd5;--brass:#dcbc72;--brass-dark:#ebd08f;
  --rule:#76829a;--bar:#2c333e;--bar-soft:#3a4250;--hi:#424b59;--field:#424b59;--field-line:#8d99ad;--slot:#4a5463;color-scheme:dark}
html[data-theme="dark"]{--ink:#e6eaef;--ink-soft:#c9d1da;--paper:#0f1318;--panel:#161c23;--text:#d0d7df;--muted:#8c98a5;--brass:#c9a557;--brass-dark:#d9b86b;
  --rule:#3f4a59;--bar:#0a0d11;--bar-soft:#1a222b;--hi:#131820;--field:#12171d;--field-line:#5d6a7b;--slot:#181e26;color-scheme:dark}
@media (prefers-color-scheme:dark){html[data-theme="auto"]{--ink:#e6eaef;--ink-soft:#c9d1da;--paper:#0f1318;--panel:#161c23;--text:#d0d7df;--muted:#8c98a5;--brass:#c9a557;--brass-dark:#d9b86b;
  --rule:#3f4a59;--bar:#0a0d11;--bar-soft:#1a222b;--hi:#131820;--field:#12171d;--field-line:#5d6a7b;--slot:#181e26;color-scheme:dark}}
html[data-theme="dim"] .flash-err{background:#634141;color:#fde2e2}
html[data-theme="dim"] .flash-ok{background:#3a5a47;color:#dcf3e3}
html[data-theme="dark"] .flash-err{background:#3a1f22;color:#f1c4c4}
html[data-theme="dark"] .flash-ok{background:#1d3426;color:#bfe3cb}
.theme-btn{background:none;border:1px solid rgba(255,255,255,.25);color:inherit;border-radius:3px;padding:.3rem .45rem;cursor:pointer;line-height:0;margin-inline-start:.6rem}
.theme-btn:hover{color:#fff;border-color:#fff}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;
  background:var(--paper);
  color:var(--text);
  font-family:'IBM Plex Sans Arabic',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:1.0625rem;
  line-height:1.95;
}
h1,h2,h3{font-family:Amiri,'Times New Roman',serif;color:var(--ink);line-height:1.45;font-weight:700}
h2{font-size:1.75rem;margin:0 0 1rem}
h3{font-size:1.3rem;margin:2rem 0 .5rem}
p{margin:0 0 1rem}
a{color:var(--brass-dark);text-decoration-thickness:1px;text-underline-offset:4px}
a:hover{color:var(--ink)}
a:focus-visible,button:focus-visible{outline:2px solid var(--brass);outline-offset:2px;border-radius:2px}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:1.25rem}
.skip{position:absolute;margin:0}
.skip a{position:absolute;inset-inline-start:-9999px;top:0;background:var(--bar);color:#fff;padding:.5rem 1rem;z-index:99}
.skip a:focus{inset-inline-start:0}

/* top utility bar */
.topbar{background:var(--bar);color:#c3ccd6;font-size:.85rem}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding-block:.4rem}
.topbar a{color:#e8d9ae;text-decoration:none}
.topbar a:hover{color:#fff;text-decoration:underline}
.lang-switch{border:1px solid rgba(232,217,174,.45);padding:.05rem .7rem;border-radius:2px;display:inline-block}

/* header + nav */
header.site{background:var(--paper);border-block-end:1px solid var(--rule)}
header.site .wrap{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;padding-block:.9rem}
.brand{text-decoration:none;display:flex;flex-direction:column;line-height:1.3}
.brand-main{font-family:Amiri,serif;font-weight:700;font-size:1.45rem;color:var(--ink)}
.brand-sub{font-size:.78rem;color:var(--muted);letter-spacing:.02em}
nav.main ul{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem;margin:0;padding:0}
nav.main a{display:block;padding:.35rem .75rem;text-decoration:none;color:var(--ink-soft);border-block-end:2px solid transparent}
nav.main a:hover{color:var(--brass-dark)}
nav.main a[aria-current="page"]{color:var(--ink);border-block-end-color:var(--brass);font-weight:500}

/* masthead — printed title-page */
.masthead{text-align:center;padding:4.5rem 1.25rem 3rem;border-block-end:1px solid var(--rule);
  background:linear-gradient(180deg,var(--hi) 0%,var(--paper) 100%)}
.masthead h1{font-size:clamp(2.3rem,6vw,3.8rem);margin:0;letter-spacing:.01em}
.masthead .alt-name{font-family:Amiri,serif;font-size:clamp(1.05rem,2.5vw,1.45rem);color:var(--brass-dark);margin:.4rem 0 0}
.orn{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:1.6rem auto 1.4rem}
.orn::before,.orn::after{content:"";display:block;width:90px;height:1px;background:var(--brass)}
.orn span{width:7px;height:7px;background:var(--brass);transform:rotate(45deg)}
.masthead .lede{max-width:44rem;margin:0 auto;color:var(--ink-soft);font-size:1.1rem}

/* colophon facts strip */
.colophon{border-block-end:1px solid var(--rule);background:var(--panel)}
.colophon dl{max-width:var(--max);margin-inline:auto;display:flex;flex-wrap:wrap;justify-content:center;margin-block:0;padding:0}
.colophon div{padding:1.1rem 2.2rem;text-align:center;border-inline-end:1px solid var(--rule)}
.colophon div:last-child{border-inline-end:none}
.colophon dt{font-size:.8rem;color:var(--muted);margin-bottom:.1rem}
.colophon dd{margin:0;font-weight:500;color:var(--ink)}

/* sections */
section{padding-block:3.25rem}
section>.wrap>h2,.page-head h1{position:relative;padding-block-end:.6rem}
section>.wrap>h2::after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:56px;height:2px;background:var(--brass)}
.prose{max-width:var(--prose)}
section.alt{background:var(--panel);border-block:1px solid var(--rule)}

/* page head for inner pages */
.page-head{border-block-end:1px solid var(--rule);padding:2.8rem 0 1.6rem;
  background:linear-gradient(180deg,var(--hi) 0%,var(--paper) 100%)}
.page-head h1{font-size:clamp(1.9rem,4.5vw,2.7rem);margin:0 0 .4rem}
.page-head h1::after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:56px;height:2px;background:var(--brass)}
.page-head p{color:var(--muted);max-width:var(--prose);margin:0}

/* field list (scope) */
ul.fields{list-style:none;padding:0;margin:1rem 0 0;columns:2;column-gap:3rem;max-width:var(--prose)}
ul.fields li{break-inside:avoid;padding:.55rem 0;border-block-end:1px solid var(--rule)}
ul.fields li::before{content:"";display:inline-block;width:6px;height:6px;background:var(--brass);transform:rotate(45deg);margin-inline-end:.7rem;vertical-align:middle}
@media(max-width:600px){ul.fields{columns:1}}

/* numbered workflow (a real sequence) */
ol.steps{list-style:none;counter-reset:step;padding:0;margin:1.5rem 0 0;max-width:var(--prose)}
ol.steps li{counter-increment:step;position:relative;padding-inline-start:4rem;padding-block:1.1rem;border-block-end:1px solid var(--rule)}
ol.steps li:last-child{border-block-end:none}
ol.steps li::before{content:counter(step,arabic-indic);position:absolute;inset-inline-start:0;top:1rem;
  width:2.6rem;height:2.6rem;display:flex;align-items:center;justify-content:center;
  font-family:Amiri,serif;font-size:1.3rem;font-weight:700;color:var(--brass-dark);
  border:1px solid var(--brass);border-radius:50%}
html[dir="ltr"] ol.steps li::before{content:counter(step)}
ol.steps b{display:block;color:var(--ink);font-size:1.08rem}

/* buttons */
.btn{display:inline-block;background:var(--bar);color:#fff;text-decoration:none;
  padding:.65rem 1.7rem;border-radius:2px;border:1px solid var(--ink)}
.btn:hover{background:var(--bar-soft);color:#fff}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--brass)}
.btn.ghost:hover{background:var(--panel)}
.btn-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem}

/* data table (journal record) */
table.record{border-collapse:collapse;width:100%;max-width:var(--prose);margin-top:1rem}
table.record th,table.record td{border:1px solid var(--rule);padding:.55rem .9rem;text-align:start;vertical-align:top}
table.record th{background:var(--panel);color:var(--ink);font-weight:500;width:34%}

/* editorial board placeholder slots */
.slot{border:1px dashed var(--brass);background:var(--slot);padding:.9rem 1.2rem;margin:.6rem 0;max-width:var(--prose);border-radius:2px}
.slot b{color:var(--ink)}
.slot span{color:var(--muted);font-size:.92rem;display:block}
.notice{background:var(--panel);border-inline-start:3px solid var(--brass);padding:.9rem 1.2rem;max-width:var(--prose);margin:0 0 1.5rem}

/* generic lists in prose */
.prose ul{padding-inline-start:1.3rem;margin:0 0 1rem}
.prose ul li{margin-block:.45rem}
.prose ol{padding-inline-start:1.3rem}
.prose ol li{margin-block:.5rem}

/* footer */
footer{background:var(--bar);color:#c3ccd6;margin-top:2rem}
footer .foot{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:space-between;padding-block:2.5rem 1.5rem}
footer .f-name{font-family:Amiri,serif;font-size:1.3rem;color:#fff;margin:0}
footer .f-sub{font-size:.85rem;margin:.2rem 0 0;color:#9aa7b4}
footer a{color:#e8d9ae}
footer nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}
footer nav a{text-decoration:none}
footer nav a:hover{text-decoration:underline}
footer .copyright{border-block-start:1px solid rgba(255,255,255,.14);padding-block:1rem;font-size:.85rem;color:#9aa7b4}
footer .copyright p{margin:0}

/* ---------- top bar auth links */
.topbar .auth{display:inline-flex;align-items:center;gap:.55rem;flex-wrap:wrap}
.topbar .sep{color:#6f7e8e}
.topbar .lang-switch{margin-inline-start:.6rem}

/* ---------- forms (contact) */
.cform{max-width:var(--prose)}
.cform label{display:block;font-weight:500;color:var(--ink);margin:1rem 0 .3rem}
.cform input[type=text],.cform input[type=email],.cform select,.cform textarea{width:100%;font:inherit;padding:.6rem .8rem;border:1px solid var(--field-line);border-radius:2px;background:var(--field);color:var(--text)}
.cform textarea{min-height:180px;resize:vertical}
.cform input:focus,.cform select:focus,.cform textarea:focus{outline:2px solid var(--brass);outline-offset:0;border-color:var(--brass)}
.cform .two{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
.cform button{font:inherit;cursor:pointer}
.req{color:#9b2c2c}
.hint{font-size:.85rem;color:var(--muted);font-weight:400}
.flash{padding:.8rem 1rem;border-radius:2px;margin:0 0 1rem;border-inline-start:3px solid}
.flash-err{background:#f8e4e4;border-color:#9b2c2c;color:#6e1f1f}
.flash-ok{background:#e4f0e8;border-color:#2f6b46;color:#1f4a30}
.hp{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap;margin:-1px;padding:0;border:0}
.captcha{margin-top:1rem;min-height:65px}
@media(max-width:600px){.cform .two{grid-template-columns:1fr}}

/* ---------- menu button (three lines) */
.menu-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 10px;
  background:transparent;border:1px solid var(--rule);border-radius:3px;cursor:pointer;flex:none}
.menu-btn span{display:block;height:2px;width:100%;background:var(--ink);border-radius:1px;transition:transform .2s,opacity .2s}
.menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (prefers-reduced-motion:reduce){.menu-btn span{transition:none}}

@media(max-width:960px){
  header.site{position:relative;z-index:20}
  header.site .wrap{flex-wrap:nowrap;align-items:center;gap:1rem}
  .menu-btn{display:flex}
  nav.main{display:none;position:absolute;inset-inline:0;top:100%;background:var(--paper);
    border-block-end:1px solid var(--rule);box-shadow:0 10px 24px rgba(28,43,58,.08)}
  nav.main.open{display:block}
  nav.main ul{flex-direction:column;gap:0;padding:.3rem 1.25rem .9rem;max-width:var(--max);margin-inline:auto}
  nav.main a{padding:.75rem .2rem;border-block-end:1px solid var(--rule)}
  nav.main li:last-child a{border-block-end:none}
  nav.main a[aria-current="page"]{border-block-end-color:var(--rule);color:var(--brass-dark)}
}
@media(max-width:700px){
  .brand-main{font-size:1.2rem}
  .brand-sub{font-size:.7rem}
  .topbar .wrap{justify-content:center;text-align:center}
  .topbar .wrap>span:first-child{display:none}
  .colophon div{padding:.8rem 1rem;flex:1 1 45%;border-inline-end:none;border-block-end:1px solid var(--rule)}
  ol.steps li{padding-inline-start:3.4rem}
  .masthead{padding:3rem 1rem 2.2rem}
  section{padding-block:2.4rem}
  .btn-row .btn{flex:1 1 100%;text-align:center}
  footer .foot{gap:1.5rem}
  table.record th{width:40%}
}
@media(max-width:380px){
  .brand-sub{display:none}
}