/* Block: audience-pills */
.audience-pills {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px calc(16 * var(--tgc-u));
    max-width: calc(1330 * var(--tgc-u));
    margin: calc(26 * var(--tgc-u)) auto 0;
    padding: 0 var(--tgc-gutter);
    list-style: none;
}

.audience-pill {
    display: flex;
    align-items: center;
    gap: calc(15 * var(--tgc-u));
    min-height: calc(53 * var(--tgc-u));
    padding: calc(12 * var(--tgc-u)) calc(24 * var(--tgc-u)) calc(12 * var(--tgc-u)) calc(18 * var(--tgc-u));
    border-radius: calc(30 * var(--tgc-u));
    background-color: var(--tgc-violet);
    color: var(--theme-white);
}

.audience-pill__tick {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(20 * var(--tgc-u));
    flex-shrink: 0;
    color: var(--theme-white);
}

.audience-pill__tick svg {
    display: block;
    width: calc(20 * var(--tgc-u));
    height: calc(14 * var(--tgc-u));
}

.audience-pill__text {
    font-size: calc(16 * var(--tgc-ut));
    font-weight: 500;
    line-height: calc(26 * var(--tgc-ut));
}

@media (max-width: 768px) {
    .audience-pills {
        grid-template-columns: 1fr;
        padding: 0 20px;
    }
}