/* ==========================================================================
   TRIJORA — article page extras (loaded after styles.css)
   Custom/bulk enquiry block + FAQ spacing for Journal articles.
   ========================================================================== */
.article-faq {
  margin-top: 46px;
  padding-top: 34px;
  border-top: 1px solid var(--line);
}
.article-faq h2 {
  margin: 0 0 18px;
  font: 400 32px/1.1 var(--serif);
}
.article-faq details {
  border-bottom: 1px solid var(--line);
}
.article-faq summary {
  padding: 16px 0;
  font: 400 17px/1.4 var(--serif);
  cursor: pointer;
}
.article-faq p {
  margin: 0 0 18px;
  color: var(--muted);
  font: 14.5px/1.7 var(--serif);
}

.article-bulk {
  margin: 44px 0 0;
  padding: 30px 28px 26px;
  border: 1px solid var(--line);
  border-left: 3px solid var(--night);
  background: rgba(255, 255, 255, .5);
}
.article-bulk h2 {
  margin: 0 0 12px;
  font: 400 26px/1.2 var(--serif);
}
.article-bulk > p {
  margin: 0 0 20px;
  max-width: 58ch;
  color: var(--muted);
  font: 15px/1.7 var(--serif);
}
.article-bulk-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--line);
}
.article-bulk-list li {
  display: flex;
  align-items: baseline;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}
.article-bulk-list span {
  flex: 0 0 88px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--muted);
}
.article-bulk-list a,
.article-bulk-list button {
  flex: 1 1 auto;
  padding: 0;
  border: 0;
  border-bottom: 1px solid rgba(23, 26, 23, .3);
  background: none;
  font: 16px/1.4 var(--serif);
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, opacity .18s ease;
}
.article-bulk-list a:hover,
.article-bulk-list button:hover,
.article-bulk-list a:focus-visible,
.article-bulk-list button:focus-visible {
  border-bottom-color: var(--night);
  opacity: .72;
}

@media (max-width: 720px) {
  .article-bulk { padding: 24px 18px 20px; }
  .article-bulk-list span { flex-basis: 72px; }
}