:root{
  --ink:#1A1220; --accent:#96256A; --accent-light:#B83A82; --teal:#2A9D8F; --amber:#E9A820;
  --rose:#E05080; --blue:#4B7BD6;
  --paper:#FFFFFF; --grey:#F7F5F8; --line:#E8E0E6; --muted:#6B5F72;
  --sans:'Sora',system-ui,sans-serif; --mono:'IBM Plex Mono',monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}

/* ─── Nav ─── */
.nav{border-bottom:1px solid var(--line)}
.nav__inner{max-width:1240px;margin:0 auto;padding:20px 32px;display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:800;font-size:17px;color:var(--ink);text-decoration:none;letter-spacing:.04em}
.brand .dot{color:var(--accent)}
.nav__links{display:flex;gap:26px;font-size:14px;font-weight:500}
.nav__links a{color:var(--muted);text-decoration:none;cursor:pointer}
.nav__links a.active{color:var(--ink)}
.btn{display:inline-block;font-weight:600;font-size:13.5px;padding:10px 19px;border-radius:8px;border:1.5px solid var(--ink);text-decoration:none;color:var(--ink);cursor:pointer}
.btn--fill{background:var(--accent);border-color:var(--accent);color:#fff}

/* ─── Page header ─── */
.page-head{padding:56px 0 48px;border-bottom:1px solid var(--line)}
.page-head__inner{max-width:1240px;margin:0 auto;padding:0 32px}
.page-head .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:10px}
.page-head h1{font-weight:800;font-size:clamp(28px,3.5vw,40px);letter-spacing:-.015em;line-height:1.15}
.page-head p{font-size:16px;color:var(--muted);margin-top:12px;max-width:60ch;line-height:1.65}

/* ─── Prose content ─── */
.content{max-width:1240px;margin:0 auto;padding:56px 32px}
.content--narrow{max-width:860px}
.prose h2{font-weight:800;font-size:22px;margin-top:40px;margin-bottom:14px;letter-spacing:-.01em}
.prose h2:first-child{margin-top:0}
.prose h3{font-weight:700;font-size:17px;margin-top:28px;margin-bottom:10px}
.prose p{color:var(--muted);font-size:15px;line-height:1.8;margin-bottom:14px}
.prose ul,.prose ol{color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 14px 24px}
.prose li{margin-bottom:6px}
.prose strong{color:var(--ink);font-weight:600}
.prose a{color:var(--accent);text-decoration:none}
.prose hr{border:none;border-top:1px solid var(--line);margin:40px 0}
.prose .note{background:var(--grey);border-left:3px solid var(--accent);padding:16px 20px;border-radius:0 8px 8px 0;margin:20px 0;font-size:14px;line-height:1.7;color:var(--muted)}

/* ─── Grid cards (scope, board, etc.) ─── */
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}
.card-grid--2{grid-template-columns:repeat(2,1fr)}
.card{border:1px solid var(--line);border-radius:12px;padding:24px;background:#fff}
.card__bar{width:28px;height:3px;border-radius:2px;margin-bottom:14px}
.card h3{font-size:15px;font-weight:700;margin-bottom:6px}
.card p{font-size:13px;color:var(--muted);line-height:1.6}
.card .role{font-family:var(--mono);font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.card .aff{font-size:12.5px;color:var(--muted);margin-top:4px}

/* ─── Table ─── */
.tbl{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}
.tbl th{text-align:left;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:10px 14px;border-bottom:2px solid var(--line)}
.tbl td{padding:12px 14px;border-bottom:1px solid var(--line);color:var(--muted)}
.tbl td:first-child{color:var(--ink);font-weight:600}

/* ─── Tagline ─── */
.tagline{background:var(--ink);padding:40px 0;text-align:center}
.tagline p{font-family:var(--mono);font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5)}

/* ─── Footer ─── */
.footer{background:var(--ink);color:rgba(255,255,255,.62);padding:48px 0 26px;border-top:1px solid rgba(255,255,255,.08)}
.footer__inner{max-width:1240px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}
.footer h4{font-family:var(--mono);color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}
.footer p{font-size:14px;line-height:1.7}
.footer a{color:rgba(255,255,255,.62);text-decoration:none;display:block;font-size:13.5px;margin-bottom:9px}
.footer__base{max-width:1240px;margin:26px auto 0;padding:20px 32px 0;border-top:1px solid rgba(255,255,255,.1);font-family:var(--mono);font-size:11px;color:rgba(255,255,255,.35)}

@media(max-width:860px){
  .nav__links{display:none}
  .card-grid,.card-grid--2{grid-template-columns:1fr}
  .footer__inner{grid-template-columns:1fr}
}

/* ─── Dropdown nav ─── */
.nav__links{display:flex;gap:22px;font-size:13.5px;font-weight:500;align-items:center}
.nav__links>a,.nav__links .dropdown>a{color:var(--muted);text-decoration:none;cursor:pointer;padding:6px 0}
.nav__links>a.active,.nav__links .dropdown>a.active{color:var(--ink)}
.dropdown{position:relative}
.dropdown>a::after{content:' ▾';font-size:9px;opacity:.5}

/* ─── Stable dropdown hover fix ─── */
.dropdown-menu{
  display:block;
  position:absolute;
  top:calc(100% - 1px);
  left:-12px;
  margin-top:0;
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  min-width:260px;
  padding:6px 0;
  box-shadow:0 8px 24px rgba(0,0,0,.1);
  z-index:1000;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transition:opacity .12s ease, visibility .12s ease;
}

/* Transparent bridge prevents the pointer from crossing a dead zone. */
.dropdown-menu::before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:-8px;
  height:8px;
  background:transparent;
}

.dropdown:hover > .dropdown-menu,
.dropdown:focus-within > .dropdown-menu,
.dropdown.is-open > .dropdown-menu{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
}

.dropdown-menu a{display:block;padding:9px 20px;color:var(--muted);font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap}
.dropdown-menu a:hover{background:var(--grey);color:var(--ink)}

/* SCIENTARA_UNIVERSAL_DROPDOWN */
@import url('/assets/scientara-journal-dropdown.css?v=20260823-1');