/* industries.css — Industries hub and detail page styles */

/* Industries hub card grid */
.industries-hub .industry-card { transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; }
.industries-hub .industry-card:hover { transform: translateY(-4px); box-shadow: 0 22px 50px rgba(3,70,148,.1); border-color: rgba(3,70,148,.35); }
.industries-hub .industry-card .learn-more { margin-top: auto; }

/* Industry detail overview */
.industry-overview { padding: var(--section-py) 0; }
.industry-overview .lead { color: var(--color-muted); max-width: 100%; }

/* Industry detail focus grid — already in components.css, page-level overrides here */
.industry-detail .focus-grid { margin-top: var(--space-lg); }
.industry-detail .industry-note { margin-top: var(--space-xl); }

/* Industry stats highlight */
.industry-stats { display: flex; gap: var(--space-lg); flex-wrap: wrap; margin-top: var(--space-xl); }
.industry-stat-item {
    border: var(--border-default);
    background: var(--color-bg);
    padding: var(--space-md) var(--space-lg);
    border-radius: var(--radius-card);
    text-align: center;
    min-width: 140px;
}
.industry-stat-item .stat-value { font-size: 1.8rem; }

@media (max-width: 991px) {
    .industry-stats { flex-direction: column; }
}

/* ── Industry hub — image-led tiles (reuses solution-card base) ── */
.industries-hub .industry-tile .solution-body h3 {
    font-size: 1.05rem;
}

.industries-hub .industry-tile-lg .solution-thumb {
    height: 320px;
}

.industries-hub .industry-tile-lg .solution-body {
    padding: 1.6rem 1.6rem 1.8rem;
}

.industries-hub .industry-tile-lg .solution-body h3 {
    font-size: 1.2rem;
}

.industries-hub .industry-tile .learn-more i {
    margin-left: .35rem;
    transition: transform .2s ease;
}

.industries-hub .industry-tile:hover .learn-more i {
    transform: translateX(3px);
}

@media (max-width: 991px) {
    .industries-hub .industry-tile-lg .solution-thumb { height: 220px; }
}