    .adjustment-types {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 20px;
        margin: 20px 0;
    }

    .adjustment-type-card {
        padding: 20px;
        border: 2px solid var(--color-border);
        border-radius: var(--border-radius);
        background: var(--color-surface-subtle);
        transition: all 0.2s;
    }

    .adjustment-type-card:not(.coming-soon):hover {
        border-color: var(--color-primary);
        box-shadow: var(--shadow-card);
        transform: translateY(-2px);
    }

    .adjustment-type-card.coming-soon {
        opacity: 0.6;
        position: relative;
    }

    .adjustment-type-card h4 {
        margin: 0 0 12px 0;
        color: var(--color-primary);
        font-size: var(--font-size-lg, 18px);
    }

    .adjustment-type-card h4 a {
        color: var(--color-primary);
        text-decoration: none;
    }

    .adjustment-type-card h4 a:hover {
        text-decoration: underline;
    }

    .adjustment-type-card p {
        margin: 0;
        color: var(--color-text-muted);
        font-size: var(--font-size-sm, 14px);
        line-height: 1.6;
    }
