:root{
    --insight-navy:#1f3a68;       /* deep navy from logo */
    --insight-navy-dark:#162b4d;
    --insight-gold:#c9a227;       /* wheat / laurel gold */
    --insight-gold-soft:#e7c860;
    --ink:#222;
    --muted:#6c757d;
    --line:#dcdcdc;
    --bg:#ffffff;
    --bg-soft:#f6f7f9;
  }

  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    font-family:'Open Sans', system-ui, sans-serif;
    color:var(--ink);
    background:var(--bg);
    font-size:15px;
  }
  h1,h2,h3,h4,h5,h6, .serif{
    font-family:'Merriweather', Georgia, serif;
    color:var(--insight-navy);
  }

  /* ============== TOP UTILITY STRIP ============== */
  .top-strip{
    background:var(--insight-navy-dark);
    color:#fff;
    font-size:12.5px;
    padding:6px 0;
  }
  .top-strip a{color:#fff;text-decoration:none;opacity:.85}
  .top-strip a:hover{opacity:1;color:var(--insight-gold-soft)}
  .top-strip .sep{opacity:.4;margin:0 10px}

  /* ============== MASTHEAD (Image 2 style) ============== */
  .masthead{
    background:#fff;
    padding:22px 0;
    border-bottom:1px solid var(--line);
  }
  .masthead .logo-wrap{
    display:flex;align-items:center;gap:18px;
  }
  .masthead .logo-mark{
    width:140px;height:140px;
    flex-shrink:0;
    object-fit:contain;
  }
  .masthead .title-block{
    border-left:1px solid #c8c8c8;
    padding-left:28px;
    text-align:right;
    height:100%;
    display:flex;flex-direction:column;justify-content:center;
  }
  .masthead .journal-name{
    font-family:'Merriweather', Georgia, serif;
    font-weight:400;
    font-size:46px;
    line-height:1;
    color:#1a1a1a;
    letter-spacing:.04em;
    margin:0;
  }
  .masthead .journal-tagline{
    font-family:'Merriweather', Georgia, serif;
    font-weight:400;
    font-size:18px;
    color:#3a3a3a;
    margin-top:8px;
  }
  .masthead .journal-issn{
    font-family:'Merriweather', Georgia, serif;
    font-size:14px;
    color:#5a5a5a;
    margin-top:4px;
    letter-spacing:.05em;
  }

  /* ============== MAIN NAV (Image 1 menu structure) ============== */
  .main-nav{
    background:var(--insight-navy);
    border-top:3px solid var(--insight-gold);
    border-bottom:3px solid var(--insight-gold);
  }
  .main-nav .navbar{padding:0}
  .main-nav .navbar-nav{
    width:100%;
    justify-content:space-between;
  }
  .main-nav .nav-item{
    border-right:1px solid rgba(255,255,255,.15);
    flex:1;
    text-align:center;
  }
  .main-nav .nav-item:first-child{
    border-left:1px solid rgba(255,255,255,.15);
  }
  .main-nav .nav-link,
  .main-nav .dropdown-toggle{
    color:#fff !important;
    font-weight:600;
    font-size:14px;
    padding:14px 8px !important;
    text-transform:none;
    letter-spacing:.02em;
    transition:background .2s, color .2s;
    line-height:1.3;
  }
  .main-nav .nav-link:hover,
  .main-nav .dropdown-toggle:hover,
  .main-nav .nav-item:hover > .nav-link,
  .main-nav .nav-item.show > .nav-link{
    background:var(--insight-navy-dark);
    color:var(--insight-gold-soft) !important;
  }
  .main-nav .dropdown-toggle::after{
    margin-left:6px;
    vertical-align:.15em;
  }
  /* dropdown menus */
  .main-nav .dropdown-menu{
    background:#fff;
    border:none;
    border-top:3px solid var(--insight-gold);
    border-radius:0;
    margin-top:0;
    padding:8px 0;
    min-width:240px;
    box-shadow:0 8px 24px rgba(0,0,0,.12);
    text-align:left;
  }
  .main-nav .dropdown-item{
    padding:9px 18px;
    color:var(--ink);
    font-size:13.5px;
    font-weight:500;
    border-bottom:1px solid #f0f0f0;
    white-space:normal;
  }
  .main-nav .dropdown-item:last-child{border-bottom:none}
  .main-nav .dropdown-item:hover,
  .main-nav .dropdown-item:focus{
    background:var(--insight-navy);
    color:#fff;
    padding-left:24px;
  }
  /* desktop hover-open dropdowns */
  @media (min-width:992px){
    .main-nav .dropdown:hover > .dropdown-menu{
      display:block;
    }
  }
  /* mobile toggler */
  .main-nav .navbar-toggler{
    color:#fff;
    border:1px solid rgba(255,255,255,.4);
    margin:8px 12px;
  }
  .main-nav .navbar-toggler-icon{
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }

  /* ============== LOGO SVG (recreated from image 2) ============== */
  .insight-logo{display:block}

  /* ============== SUBMISSION BUTTON STRIP ============== */
  .submit-strip{
    background:var(--bg-soft);
    padding:18px 0;
    border-bottom:1px solid var(--line);
  }
  .btn-submit-paper{
    background:var(--insight-gold);
    color:#fff !important;
    font-weight:700;
    padding:12px 32px;
    border:2px solid var(--insight-gold);
    border-radius:30px;
    text-transform:uppercase;
    letter-spacing:.05em;
    font-size:14px;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:10px;
    box-shadow:0 4px 14px rgba(201,162,39,.4);
    transition:all .25s;
    position:relative;
    overflow:hidden;
  }
  .btn-submit-paper:hover{
    background:var(--insight-navy);
    border-color:var(--insight-navy);
    color:#fff !important;
    transform:translateY(-2px);
    box-shadow:0 6px 18px rgba(31,58,104,.4);
  }
  .btn-submit-paper i{font-size:16px}
  .submit-strip-text{
    font-family:'Merriweather', Georgia, serif;
    color:var(--insight-navy);
    font-size:16px;
    font-weight:700;
  }
  .submit-strip-text small{
    display:block;
    font-family:'Open Sans', sans-serif;
    font-weight:400;
    color:var(--muted);
    font-size:13px;
    margin-top:2px;
  }
  /* pulse animation to highlight button */
  @keyframes pulse-gold{
    0%,100%{box-shadow:0 4px 14px rgba(201,162,39,.4)}
    50%{box-shadow:0 4px 22px rgba(201,162,39,.75)}
  }
  .btn-submit-paper{animation:pulse-gold 2.4s ease-in-out infinite}

  /* ============== MAIN 3-COLUMN CONTENT ============== */
  .main-content{
    padding:40px 0 60px;
    background:#fff;
  }
  .content-col{
    border:1px solid var(--line);
    background:#fff;
    height:100%;
    display:flex;flex-direction:column;
    transition:box-shadow .25s;
  }
  .content-col:hover{
    box-shadow:0 6px 24px rgba(31,58,104,.08);
  }
  .col-header{
    background:var(--insight-navy);
    color:#fff;
    padding:14px 20px;
    font-family:'Merriweather', Georgia, serif;
    font-weight:700;
    font-size:18px;
    text-align:center;
    border-bottom:3px solid var(--insight-gold);
  }
  .col-body{
    padding:22px;
    flex:1;
  }
  /* center column emphasis */
  .col-current .col-header{
    background:var(--insight-gold);
    color:var(--insight-navy);
    border-bottom:3px solid var(--insight-navy);
  }
  /* highlight pulse to draw attention to the Current Issue column */
  @keyframes current-issue-glow{
    0%,100%{box-shadow:0 0 0 0 rgba(201,162,39,.55)}
    50%{box-shadow:0 0 0 8px rgba(201,162,39,0)}
  }
  .col-current{
    animation:current-issue-glow 2.2s ease-in-out infinite;
    border-color:var(--insight-gold);
  }
  /* Past Issues list */
  .archive-list{
    list-style:none;
    padding:0;margin:0 0 18px;
  }
  .archive-list li{
    border-bottom:1px solid #eee;
  }
  .archive-list li:last-child{border-bottom:none}
  .archive-list li a{
    padding:10px 12px;
    display:flex;align-items:center;gap:10px;
    font-size:14px;
    color:inherit;
    text-decoration:none;
    transition:background .2s, padding-left .2s, color .2s;
  }
  .archive-list li a:hover{
    background:var(--bg-soft);
    padding-left:18px;
    color:var(--insight-navy);
  }
  .archive-list li i{color:var(--insight-gold)}
  .archive-list li .vol-tag{
    font-weight:700;color:var(--insight-navy);
  }
  .archive-list li .year-tag{
    margin-left:auto;
    font-size:12px;color:var(--muted);
    font-family:'Merriweather',serif;font-style:italic;
  }
  .archive-search{
    margin-top:16px;
    display:flex;gap:0;
    border:1px solid var(--line);
    border-radius:4px;overflow:hidden;
  }
  .archive-search input{
    border:none;outline:none;
    padding:8px 12px;font-size:13px;
    flex:1;
  }
  .archive-search button{
    border:none;background:var(--insight-navy);
    color:#fff;padding:0 14px;font-size:13px;
    cursor:pointer;
  }
  .archive-search button:hover{background:var(--insight-navy-dark)}

  /* Current Issue */
  .current-cover{
    width:100%;
    aspect-ratio:3/4;
    max-width:200px;
    margin:0 auto 18px;
    background:linear-gradient(160deg, var(--insight-navy) 0%, var(--insight-navy-dark) 100%);
    color:#fff;
    display:flex;flex-direction:column;
    justify-content:space-between;
    padding:18px 14px;
    text-align:center;
    border:2px solid var(--insight-gold);
    box-shadow:0 8px 20px rgba(0,0,0,.18);
    position:relative;
  }
  .current-cover::before{
    content:"";position:absolute;inset:6px;
    border:1px solid rgba(201,162,39,.4);
    pointer-events:none;
  }
  .current-cover .cc-top{
    font-size:11px;letter-spacing:.2em;color:var(--insight-gold-soft);
    text-transform:uppercase;
  }
  .current-cover .cc-mid{
    font-family:'Merriweather',serif;
    font-weight:900;font-size:26px;
    line-height:1;letter-spacing:.05em;
  }
  .current-cover .cc-mid small{
    display:block;font-size:12px;font-weight:400;
    font-style:italic;margin-top:8px;color:var(--insight-gold-soft);
    letter-spacing:.05em;
  }
  .current-cover .cc-bot{
    font-size:10px;letter-spacing:.18em;
    color:var(--insight-gold-soft);
    text-transform:uppercase;
    border-top:1px solid rgba(201,162,39,.3);
    padding-top:8px;
  }
  .toc-heading{
    font-family:'Merriweather',serif;
    font-weight:700;font-size:15px;
    color:var(--insight-navy);
    text-align:center;
    border-bottom:2px solid var(--insight-gold);
    padding-bottom:8px;margin-bottom:14px;
  }
  .toc-list{list-style:none;padding:0;margin:0}
  .toc-list li{
    padding:10px 0;
    border-bottom:1px dashed #ddd;
    font-size:13.5px;
    line-height:1.4;
  }
  .toc-list li:last-child{border-bottom:none}
  .toc-list li a{
    color:var(--ink);text-decoration:none;
    display:block;
    transition:color .2s;
  }
  .toc-list li a:hover{color:var(--insight-navy)}
  .toc-list li a strong{
    display:block;
    color:var(--insight-navy);
    font-family:'Merriweather',serif;
    font-weight:700;font-size:13.5px;
    margin-bottom:3px;
  }
  .toc-list li a em{
    color:var(--muted);font-style:italic;font-size:12.5px;
  }
  .btn-view-current{
    display:inline-flex;
    align-items:center;
    margin-top:16px;
    padding:9px 22px;
    font-size:13.5px;
    font-weight:600;
    color:#fff;
    background:var(--insight-navy);
    border-radius:24px;
    text-decoration:none;
    transition:background .2s, transform .15s;
  }
  .btn-view-current:hover{
    background:var(--insight-gold);
    color:var(--insight-navy);
    transform:translateY(-1px);
  }
  .archive-view-all{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:6px;
    font-size:13px;
    font-weight:600;
    color:var(--insight-navy);
    text-decoration:none;
  }
  .archive-view-all:hover{color:var(--insight-gold)}

  /* Notifications */
  .notif-list{list-style:none;padding:0;margin:0}
  .notif-list li{
    padding:14px 12px;
    border-left:3px solid var(--insight-gold);
    background:var(--bg-soft);
    margin-bottom:12px;
    font-size:13.5px;
    line-height:1.5;
    text-align:justify;
    transition:background .2s, border-color .2s;
  }
  .notif-list li:hover{
    background:#fff;
    border-left-color:var(--insight-navy);
    box-shadow:0 2px 8px rgba(0,0,0,.06);
  }
  .notif-list .notif-date{
    display:block;
    font-size:11px;
    color:var(--insight-navy);
    font-weight:700;
    letter-spacing:.05em;
    text-transform:uppercase;
    margin-bottom:4px;
  }
  .notif-list .new-badge{
    background:#d9534f;color:#fff;
    font-size:9px;font-weight:700;
    padding:2px 6px;border-radius:3px;
    margin-left:6px;letter-spacing:.05em;
    vertical-align:middle;
  }
  .notif-list .notif-pdf-link{
    display:inline-flex;
    align-items:center;
    gap:4px;
    margin-top:6px;
    font-size:12px;
    font-weight:600;
    color:var(--insight-navy);
    text-decoration:none;
  }
  .notif-list .notif-pdf-link:hover{color:var(--insight-gold)}

  /* ============== FOOTER ============== */
  footer.site-footer{
    background:var(--insight-navy-dark);
    color:#cfd6e0;
    padding:36px 0 0;
    border-top:4px solid var(--insight-gold);
  }
  footer.site-footer h5{
    color:#fff;
    font-family:'Merriweather',serif;
    font-size:16px;
    margin-bottom:16px;
    padding-bottom:10px;
    border-bottom:1px solid rgba(255,255,255,.15);
  }
  footer.site-footer ul{list-style:none;padding:0;margin:0}
  footer.site-footer ul li{margin-bottom:9px;font-size:13.5px}
  footer.site-footer ul li a{
    color:#cfd6e0;text-decoration:none;
    transition:color .2s, padding-left .2s;
    display:inline-block;
  }
  footer.site-footer ul li a:hover{
    color:var(--insight-gold-soft);
    padding-left:6px;
  }
  footer.site-footer ul li i{
    color:var(--insight-gold);
    margin-right:8px;font-size:11px;
  }
  .footer-bottom{
    margin-top:30px;
    background:#0e1d36;
    padding:14px 0;
    font-size:12.5px;
    color:#9aa5b8;
  }
  .footer-bottom a{color:#cfd6e0;text-decoration:none}
  .footer-bottom a:hover{color:var(--insight-gold-soft)}

  /* ============== UTILITY ============== */
  @media (max-width: 767px){
    .masthead .title-block{
      border-left:none;
      border-top:1px solid #c8c8c8;
      padding-left:0;
      padding-top:18px;
      margin-top:18px;
      text-align:center;
    }
    .masthead .logo-wrap{justify-content:center}
    .masthead .journal-name{font-size:34px}
    .masthead .journal-tagline{font-size:15px}
  }

/* ===================================================================
   Additions — Iteration 3: Editable WYSIWYG blocks + uploaded cover
   =================================================================== */

/* Image-based current issue cover */
.current-cover-img-wrap{
  width:100%;
  max-width:240px;
  margin:0 auto 20px;
  background:#fff;
  padding:8px;
  border:2px solid var(--insight-gold);
  box-shadow:0 8px 22px rgba(0,0,0,.18);
}
.current-cover-img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/4;
  object-fit:cover;
}

/* WYSIWYG output — gentle defaults so DB-edited HTML looks tidy */
.wysiwyg-output{font-size:14px;line-height:1.6;color:var(--ink);text-align:justify}
.wysiwyg-output p{margin:0 0 10px}
.wysiwyg-output p:last-child{margin-bottom:0}
.wysiwyg-output h3, .wysiwyg-output h4{
  font-family:'Merriweather',serif;
  color:var(--insight-navy);
  margin:14px 0 10px;
  font-weight:700;
}
.wysiwyg-output h3{font-size:18px}
.wysiwyg-output h4{font-size:15px}
.wysiwyg-output ul, .wysiwyg-output ol{
  padding-left:20px;margin:0 0 12px;
}
.wysiwyg-output li{
  margin-bottom:7px;
  padding-bottom:7px;
  border-bottom:1px dashed #e3e6ec;
}
.wysiwyg-output li:last-child{border-bottom:none;margin-bottom:0}
.wysiwyg-output strong{color:var(--insight-navy)}
.wysiwyg-output a{color:var(--insight-navy);text-decoration:underline}
.wysiwyg-output a:hover{color:var(--insight-gold)}
.wysiwyg-output em{color:var(--muted)}

/* ===================================================================
   Inner pages — 2-column layout
   Left (wide): merged archive+current WYSIWYG content
   Right (narrow): notifications (same as home)
   =================================================================== */

/* breadcrumb strip */
.page-breadcrumb{
  background:var(--bg-soft);
  border-bottom:1px solid var(--line);
  padding:10px 0;
  font-size:13px;
  color:var(--muted);
}
.page-breadcrumb a{
  color:var(--insight-navy);
  text-decoration:none;
  font-weight:600;
}
.page-breadcrumb a:hover{color:var(--insight-gold)}
.page-breadcrumb .sep{margin:0 8px;opacity:.5}

/* inner page wrapper */
.inner-content{
  padding:40px 0 60px;
  background:#fff;
}

/* left content panel */
.inner-main-col{
  border:1px solid var(--line);
  background:#fff;
  min-height:400px;
}
.inner-main-col .col-header{
  background:var(--insight-navy);
  color:#fff;
  padding:14px 22px;
  font-family:'Merriweather', Georgia, serif;
  font-weight:700;
  font-size:19px;
  border-bottom:3px solid var(--insight-gold);
  display:flex;
  align-items:center;
  gap:10px;
}
.inner-main-col .col-body{
  padding:28px 26px;
}

/* right sidebar — reuse notification styles, slight width fix */
.inner-notif-col{
  border:1px solid var(--line);
  background:#fff;
}
.inner-notif-col .col-header{
  background:var(--insight-navy);
  color:#fff;
  padding:14px 20px;
  font-family:'Merriweather', Georgia, serif;
  font-weight:700;
  font-size:18px;
  border-bottom:3px solid var(--insight-gold);
  text-align:center;
}
.inner-notif-col .col-body{
  padding:18px;
}

/* page title inside content area */
.inner-page-title{
  font-family:'Merriweather', Georgia, serif;
  font-size:26px;
  font-weight:700;
  color:var(--insight-navy);
  margin:0 0 6px;
  padding-bottom:14px;
  border-bottom:2px solid var(--insight-gold);
  margin-bottom:22px;
}
.inner-page-subtitle{
  font-size:14px;
  color:var(--muted);
  font-style:italic;
  margin-top:-16px;
  margin-bottom:22px;
}

@media (max-width:991px){
  .inner-notif-col{margin-top:24px}
}

/* ===================================================================
   Issues & Articles page
   =================================================================== */
.issue-accordion .accordion-item{
  border:1px solid var(--line);
  margin-bottom:14px;
  border-radius:6px;
  overflow:hidden;
}
.issue-accordion .accordion-button{
  font-family:'Merriweather', Georgia, serif;
  font-weight:700;
  color:var(--insight-navy);
  background:var(--bg-soft);
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px;
}
.issue-accordion .accordion-button:not(.collapsed){
  background:var(--insight-navy);
  color:#fff;
  box-shadow:none;
}
.issue-accordion .accordion-button:not(.collapsed) .issue-pubdate{color:#dfe6f2}
.issue-accordion .accordion-button:focus{box-shadow:none}
.issue-year{font-weight:400;opacity:.8;margin-left:4px}
.issue-pubdate{
  font-size:12.5px;
  font-weight:500;
  color:var(--muted);
  font-family:'Open Sans', sans-serif;
}

/* Single-issue view (no accordion chrome) */
.issue-item-single{
  border:1px solid var(--line);
  border-radius:6px;
  overflow:hidden;
}
.issue-single-header{
  font-family:'Merriweather', Georgia, serif;
  font-weight:700;
  color:#fff;
  background:var(--insight-navy);
  padding:1rem 1.25rem;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px;
}
.issue-single-header .issue-pubdate{color:#dfe6f2}
.issue-single-body{padding:1.25rem}

/* Contents list (table-of-contents style) */
.contents-label{
  text-align:center;
  font-family:'Merriweather', Georgia, serif;
  font-weight:700;
  letter-spacing:.12em;
  font-size:15px;
  color:var(--insight-navy);
  margin-bottom:16px;
}
.contents-list{
  padding-left:30px;
  margin:0;
}
.contents-item{
  margin-bottom:14px;
  text-align:justify;
}
.contents-title{
  font-family:'Merriweather', Georgia, serif;
  font-weight:700;
  font-size:14.5px;
  text-transform:uppercase;
  color:var(--ink);
  text-decoration:none;
  letter-spacing:.01em;
}
.contents-title:hover{color:var(--insight-navy);text-decoration:underline}
.contents-author{
  font-size:13px;
  font-style:italic;
  color:var(--muted);
  margin-top:2px;
  text-align:left;
}

/* Article view modal */
.article-modal .modal-header{
  background:var(--insight-navy);
  color:#fff;
  border-bottom:3px solid var(--insight-gold);
}
.article-modal .modal-title{font-size:15px;font-weight:600}
.article-modal .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}
.article-modal-title{
  font-family:'Merriweather', Georgia, serif;
  font-size:19px;
  color:var(--insight-navy);
  margin:0 0 6px;
}
.article-modal-author{
  font-size:13.5px;
  color:var(--muted);
  margin-bottom:12px;
}
.article-meta-strip{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  background:var(--bg-soft);
  border:1px solid var(--line);
  border-radius:6px;
  padding:10px 14px;
  font-size:13px;
  margin-bottom:14px;
}
.article-meta-item strong{color:var(--insight-navy)}
.article-section{margin-top:10px}
.article-section-label{
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--insight-gold);
  margin-bottom:4px;
}
.btn-download-pdf{
  display:inline-flex;
  align-items:center;
  margin-top:12px;
  padding:6px 14px;
  font-size:13px;
  font-weight:600;
  color:#fff;
  background:var(--insight-navy);
  border-radius:20px;
  text-decoration:none;
  transition:background .2s;
}
.btn-download-pdf:hover{background:var(--insight-gold);color:#1d2330}