/* solutions.css — inherits site theme; override per-page if needed */
@import url("styles.css");

/* ---- Solutions page (larger content cards) ---- */
.sol-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 22px;
}
.int-card.sol-card { padding: 26px; }
.sol-card h3 { font-size: clamp(1.25rem, 1.05rem + .9vw, 1.6rem); margin: 6px 0 8px; }
.sol-sub { color: var(--muted); font-weight: 700; margin: 0 0 12px; }
.sol-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.sol-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; }
.sol-list { list-style: none; padding: 0; margin: 0; }
.sol-list li { position: relative; padding-left: 16px; margin: 6px 0; }
.sol-list li::before { content: "•"; position: absolute; left: 0; color: var(--accent); font-weight: 800; }
.sol-cta { margin-top: 12px; }

@media (max-width: 1024px) {
  .sol-grid { grid-template-columns: 1fr; }
  .sol-columns { grid-template-columns: 1fr; }
}