.sie-jats-guard {
  width: min(100% - 2.5rem, 42rem);
  margin: 3.5rem auto 5rem;
}

.sie-jats-guard__card {
  background: var(--sie-white, #fff);
  border: 1px solid var(--sie-line, #d5dde6);
  border-radius: var(--sie-radius-card, 1.35rem);
  box-shadow: var(--sie-shadow, 0 20px 50px rgb(15 28 46 / 12%));
  padding: 2rem 1.75rem 1.75rem;
}

.sie-jats-guard__kicker {
  margin: 0 0 0.65rem;
  font: 700 0.72rem/1 var(--sie-font-display, Barlow, system-ui, sans-serif);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sie-accent, #215fbf);
}

.sie-jats-guard__title {
  margin: 0 0 1rem;
  font: 700 clamp(1.35rem, 2vw, 1.75rem)/1.25 var(--sie-font-display, Barlow, system-ui, sans-serif);
  color: var(--sie-ink, #1b2430);
}

.sie-jats-guard__lead,
.sie-jats-guard__body {
  margin: 0 0 0.85rem;
  font: 400 1.02rem/1.55 var(--sie-font-body, Barlow, system-ui, sans-serif);
  color: var(--sie-ink-soft, #314050);
}

.sie-jats-guard__body {
  color: var(--sie-muted, #5b6b7a);
}

.sie-jats-guard__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 1.5rem;
}

.sie-jats-guard__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.65rem;
  padding: 0 1.2rem;
  border: 1px solid var(--sie-line, #d5dde6);
  border-radius: var(--sie-radius-btn, 999px);
  background: var(--sie-white, #fff);
  color: var(--sie-ink, #1b2430);
  font: 600 0.92rem/1 var(--sie-font-display, Barlow, system-ui, sans-serif);
  text-decoration: none;
}

.sie-jats-guard__btn:hover,
.sie-jats-guard__btn:focus-visible {
  color: var(--sie-ink, #1b2430);
  text-decoration: none;
}

.sie-jats-guard__btn:focus-visible {
  outline: 2px solid var(--sie-gold-deep, #184a9a);
  outline-offset: 2px;
}

.sie-jats-guard__btn--primary {
  border-color: transparent;
  background: var(--sie-accent, #215fbf);
  color: var(--sie-on-accent, #fff);
}

.sie-jats-guard__btn--primary:hover,
.sie-jats-guard__btn--primary:focus-visible {
  color: var(--sie-on-accent, #fff);
}