/**********************************************************
// Block >> Example
**********************************************************/
.Block-Speaking-Topics-Grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 1.5px;
    background: var(--Light-Blue);
    border: 1px solid var(--Light-Blue);
}

.Block-Speaking-Topics .tp {
    background: var(--Cream);
    padding: 2rem 2.2rem;
}

.Block-Speaking-Topics .tpn {
    font-family: var(--Title-Font);
    font-size: 2.5rem;
    font-weight: 300;
    color: var(--Gold);
    line-height: 1;
    margin-bottom: 1rem;
}

.Block-Speaking-Topics .tpt {
    font-family: var(--Title-Font);
    font-size: 1.15rem;
    font-weight: 500;
    margin-bottom: .8rem;
    line-height: 1.3;
}

.Block-Speaking-Topics .tpd {
    font-size: .88rem;
    line-height: 1.75;
    opacity: 0.7;
}



/**********************************************************
// Media Queries
**********************************************************/
@media (max-width: 600px) {
    .Block-Speaking-Topics-Grid {
        grid-template-columns: 1fr;
    }
}