/* Compact, consistent openings after the small panel labels were removed. */
.tab-panel { padding-top: 24px; }
.tab-panel > .panel-heading { padding-bottom: 20px; margin-bottom: 22px; }
.tab-panel .section-heading { margin: 0; }
.tab-panel .panel-heading .section-subtitle { margin: 9px 0 0; }
.interview-panel .article-title-row { margin-top: 0; }
.interview-panel .article-title-row h2 > span {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  vertical-align: baseline;
  margin-left: 0;
}

/* Both reading routes end with the same clear, centered destination. */
.article-next {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0;
  width: 100%;
  margin: 28px 0 0;
  padding: 0;
  border: 0;
}
.article-next .text-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  width: min(100%, 320px);
  max-width: 100%;
  min-height: 52px;
  padding: 13px 22px;
  border: 1px solid rgba(73, 117, 105, .43);
  border-radius: 15px;
  background: linear-gradient(120deg, rgba(222, 236, 220, .78), rgba(236, 244, 231, .7));
  color: #315e59;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), 0 4px 13px rgba(43, 86, 71, .06);
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: 1px;
  text-align: center;
  text-decoration: none;
  transition: background .2s, border-color .2s;
}
.article-next .text-link:hover {
  border-color: rgba(73, 117, 105, .65);
  background: rgba(214, 232, 210, .85);
}
.article-next .text-link > span { flex: 0 0 auto; }

@media(max-width: 760px) {
  .tab-panel { padding-top: 20px; }
  .tab-panel > .panel-heading { padding-bottom: 18px; margin-bottom: 20px; }
  .article-next { margin-top: 24px; }
  .article-next .text-link {
    width: 100%;
    min-height: 48px;
    padding: 12px 16px;
    border-radius: 13px;
    font-size: 12px;
  }
}
@media(prefers-reduced-motion: reduce) {
  .article-next .text-link { transition: none; }
}