.services-bento__serif,
[data-serif] {
    font-family: Georgia, "Times New Roman", Times, serif;
}

.services-bento__body {
    min-width: 0;
}

.services-bento__corner {
    position: absolute;
    top: -0.5rem;
    right: 1.5rem;
    width: 1rem;
    height: 1rem;
    border: 2px solid currentColor;
    transform: rotate(45deg);
    pointer-events: none;
}

.services-bento__chevron {
    transition: transform 200ms ease;
}
.services-bento__toggle[aria-expanded="true"] .services-bento__chevron {
    transform: rotate(180deg);
}

/* v25 - chat bubble speech tail (border-triangle trick has no TW/BS utility) */
[data-chat-bubble] {
    position: relative;
}

[data-bubble-side="left"] [data-chat-bubble]::before {
    content: "";
    position: absolute;
    top: 1.25rem;
    left: -0.5rem;
    width: 0;
    height: 0;
    border-top: 0.5rem solid transparent;
    border-bottom: 0.5rem solid transparent;
    border-right: 0.5rem solid currentColor;
    color: inherit;
    opacity: 0.15;
}

[data-bubble-side="right"] [data-chat-bubble]::before {
    content: "";
    position: absolute;
    top: 1.25rem;
    right: -0.5rem;
    width: 0;
    height: 0;
    border-top: 0.5rem solid transparent;
    border-bottom: 0.5rem solid transparent;
    border-left: 0.5rem solid currentColor;
    color: inherit;
    opacity: 0.15;
}


.stackup-ledger__slate--glow:hover { transform: scale(1.05); transition: transform .2s ease; }

.stackup-ledger__preview--glow:hover { transform: scale(1.1); transition: transform .2s ease; }

.stackup-ledger__mark--glow:hover { transform: scale(1.1); transition: transform .2s ease; }

.stackup-ledger__piece--glow:hover { transform: scale(1.05); transition: transform .2s ease; }

.triplet-plain-quote__track {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    row-gap: 1.5rem;
}

@media (min-width: 768px) {
    .triplet-plain-quote__track {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 1.5rem;
        row-gap: 1.75rem;
    }
}

.triplet-plain-quote__col {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

@media (min-width: 768px) {
    .triplet-plain-quote__col {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}