/* iMARINS — page-specific styles */

.tm {
  font-size: 0.45em;
  vertical-align: super;
  line-height: 1;
  font-weight: var(--fw-semibold);
}

.badge-warn {
  background-color: rgba(255, 184, 77, 0.15);
  color: #FFB84D;
}

.imarins-intro {
  max-width: 880px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.imarins-intro p {
  font-size: var(--fs-body-lg);
  color: var(--c-slatey-400);
  line-height: 1.7;
}

.imarins-paragraph {
  font-size: var(--fs-body-lg);
  color: var(--c-slatey-400);
  line-height: 1.7;
}

.imarins-hub-card {
  aspect-ratio: 5 / 3;
  background-color: var(--c-navy-700);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-align: center;
}
.imarins-hub-card__dot {
  width: 12px;
  height: 12px;
  background-color: var(--c-sky-500);
  border-radius: 2px;
}
.imarins-hub-card__title {
  font-size: 20px;
  font-weight: var(--fw-semibold);
  color: var(--c-sky-500);
}

.imarins-factors { gap: 24px; }

.factor-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.factor-card__title {
  font-size: 20px;
  font-weight: var(--fw-semibold);
  color: var(--c-white);
}
.factor-card__sub {
  color: var(--c-sky-500);
  font-weight: var(--fw-regular);
  font-size: 0.85em;
}
.factor-card__body {
  font-size: var(--fs-body-sm);
  color: var(--c-slatey-400);
  line-height: 1.65;
}

.imarins-closing {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
  font-size: var(--fs-body-lg);
  color: var(--c-slatey-400);
  line-height: 1.7;
}