  <style>
    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; overflow-x: hidden; }
    body { font-family: 'Inter', system-ui, sans-serif; color: #111827; background: #ffffff; overflow-x: hidden; }

    /* ── Utility overrides ─────────────────────────────────────── */
    .font-serif { font-family: 'Merriweather', Georgia, serif; }

    /* ── Header rule lines ─────────────────────────────────────── */
    .header-rule { border-color: #e5e7eb; }

    /* ── Nav dropdown ──────────────────────────────────────────── */
    .nav-dropdown { position: relative; display: inline-block; }
    .nav-dropdown-menu {
      display: none; position: absolute; top: 100%; left: 0;
      background: #3e2557; min-width: 200px; z-index: 50;
      border-top: 2px solid #6b1fad;
    }
    .nav-dropdown:hover .nav-dropdown-menu { display: block; }
    .nav-dropdown-menu a {
      display: block; padding: 10px 16px;
      color: #e5e7eb; font-size: 0.8125rem; letter-spacing: 0.01em;
      text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.08);
      transition: background 0.15s, color 0.15s;
    }
    .nav-dropdown-menu a:hover { background: #6b1fad; color: #fff; }

    /* ── Ghost buttons ─────────────────────────────────────────── */
    .btn-ghost {
      display: inline-block;
      border: 1px solid rgba(255,255,255,0.65);
      color: #ffffff;
      padding: 10px 22px;
      font-size: 0.8125rem;
      font-family: 'Inter', sans-serif;
      font-weight: 500;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      text-decoration: none;
      cursor: pointer;
      background: transparent;
      transition: background 0.18s, border-color 0.18s, color 0.18s;
    }
    .btn-ghost:hover { background: rgba(255,255,255,0.08); border-color: #fff; }
    .btn-ghost-accent:hover { background: #6b1fad !important; border-color: #6b1fad !important; color: #fff !important; }

    /* ── Article links ─────────────────────────────────────────── */
    .article-link { color: #020c45; text-decoration: none; font-weight: 600; }
    .article-link:hover { color: #6b1fad; text-decoration: underline; }

    /* ── DOI link ──────────────────────────────────────────────── */
    .doi-link { color: #6b1fad; font-size: 0.75rem; text-decoration: none; font-family: 'Inter', sans-serif; }
    .doi-link:hover { text-decoration: underline; }

    /* ── Footer link ───────────────────────────────────────────── */
    .footer-link { color: #a5b4fc; text-decoration: none; font-size: 0.8rem; }
    .footer-link:hover { color: #fff; text-decoration: underline; }

    /* ── Search bar ────────────────────────────────────────────── */
    .search-input {
      background: #fff;
      border: 1px solid rgba(255,255,255,0.3);
      color: #111827;
      padding: 6px 12px 6px 36px;
      font-size: 0.8125rem;
      font-family: 'Inter', sans-serif;
      outline: none;
      width: 240px;
      transition: border-color 0.15s;
    }
    .search-input:focus { border-color: #6b1fad; }
    .search-wrapper { position: relative; display: flex; align-items: center; }
    .search-icon {
      position: absolute; left: 10px; top: 50%; transform: translateY(-50%);
      color: #6b7280; pointer-events: none;
    }

    /* ── Call for Papers card ──────────────────────────────────── */
    .cfp-card {
      background: #ffffff;
      border-left: 4px solid #6b1fad;
      padding: 28px 28px 24px;
    }
    .cfp-deadline-badge {
      display: inline-block;
      background: #020c45;
      color: #fff;
      font-size: 0.7rem;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      padding: 3px 10px;
      margin-bottom: 12px;
    }

    /* ── Section divider ───────────────────────────────────────── */
    .section-rule { border: none; border-top: 2px solid #e5e7eb; }
    .accent-rule  { border: none; border-top: 2px solid #3e2557; }

    /* ── Content card ──────────────────────────────────────────── */
    .content-card { border-top: 3px solid #020c45; padding-top: 20px; }

    /* ── Hover reveal underline ────────────────────────────────── */
    .nav-top-link {
      position: relative; text-decoration: none;
      font-size: 0.8125rem; font-weight: 500; color: #374151;
      letter-spacing: 0.01em;
      padding-bottom: 2px;
      transition: color 0.15s;
    }
    .nav-top-link::after {
      content: ''; position: absolute; bottom: -1px; left: 0;
      width: 0; height: 1px; background: #6b1fad;
      transition: width 0.2s;
    }
    .nav-top-link:hover { color: #6b1fad; }
    .nav-top-link:hover::after { width: 100%; }

    /* ── Purple band nav links ─────────────────────────────────── */
    .band-link {
      color: #e5e7eb; font-size: 0.8125rem; font-weight: 400;
      letter-spacing: 0.02em; text-decoration: none;
      display: flex; align-items: center; gap: 4px;
      padding: 0 2px;
      transition: color 0.15s;
    }
    .band-link:hover { color: #fff; }

    /* ── Volume tag ────────────────────────────────────────────── */
    .volume-tag {
      display: inline-block; font-size: 0.7rem; font-weight: 600;
      letter-spacing: 0.07em; text-transform: uppercase;
      color: #6b1fad; border: 1px solid #6b1fad;
      padding: 1px 8px; margin-bottom: 8px;
    }

    /* ── Bullet list ───────────────────────────────────────────── */
    .guideline-list li { padding-left: 16px; position: relative; margin-bottom: 6px; font-size: 0.875rem; color: #374151; }
    .guideline-list li::before { content: '—'; position: absolute; left: 0; color: #3e2557; font-weight: 700; }

    /* Print / High-contrast micro-copy */
    .micro { font-size: 0.7rem; letter-spacing: 0.04em; text-transform: uppercase; }

    /* ── Nav band: base scrollable container ──────────────────── */
    .nav-links-scroll {
      flex: 1 1 auto;
      min-width: 0;
    }

    /* ── Mobile responsive fixes ──────────────────────────────── */
    @media (max-width: 767px) {
      /* Prevent nav-links from overflowing — scroll instead */
      .nav-links-scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
      }
      .nav-links-scroll::-webkit-scrollbar { display: none; }

      /* Hide header right nav and search bar on mobile */
      .header-right-nav  { display: none !important; }
      .nav-search-section { display: none !important; }

      /* Tighten header padding */
      .header-inner { padding-top: 12px !important; padding-bottom: 12px !important; }

      /* Remove outer padding from nav band so links start at the edge */
      .nav-band-inner { padding-left: 0 !important; padding-right: 0 !important; }

      /* Slightly smaller band link text on narrow screens */
      .band-link { font-size: 0.75rem !important; }
    }

    /* ── Policy sidebar ────────────────────────────────────────── */
    .sidebar-link {
      display: block;
      font-family: 'Inter', sans-serif;
      font-size: 0.8375rem;
      font-weight: 400;
      color: #374151;
      text-decoration: none;
      padding: 9px 14px 9px 18px;
      border-left: 3px solid transparent;
      transition: color 0.15s, border-left-color 0.15s, background 0.15s;
      letter-spacing: 0.01em;
    }
    .sidebar-link:hover { color: #6b1fad; border-left-color: #6b1fad; background: #faf5ff; }
    .sidebar-link.active {
      color: #3e2557;
      font-weight: 600;
      border-left: 4px solid #3e2557;
      background: #f5f0fb;
    }
    /* ── Title banner ───────────────────────────────────────────── */
    .policy-banner { background: #020c45; padding: 36px 0; border-bottom: 3px solid #3e2557; }
    /* ── Policy prose ───────────────────────────────────────────── */
    .policy-body h2 {
      font-family: 'Merriweather', Georgia, serif;
      font-size: 1.2rem; font-weight: 700; color: #020c45;
      margin-top: 2.5rem; margin-bottom: 0.85rem; line-height: 1.35;
    }
    .policy-body h3 {
      font-family: 'Merriweather', Georgia, serif;
      font-size: 0.975rem; font-weight: 700; color: #3e2557;
      margin-top: 1.75rem; margin-bottom: 0.6rem;
    }
    .policy-body p { font-size: 0.9375rem; color: #111827; line-height: 1.85; margin-bottom: 1.25rem; }
    .policy-body ul { margin-bottom: 1.25rem; padding-left: 0; list-style: none; }
    .policy-body ul li {
      position: relative; padding-left: 20px;
      font-size: 0.9rem; color: #374151; line-height: 1.75; margin-bottom: 0.5rem;
    }
    .policy-body ul li::before { content: '—'; position: absolute; left: 0; color: #3e2557; font-weight: 700; }
    /* ── CTA button ─────────────────────────────────────────────── */
    .btn-cta {
      display: inline-block; background: #020c45; color: #ffffff;
      font-family: 'Inter', sans-serif; font-size: 0.8125rem;
      font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase;
      text-decoration: none; padding: 12px 28px;
      border: 1px solid #020c45;
      transition: background 0.18s, border-color 0.18s;
    }
    .btn-cta:hover { background: #6b1fad; border-color: #6b1fad; }
    .sidebar-sticky { position: sticky; top: 28px; }
    .inset-rule { border: none; border-top: 1px solid #e5e7eb; margin: 2.25rem 0; }

  </style>