/* Salubrum — solutions.css */

.slb-solution-header {
  max-width: 640px;
}
.slb-solution-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
@media (max-width: 900px) { .slb-solution-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .slb-solution-grid { grid-template-columns: 1fr; } }

.slb-use-case-item {
  display: flex;
  gap: 16px;
  padding: 20px;
  background: var(--slb-bg-white);
  border: 1px solid var(--slb-border-light);
  border-radius: var(--slb-radius);
  transition: box-shadow 0.2s;
}
.slb-use-case-item:hover { box-shadow: var(--slb-shadow); }
.slb-use-case-item__icon { font-size: 20px; color: var(--slb-teal-aa-light); width: 28px; flex-shrink: 0; margin-top: 2px; }
.slb-use-case-item__title { font-size: 14px; font-weight: 600; color: var(--slb-fg-on-light-primary); margin-bottom: 4px; }
.slb-use-case-item__body { font-size: 13px; color: var(--slb-fg-on-light-secondary); line-height: 1.6; }

/* Solutions overview strip on index */
.slb-solutions-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
@media (max-width: 900px) { .slb-solutions-strip { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .slb-solutions-strip { grid-template-columns: 1fr; } }

.slb-solution-card {
  padding: 24px;
  background: var(--slb-bg-white);
  border: 1px solid var(--slb-border-light);
  border-radius: var(--slb-radius-lg);
  transition: box-shadow 0.2s, transform 0.2s;
}
.slb-solution-card:hover { box-shadow: var(--slb-shadow-lg); transform: translateY(-2px); }
.slb-solution-card__icon { font-size: 28px; color: var(--slb-teal-aa-light); margin-bottom: 12px; }
.slb-solution-card__title { font-size: 15px; font-weight: 600; color: var(--slb-fg-on-light-primary); margin-bottom: 8px; }
.slb-solution-card__body { font-size: 13px; color: var(--slb-fg-on-light-secondary); line-height: 1.6; margin-bottom: 16px; }
.slb-solution-card__link { font-size: 13px; color: var(--slb-teal-aa-light); font-weight: 600; display: inline-flex; align-items: center; gap: 4px; }
.slb-solution-card__link:hover { gap: 8px; }

/* Privacy safe page */
.slb-privacy-pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
@media (max-width: 768px) { .slb-privacy-pillars { grid-template-columns: 1fr; } }
.slb-privacy-pillar { padding: 28px; background: var(--slb-bg-light); border-radius: var(--slb-radius-lg); border-left: 3px solid var(--slb-teal); }
.slb-privacy-pillar__title { font-size: 16px; font-weight: 600; color: var(--slb-fg-on-light-primary); margin-bottom: 8px; }
.slb-privacy-pillar__body { font-size: 14px; color: var(--slb-fg-on-light-secondary); line-height: 1.6; }

/* Integrations grid */
.slb-int-categories { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
@media (max-width: 900px) { .slb-int-categories { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .slb-int-categories { grid-template-columns: 1fr; } }
.slb-int-cat { padding: 28px; background: var(--slb-bg-light); border-radius: var(--slb-radius-lg); border: 1px solid var(--slb-border-light); }
.slb-int-cat__icon { font-size: 24px; color: var(--slb-teal-aa-light); margin-bottom: 12px; }
.slb-int-cat__title { font-size: 15px; font-weight: 600; color: var(--slb-fg-on-light-primary); margin-bottom: 8px; }
.slb-int-cat__items { display: flex; flex-direction: column; gap: 6px; }
.slb-int-cat__items span { font-size: 13px; color: var(--slb-fg-on-light-secondary); padding: 4px 8px; background: var(--slb-bg-white); border-radius: 4px; border: 1px solid var(--slb-border-light); display: inline-block; }