/* === Coffee tip jar (in-body BMAC sign-off) ===========================
 * Butter sign-off — the "author / aside" palette per BRAND.md — so it
 * reads as a personal thank-you rather than chrome. Distinct from
 * .sb-aside-callout (Sugar related-link box) and
 * .sb-affiliate-disclosure (paper-on-paper footnote). Insert near the
 * end of a post, after the recipe block, before the reviews. */
.sb-coffee-tip {
    background-color: var(--wp--preset--color--butter);
    /* 36 = lg */
    padding: var(--wp--preset--spacing--md) var(--wp--preset--spacing--lg);
    max-width: 520px;
    margin: var(--wp--preset--spacing--lg) auto;
    text-align: center;
}
.sb-coffee-tip__eyebrow {
    font-family: var(--wp--preset--font-family--manrope);
    font-size: var(--wp--preset--font-size--eyebrow);
    font-weight: 600;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--wp--preset--color--saddle);
    /* 12 = xs (8) + xxs (4) */
    margin: 0 0 calc(var(--wp--preset--spacing--xs) + var(--wp--preset--spacing--xxs));
}
.sb-coffee-tip__mark {
    /* 6 = xs (8) - xxs/2 (2) */
    margin-right: calc(var(--wp--preset--spacing--xs) - var(--wp--preset--spacing--xxs) / 2);
    opacity: .7;
    /* Snapped from original 11px to the meta token (10) on the ✦ glyph. */
    font-size: var(--wp--preset--font-size--meta);
    vertical-align: -1px;
}
.sb-coffee-tip__body {
    font-family: var(--wp--preset--font-family--cormorant);
    font-style: italic;
    font-weight: 400;
    font-size: var(--wp--preset--font-size--body);
    line-height: 1.5;
    color: var(--wp--preset--color--ink);
    /* 14 = sm (16) - xxs/2 (2) */
    margin: 0 auto calc(var(--wp--preset--spacing--sm) - var(--wp--preset--spacing--xxs) / 2);
    max-width: 440px;
}
.sb-coffee-tip__cta {
    display: inline-block;
    font-family: var(--wp--preset--font-family--cormorant);
    font-style: italic;
    font-size: var(--wp--preset--font-size--cta);
    color: var(--wp--preset--color--saddle);
    text-decoration: none;
    border-bottom: 1px solid rgba(132, 87, 47, 0.4);
    /* 2 = xxs/2 */
    padding-bottom: calc(var(--wp--preset--spacing--xxs) / 2);
}
.sb-coffee-tip__cta:hover {
    border-bottom-color: var(--wp--preset--color--saddle);
}
@media (max-width: 600px) {
    /* 20 = sm-plus (18) + xxs/2 (2) */
    .sb-coffee-tip { padding: var(--wp--preset--spacing--md) calc(var(--wp--preset--spacing--sm-plus) + var(--wp--preset--spacing--xxs) / 2); }
    .sb-coffee-tip__body { font-size: var(--wp--preset--font-size--cta); }
}