.layout .main .article .info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.layout .main .article .info-card {
    padding: 18px;

    border: 1px solid var(--border-subtle);
    border-radius: 5px;

    background: rgba(255, 255, 255, 0.012);

    transition:
        border-color 150ms ease,
        background 150ms ease;
}

.layout .main .article .info-card:hover {
    border-color: var(--border-neon);
    background: rgba(0, 255, 136, 0.02);
}

.layout .main .article .info-card-label {
    display: block;

    margin-bottom: 8px;

    color: var(--neon-cyan);

    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.16em;
}

.layout .main .article .info-card-text {
    margin: 0;

    color: var(--text-secondary);

    font-size: 13px;
    line-height: 1.7;
}