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

.tech-card {
    background-color: var(--primary-color);
    padding: 20px;
    border-radius: 5px;
    border-top: 3px solid var(--accent-color);
}

.tech-card h3 {
    margin-top: 0;
}

.tech-list {
    list-style-type: none;
    padding-left: 0;
}

.tech-list li {
    padding: 5px 0;
    border-bottom: 1px solid var(--secondary-color);
}

.principles {
    background-color: var(--secondary-color);
    padding: 20px;
    border-radius: 5px;
}

.principles ul {
    list-style-type: square;
    padding-left: 20px;
}