/*
 * Ostoja — Security widget ("Zaufanie i bezpieczeństwo").
 * Section-specific layout only; reuses shared .ost-section/.ost-container/
 * .ost-section-head/.ost-eyebrow/.ost-h2/.ost-lead/.ost-card/.ost-icon-box primitives.
 */

.ost-security__grid {
  margin-top: 4rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (min-width: 640px) {
  .ost-security__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  .ost-security__grid { grid-template-columns: repeat(4, 1fr); }
}

.ost-security__icon-box {
  width: 2.75rem;          /* h-11/w-11, like the preview */
  height: 2.75rem;
  border-radius: 9999px;   /* fully rounded (circle) */
  background: var(--ost-sage);
  color: var(--ost-primary);
  margin-bottom: 1.25rem;
}

.ost-security__title {
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 .5rem;
  color: var(--ost-foreground);
}

.ost-security__text {
  font-size: .875rem;
  line-height: 1.7;
  color: var(--ost-muted-foreground);
  margin: 0;
}