/* MATRICES */
.matrices{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:28px;
    margin-bottom:40px;
}

.matrix-card{
    border: 1px solid var(--border-color);
    border-radius:var(--pad-big);
    background:var(--bg);
    padding:20px;
    box-shadow: var(--shadow);
    display:grid;
    gap:16px;
}

.matrix-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
.matrix-title h2{
    font-size:22px;
}
.birth{
    font-size:13px;
    color:var(--black-700);
}

.square{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    grid-template-rows:repeat(3,1fr);
    gap:10px;
}

.cell{
    border: 1px solid var(--border-color);
    border-radius:12px;
    padding:12px;
    background:linear-gradient(180deg,var(--bg),var(--black-200));
    display:grid;
    gap:6px;
    min-height:86px;
}

.cell strong{
    font-size:18px;
    font-family:var(--serif);
}

.cell span{
    font-size:13px;
    color:var(--black-700);
}