/*
 * Features page — higher-contrast cards and section rhythm (aligned with GS1 Assistant).
 */

.lfs-features-page {
    --features-border-strong: rgba(15, 23, 42, 0.14);
    --features-surface-raised: #f1f5f9;
    --features-body-strong: #334155;
}

.lfs-features-page > .lfs-content-offset {
    padding-bottom: 0.25rem;
}

.lfs-features-page > .lfs-content-offset .lfs-page-title {
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    letter-spacing: -0.02em;
}

.lfs-features-page .lfs-section--features {
    background: var(--surface-alt);
    border-top: 1px solid var(--features-border-strong);
}

.lfs-features-page .lfs-feature-grid {
    gap: 1.5rem;
}

.lfs-features-page .lfs-feature-card {
    gap: 1.125rem;
    padding: 1.5rem;
    border: 1px solid var(--features-border-strong);
    box-shadow: var(--shadow-md);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.lfs-features-page .lfs-feature-card:hover {
    transform: translateY(-2px);
    border-color: var(--emerald);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.06);
}

.lfs-features-page .lfs-feature-card__icon {
    width: 3.75rem;
    height: 3.75rem;
    border: 1.5px solid var(--features-border-strong);
    background: var(--features-surface-raised);
    box-shadow: var(--shadow-sm);
}

.lfs-features-page .lfs-feature-card__body h3 {
    font-family: "Plus Jakarta Sans", system-ui, sans-serif;
    font-size: 1.1875rem;
    letter-spacing: -0.02em;
    color: var(--text);
}

.lfs-features-page .lfs-feature-card__body li {
    color: var(--features-body-strong);
    font-weight: 500;
}

.lfs-features-page .lfs-feature-card__body li::before {
    width: 0.4rem;
    height: 0.4rem;
    background: var(--emerald);
}