/*! app.css — 2025-10-15T19:26:12 (clean, PHP-free) */

/* -------------------------------------------------- */
/* Base + Variables                                   */
/* -------------------------------------------------- */
:root{
  --brand:#003b44;
  --accent:#003b44;
  --muted:#6b7280;
  --dark:#0b1220;

  /* header offsets (JS can update) */
  --topbar-h: 32px;
  --nav-top: var(--topbar-h);
  

  /* TOC offset (desktop) */
  --toc-top: 60px;

  /* Surfaces */
  --bg:#f7f8fb;
  --card:#fff;

  /* OJS vars */
  --ojs-bg:#f2f4f7; --ojs-card:#fff; --ojs-border:#e5e7eb; --ojs-accent:#003b44;

  /* Header (ph-) vars */
  --ph-brand   : #003b44;
  --ph-accent  : #c00;
  --ph-ink     : #111;
  --ph-mid     : #444;
  --ph-muted   : #767676;
  --ph-border  : #e0e0e0;
  --ph-bg      : #fff;
  --ph-strip   : #f7f7f7;
  --ph-f-serif : 'EB Garamond', Georgia, 'Times New Roman', serif;
  --ph-f-sans  : 'Source Sans 3', 'Helvetica Neue', Arial, sans-serif;
  --ph-ease    : cubic-bezier(.4,0,.2,1);
  --topbar-h   : 34px;
  --nav-top    : 34px;
  --page-offset: 0px;

  

  /* Journal Home (jp-) vars */
  --jp-brand  :#003b44;
  --jp-accent :#c00;
  --jp-ink    :#111;
  --jp-mid    :#444;
  --jp-muted  :#767676;
  --jp-line   :#e0e0e0;
  --jp-bg     :#fff;
  --jp-wash   :#f7f7f7;
  --jp-serif  :'EB Garamond',Georgia,serif;
  --jp-sans   :'Source Sans 3','Helvetica Neue',Arial,sans-serif;
  --jp-ease   :cubic-bezier(.4,0,.2,1);
  --jp-max    :1280px;

  /* Article Reader (ar-) vars */
  --ar-brand :#003b44;
  --ar-accent:#c00;
  --ar-ink   :#1a1a1a;
  --ar-mid   :#444;
  --ar-muted :#767676;
  --ar-line  :#e4e4e4;
  --ar-bg    :#fff;
  --ar-wash  :#f8f9fa;
  --ar-serif :'EB Garamond',Georgia,'Times New Roman',serif;
  --ar-sans  :'Source Sans 3','Helvetica Neue',Arial,sans-serif;
  --ar-max   :1320px;
  --ar-toolbar-h:52px;
}
html{
  height:100%;
}
body{
  background:#fff;
  color:#222;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
  width:100%;
  overflow-x:hidden;
  min-height:100%;
  display:flex;
  flex-direction:column;
}
#main-content{
  flex:1 0 auto;
}

@media (min-width: 1200px){
  .container, .container-lg, .container-md, .container-sm, .container-xl{ max-width:1240px !important; }
}

.shadow-soft{ box-shadow:0 8px 28px rgba(2,6,23,.06); }
.small-muted{ color:var(--muted); font-size:.9rem; }

/* -------------------------------------------------- */
/* Auth                                               */
/* -------------------------------------------------- */
.auth-hero{
  background:linear-gradient(135deg,#6c5ce7 0%, #00b4d8 100%);
  color:#fff; border-radius:1rem; height:100%;
}
.brand-small { color:#0b5ed7; font-weight:700; font-size:1.05rem; }
.form-hint{ color:var(--muted); font-size:.9rem; }
.pw-meter{ height:6px; background:#eef2f7; border-radius:6px; overflow:hidden; }
.pw-bar{ height:6px; width:0; background:var(--accent); transition:width .25s; }
.social-btn{
  display:flex; gap:8px; align-items:center; justify-content:center;
  border-radius:8px; padding:.6rem .8rem; font-weight:600; width:100%;
}
.social-btn.google{ background:#fff; color:#111; border:1px solid #e6e6e6; }
.social-btn.orcid{ background:#2fb6be; color:#fff; border:0; }

@media (min-width:768px){
  .match-height{ display:flex; }
  .match-height > *{ flex:1 1 0; }
}

/* -------------------------------------------------- */
/* Page layout                                        */
/* -------------------------------------------------- */
.container.page-wrap{ position:relative; }
.page-wrap{ padding-top:20px; padding-bottom:30px; }

.bb{
  background:#fff; border:1px solid rgba(0,0,0,.06);
  border-radius:8px; padding:8px 12px; margin-bottom:16px;
}
.breadcrumb-item i { font-size: 0.95rem; color: #003b44; }
.breadcrumb .breadcrumb-item a { font-weight: 600; }
.breadcrumb { font-size: 0.92rem; }

.grid{ display:grid; grid-template-columns:280px 1fr; gap:24px; align-items:start; }
.container, .page-wrap, .grid{ overflow:visible; }
@media (max-width:992px){ .grid{ grid-template-columns:1fr; } }

.toc-col{ position:relative; }
#tocSpacer{ height:0; transition:height .15s ease; }

.toc{
  background:#fff; border:1px solid rgba(0,0,0,.06);
  border-radius:8px; padding:14px 12px;
  position:sticky; top:var(--toc-top);
  max-height:calc(100vh - (var(--toc-top) + 20px));
  overflow:auto; scrollbar-width:thin;
}
.toc.is-fixed{
  position:fixed !important; top:var(--toc-top) !important;
  left:0; width:280px; z-index:1030;
}
.toc.stuck-bottom{
  position:absolute !important; top:auto !important; bottom:0 !important;
  left:0 !important; width:280px;
}
.toc h6{
  font-weight:700; color:#0b2e59; margin:2px 0 8px;
  font-size:.95rem; position:sticky; top:0; background:#fff;
  padding-top:4px; padding-bottom:6px;
}
.toc ul{ list-style:none; margin:0; padding:0; }
.toc li{ margin:3px 0; }
.toc a{
  display:block; text-decoration:none; color:#0b2e59;
  padding:6px 8px; border-radius:6px; line-height:1.3;
  transition:background .12s ease, color .12s ease, padding-left .12s ease;
  font-weight:600; font-size:.95rem;
}
.toc a.small{ font-weight:500; font-size:.9rem; }
.toc a.xsmall{ font-weight:500; font-size:.86rem; }
.toc a:hover{ background:rgba(13,110,253,.08); color:#0b2e59; padding-left:12px; }
.toc a.active{ background:rgba(13,110,253,.15); color:#0b2e59; }

.card-article{
  background:#fff; border:1px solid rgba(0,0,0,.06);
  border-radius:8px; padding:22px; line-height:1.75;
}
.card-article h1,.card-article h2,.card-article h3,.card-article h4{ color:#0b3d91; margin-top:.4rem; }
.meta{ color:#6c757d; font-size:.92rem; }

.subfoot{ color:#6c757d; font-size:.93rem; }
.subfoot a{ text-decoration:none; }

@media (max-width:992px){
  .toc, .toc.is-fixed{
    position:static !important; top:auto !important; left:auto !important; width:auto !important;
    max-height:none !important; overflow:visible !important;
  }
  #tocSpacer{ height:0 !important; }
}

/* -------------------------------------------------- */
/* Editorial board                                    */
/* -------------------------------------------------- */
.eb-toolbar{ display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; margin-bottom:1rem; }
.eb-search{ max-width:420px; }
.eb-role-filter{ max-width:260px; }
.eb-section{ margin-bottom:2rem; }
.eb-heading{
  display:flex; align-items:center; justify-content:space-between;
  gap:1rem; margin:0 0 .75rem 0; padding:.25rem 0; border-bottom:1px solid #e9ecef;
}
.eb-heading h3{ margin:0; font-size:1.25rem; font-weight:800; }
.eb-count{ color:#6c757d; font-size:.9rem; }
.eb-grid{ display:grid; grid-template-columns:repeat(1,minmax(0,1fr)); gap:1rem; }
@media (min-width:576px){ .eb-grid{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:992px){ .eb-grid{ grid-template-columns:repeat(3,1fr); } }
.eb-card{
  border:1px solid #e9ecef; border-radius:.75rem; background:#fff;
  transition:box-shadow .2s ease, transform .2s ease;
}
.eb-card:hover{ box-shadow:0 .5rem 1rem rgba(0,0,0,.08); transform:translateY(-2px); }
.eb-card .eb-body{ padding:1rem 1rem .75rem; }

.eb-avatar{
  width:48px; height:48px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#eef2ff,#e3f2fd); color:#2b2d42; font-weight:700;
  border:1px solid #e5e7eb;
}
.eb-title{ margin:0; font-size:1.05rem; font-weight:800; }
.eb-sub{ color:#6c757d; font-size:.9rem; }
.eb-bio{ color:#495057; font-size:.95rem; margin:.5rem 0 0; }
.eb-role-pill{
  display:inline-block; font-size:.75rem; line-height:1; font-weight:700;
  padding:.35rem .5rem; border-radius:999px; border:1px solid #e9ecef; background:#f8f9fa; color:#495057;
  margin-bottom:.35rem;
}
.eb-actions .btn{ padding:.25rem .5rem; font-size:.8rem; }
.eb-empty{ padding:1rem; border:1px dashed #e9ecef; border-radius:.75rem; color:#6c757d; background:#fcfcfd; }

/* -------------------------------------------------- */
/* Home                                               */
/* -------------------------------------------------- */
body.home{ background:#f7f8fb; }
.section-pad{ padding:1.25rem 0; }
.hero-spot-full{ width:100vw; position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; overflow:hidden; background:#0d6efd; box-shadow:0 10px 40px rgba(0,0,0,.12); }
.hero-spot-full img{ width:100%; height:clamp(280px, 32vw, 520px); object-fit:cover; display:block; }
.hero-overlay{ position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.35)); }
.hero-title{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff; text-align:center; padding:0 1rem; }
.hero-title h1{ font-weight:800; letter-spacing:.2px; text-shadow:0 4px 18px rgba(0,0,0,.25); }
.card{ box-shadow:0 2px 6px rgba(0,0,0,0.3); border-color: #e8e8e8;border-bottom: 5px solid #003b44;}
.card h5, .card h4{ font-weight:800; }
.article-card{ overflow:hidden; box-shadow:0 2px 14px rgba(15,23,42,.07); background:#fff; }
.article-card .thumb{ width:100%; height:180px; object-fit:cover; display:block; }
.article-card .meta{ color:#000; font-size:.9rem; }
.article-card .title{ font-weight:800; font-size:1.02rem; }
.article-card .actions .btn{ padding:.3rem .6rem; }
.list-linked li+li{ border-top:1px dashed #e5e7eb; }
.list-linked a{ text-decoration:none; }
.eic-avatar{
  width:56px; height:56px; border-radius:50%;
  background:linear-gradient(135deg,#eef2ff,#e3f2fd);
  display:inline-flex; align-items:center; justify-content:center;
  font-weight:800; color:#334155; border:1px solid #e5e7eb;
}

/* -------------------------------------------------- */
/* Issue view                                         */
/* -------------------------------------------------- */
.article-title{ color:#174f86; font-weight:700; font-size:1.25rem; margin-bottom:.25rem; }
.open-access-badge{ color:#d63384; font-weight:700; font-size:.85rem; display:inline-flex; align-items:center; gap:.35rem; }
.meta-line{ color:#6c757d; margin-bottom:4px; }
.authors-line{ margin-bottom:6px; color:#2b2b2b; }
.article-actions a{ margin-right:12px; text-decoration:none; }
.lock-icon{ font-size:.95rem; }
.card-sep{ border-bottom:1px solid #e9ecef; padding-bottom:18px; margin-bottom:18px; }
.article-actions .btn-link{ text-decoration:none; color:var(--accent); }

/* ============================================================
   WORKFLOW PAGE
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=DM+Sans:wght@300;400;500;600&display=swap');

:root {
  --wf-bg:#f4f5f7; --wf-surface:#ffffff; --wf-border:#e2e5ec;
  --wf-accent:#068a9e; --wf-accent2:#008080; --wf-text:#1e2130;
  --wf-muted:#6b7280; --wf-done:#059669; --wf-radius:14px;
  --wf-shadow:0 2px 16px rgba(79,70,229,.07), 0 1px 4px rgba(0,0,0,.05);
  --wf-shadow-md:0 4px 24px rgba(79,70,229,.11), 0 2px 8px rgba(0,0,0,.07);
}
.wf-hero {
  background: linear-gradient(135deg, #003b44 0%, #0d6f7e 60%, #6fcddb 100%);
  border-radius: var(--wf-radius); padding: 2rem 2rem 1.6rem;
  position: relative; overflow: hidden; box-shadow: var(--wf-shadow-md);
}
.wf-hero::before {
  content: ''; position: absolute; top: -40px; right: -40px;
  width: 220px; height: 220px;
  background: radial-gradient(circle, rgba(124,58,237,.35) 0%, transparent 70%);
  pointer-events: none;
}
.wf-hero::after {
  content: ''; position: absolute; bottom: -20px; left: 30%;
  width: 160px; height: 160px;
  background: radial-gradient(circle, rgba(79,70,229,.2) 0%, transparent 70%);
  pointer-events: none;
}
.wf-hero-eyebrow { font-family: 'DM Sans', sans-serif; font-size: .72rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.55); margin-bottom: .4rem; }
.wf-hero h1 { font-family: 'Playfair Display', serif; font-size: clamp(1.15rem, 2.5vw, 1.6rem); font-weight: 600; color: #fff; line-height: 1.35; margin-bottom: .6rem; }
.wf-status-pill { display: inline-flex; align-items: center; gap: .35rem; padding: .28rem .75rem; border-radius: 999px; font-size: .72rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; background: rgba(255,255,255,.12); color: rgba(255,255,255,.9); border: 1px solid rgba(255,255,255,.18); backdrop-filter: blur(8px); }
.wf-hero-meta { font-size: .78rem; color: rgba(255,255,255,.5); margin-top: .6rem; }
.wf-hero-actions .btn { font-family: 'DM Sans', sans-serif; font-size: .8rem; font-weight: 500; border-radius: 10px; padding: .45rem 1rem; border: 1.5px solid rgba(255,255,255,.2); color: rgba(255,255,255,.85); background: rgba(255,255,255,.09); backdrop-filter: blur(6px); transition: all .18s; width: 120px; }
.wf-hero-actions .btn:hover { background: rgba(255,255,255,.18); color: #fff; border-color: rgba(255,255,255,.4); }
.wf-hero-actions .btn-publish { background: linear-gradient(135deg, #059669, #10b981); color: #fff; border-color: transparent; }
.wf-hero-actions .btn-publish:hover { filter: brightness(1.1); }
.wf-stepper { display: flex; gap: 0; background: var(--wf-surface); border-radius: var(--wf-radius); box-shadow: var(--wf-shadow); border: 1px solid var(--wf-border); overflow: hidden; margin-bottom: 1.5rem; margin-top: 10px; }
.wf-step { flex: 1; display: flex; align-items: center; gap: .6rem; padding: .85rem 1.1rem; font-family: 'DM Sans', sans-serif; font-size: .8rem; font-weight: 500; color: var(--wf-muted); border-right: 1px solid var(--wf-border); position: relative; transition: background .18s; }
.wf-step:last-child { border-right: none; }
.wf-step-icon { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: .85rem; background: #f0f1f5; color: var(--wf-muted); flex-shrink: 0; transition: all .18s; }
.wf-step.is-done .wf-step-icon { background: #d1fae5; color: var(--wf-done); }
.wf-step.is-done .wf-step-label { color: var(--wf-done); font-weight: 500; }
.wf-step.is-active { background: #f5f3ff; }
.wf-step.is-active .wf-step-icon { background: var(--wf-accent); color: #fff; box-shadow: 0 0 0 4px rgba(79,70,229,.15); }
.wf-step.is-active .wf-step-label { color: var(--wf-accent); font-weight: 600; }
.wf-step-num { font-size: .65rem; color: var(--wf-muted); margin-top: .05rem; }
.wf-step.is-done .wf-step-check { display: inline-block; }
.wf-step-check { display: none; margin-left: auto; font-size: .9rem; color: var(--wf-done); }
.wf-tabnav { display: flex; gap: .35rem; padding: .5rem; background: var(--wf-surface); border-radius: 12px; border: 1px solid var(--wf-border); box-shadow: var(--wf-shadow); }
.wf-tabnav .nav-link { font-family: 'DM Sans', sans-serif; font-size: .82rem; font-weight: 500; color: var(--wf-muted); border-radius: 9px; padding: .55rem 1.1rem; border: none; background: transparent; display: flex; align-items: center; gap: .4rem; transition: all .15s; }
.wf-tabnav .nav-link i { font-size: .9rem; }
.wf-tabnav .nav-link:hover { background: #f3f4f8; color: var(--wf-text); }
.wf-tabnav .nav-link.active { background: var(--wf-accent); color: #fff; box-shadow: 0 2px 8px rgba(79,70,229,.3); }
.wf-card { background: var(--wf-surface); border-radius: var(--wf-radius); border: 1px solid var(--wf-border); box-shadow: var(--wf-shadow); margin-bottom: 1.4rem; overflow: hidden; transition: box-shadow .18s; }
.wf-card:hover { box-shadow: var(--wf-shadow-md); }
.wf-card-header { padding: 1rem 1.25rem .75rem; border-bottom: 1px solid var(--wf-border); display: flex; align-items: center; justify-content: space-between; background: #fafbfd; }
.wf-card-header h5 { font-family: 'DM Sans', sans-serif; font-size: .82rem; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--wf-muted); margin: 0; display: flex; align-items: center; gap: .5rem; }
.wf-card-header h5 i { font-size: .95rem; color: var(--wf-accent); }
.wf-card-body { padding: 1.25rem; }
.wf-card-body.small { padding: 1rem 1.25rem; font-size: .84rem; }
.wf-author-chip { border-bottom: 1px solid var(--wf-border); padding: .7rem 0; }
.wf-author-chip:last-child { border-bottom: none; padding-bottom: 0; }
.wf-author-chip .name { font-weight: 600; font-size: .88rem; }
.wf-author-chip .detail { font-size: .78rem; color: var(--wf-muted); }
.wf-author-chip .detail i { color: var(--wf-accent); opacity: .7; }
.wf-meta dt { font-size: .78rem; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--wf-muted); padding: .45rem 0; }
.wf-meta dd { font-size: .84rem; padding: .45rem 0; border-bottom: 1px solid var(--wf-border); color: var(--wf-text); }
.wf-meta dd:last-child { border-bottom: none; }
.wf-btn { border-radius: 9px; font-size: .82rem; font-weight: 500; padding: .5rem 1.1rem; transition: all .15s; border: 1.5px solid; }
.wf-btn-primary { background: var(--wf-accent); color: #fff; border-color: var(--wf-accent); }
.wf-btn-primary:hover { background: #15c2dd; border-color: #3730a3; color: #fff; }
.wf-btn-outline { background: transparent; color: var(--wf-accent); border-color: var(--wf-accent); }
.wf-btn-outline:hover { background: #ede9fe; }
.wf-btn-danger { background: #dc2626; color: #fff; border-color: #dc2626; }
.wf-btn-danger:hover { background: #b91c1c; }
.wf-btn-success { background: var(--wf-done); color: #fff; border-color: var(--wf-done); }
.wf-btn-sm { padding: .32rem .75rem; font-size: .78rem; border-radius: 7px; }
.wf-reviewer-row { border: 1px solid var(--wf-border); border-radius: 10px; padding: .9rem 1rem; margin-bottom: .65rem; background: #fafbfd; display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; transition: border-color .15s; }
.wf-reviewer-row:hover { border-color: #c4b5fd; }
.wf-reviewer-badge { font-size: .7rem; padding: .2rem .6rem; border-radius: 999px; font-weight: 600; }
.wf-alert { border-radius: 10px; padding: .8rem 1rem; font-size: .84rem; border: 1px solid; margin-bottom: 1rem; display: flex; align-items: flex-start; gap: .6rem; }
.wf-alert i { font-size: 1rem; flex-shrink: 0; margin-top: .05rem; }
.wf-alert-success { background: #f0fdf4; border-color: #bbf7d0; color: #166534; }
.wf-alert-danger  { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
.wf-alert-warning { background: #fffbeb; border-color: #fde68a; color: #92400e; }
.wf-submitter { display: flex; align-items: center; gap: .9rem; }
.wf-submitter-avatar { width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(135deg, var(--wf-accent), var(--wf-accent2)); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.1rem; flex-shrink: 0; }
.wf-submitter-name { font-weight: 600; font-size: .9rem; }
.wf-submitter-detail { font-size: .78rem; color: var(--wf-muted); }
.wf-flash-bar { border-radius: 10px; font-size: .84rem; margin-bottom: 1.1rem; }
.wf-timeline-item { display: flex; gap: .8rem; padding: .65rem 0; border-bottom: 1px solid var(--wf-border); }
.wf-timeline-item:last-child { border-bottom: none; }
.wf-timeline-dot { width: 28px; height: 28px; border-radius: 50%; background: #f0f1f5; display: flex; align-items: center; justify-content: center; font-size: .8rem; flex-shrink: 0; margin-top: .15rem; }
.wf-file-item { display: flex; align-items: center; gap: .6rem; padding: .55rem .75rem; border: 1px solid var(--wf-border); border-radius: 8px; margin-bottom: .45rem; background: #fafbfd; font-size: .82rem; }
.wf-file-item i.file-icon { color: var(--wf-accent); font-size: 1rem; }
.wf-file-item a { color: var(--wf-text); text-decoration: none; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wf-file-item a:hover { color: var(--wf-accent); }
.wf-sticky { position: sticky; top: 1rem; }
.wf-round-tabs { border-bottom: 2px solid var(--wf-border); margin-bottom: 1.2rem; display: flex; gap: .15rem; }
.wf-round-tabs .nav-link { font-size: .8rem; color: var(--wf-muted); border-bottom: 2.5px solid transparent; border-radius: 0; padding: .5rem .9rem; margin-bottom: -2px; }
.wf-round-tabs .nav-link.active { color: var(--wf-accent); border-bottom-color: var(--wf-accent); font-weight: 600; background: transparent; }
.wf-pipeline { display: flex; gap: 0; margin-bottom: 0; }
.wf-log-fab { position: fixed; top: 50%; right: 0; transform: translateY(-50%); z-index: 1050; writing-mode: vertical-rl; padding: 14px 7px; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-radius: 10px; background: linear-gradient(180deg, var(--wf-accent), var(--wf-accent2)); color: #fff; font-size: .78rem; font-weight: 600; letter-spacing: .04em; border: none; box-shadow: -3px 0 16px rgba(79,70,229,.25); }
#workflowOffcanvas .offcanvas-header { background: linear-gradient(135deg, var(--wf-accent), var(--wf-accent2)); }
.tab-content > .tab-pane.show { padding-top: 0; }
#tabProduction { padding-top: 0 !important; }
#tabProduction > .row { margin-top: 0; }
.tab-content > .tab-pane { min-height: 0; }
@media (max-width: 576px) {
  .wf-hero { padding: 1.4rem 1.2rem 1.2rem; }
  .wf-hero h1 { font-size: 1.05rem; }
  .wf-stepper { flex-direction: column; }
  .wf-step { border-right: none; border-bottom: 1px solid var(--wf-border); }
  .wf-step:last-child { border-bottom: none; }
  .wf-tabnav { flex-wrap: wrap; }
}

/* -------------------------------------------------- */
/* Dashboard                                          */
/* -------------------------------------------------- */
body.admin{ background: linear-gradient(180deg,#f6f8fb,#ffffff); }
.sidebar{ border-right:1px solid rgba(0,0,0,0.05); background:#fff; padding-top:1rem; box-shadow: 0 6px 18px rgba(22,28,37,0.06); }
.sidebar .nav-link{ color:#495057; padding:.5rem 1rem; border-radius:6px; }
.sidebar .nav-link.active, .sidebar .nav-link:hover{ background:linear-gradient(90deg,rgba(11,94,215,0.06),rgba(23,79,134,0.03)); color:#0b5ed7; font-weight:600; }
.sidebar .sidebar-heading{ font-size:.75rem; text-transform:uppercase; color:#6c757d; letter-spacing:.06em; }
.topbar{ background:transparent; padding:.65rem 1rem; display:flex; align-items:center; gap:1rem; }
.topbar .brand{ font-weight:700; color:#174f86; font-size:1.15rem; letter-spacing:.4px; }
.topbar .search{ min-width:260px; max-width:520px; width:40vw; }
.topbar .quick-btn{ margin-left:.5rem; }
.content-card{ background:#fff; border-radius:12px; box-shadow:0 6px 18px rgba(22,28,37,0.06); padding:1.25rem; margin-bottom:1.25rem; }
.breadcrumbs{ font-size:.9rem; color:#6c757d; }
.avatar{ width:36px; height:36px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#e9eefb,#dcefff); color:#174f86; font-weight:700; font-size:.9rem; }
.alert-floating{ position:sticky; top:1rem; z-index:50; }
@media (max-width:767px){
  .sidebar{ position:fixed; z-index:1030; left:-280px; width:260px; transition:left .25s ease-in-out; height:100vh; overflow:auto; }
  .sidebar.show{ left:0; background:#fff; }
  main{ padding-top:0px; }
}
.eb-modal{ max-height:90vh; display:flex; flex-direction:column; overflow:hidden; }
.eb-scroll{ overflow-y:auto; padding:1rem; max-height:calc(90vh - 112px); }
.eb-sticky{ position:sticky; z-index:2; background:#fff; }
.eb-sticky:first-of-type{ top:0; }
.eb-sticky:last-of-type{ bottom:0; }
.modal{ overflow-y:auto !important; }
.main-content .card:first-child{ margin-top:0 !important; }
.list-group-item{ border-radius:.5rem; }

/* Dashboard editor */
.list-group-item.submission-card{ position:relative; }
.submission-title{ font-weight:600; line-height:1.3; }
.submission-meta small{ color:#6c757d; }
.badge-status{ font-weight:500; }
.submission-actions{ display:flex; gap:.5rem; flex-wrap:nowrap; position:absolute; right:1rem; bottom:1rem; }
@media (max-width:576px){ .submission-actions{ position:static; margin-top:.75rem; justify-content:flex-end; } }

/* Dashboard users */
body.users{ background:var(--ojs-bg); }
.ojs-strip{ border-bottom:1px solid var(--ojs-border); margin-bottom:.75rem; }
.ojs-strip .nav-link{ color:#111827; padding:.5rem .75rem; }
.ojs-strip .nav-link.active{ border:1px solid var(--ojs-border); border-bottom-color:#fff; background:#fff; border-top-left-radius:.4rem; border-top-right-radius:.4rem; }
.ojs-head{ background:linear-gradient(180deg,#fff,#f9fafb); border:1px solid var(--ojs-border); border-radius:.5rem; padding:.85rem 1rem; }
.ojs-title{ font-weight:700; }
.ojs-list{ display:flex; flex-direction:column; gap:.75rem; }
.ojs-item{ background:var(--ojs-card); border:1px solid var(--ojs-border); border-radius:.6rem; padding:.75rem .9rem; box-shadow:0 1px 0 rgba(16,24,40,.02); }
.ojs-row{ display:flex; gap:.75rem; align-items:flex-start; }
.ojs-col-main{ flex:1 1 auto; min-width:0; }
.ojs-col-actions{ flex:0 0 auto; display:flex; gap:.5rem; align-items:center; }
.ojs-name{ font-weight:700; }
.ojs-meta{ color:#6b7280; font-size:.875rem; }
.ojs-badges{ margin-top:.25rem; display:flex; flex-wrap:wrap; gap:.35rem; }
.role-chip{ display:inline-block; padding:.22rem .5rem; font-size:.78rem; background:#eef2f7; border:1px solid var(--ojs-border); border-radius:999px; color:#111827; }
.badge-primary-role{ padding:.3rem .55rem; border-radius:999px; font-weight:600; }
.ojs-expand{ color:#6b7280; font-size:.85rem; cursor:pointer; user-select:none; }
.ojs-extra{ display:none; padding-top:.5rem; border-top:1px dashed var(--ojs-border); margin-top:.5rem; color:#374151; }
.ojs-item:hover{ background:#fbfcff; }
.ojs-actions .btn{ white-space:nowrap; }
@media (max-width:768px){ .ojs-row{ flex-direction:column; align-items:stretch; } .ojs-col-actions{ justify-content:flex-end; } }

.bs-popover-top .popover-body, .bs-popover-bottom .popover-body{ padding:12px; }
.ojs-issue-list .list-group-item { border: 1px solid #e5e7eb; margin-bottom: .5rem; border-radius: .5rem; background: #fff; }
.ojs-issue-item .fw-semibold a { text-decoration: none; }
.ojs-issue-item .fw-semibold a:hover { text-decoration: underline; }
.ojs-handle { cursor: grab; user-select: none; font-size: 18px; width: 1.5rem; text-align: center; color: #6b7280; }
.ojs-issue-item.dragging { opacity: .6; }
.ojs-order-on .ojs-row-actions { opacity: .35; pointer-events: none; }
#issueOrderBar.saved::after { content: ' Saved'; margin-left: .5rem; color: #198754; font-weight: 600; }

#editorial-board-showcase .member-card { flex: 0 0 100%; max-width: 100%; }
@media (min-width: 768px) { #editorial-board-showcase .member-card { flex: 0 0 19%; max-width: 19%; } }
#editorial-board-showcase .card { height: 100%; }
#editorial-board-showcase .editorial-journal-badge { display: inline-block; width: 100%; white-space: normal; word-wrap: break-word; overflow-wrap: break-word; text-align: center; color:#000; }
#editorial-board-showcase .editorial-journal-badge.text-truncate { white-space: normal !important; }

.btn-primary {
  --bs-btn-color: #fff; --bs-btn-bg: #003b44; --bs-btn-border-color: #003b44;
  --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #008080; --bs-btn-hover-border-color: #008080;
  --bs-btn-focus-shadow-rgb: 49,132,253; --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #008080; --bs-btn-active-border-color: #008080;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #008080; --bs-btn-disabled-border-color: #008080;
}

.journal-desc { overflow: hidden; max-height: 0; transition: max-height 0.3s ease; }
.journal-desc-expanded { max-height: 9999px; }

.action-chip { display: inline-flex; align-items: center; padding: 6px 10px; border-radius: 999px; border: 1px solid #e1e5ea; background: #f8f9fb; cursor: pointer; transition: all .18s ease-in-out; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); }
.action-chip-icon { width: 28px; height: 28px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; margin-right: 8px; background: rgba(13,110,253,0.07); font-size: 14px; }
.action-chip-body { line-height: 1.1; }
.action-chip-label { font-size: 12px; font-weight: 600; color: #111827; }
.action-chip-sub { font-size: 10px; color: #6b7280; }
.action-chip:hover { background: #ffffff; border-color: #cbd5f5; box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08); transform: translateY(-1px); }
.action-chip-accent { border-color: rgba(13,110,253,0.25); background: rgba(13,110,253,0.03); }
.action-chip-accent .action-chip-icon { background: #0d6efd; color: #ffffff; }
.action-chip-accent .action-chip-label { color: #0d1729; }
.action-chip-accent:hover { background: #0d6efd; border-color: #0d6efd; }
.action-chip-accent:hover .action-chip-label, .action-chip-accent:hover .action-chip-sub { color: #ffffff; }

.cfp-banner { border-radius: 1rem; background: var(--jp-brand); position: relative; overflow: hidden; }
.cfp-banner::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 20% 20%, rgba(255,255,255,0.25), transparent 55%), radial-gradient(circle at 80% 80%, rgba(0,0,0,0.25), transparent 55%), linear-gradient(45deg, rgba(255,255,255,0.05), rgba(0,0,0,0.05)); opacity: 0.7; mix-blend-mode: overlay; pointer-events: none; }
.cfp-banner .card-body { position: relative; z-index: 1; }
.cfp-icon-wrap { width: 42px; height: 42px; background: rgba(0,0,0,0.22); color: #ffffff; font-size: 1.5rem; box-shadow: inset 0 0 8px rgba(0,0,0,0.3); }
.cfp-btn-primary { color: #004d40 !important; }
.cfp-btn-outline { border-color: rgba(255,255,255,0.85); color: #ffffff !important; }
.cfp-btn-outline:hover { background-color: rgba(255,255,255,0.18); }
.text-white-75 { color: rgba(255,255,255,0.85) !important; }
@media (max-width: 576px) { .cfp-banner { border-radius: 0.75rem; } }

/* Journal Hero Slider */
.aa-journalHero { overflow: hidden; background: #071017; box-shadow: 0 18px 50px rgba(0,0,0,.30); position: relative; }
.aa-journalHero-slide { position: relative; min-height: 420px; background-size: cover; background-position: center; }
.aa-journalHero-slide::after { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 48px 48px; opacity: .28; z-index: 1; }
.aa-journalHero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5,14,18,.94) 0%, rgba(5,14,18,.80) 55%, rgba(5,14,18,.35) 100%); z-index: 1; }
.aa-journalHero-inner { position: relative; z-index: 2; min-height: 420px; display: flex; align-items: center; padding: 42px 12px; }
.aa-journalHero-top { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 12px; }
.aa-journalHero-badge, .aa-journalHero-tag { padding: 8px 12px; border-radius: 999px; font-weight: 700; font-size: .85rem; display: inline-flex; }
.aa-journalHero-badge { color: rgba(255,255,255,.92); background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); backdrop-filter: blur(8px); }
.aa-journalHero-tag { color: #fff; background: rgba(30,127,115,.65); border: 1px solid rgba(30,127,115,.20); }
.aa-journalHero-title { margin: 8px 0 12px; font-weight: 700; font-size: 1.45rem; line-height: 1.35; }
.aa-journalHero-title a { color: #fff; text-decoration: none; }
.aa-journalHero-title a:hover { text-decoration: underline; }
.aa-journalHero-meta { margin-top: 8px; font-size: .96rem; color: rgba(255,255,255,.86); }
.aa-journalHero-label { color: rgba(255,255,255,.66); font-weight: 700; margin-right: 6px; }
.aa-journalHero-link { color: #7ff7ea; font-weight: 700; text-decoration: none; }
.aa-journalHero-text { color: rgba(255,255,255,.88); font-weight: 500; }
.aa-journalHero-actions { display: flex; gap: 10px; margin-top: 18px; flex-wrap: wrap; }
.aa-jbtn { padding: 10px 16px; border-radius: 6px; font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; transition: 0.3s; padding: 5px; }
.aa-jbtn-primary { background: #1e7f73; color: #fff !important; }
.aa-jbtn-primary:hover { background: #196a60; }
.aa-jbtn-ghost { background: rgba(255,255,255,.08); color: #fff !important; border: 1px solid rgba(255,255,255,.18); backdrop-filter: blur(8px); }
.aa-cleanCover { width: 340px; border-radius: 16px; overflow: hidden; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12); box-shadow: 0 14px 34px rgba(0,0,0,.28); }
.aa-journalHero-cover { height: 280px; background-size: cover; background-position: center; }
.aa-journalHero-coverBar { display: flex; justify-content: space-between; padding: 10px 12px; background: rgba(0,0,0,.25); font-size: .85rem; color: rgba(255,255,255,.78); }
.aa-journalHero-dot { width: 6px; height: 6px; background: #7ff7ea; border-radius: 50%; }
.aa-journalHero-indicators { position: absolute; left: 16px; bottom: 14px; z-index: 5; margin: 0; display: flex; gap: 6px; }
.aa-journalHero-indicators [data-bs-target] { width: 18px; height: 4px; border-radius: 4px; border: 0; background: rgba(255,255,255,.30); transition: 0.3s; }
.aa-journalHero-indicators .active { width: 44px; background: #7ff7ea; }
.aa-journalHero-arrow { width: 60px; opacity: 1; }
.aa-journalHero .carousel-control-prev-icon, .aa-journalHero .carousel-control-next-icon { background-color: rgba(255,255,255,.10); padding: 18px; border-radius: 50%; backdrop-filter: blur(8px); }
@media (max-width: 991px) { .aa-journalHero-slide, .aa-journalHero-inner { min-height: 350px; } .aa-journalHero-inner { align-items: flex-end; padding-bottom: 50px; } .aa-journalHero-title { font-size: 1.15rem; } .aa-jbtn { width: 100%; } }

/* Global Text Decoration */
a { color: var(--brand); text-decoration: none; position: relative; transition: color .2s ease; }
a::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 1.5px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform .25s ease; }
a:hover { color: var(--accent); }
a:hover::after { transform: scaleX(1); }
.btn, .btn::after, button, button::after { text-decoration: none !important; content: none !important; }
.nav-link::after, .hb-nav a::after, .top-inline-link::after { content: none !important; }
a i, a i::after { text-decoration: none !important; content: none !important; }


/* PH Header */
.ph-shell{ position:sticky; top:0; z-index:1050; background:var(--ph-bg); border-bottom:3px solid var(--ph-accent); box-shadow:0 1px 0 var(--ph-border); transition:box-shadow .25s var(--ph-ease); }
.ph-shell.scrolled{ box-shadow:0 2px 12px rgba(0,0,0,.10); }

.ph-ribbon{
  background:var(--ph-strip);
  border-bottom:1px solid var(--ph-border);
  font-size:.72rem;
  overflow:hidden;
  max-height:34px;
  opacity:1;
  transition:max-height .35s ease, opacity .35s ease;
}
@media(min-width:576px){ .ph-ribbon{ max-height:34px; } }
@media(max-width:575.98px){ .ph-ribbon{ max-height:60px; padding:.3rem 0; } }
.ph-ribbon.hide{
  max-height:0 !important;
  opacity:0;
  pointer-events:none;
}
.ph-ribbon__inner{ max-width:1280px; margin:0 auto; padding:0 .75rem; height:100%; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.4rem .75rem; min-height:34px; }
.ph-ribbon__left{ display:flex; align-items:center; gap:.5rem; flex-shrink:0; flex-wrap:nowrap; }
.ph-socials{ display:flex; align-items:center; gap:.3rem; list-style:none; margin:0; padding:0; }
.ph-socials a{ display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; color:var(--ph-muted); border:1px solid var(--ph-border); border-radius:3px; font-size:.65rem; text-decoration:none; transition:color .15s, border-color .15s, background .15s; line-height:1; vertical-align:middle; }
.ph-socials a:hover{ color:var(--ph-brand); border-color:var(--ph-brand); background:#f0f6f7; }
.ph-ribbon__sep{ display:inline-block; width:1px; height:12px; background:var(--ph-border); flex-shrink:0; }
.ph-ribbon__issn{ font-size:.7rem; color:var(--ph-muted); letter-spacing:.02em; white-space:nowrap; }
@media(max-width:399.98px){ .ph-ribbon__issn{ font-size:.65rem; } }
.ph-ribbon__nav{ display:flex; align-items:center; gap:1rem; }
.ph-ribbon__nav a{ font-size:.7rem; font-weight:500; color:var(--ph-muted); text-decoration:none; letter-spacing:.02em; transition:color .15s; white-space:nowrap; }
.ph-ribbon__nav a:hover{ color:var(--ph-brand); }
.ph-brand{ background:var(--ph-bg); }
@media(min-width:576px){ .ph-brand{ height:80px; } }
@media(max-width:575.98px){ .ph-brand{ height:62px; } }
.ph-brand__inner{ max-width:1280px; margin:0 auto; padding:0 .75rem; height:100%; display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
@media(min-width:768px){ .ph-brand__inner{ padding:0 1.5rem; gap:1.5rem; } }
.ph-brand__identity{ display:flex; align-items:center; gap:.7rem; text-decoration:none; min-width:0; flex-shrink:1; overflow:hidden; }
.ph-brand__identity:hover{ text-decoration:none; }
.ph-brand__monogram{ flex-shrink:0; border:2px solid var(--ph-brand); border-radius:2px; display:flex; align-items:center; justify-content:center; font-family:var(--ph-f-serif); font-weight:600; color:var(--ph-brand); letter-spacing:.02em; width:44px; height:44px; font-size:1.15rem; }
@media(max-width:575.98px){ .ph-brand__monogram{ width:36px; height:36px; font-size:.9rem; } }
.ph-brand__logo{ width:auto; display:block; object-fit:contain; flex-shrink:0; height:44px; }
@media(max-width:575.98px){ .ph-brand__logo{ height:36px; } }
.ph-brand__name{ font-family:var(--ph-f-serif); font-weight:500; color:var(--ph-ink); letter-spacing:.01em; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:1.1rem; max-width:44vw; }
@media(min-width:576px){ .ph-brand__name{ font-size:1.35rem; max-width:46vw; } }
@media(min-width:768px){ .ph-brand__name{ font-size:1.55rem; max-width:42vw; } }
@media(min-width:992px){ .ph-brand__name{ font-size:1.75rem; max-width:38vw; } }
.ph-brand__actions{ display:flex; align-items:center; gap:.4rem; flex-shrink:0; }
.ph-search-btn{ display:inline-flex; align-items:center; gap:.4rem; background:none; border:1px solid var(--ph-border); border-radius:3px; padding:.35rem .55rem; font-size:.78rem; font-weight:500; color:var(--ph-mid); font-family:var(--ph-f-sans); cursor:pointer; transition:border-color .15s,color .15s,background .15s; white-space:nowrap; }
.ph-search-btn:hover{ border-color:var(--ph-brand); color:var(--ph-brand); background:#f0f6f7; }
.ph-search-btn i{ font-size:.78rem; }
@media(max-width:575.98px){ .ph-search-btn .ph-search-label{ display:none; } }
.ph-submit-btn{ display:inline-flex; align-items:center; gap:.4rem; background:var(--ph-brand); color:#fff !important; border:none; border-radius:3px; padding:.42rem .9rem; font-size:.8rem; font-weight:600; letter-spacing:.03em; font-family:var(--ph-f-sans); text-decoration:none; white-space:nowrap; transition:background .15s; }
.ph-submit-btn:hover{ background:#005060; text-decoration:none; }
.ph-avatar{ width:34px; height:34px; border-radius:50%; background:var(--ph-brand); color:#fff; font-family:var(--ph-f-sans); font-size:.7rem; font-weight:700; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; border:none; transition:opacity .15s; }
.ph-avatar:hover{ opacity:.85; }
.ph-guest-btn{ display:inline-flex; align-items:center; gap:.35rem; background:none; border:1px solid var(--ph-border); border-radius:3px; padding:.38rem .7rem; font-size:.8rem; font-weight:500; color:var(--ph-mid); font-family:var(--ph-f-sans); cursor:pointer; transition:border-color .15s,color .15s; }
.ph-guest-btn:hover{ border-color:var(--ph-brand); color:var(--ph-brand); }
.ph-toggler{ display:none; flex-direction:column; justify-content:center; gap:5px; width:36px; height:36px; background:none; border:1px solid var(--ph-border); border-radius:3px; cursor:pointer; padding:0; align-items:center; transition:border-color .15s; }
.ph-toggler:hover{ border-color:var(--ph-brand); }
.ph-toggler span{ display:block; width:16px; height:1.5px; background:var(--ph-ink); border-radius:1px; transition:transform .22s var(--ph-ease),opacity .22s; }
.ph-toggler.open span:nth-child(1){ transform:translateY(6.5px) rotate(45deg); }
.ph-toggler.open span:nth-child(2){ opacity:0; }
.ph-toggler.open span:nth-child(3){ transform:translateY(-6.5px) rotate(-45deg); }
@media(max-width:991.98px){ .ph-toggler{ display:flex; } }
.ph-dropdown{ border:1px solid var(--ph-border) !important; border-radius:3px !important; box-shadow:0 4px 20px rgba(0,0,0,.10) !important; padding:.3rem 0 !important; min-width:195px; font-family:var(--ph-f-sans); z-index: 10000;}
.ph-dropdown__header{ padding:.55rem 1rem .4rem; border-bottom:1px solid var(--ph-border); margin-bottom:.25rem; }
.ph-dropdown__header strong{ display:block; font-size:.82rem; color:var(--ph-ink); font-weight:600; }
.ph-dropdown__header small{ display:block; font-size:.7rem; color:var(--ph-muted); margin-top:1px; }
.ph-dropdown__item{ display:flex; align-items:center; gap:.55rem; padding:.42rem 1rem; font-size:.8rem; color:var(--ph-mid); text-decoration:none; background:none; border:none; cursor:pointer; width:100%; font-family:var(--ph-f-sans); transition:background .12s,color .12s; }
.ph-dropdown__item i{ font-size:.78rem; color:var(--ph-muted); flex-shrink:0; }
.ph-dropdown__item:hover{ background:#f5f5f5; color:var(--ph-brand); }
.ph-dropdown__item:hover i{ color:var(--ph-brand); }
.ph-dropdown__item--danger{ color:#b91c1c; }
.ph-dropdown__item--danger i{ color:#b91c1c; }
.ph-dropdown__item--danger:hover{ background:#fff5f5; color:#991b1b; }
.ph-dropdown__divider{ border:none; border-top:1px solid var(--ph-border); margin:.3rem 0; }
.ph-nav{ background:var(--ph-bg); border-top:1px solid var(--ph-border); overflow:visible; position:relative; z-index:1000; }
@media(min-width:992px){ .ph-nav{ height:42px; } .ph-nav .navbar-collapse{ display:flex !important; align-items:center; width:100%; height:100%; overflow:visible; } }
.ph-nav__inner{ max-width:1280px; margin:0 auto; padding:0 1.5rem; display:flex; align-items:center;  gap:0; }
.ph-nav__scroll{ flex:1 1 0; min-width:0; overflow-x:auto; overflow-y:visible; height:100%; scrollbar-width:none; -ms-overflow-style:none; }
.ph-nav__scroll::-webkit-scrollbar{ display:none; }
.ph-nav__list{ display:flex; align-items:stretch; gap:0; list-style:none; height:42px; margin:0; padding:0; white-space:nowrap; min-width:max-content; }
.ph-nav__item {
  position: relative !important;
  /*! display: flex; */
  align-items: stretch;
}

/* Nav scroll overflow fix */
.ph-nav__scroll {
  overflow-y: visible !important;
}

.ph-nav__list .dropdown-menu {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  bottom: auto !important;
  right: auto !important;
  transform: none !important;
  inset: unset !important;
  margin-top: 0 !important;
  z-index: 9999 !important;
  min-width: 200px;
  border-radius: 3px;
  border: 1px solid var(--ph-border);
  box-shadow: 0 4px 20px rgba(0,0,0,.10);
  background: #fff;
}

@media (min-width: 992px) {
  .ph-nav__list .dropdown:hover > .dropdown-menu {
    display: block;
  }
  .ph-nav__list .dropdown-menu .dropdown-item {
    font-size: .82rem;
    color: var(--ph-mid);
    padding: .42rem 1rem;
    white-space: nowrap;
  }
  .ph-nav__list .dropdown-menu .dropdown-item:hover {
    background: #f5f5f5;
    color: var(--ph-brand);
  }
}
.ph-nav__link{ display:inline-flex; align-items:center; padding:10px; font-family:var(--ph-f-sans); font-size:.84rem; font-weight:500; color:var(--ph-mid) !important; text-decoration:none !important; letter-spacing:.01em; white-space:nowrap; border-bottom:2px solid transparent; margin-bottom:-1px; transition:color .15s, border-color .15s; }
.ph-nav__link:hover { color:var(--ph-ink) !important; border-bottom-color:var(--ph-accent); }
.ph-nav__link.active { color:var(--ph-ink) !important; border-bottom-color:var(--ph-accent); font-weight:600; }
.ph-nav__link.dropdown-toggle::after{ margin-left:.3rem; opacity:.5; }
.ph-nav__right{ margin-left:auto; display:flex; align-items:center; border-left:1px solid var(--ph-border); padding-left:1rem; gap:.75rem; height:100%; }
.ph-nav__badge{ font-size:.7rem; color:var(--ph-muted); letter-spacing:.03em; white-space:nowrap; }
.ph-nav__badge strong{ color:var(--ph-brand); font-weight:600; }
@media(max-width:991.98px){
  .ph-nav{ height:auto; border-top:none; overflow:visible; }
  .ph-nav__inner{ padding:0; display:block; }
  .ph-nav__scroll{ overflow:visible; height:auto; }
  .ph-nav .navbar-collapse{ background:#fff; border-top:1px solid var(--ph-border); }
  .ph-nav__list{ flex-direction:column; height:auto; padding:.25rem 0; }
  .ph-nav__item{ display:block; }
  .ph-nav__link{ display:block; padding:.65rem 1.25rem; border-bottom:none !important; border-left:3px solid transparent; margin:0; height:auto; }
  .ph-nav__link:hover, .ph-nav__link.active{ border-left-color:var(--ph-accent); background:#fafafa; }
  .ph-nav__right{ display:none !important; }
  .ph-nav .ph-dropdown{ position:static !important; box-shadow:none !important; border:none !important; border-left:3px solid var(--ph-border) !important; margin-left:1.25rem !important; padding:.2rem 0 !important; border-radius:0 !important; width:auto !important; }
}
.ph-search-overlay{ position:fixed; inset:0; z-index:2000; display:none; flex-direction:column; align-items:center; padding-top:10vh; }
.ph-search-overlay.open{ display:flex; }
.ph-search-overlay__bg{ position:absolute; inset:0; background:rgba(255,255,255,.92); backdrop-filter:blur(4px); animation:phFadeIn .18s ease; }
@keyframes phFadeIn{ from{opacity:0} to{opacity:1} }
.ph-search-overlay__box{ position:relative; z-index:1; width:min(640px,92vw); animation:phUp .2s var(--ph-ease); }
@keyframes phUp{ from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:translateY(0)} }
.ph-search-overlay__label{ display:block; font-family:var(--ph-f-serif); font-size:1.2rem; color:var(--ph-mid); margin-bottom:.75rem; letter-spacing:.01em; }
.ph-search-overlay__row{ display:flex; border:1.5px solid var(--ph-ink); border-radius:2px; overflow:hidden; background:#fff; transition:box-shadow .18s; }
.ph-search-overlay__row:focus-within{ box-shadow:0 0 0 3px rgba(0,0,0,.08); }
.ph-search-overlay__input{ flex:1; border:none; outline:none; font-family:var(--ph-f-sans); font-size:1rem; color:var(--ph-ink); padding:.8rem 1rem; background:transparent; }
.ph-search-overlay__input::placeholder{ color:#aaa; }
.ph-search-overlay__go{ background:var(--ph-ink); color:#fff; border:none; padding:.8rem 1.25rem; font-size:.85rem; font-weight:600; font-family:var(--ph-f-sans); cursor:pointer; white-space:nowrap; display:flex; align-items:center; gap:.3rem; transition:background .15s; }
.ph-search-overlay__go:hover{ background:#333; }
.ph-search-overlay__hint{ margin-top:.6rem; font-size:.72rem; color:var(--ph-muted); letter-spacing:.02em; }
.ph-search-overlay__hint kbd{ font-size:.65rem; background:#eee; padding:.1rem .3rem; border-radius:3px; border:1px solid #ccc; }
.ph-search-overlay__close{ position:absolute; top:-2.5rem; right:0; background:none; border:none; font-size:.8rem; color:var(--ph-muted); cursor:pointer; font-family:var(--ph-f-sans); display:flex; align-items:center; gap:.3rem; transition:color .15s; }
.ph-search-overlay__close:hover{ color:var(--ph-ink); }
.ph-search-overlay__close kbd{ font-size:.65rem; background:rgba(0,0,0,.06); padding:.1rem .3rem; border-radius:3px; border:1px solid rgba(0,0,0,.12); }


@media(min-width:768px){ .pf-inner{ padding:2.5rem 2rem 0; } }
.pf-top{ display:flex; flex-direction:column; gap:1.25rem; padding-bottom:1.75rem; border-bottom:1px solid rgba(255,255,255,.12); margin-bottom:1.75rem; }
@media(min-width:768px){ .pf-top{ flex-direction:row; align-items:center; justify-content:space-between; } }
.pf-identity{ display:flex; align-items:center; gap:.85rem; }
.pf-mono{ width:44px; height:44px; flex-shrink:0; border:1.5px solid rgba(255,255,255,.35); border-radius:2px; display:flex; align-items:center; justify-content:center; font-family:var(--pf-serif); font-size:1.15rem; font-weight:600; color:#fff; letter-spacing:.02em; }
.pf-journal-name{ font-family:var(--pf-serif); font-size:1.1rem; font-weight:500; color:#fff; line-height:1.25; margin-bottom:.2rem; }
.pf-issn-row{ font-size:.72rem; color:rgba(255,255,255,.55); letter-spacing:.02em; }
.pf-top-btns{ display:flex; gap:.6rem; flex-wrap:wrap; flex-shrink:0; }
.pf-cta-btn{ display:inline-flex; align-items:center; gap:.3rem; font-family:var(--pf-sans); font-size:.8rem; font-weight:600; text-decoration:none; padding:.42rem 1rem; border-radius:2px; border:1.5px solid; white-space:nowrap; transition:background .15s, color .15s; }
.pf-cta-btn--white{ background:#fff; border-color:#fff; color:var(--pf-brand)!important; }
.pf-cta-btn--white:hover{ background:#f0f6f7; text-decoration:none; }
.pf-cta-btn--outline{ background:transparent; border-color:rgba(255,255,255,.4); color:#fff!important; }
.pf-cta-btn--outline:hover{ background:rgba(255,255,255,.1); text-decoration:none; }
.pf-grid{ display:grid; grid-template-columns:1fr; gap:1.75rem; padding-bottom:1.75rem; }
@media(min-width:576px){ .pf-grid{ grid-template-columns:1fr 1fr; } }
@media(min-width:1024px){ .pf-grid{ grid-template-columns:2fr 1fr 1fr 1.4fr; gap:2.5rem; } }
.pf-col-head{ font-family:var(--pf-sans); font-size:.66rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.5); border-top:1.5px solid rgba(255,255,255,.18); padding-top:.35rem; margin-bottom:.85rem; }
.pf-desc{ font-size:.82rem; color:rgba(255,255,255,.65); line-height:1.65; margin:0; }
.pf-links{ list-style:none; padding:0; margin:0; }
.pf-links li{ margin-bottom:.45rem; }
.pf-links a{ color:rgba(255,255,255,.7); text-decoration:none; font-size:.82rem; transition:color .15s; display:inline-flex; align-items:center; gap:.4rem; }
.pf-links a:hover{ color:#fff; text-decoration:none; }
.pf-links a i{ font-size:.72rem; opacity:.6; }
.pf-contact{ list-style:none; padding:0; margin:0 0 1rem; }
.pf-contact li{ display:flex; align-items:flex-start; gap:.55rem; color:rgba(255,255,255,.65); font-size:.82rem; margin-bottom:.5rem; line-height:1.4; }
.pf-contact li i{ flex-shrink:0; margin-top:.15rem; font-size:.85rem; opacity:.6; }
.pf-contact a{ color:rgba(255,255,255,.8); text-decoration:none; }
.pf-contact a:hover{ color:#fff; }
.pf-socials{ display:flex; gap:.5rem; margin-bottom:.9rem; }
.pf-social{ width:30px; height:30px; border:1px solid rgba(255,255,255,.2); border-radius:2px; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.65); font-size:.8rem; text-decoration:none; transition:border-color .15s, color .15s, background .15s; }
.pf-social:hover{ border-color:rgba(255,255,255,.6); color:#fff; background:rgba(255,255,255,.08); text-decoration:none; }
.pf-bottom{ border-top:1px solid rgba(255,255,255,.1); padding:.85rem 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.65rem; font-size:.73rem; color:rgba(255,255,255,.45); }
.pf-bottom a{ color:rgba(255,255,255,.5); text-decoration:none; transition:color .15s; }
.pf-bottom a:hover{ color:rgba(255,255,255,.85); }
.pf-bottom__links{ display:flex; flex-wrap:wrap; gap:.75rem; }

/* Journal Home */
.jp *{box-sizing:border-box;} .jp a{color:inherit;}
.jp-w{max-width:var(--jp-max);margin:0 auto;padding:0 1.25rem;}
@media(min-width:768px){.jp-w{padding:0 2rem;}}
.jp-sh{ display:flex;align-items:baseline;gap:1rem; border-top:3px solid var(--jp-accent); padding-top:.45rem;margin-bottom:1.5rem; }
.jp-sh__t{font-family:var(--jp-serif);font-size:1.2rem;font-weight:600;color:var(--jp-ink);letter-spacing:-.01em;}
.jp-sh__more{margin-left:auto;font-size:.78rem;font-weight:600;color:var(--jp-brand);text-decoration:none;white-space:nowrap;}
.jp-sh__more:hover{text-decoration:underline;}
.jp-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--jp-sans);font-size:.82rem;font-weight:600;text-decoration:none;padding:.42rem .95rem;border-radius:2px;border:1.5px solid;transition:background .15s,color .15s;white-space:nowrap;}
.jp-btn--solid{background:var(--jp-brand);border-color:var(--jp-brand);color:#fff!important;}
.jp-btn--solid:hover{background:#005060;border-color:#005060;text-decoration:none;}
.jp-btn--ghost{background:transparent;border-color:var(--jp-line);color:var(--jp-mid)!important;}
.jp-btn--ghost:hover{border-color:var(--jp-brand);color:var(--jp-brand)!important;text-decoration:none;}
.jp-feat{background:var(--jp-bg);border-bottom:1px solid var(--jp-line);padding:2.5rem 0 2rem;}
.jp-feat__grid{display:grid;grid-template-columns:1fr;gap:0;}
@media(min-width:1024px){.jp-feat__grid{grid-template-columns:1fr 320px;}}
.jp-lead{padding-bottom:1.5rem;border-bottom:1px solid var(--jp-line);}
@media(min-width:1024px){.jp-lead{padding-right:2.5rem;padding-bottom:0;border-bottom:none;border-right:1px solid var(--jp-line);}}
.jp-lead__badge{display:inline-block;font-family:var(--jp-sans);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--jp-accent);border-top:2px solid var(--jp-accent);padding-top:.3rem;margin-bottom:1rem;}
.jp-lead__img{width:100%;aspect-ratio:16/7;object-fit:cover;display:block;margin-bottom:1.25rem;border:1px solid var(--jp-line);}
.jp-lead__title{font-family:var(--jp-serif);font-size:1.85rem;font-weight:500;line-height:1.22;color:var(--jp-ink);text-decoration:none;display:block;margin-bottom:.55rem;}
.jp-lead__title:hover{color:var(--jp-brand);text-decoration:none;}
@media(min-width:768px){.jp-lead__title{font-size:2.1rem;}}
.jp-lead__authors{font-size:.875rem;color:var(--jp-muted);margin-bottom:.3rem;}
.jp-lead__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;font-size:.8rem;color:var(--jp-muted);margin-bottom:1rem;}
.jp-lead__meta a{color:var(--jp-brand);text-decoration:none;}.jp-lead__meta a:hover{text-decoration:underline;}
.jp-lead__btns{display:flex;gap:.6rem;flex-wrap:wrap;}
.jp-ss{padding-top:1.5rem;}
@media(min-width:1024px){.jp-ss{padding-top:0;padding-left:2rem;}}
.jp-ss__lbl{font-family:var(--jp-sans);font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--jp-muted);border-top:2px solid var(--jp-line);padding-top:.3rem;margin-bottom:1rem;}
.jp-ss-item{display:flex;gap:.8rem;padding:.8rem 0;border-bottom:1px solid var(--jp-line);}
.jp-ss-item:last-child{border-bottom:none;}
.jp-ss-item__n{font-family:var(--jp-serif);font-size:1.4rem;color:#d0d0d0;line-height:1;width:24px;text-align:center;flex-shrink:0;padding-top:2px;}
.jp-ss-item__sec{font-size:.64rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--jp-accent);margin-bottom:.15rem;}
.jp-ss-item__title{font-family:var(--jp-serif);font-size:.95rem;font-weight:500;line-height:1.3;color:var(--jp-ink);text-decoration:none;display:block;margin-bottom:.15rem;}
.jp-ss-item__title:hover{color:var(--jp-brand);text-decoration:none;}
.jp-ss-item__au{font-size:.75rem;color:var(--jp-muted);}
.jp-sbar{background:var(--jp-wash);border-top:1px solid var(--jp-line);border-bottom:1px solid var(--jp-line);padding:.8rem 0;}
.jp-sbar__form{display:flex;max-width:660px;}
.jp-sbar__q{flex:1;border:1.5px solid #bbb;border-right:none;border-radius:2px 0 0 2px;padding:.5rem .85rem;font-size:.9rem;font-family:var(--jp-sans);color:var(--jp-ink);outline:none;background:#fff;transition:border-color .15s;}
.jp-sbar__q:focus{border-color:var(--jp-brand);}
.jp-sbar__q::placeholder{color:#aaa;}
.jp-sbar__go{background:var(--jp-brand);color:#fff;border:1.5px solid var(--jp-brand);border-radius:0 2px 2px 0;padding:.5rem 1.1rem;font-size:.875rem;font-weight:600;font-family:var(--jp-sans);cursor:pointer;white-space:nowrap;transition:background .15s;}
.jp-sbar__go:hover{background:#005060;border-color:#005060;}
.jp-sbar__hint{font-size:.7rem;color:var(--jp-muted);margin-top:.25rem;}
.jp-body{padding:2.25rem 0 3.5rem;background:var(--jp-bg);}
.jp-body__grid{display:grid;grid-template-columns:1fr;gap:2.5rem;}
@media(min-width:1024px){.jp-body__grid{grid-template-columns:1fr 288px;gap:3rem;}}
.jp-arow{display:grid;grid-template-columns:108px 1fr;gap:.9rem;padding:1.2rem 0;border-bottom:1px solid var(--jp-line);align-items:start;}
.jp-arow:first-child{border-top:1px solid var(--jp-line);}
@media(min-width:576px){.jp-arow{grid-template-columns:128px 1fr;gap:1.1rem;}}
.jp-arow__img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border:1px solid var(--jp-line);}
.jp-arow__sec{font-size:.64rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--jp-accent);margin-bottom:.18rem;}
.jp-arow__title{font-family:var(--jp-serif);font-size:1.02rem;font-weight:500;line-height:1.3;color:var(--jp-ink);text-decoration:none;display:block;margin-bottom:.28rem;}
.jp-arow__title:hover{color:var(--jp-brand);text-decoration:none;}
.jp-arow__au{font-size:.8rem;color:var(--jp-muted);margin-bottom:.22rem;}
.jp-arow__foot{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem 1rem;margin-top:.3rem;}
.jp-arow__date{font-size:.74rem;color:var(--jp-muted);}
.jp-arow__doi{font-size:.74rem;color:var(--jp-muted);}.jp-arow__doi a{color:var(--jp-brand);text-decoration:none;}.jp-arow__doi a:hover{text-decoration:underline;}
.jp-arow__views{font-size:.74rem;color:var(--jp-muted);display:inline-flex;align-items:center;gap:.2rem;}
.jp-arow__lnks{margin-left:auto;display:flex;gap:.55rem;}
.jp-arow__lnk{font-size:.76rem;font-weight:600;color:var(--jp-brand);text-decoration:none;display:inline-flex;align-items:center;gap:.2rem;}
.jp-arow__lnk:hover{text-decoration:underline;}
.jp-sb-blk{margin-bottom:1rem;/*! padding-bottom:2rem; */border-bottom:1px solid var(--jp-line);}
.jp-sb-blk:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.jp-sb-h{font-family:var(--jp-sans);font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--jp-muted);border-top:2px solid var(--jp-ink);padding-top:.35rem;margin-bottom:.9rem;}
.jp-jinfo{display:grid;grid-template-columns:auto 1fr;gap:.25rem .65rem;font-size:.81rem;margin-bottom:.75rem;}
.jp-jinfo dt{font-weight:600;color:var(--jp-muted);white-space:nowrap;}
.jp-jinfo dd{margin:0;color:var(--jp-ink);}.jp-jinfo dd a{color:var(--jp-brand);text-decoration:none;}.jp-jinfo dd a:hover{text-decoration:underline;}
.jp-cover{width:100%;max-width:150px;border:1px solid var(--jp-line);display:block;margin-bottom:.75rem;}
.jp-isbox{background:var(--jp-wash);border:1px solid var(--jp-line);padding:.85rem;margin-bottom:.65rem;}
.jp-isbox__lbl{font-size:.64rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--jp-muted);margin-bottom:.25rem;}
.jp-isbox__vol{font-family:var(--jp-serif);font-size:1rem;font-weight:500;color:var(--jp-ink);margin-bottom:.5rem;}
.jp-islink{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;font-weight:600;color:var(--jp-brand);text-decoration:none;border-bottom:1px solid var(--jp-line);padding-bottom:1px;transition:border-color .15s;}
.jp-islink:hover{border-color:var(--jp-brand);text-decoration:none;}
.jp-eic{display:flex;align-items:center;gap:.7rem;margin-bottom:.5rem;}
.jp-eic__av{width:38px;height:38px;border-radius:50%;background:var(--jp-brand);color:#fff;font-family:var(--jp-sans);font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.jp-eic__name{font-weight:600;font-size:.875rem;line-height:1.2;color:var(--jp-ink);}
.jp-eic__aff{font-size:.74rem;color:var(--jp-muted);margin-top:1px;}
.jp-rank-item{display:grid;grid-template-columns:22px 1fr;gap:.45rem;padding:.6rem 0;border-bottom:1px solid var(--jp-line);align-items:start;}
.jp-rank-item:last-child{border-bottom:none;}
.jp-rank-item__n{font-family:var(--jp-serif);font-size:.95rem;color:#ccc;line-height:1.25;text-align:center;padding-top:1px;}
.jp-rank-item__title{font-family:var(--jp-serif);font-size:.88rem;line-height:1.3;color:var(--jp-ink);text-decoration:none;display:block;margin-bottom:.12rem;}
.jp-rank-item__title:hover{color:var(--jp-brand);text-decoration:none;}
.jp-rank-item__meta{font-size:.71rem;color:var(--jp-muted);display:flex;gap:.45rem;}
.jp-cta{background:var(--jp-brand);padding:2.5rem 0;}
.jp-cta__inner{display:flex;flex-direction:column;gap:1.25rem;}
@media(min-width:768px){.jp-cta__inner{flex-direction:row;align-items:center;justify-content:space-between;gap:2rem;}}
.jp-cta__title{font-family:var(--jp-serif);font-size:1.35rem;font-weight:500;color:#fff;margin-bottom:.2rem;}
.jp-cta__sub{font-size:.875rem;color:rgba(255,255,255,.7);}
.jp-cta__btns{display:flex;gap:.65rem;flex-wrap:wrap;flex-shrink:0;}
.jp-ctabtn{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--jp-sans);font-size:.875rem;font-weight:600;text-decoration:none;padding:.52rem 1.2rem;border-radius:2px;border:1.5px solid;transition:background .15s,color .15s;}
.jp-ctabtn--w{background:#fff;border-color:#fff;color:var(--jp-brand)!important;}
.jp-ctabtn--w:hover{background:#f0f6f7;text-decoration:none;}
.jp-ctabtn--o{background:transparent;border-color:rgba(255,255,255,.45);color:#fff!important;}
.jp-ctabtn--o:hover{background:rgba(255,255,255,.12);text-decoration:none;}

/* Article Reader */
.ar{font-family:var(--ar-sans);background:var(--ar-bg);}
.ar *{box-sizing:border-box;}
.ar a{color:inherit;text-decoration:none;}
.ar-w{max-width:var(--ar-max);margin:0 auto;padding:0 1.5rem;}
@media(min-width:1024px){.ar-w{padding:0 2.5rem;}}
.ar-crumb{ background:var(--ar-wash); border-bottom:1px solid var(--ar-line); padding:.45rem 0;font-size:.75rem; }
.ar-crumb ol{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:0;}
.ar-crumb li{display:flex;align-items:center;}
.ar-crumb li+li::before{content:'›';color:#bbb;margin:0 .4rem;}
.ar-crumb a{color:var(--ar-muted);display:inline-flex;align-items:center;gap:.2rem;transition:color .13s;}
.ar-crumb a:hover{color:var(--ar-brand);}
.ar-crumb-cur{color:var(--ar-muted);max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ar-header{ padding:1.75rem 0 0; border-bottom:1px solid var(--ar-line); }
.ar-header-inner{max-width:860px;}
.ar-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.7rem;}
.ar-badge-type{ font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase; color:var(--ar-accent);border-top:2px solid var(--ar-accent);padding-top:.25rem; }
.ar-badge-oa{ display:inline-flex;align-items:center;gap:.25rem; font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase; color:#1a7340;background:rgba(26,115,64,.07);border:1px solid #c3e6d0; border-radius:3px;padding:.14rem .48rem; }
.ar-title{ font-family:var(--ar-serif); font-size:1.65rem;font-weight:500;line-height:1.22; color:var(--ar-ink);margin:0 0 .9rem; }
@media(min-width:768px){.ar-title{font-size:1.9rem;}}
.ar-authors-line{ display:flex;flex-wrap:wrap;align-items:center; gap:.15rem .05rem;margin-bottom:.6rem; font-size:.9rem; }
.ar-achip{ font-family:var(--ar-sans);font-size:.9rem;font-weight:500; color:var(--ar-brand);background:none;border:none;padding:0; cursor:pointer;display:inline-flex;align-items:center;gap:.08rem; transition:color .13s; }
.ar-achip:hover{color:var(--ar-accent);text-decoration:underline;}
.ar-achip sup{color:var(--ar-accent);font-size:.65em;margin-left:.05rem;}
.ar-asep{color:#bbb;font-size:.85rem;margin:0 .04rem;}
.ar-corr-note{font-size:.78rem;color:var(--ar-muted);margin-top:.15rem;}
.ar-metarow{ display:flex;flex-wrap:wrap;align-items:center; gap:.35rem 1.25rem;font-size:.8rem;color:var(--ar-muted); padding:.55rem 0;border-top:1px solid var(--ar-line); margin-top:.4rem; }
.ar-metarow span{display:inline-flex;align-items:center;gap:.25rem;}
.ar-metarow a{color:var(--ar-brand);}
.ar-metarow a:hover{text-decoration:underline;}
.ar-metarow .ar-doi{font-weight:600;color:var(--ar-ink);}
.ar-metarow .ar-doi a{color:var(--ar-brand);}
.ar-toolbar-wrap{ position:sticky;top:var(--page-offset,0px);z-index:200; background:#fff; border-bottom:1px solid var(--ar-line); height:var(--ar-toolbar-h); display:flex;align-items:center; box-shadow:0 1px 4px rgba(0,0,0,.06); }
.ar-toolbar{ display:flex;align-items:center;gap:.5rem; width:100%;max-width:var(--ar-max); margin:0 auto;padding:0 1.5rem; }
@media(min-width:1024px){.ar-toolbar{padding:0 2.5rem;}}
.ar-tbtn{ display:inline-flex;align-items:center;gap:.3rem; font-family:var(--ar-sans);font-size:.8rem;font-weight:600; padding:.38rem .85rem;border-radius:4px;border:1.5px solid; cursor:pointer;text-decoration:none;white-space:nowrap; transition:background .13s,color .13s,border-color .13s;background:none; line-height:1.3; }
.ar-tbtn-primary{ background:var(--ar-brand);border-color:var(--ar-brand);color:#fff!important; }
.ar-tbtn-primary:hover{background:#005060;border-color:#005060;text-decoration:none;}
.ar-tbtn-ghost{ border-color:var(--ar-line);color:var(--ar-mid)!important;background:#fff; }
.ar-tbtn-ghost:hover{border-color:var(--ar-brand);color:var(--ar-brand)!important;text-decoration:none;}
.ar-t-divider{width:1px;height:24px;background:var(--ar-line);margin:0 .1rem;flex-shrink:0;}
.ar-t-stats{ display:flex;align-items:center;gap:1.1rem; font-size:.8rem;color:var(--ar-muted);padding:0 .25rem; }
.ar-t-stats span{display:inline-flex;align-items:center;gap:.28rem;}
.ar-t-stats b{color:var(--ar-ink);font-weight:600;}
.ar-t-spacer{flex:1;}
.ar-tdrop{position:relative;display:inline-flex;}
.ar-tdrop-menu{ display:none;position:absolute;top:calc(100% + 4px);left:0;z-index:400; min-width:165px;background:#fff; border:1.5px solid var(--ar-line);border-radius:4px; box-shadow:0 6px 18px rgba(0,0,0,.11);padding:.35rem 0; }
.ar-tdrop.open .ar-tdrop-menu{display:block;}
.ar-tdrop-menu a,.ar-tdrop-menu button{ display:flex;align-items:center;gap:.4rem; width:100%;padding:.4rem .85rem; font-family:var(--ar-sans);font-size:.8rem; color:var(--ar-mid);background:none;border:none;text-align:left;cursor:pointer; text-decoration:none; }
.ar-tdrop-menu a:hover,.ar-tdrop-menu button:hover{background:var(--ar-wash);color:var(--ar-brand);}
.ar-body{padding:2rem 0 4rem;}
.ar-layout{ display:grid; grid-template-columns:1fr; grid-template-areas:"main" "sidebar"; gap:2rem; align-items:start; }
@media(min-width:1024px){ .ar-layout{ grid-template-columns:220px 1fr 280px; grid-template-areas:"toc main sidebar"; gap:0; align-items:start; } }
.ar-toc-col{grid-area:toc; overflow:visible;}
@media(max-width:1023px){.ar-toc-col{display:none;}}
.ar-toc-inner{ position:sticky; top:calc(var(--page-offset,0px) + var(--ar-toolbar-h) + 1.25rem); padding-right:1.75rem; max-height:calc(100vh - var(--page-offset,0px) - var(--ar-toolbar-h) - 2.5rem); overflow-y:auto; overflow-x:hidden; scrollbar-width:thin; scrollbar-color:var(--ar-line) transparent; }
.ar-toc-inner::-webkit-scrollbar{width:3px;}
.ar-toc-inner::-webkit-scrollbar-thumb{background:var(--ar-line);}
.ar-toc-hd{ font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase; color:var(--ar-muted);border-top:2px solid var(--ar-ink); padding-top:.3rem;margin-bottom:.65rem; }
.ar-toc-list{list-style:none;padding:0;margin:0;}
.ar-toc-list li{margin:0;}
.ar-toc-link{ display:block;font-size:.78rem;color:var(--ar-mid); padding:.28rem .5rem .28rem .4rem; border-left:2px solid transparent; border-radius:0 3px 3px 0; line-height:1.35;transition:all .13s; }
.ar-toc-link:hover{color:var(--ar-brand);background:rgba(0,59,68,.05);border-left-color:var(--ar-brand);}
.ar-toc-link.on{color:var(--ar-brand);font-weight:600;border-left-color:var(--ar-accent);background:rgba(204,0,0,.04);}
.ar-toc-sub{padding-left:1.1rem;font-size:.74rem;}
.ar-main{ grid-area:main;min-width:0; }
@media(min-width:1024px){ .ar-main{ padding:0 2.25rem; border-left:1px solid var(--ar-line); border-right:1px solid var(--ar-line); } }
.ar-abstract{ background:var(--ar-wash); border-left:3px solid var(--ar-accent); padding:1.15rem 1.35rem; margin-bottom:1.6rem; }
.ar-abstract-lbl{ font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase; color:var(--ar-muted);margin-bottom:.45rem; }
.ar-abstract-body{ font-family:var(--ar-serif);font-size:1.02rem;line-height:1.8;color:var(--ar-ink); }
.ar-kw-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem;margin-bottom:1.5rem;}
.ar-kw-lbl{font-size:.74rem;font-weight:600;color:var(--ar-muted);white-space:nowrap;}
.ar-kw{ font-size:.76rem;color:var(--ar-brand); border:1px solid rgba(0,59,68,.25);border-radius:3px; padding:.17rem .52rem;transition:background .13s,color .13s; }
.ar-kw:hover{background:var(--ar-brand);color:#fff!important;}
.ar-prose h2,.ar-prose .sec-hd{ font-family:var(--ar-serif);font-size:1.22rem;font-weight:600; color:var(--ar-ink);margin:2.25rem 0 .6rem; border-top:1px solid var(--ar-line);padding-top:1.5rem; }
.ar-prose h3{font-family:var(--ar-sans);font-size:.96rem;font-weight:700;color:var(--ar-ink);margin:1.5rem 0 .45rem;}
.ar-prose p{font-family:var(--ar-serif);font-size:1.02rem;line-height:1.84;color:var(--ar-ink);margin-bottom:.85rem;}
.ar-prose ul,.ar-prose ol{font-family:var(--ar-serif);font-size:1rem;line-height:1.75;color:var(--ar-ink);padding-left:1.4rem;margin-bottom:.9rem;}
.ar-prose li{margin-bottom:.3rem;}
.ar-prose figure{margin:1.5rem 0;text-align:center;}
.ar-prose figcaption{font-family:var(--ar-sans);font-size:.75rem;color:var(--ar-muted);margin-top:.35rem;}
.ar-prose img{max-width:100%;height:auto;border:1px solid var(--ar-line);}
.ar-prose table{width:100%;border-collapse:collapse;font-family:var(--ar-sans);font-size:.8rem;margin:1.25rem 0;}
.ar-prose th{background:var(--ar-wash);border-bottom:2px solid var(--ar-ink);padding:.42rem .7rem;font-weight:700;text-align:left;}
.ar-prose td{border-bottom:1px solid var(--ar-line);padding:.38rem .7rem;vertical-align:top;}
.ar-prose a{color:var(--ar-brand);}
.ar-prose a:hover{text-decoration:underline;}
.ar-hr{border:none;border-top:1px solid var(--ar-line);margin:1.5rem 0;}
.ar-noft{font-size:.875rem;color:var(--ar-muted);font-style:italic;padding:1.5rem 0;}
.ar-refs{margin-top:2.25rem;}
.ar-refs-hd{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ar-muted);border-top:2px solid var(--ar-ink);padding-top:.3rem;margin-bottom:.9rem;}
.ar-refs ol{padding-left:1.4rem;margin:0;}
.ar-refs li{font-family:var(--ar-sans);font-size:.8rem;line-height:1.55;color:var(--ar-mid);margin-bottom:.45rem;}
.ar-sidebar{grid-area:sidebar; overflow:visible;}
@media(min-width:1024px){.ar-sidebar{padding-left:2rem;}}
.ar-sb-inner{ 
  scrollbar-width:thin; 
  scrollbar-color:var(--ar-line) transparent; 
}

@media(max-width:1023px){
  .ar-sb-inner{
    position:static !important;
    top:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }
}

/* Mobile pe sticky band karo */
@media(max-width:1023px){
  .ar-sb-inner{
    position:static !important;
    top:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }
}
.ar-sb-inner::-webkit-scrollbar{width:3px;}
.ar-sb-inner::-webkit-scrollbar-thumb{background:var(--ar-line);}
.ar-sb{margin-bottom:1.6rem;padding-bottom:1.6rem;border-bottom:1px solid var(--ar-line);}
.ar-sb:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.ar-sb-hd{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ar-muted);border-top:2px solid var(--ar-ink);padding-top:.3rem;margin-bottom:.75rem;}
.ar-sb-pdf{width:100%;justify-content:center;}
.ar-info-dl{display:grid;grid-template-columns:auto 1fr;gap:.2rem .55rem;font-size:.79rem;}
.ar-info-dl dt{font-weight:600;color:var(--ar-muted);white-space:nowrap;}
.ar-info-dl dd{margin:0;color:var(--ar-ink);word-break:break-word;}
.ar-info-dl dd a{color:var(--ar-brand);}
.ar-info-dl dd a:hover{text-decoration:underline;}
.ar-stats-row{display:flex;gap:1.25rem;margin-top:.85rem;}
.ar-stat{display:flex;flex-direction:column;align-items:center;gap:.05rem;}
.ar-stat-n{font-family:var(--ar-serif);font-size:1.3rem;font-weight:500;color:var(--ar-ink);line-height:1;}
.ar-stat-l{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ar-muted);}
.ar-chart-box{margin-top:.75rem;height:125px;position:relative;}
.ar-rel{padding:.48rem 0;border-bottom:1px solid var(--ar-line);}
.ar-rel:last-child{border-bottom:none;}
.ar-rel a{font-family:var(--ar-serif);font-size:.85rem;line-height:1.32;color:var(--ar-ink);display:block;margin-bottom:.18rem;}
.ar-rel a:hover{color:var(--ar-brand);}
.ar-rel-date{font-size:.71rem;color:var(--ar-muted);}
.ar-oa{background:rgba(26,115,64,.05);border:1px solid #c3e6d0;border-radius:3px;padding:.75rem;font-size:.77rem;line-height:1.55;}
.ar-oa-title{font-weight:700;color:#1a7340;display:flex;align-items:center;gap:.35rem;margin-bottom:.28rem;}
.ar-oa-body{color:var(--ar-mid);}
.ar-oa-body a{color:#1a7340;}
.ar-au-overlay{ display:none; position:fixed;inset:0;z-index:9999; background:rgba(0,0,0,.38); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); align-items:flex-start;justify-content:center; padding-top:80px; }
.ar-au-overlay.ar-show{display:flex;}
.ar-au-modal{ background:#fff;border-radius:8px; box-shadow:0 12px 40px rgba(0,0,0,.18); padding:1.5rem;width:100%;max-width:420px; position:relative;margin:0 1rem; animation:ar-modal-in .18s var(--ar-ease,ease); }
@keyframes ar-modal-in{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}
.ar-au-modal-close{ position:absolute;top:.9rem;right:.9rem; background:none;border:none;cursor:pointer; color:var(--ar-muted);font-size:1.1rem;padding:.2rem .35rem; border-radius:3px;transition:background .13s,color .13s; }
.ar-au-modal-close:hover{background:var(--ar-wash);color:var(--ar-ink);}
.ar-au-modal-avatar{ width:42px;height:42px;border-radius:50%; background:var(--ar-brand);color:#fff; font-size:.85rem;font-weight:700; display:inline-flex;align-items:center;justify-content:center; margin-bottom:.65rem; }
.ar-au-modal-name{font-size:1rem;font-weight:700;color:var(--ar-ink);margin-bottom:.5rem;}
.ar-au-modal-row{display:flex;align-items:flex-start;gap:.45rem;font-size:.82rem;color:var(--ar-mid);margin-bottom:.3rem;}
.ar-au-modal-row i{color:var(--ar-brand);flex-shrink:0;margin-top:.1rem;}
.ar-au-modal-row a{color:var(--ar-brand);}
.ar-au-modal-row a:hover{text-decoration:underline;}
.ar-au-modal-corr{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ar-accent);}
.ar-au-modal-links{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.85rem;}
.ar-au-modal-link{ display:inline-flex;align-items:center;gap:.3rem; font-family:var(--ar-sans);font-size:.77rem;font-weight:600; color:var(--ar-mid);border:1.5px solid var(--ar-line); border-radius:4px;padding:.3rem .65rem; text-decoration:none;transition:border-color .13s,color .13s; }
.ar-au-modal-link:hover{border-color:var(--ar-brand);color:var(--ar-brand);}
.ar-mob-jump{display:none !important;}
.ar-mob-jump select{font-family:var(--ar-sans);font-size:.81rem;border:1.5px solid var(--ar-line);border-radius:4px;padding:.38rem .7rem;color:var(--ar-ink);background:#fff;outline:none;width:100%;max-width:340px;}
.ar-mob-jump select:focus{border-color:var(--ar-brand);}
.ar-sb-au{display:flex;align-items:flex-start;gap:.5rem;padding:.45rem 0;border-bottom:1px solid var(--ar-line);cursor:pointer;transition:background .13s;border-radius:3px;}
.ar-sb-au:last-child{border-bottom:none;}
.ar-sb-au:hover{background:var(--ar-wash);}
.ar-sb-av{width:30px;height:30px;border-radius:50%;flex-shrink:0;background:var(--ar-brand);color:#fff;font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;}
.ar-sb-au-name{font-size:.8rem;font-weight:600;color:var(--ar-ink);line-height:1.2;}
.ar-sb-au-aff{font-size:.72rem;color:var(--ar-muted);line-height:1.3;}
.ar-sb-au-corr{font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ar-accent);}
.ar-tbtn-moreformats{font-size:.78rem;padding:.38rem .7rem;}
.ar-tdrop-menu-right{left:auto!important;right:0;}
.ar-hide-xs{display:inline-flex;}
.ar-tb-label{display:inline;}
@media(max-width:640px){ .ar-hide-xs{display:none!important;} .ar-tb-label{display:none;} .ar-tbtn-moreformats{display:none!important;} }
.ar-sb-collapsible{padding:0;margin-bottom:0;border-bottom:1px solid var(--ar-line);}
.ar-sb-collapsible:last-child{border-bottom:none;}
.ar-sb-hd-btn{ display:flex;align-items:center;justify-content:space-between; font-size:.75rem;font-weight:700;letter-spacing:.04em; color:var(--ar-ink);padding:.65rem 0; cursor:pointer;background:none;border:none;width:100%;text-align:left; }
.ar-sb-hd-btn:hover{color:var(--ar-brand);}
.ar-sb-chevron{font-size:.65rem;color:#aaa;transition:transform .2s;margin-left:.35rem;flex-shrink:0;}
.ar-sb-hd-btn.collapsed .ar-sb-chevron{transform:rotate(-180deg);}
.ar-sb-collapsible-body{overflow:hidden;max-height:1200px;opacity:1;transition:max-height .25s ease,opacity .2s;}
.ar-sb-collapsible-body.ar-collapsed{max-height:0;opacity:0;}
.ar-fig-thumbs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding-bottom:.75rem;}
.ar-fig-thumb{aspect-ratio:1/1;border:1px solid var(--ar-line);border-radius:4px;overflow:hidden;cursor:pointer;background:var(--ar-wash);transition:border-color .13s;}
.ar-fig-thumb:hover{border-color:var(--ar-brand);}
.ar-fig-thumb img{width:100%;height:100%;object-fit:cover;display:block;border:none;}
.ar-orcid-icon{width:16px;height:16px;border-radius:50%;background:#a6ce39;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:.55rem;font-weight:900;flex-shrink:0;}
.ar-ref-popup{ display:none;position:fixed;z-index:9990; background:#fff;border:1px solid var(--ar-line); border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.15); padding:1rem 1.15rem; max-width:340px;width:calc(100vw - 2rem); font-size:.81rem;line-height:1.55;color:var(--ar-ink); }
.ar-ref-popup.open{display:block;}
.ar-ref-popup-close{position:absolute;top:.4rem;right:.6rem;background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--ar-muted);}
.ar-ref-popup-title{font-weight:700;font-size:.72rem;color:var(--ar-muted);margin-bottom:.4rem;}
.ar-ref-popup-text{margin-bottom:.6rem;color:var(--ar-mid);}
.ar-ref-popup-links{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem;}
.ar-ref-popup-links a{color:var(--ar-brand);font-size:.77rem;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;}
.ar-ref-popup-links a:hover{text-decoration:underline;}
.ar-ref-popup-nav{display:flex;align-items:center;gap:.5rem;border-top:1px solid var(--ar-line);padding-top:.5rem;margin-top:.35rem;}
.ar-ref-popup-nav button{width:26px;height:26px;border-radius:50%;border:1px solid var(--ar-line);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--ar-mid);}
.ar-ref-popup-nav button:hover{background:var(--ar-wash);}
.ar-ref-popup-counter{font-size:.74rem;color:var(--ar-muted);flex:1;text-align:center;}
html, body { overflow-x: clip !important; }
.ar, .ar-body, .ar-w, .ar-layout { overflow: visible !important; contain: none !important; }
.ar-toc-col, .ar-sidebar { overflow: visible !important; }

/* ═══════════════════════════════════════════════════════════════
   SD-STYLE REFERENCE SIDE PANEL  ← NEW ADDITION
   ═══════════════════════════════════════════════════════════════ */
.sdref-backdrop {
  display: none; position: fixed; inset: 0; z-index: 10050;
  background: rgba(0,0,0,.22);
  backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(1px);
}
.sdref-backdrop.open { display: block; }

.sdref-panel {
  position: fixed; top: 0; right: -480px;
  width: 420px; max-width: 92vw; height: 100vh;
  background: #fff; border-left: 1px solid #e0e0e0;
  box-shadow: -6px 0 32px rgba(0,0,0,.13);
  z-index: 10060; display: flex; flex-direction: column;
  transition: right .28s cubic-bezier(.4,0,.2,1);
  font-family: var(--ar-sans, 'Source Sans 3', 'Helvetica Neue', Arial, sans-serif);
}
.sdref-panel.open { right: 0; }

.sdref-panel__head {
  display: flex; align-items: center; justify-content: space-between;
  padding: .9rem 1.15rem .8rem; border-bottom: 1px solid #ebebeb;
  flex-shrink: 0; background: #fafbfc;
}
.sdref-panel__label {
  font-size: .72rem; font-weight: 700; letter-spacing: .09em;
  text-transform: uppercase; color: #888;
}
.sdref-panel__close {
  width: 28px; height: 28px; border: none; background: none; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  border-radius: 4px; color: #777; font-size: 1rem;
  transition: background .12s, color .12s; padding: 0;
}
.sdref-panel__close::after { content: none !important; }
.sdref-panel__close:hover { background: #f0f0f0; color: #222; }

.sdref-panel__body {
  flex: 1; overflow-y: auto; padding: 1.3rem 1.4rem 2.5rem;
  scrollbar-width: thin; scrollbar-color: #e0e0e0 transparent;
}
.sdref-panel__body::-webkit-scrollbar { width: 4px; }
.sdref-panel__body::-webkit-scrollbar-thumb { background: #e0e0e0; border-radius: 4px; }

.sdref-authors { font-size: .84rem; color: #666; margin-bottom: .5rem; line-height: 1.45; }
.sdref-title {
  font-size: 1.1rem; font-weight: 700; color: #111; line-height: 1.28;
  margin-bottom: .65rem;
  font-family: var(--ar-serif, 'EB Garamond', Georgia, serif);
}
.sdref-source { font-size: .84rem; color: #444; line-height: 1.5; margin-bottom: .55rem; }
.sdref-doi { font-size: .8rem; margin-bottom: 1.1rem; }
.sdref-doi a { color: #007b8a; text-decoration: none; border-bottom: 1px solid rgba(0,123,138,.3); word-break: break-all; }
.sdref-doi a::after { content: none !important; }
.sdref-doi a:hover { border-color: #007b8a; color: #005060; }

.sdref-actions { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: 1.15rem; }
.sdref-action-link {
  display: inline-flex; align-items: center; gap: .25rem;
  font-size: .76rem; font-weight: 600; color: #007b8a; text-decoration: none;
  border: 1px solid rgba(0,123,138,.28); border-radius: 3px;
  padding: .28rem .7rem; background: #fff; white-space: nowrap;
  transition: background .12s, border-color .12s, color .12s; position: relative;
}
.sdref-action-link::after { content: none !important; }
.sdref-action-link:hover { background: rgba(0,123,138,.06); border-color: #007b8a; text-decoration: none; color: #005060; }
.sdref-action-link i { font-size: .68rem; }

.sdref-view-article {
  display: inline-flex; align-items: center; gap: .3rem;
  font-size: .82rem; font-weight: 600; color: #007b8a;
  cursor: pointer; background: none; border: none; padding: 0;
  text-decoration: none; transition: color .12s;
}
.sdref-view-article::after { content: none !important; }
.sdref-view-article:hover { color: #005060; text-decoration: underline; }

.sdref-divider { border: none; border-top: 1px solid #ebebeb; margin: 1rem 0; }

.sdref-raw-text {
  font-size: .82rem; color: #555; line-height: 1.65;
  background: #f8f9fa; border-left: 3px solid #e0e0e0;
  padding: .7rem .85rem; border-radius: 0 4px 4px 0; margin-bottom: 1rem;
}

.sdref-nav {
  display: flex; align-items: center; justify-content: space-between;
  padding-top: .75rem; border-top: 1px solid #ebebeb; margin-top: 1rem;
}
.sdref-nav-btn {
  display: inline-flex; align-items: center; gap: .3rem;
  font-size: .76rem; font-weight: 600; color: #007b8a;
  background: none; border: 1px solid rgba(0,123,138,.25);
  border-radius: 3px; padding: .28rem .65rem; cursor: pointer;
  transition: background .12s, border-color .12s;
}
.sdref-nav-btn::after { content: none !important; }
.sdref-nav-btn:hover { background: rgba(0,123,138,.06); border-color: #007b8a; }
.sdref-nav-btn:disabled { color: #bbb; border-color: #eee; cursor: default; background: none; }
.sdref-nav-counter { font-size: .76rem; color: #888; }

.sdref-highlight-flash {
  background: #fff9c4 !important; outline: 2px solid #f0c030;
  border-radius: 3px; transition: background .4s ease;
}

/* Reference list items - clickable */
#ar-ref-sec ol li, .ar-refs ol li {
  cursor: pointer; transition: color .13s;
}
#ar-ref-sec ol li:hover, .ar-refs ol li:hover { color: #007b8a; }

/* Mobile: bottom sheet */
@media (max-width: 575.98px) {
  .sdref-panel {
    width: 100vw; max-width: 100vw; border-left: none;
    border-top: 1px solid #e0e0e0; top: auto; bottom: -100vh;
    right: 0 !important; height: 72vh;
    border-radius: 14px 14px 0 0;
    box-shadow: 0 -6px 32px rgba(0,0,0,.13);
    transition: bottom .28s cubic-bezier(.4,0,.2,1);
  }
  .sdref-panel.open { bottom: 0; right: 0 !important; }
}

/* Misc utilities */
.doi-badge{ display:inline-block; padding:.1rem .45rem; border:1px solid rgba(13,110,253,.35); border-radius:999px; font-size:.78rem; line-height:1.2; text-decoration:none; white-space:nowrap; }
.doi-badge:hover{ text-decoration:underline; }

/* ════════════════════════════════════════════════
   PHF FOOTER — matches ph- header
   ════════════════════════════════════════════════ */
.phf-footer{
  background:var(--ph-brand);
  color:rgba(255,255,255,.8);
  font-family:var(--ph-f-sans);
  font-size:.84rem;
  border-top:3px solid var(--ph-accent);
  margin-top:auto;
}

/* Upper band */
.phf-upper{ padding:2.5rem 0 2rem; border-bottom:1px solid rgba(255,255,255,.1); }
.phf-upper__inner{
  max-width:1280px; margin:0 auto; padding:0 1.5rem;
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:2.5rem;
}
@media(max-width:1023px){ .phf-upper__inner{ grid-template-columns:1fr 1fr; gap:2rem; } }
@media(max-width:575px){  .phf-upper__inner{ grid-template-columns:1fr; } }

/* Brand column */
.phf-brand-link{
  display:flex; align-items:center; gap:.75rem;
  text-decoration:none; margin-bottom:1rem;
}
.phf-brand-link::after{ display:none !important; }
.phf-mono{
  flex-shrink:0; width:44px; height:44px;
  border:1.5px solid rgba(255,255,255,.35); border-radius:2px;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--ph-f-serif); font-size:1.15rem; font-weight:600;
  color:#fff; letter-spacing:.02em;
}
.phf-brand-text{ display:flex; flex-direction:column; gap:.15rem; }
.phf-brand-name{
  font-family:var(--ph-f-serif); font-size:1.1rem;
  font-weight:500; color:#fff; line-height:1.2;
}
.phf-brand-issn{ font-size:.7rem; color:rgba(255,255,255,.5); letter-spacing:.02em; }

/* OA pill */
.phf-oa-pill{
  display:inline-flex; align-items:center; gap:.4rem;
  font-size:.68rem; font-weight:600; letter-spacing:.04em;
  color:rgba(255,255,255,.7);
  border:1px solid rgba(255,255,255,.18);
  border-radius:2px; padding:.28rem .65rem;
  margin-bottom:.85rem;
}

/* Social icons */
.phf-socials{ display:flex; gap:.4rem; flex-wrap:wrap; }
.phf-socials a{
  display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px;
  border:1px solid rgba(255,255,255,.22); border-radius:2px;
  color:rgba(255,255,255,.6); font-size:.72rem;
  text-decoration:none; transition:border-color .15s, color .15s, background .15s;
}
.phf-socials a::after{ display:none !important; }
.phf-socials a:hover{ border-color:rgba(255,255,255,.6); color:#fff; background:rgba(255,255,255,.08); }

/* Nav columns */
.phf-col-head{
  font-size:.65rem; font-weight:700; letter-spacing:.1em;
  text-transform:uppercase; color:rgba(255,255,255,.45);
  border-top:1.5px solid rgba(255,255,255,.15);
  padding-top:.35rem; margin-bottom:.85rem;
}
.phf-links{ list-style:none; padding:0; margin:0; }
.phf-links li{ margin-bottom:.4rem; }
.phf-links a{
  color:rgba(255,255,255,.65); font-size:.82rem;
  text-decoration:none; transition:color .15s;
  display:inline-flex; align-items:center; gap:.35rem;
}
.phf-links a::after{ display:none !important; }
.phf-links a:hover{ color:#fff; }

/* Contact list */
.phf-contact-list{ list-style:none; padding:0; margin:0 0 1rem; }
.phf-contact-list li{
  display:flex; align-items:flex-start; gap:.5rem;
  color:rgba(255,255,255,.6); font-size:.82rem;
  margin-bottom:.45rem; line-height:1.4;
}
.phf-contact-list li i{ flex-shrink:0; margin-top:.1rem; font-size:.85rem; opacity:.6; }
.phf-contact-list a{ color:rgba(255,255,255,.75); text-decoration:none; }
.phf-contact-list a::after{ display:none !important; }
.phf-contact-list a:hover{ color:#fff; }

/* CTA button */
.phf-cta{
  display:inline-flex; align-items:center; gap:.35rem;
  font-family:var(--ph-f-sans); font-size:.8rem; font-weight:600;
  color:var(--ph-brand) !important; background:#fff;
  border:none; border-radius:2px; padding:.42rem 1rem;
  text-decoration:none; white-space:nowrap;
  transition:background .15s;
}
.phf-cta::after{ display:none !important; }
.phf-cta:hover{ background:#f0f6f7; }
.phf-cta-wrap{ margin-top:.5rem; }

/* Bottom bar */
.phf-bottom{
  padding:.75rem 0;
  border-top:1px solid rgba(255,255,255,.08);
}
.phf-bottom__inner{
  max-width:1280px; margin:0 auto; padding:0 1.5rem;
  display:flex; flex-wrap:wrap; align-items:center;
  justify-content:space-between; gap:.5rem;
}
.phf-copy{ font-size:.72rem; color:rgba(255,255,255,.4); }
.phf-copy a{ color:rgba(255,255,255,.55); font-weight:600; text-decoration:none; }
.phf-copy a::after{ display:none !important; }
.phf-copy a:hover{ color:rgba(255,255,255,.85); }
.phf-bottom__links{ display:flex; flex-wrap:wrap; gap:.75rem; }
.phf-bottom__links a{ font-size:.72rem; color:rgba(255,255,255,.4); text-decoration:none; }
.phf-bottom__links a::after{ display:none !important; }
.phf-bottom__links a:hover{ color:rgba(255,255,255,.75); }

/* Author resources tab */
.phf-resources-tab{
  position:fixed; top:50%; right:0; transform:translateY(-50%); z-index:1050;
  background:var(--ph-brand); color:#fff; border:none;
  padding:10px 6px; border-radius:3px 0 0 3px;
  display:flex; /*! flex-direction:column; */ align-items:center; gap:6px;
  font-family:var(--ph-f-sans); font-size:.65rem; font-weight:700;
  letter-spacing:.08em; cursor:pointer;
  writing-mode:vertical-rl; text-orientation:mixed;
  box-shadow:-2px 0 8px rgba(0,0,0,.15);
  transition:background .15s;
}
.phf-resources-tab:hover{ background:#005060; }
.phf-resources-tab i{ writing-mode:horizontal-tb; font-size:.85rem; margin-bottom:.2rem; }