/* === Article aside (Sugar-Cookie callout) =============================
 * Long-form article aside: a Sugar Cookie box with a saddle left rule,
 * eyebrow + heading + body + "Continue reading" link. Distinct from
 * .sb-aside-callout (the inline-styled simpler cross-link box) — this
 * one is the fuller-blown side note with its own title. */
.sb-article-aside {
    background: var(--wp--preset--color--sugar);
    border-left: 3px solid var(--wp--preset--color--saddle);
    /* 22 = sm-plus (18) + xxs (4);  26 = md (24) + xxs/2 (2) */
    padding: calc(var(--wp--preset--spacing--sm-plus) + var(--wp--preset--spacing--xxs)) calc(var(--wp--preset--spacing--md) + var(--wp--preset--spacing--xxs) / 2);
    /* 32 = md (24) + xs (8) */
    margin: calc(var(--wp--preset--spacing--md) + var(--wp--preset--spacing--xs)) auto;
    max-width: 720px;
    font-family: var(--wp--preset--font-family--cormorant);
}
.sb-article-aside__eyebrow {
    font-family: var(--wp--preset--font-family--manrope);
    font-size: var(--wp--preset--font-size--eyebrow);
    text-transform: uppercase;
    letter-spacing: .25em;
    color: var(--wp--preset--color--saddle);
    font-weight: 600;
    /* 6 = xs (8) - xxs/2 (2) */
    margin: 0 0 calc(var(--wp--preset--spacing--xs) - var(--wp--preset--spacing--xxs) / 2);
}
.sb-article-aside__title {
    font-family: var(--wp--preset--font-family--cormorant);
    font-size: var(--wp--preset--font-size--heading);
    font-weight: 600;
    margin: 0 0 var(--wp--preset--spacing--xs);
}
.sb-article-aside p {
    font-family: var(--wp--preset--font-family--lora);
    font-size: var(--wp--preset--font-size--aside-body);
    line-height: 1.65;
    /* 10 = xs (8) + xxs/2 (2) */
    margin: 0 0 calc(var(--wp--preset--spacing--xs) + var(--wp--preset--spacing--xxs) / 2);
    color: var(--wp--preset--color--ink) !important;
}
.sb-article-aside p::first-letter { font-size: inherit; float: none; margin: 0; color: inherit; font-weight: inherit; }
.sb-article-aside__link {
    font-family: var(--wp--preset--font-family--manrope);
    font-size: var(--wp--preset--font-size--meta);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .25em;
    color: var(--wp--preset--color--saddle);
    text-decoration: none;
}
.sb-article-aside__link::after { content: " →"; }