/* ============================================================
   WELDONE EVENTS — Journal article styles
   ============================================================ */

.article-hero{ min-height:clamp(460px, 68vh, 700px); }
.article-hero .a-meta{
  display:flex; align-items:center; gap:16px; flex-wrap:wrap;
  margin-top:22px; font-size:.74rem; letter-spacing:.2em; text-transform:uppercase; color:#d9c2c9;
}
.article-hero .a-meta .j-chip{ border-color:rgba(243,236,223,.3); color:#f6d4da; }
.article-hero .a-meta i{ font-style:normal; color:#d98f9c; }

/* body */
.article-body{ max-width:780px; margin-inline:auto; }
.article-body > *{ margin-bottom:26px; }
.article-body .intro{
  font-family:var(--font-display); font-style:italic;
  font-size:clamp(1.2rem, 2vw, 1.5rem); line-height:1.6; color:var(--ink);
}
.article-body .intro::first-letter{
  font-size:3.1em; line-height:.8; float:left; margin:10px 14px 0 0;
  color:var(--gold); font-style:italic;
}
.article-body h2{
  font-size:clamp(1.6rem, 2.6vw, 2.1rem); padding-top:18px;
  display:flex; align-items:baseline; gap:16px;
}
.article-body h2 .h-num{
  font-style:italic; font-size:.72em;
  background:var(--grad-gold); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  flex-shrink:0;
}
.article-body p{ color:var(--ink-2); }
.article-body ul{ display:flex; flex-direction:column; gap:12px; padding-left:4px; }
.article-body ul li{
  position:relative; padding-left:30px; color:var(--ink-2);
}
.article-body ul li::before{
  content:"✦"; position:absolute; left:0; top:1px; color:var(--gold); font-size:.8rem;
}
.article-body ul li b{ color:var(--ink); font-weight:500; }
.article-body .pull{
  border-left:2px solid var(--gold);
  padding:8px 0 8px 28px; margin-block:38px;
  font-family:var(--font-display); font-style:italic; font-weight:500;
  font-size:clamp(1.25rem, 2.2vw, 1.6rem); line-height:1.5; color:var(--ink);
}
.article-body .pull small{
  display:block; margin-top:12px; font-family:var(--font-body); font-style:normal;
  font-size:.68rem; letter-spacing:.3em; text-transform:uppercase; color:var(--gold);
}
.article-body figure{ margin-block:40px; }
.article-body figure img{ border-radius:var(--radius); width:100%; }
.article-body figcaption{
  margin-top:14px; text-align:center;
  font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-3);
}
.tip-box{
  border:1px solid var(--line); border-radius:var(--radius);
  background:linear-gradient(160deg, rgba(217,143,156,.08), transparent 65%), var(--bg-3);
  padding:clamp(24px, 3vw, 36px); margin-block:38px;
}
.tip-box b{
  display:flex; align-items:center; gap:10px;
  font-size:.72rem; letter-spacing:.32em; text-transform:uppercase; color:var(--gold);
  margin-bottom:12px; font-weight:500;
}
.tip-box p{ margin:0; }

/* author strip */
.a-author{
  max-width:780px; margin:60px auto 0;
  display:flex; align-items:center; gap:22px; flex-wrap:wrap;
  border-top:1px solid var(--line); padding-top:36px;
}
.a-author .brand-mark{ width:60px; height:60px; }
.a-author .brand-mark span{ font-size:1.9rem; }
.a-author div b{ display:block; font-family:var(--font-display); font-weight:600; font-size:1.2rem; }
.a-author div span{ font-size:.74rem; letter-spacing:.24em; text-transform:uppercase; color:var(--ink-3); }

/* related */
.related-sec .journal-grid{ grid-template-columns:1fr 1fr; }
@media (max-width:640px){ .related-sec .journal-grid{ grid-template-columns:1fr; } }