/* Existing published projects contain Bootstrap visibility classes. Keep their
   original 768px threshold, independently of native Columns' 782px stacking.
   Frontend only: both variants stay editable in Gutenberg, as in the old editor.
   This is not an import or reimplementation of the Bootstrap layout system. */
.cosma-content .d-none { display: none; }
.cosma-content .d-block { display: block; }
@media (min-width: 768px) {
    .cosma-content .d-md-none { display: none; }
    .cosma-content .d-md-block { display: block; }
}

/* The Pennavel project already uses this spacing alias. */
:where(.cosma-content, .editor-styles-wrapper) .pb-5 {
    padding-block-end: var(--cosma-section-space);
}

/* Historical class names in existing headings/reusable blocks, not new choices. */
:where(.cosma-content, .editor-styles-wrapper) .BrownInlineLL {
    font-family: var(--cosma-display-font);
    font-weight: 700;
}
:where(.cosma-content, .editor-styles-wrapper) .AvenirLTStd-Roman {
    font-family: var(--cosma-body-font);
    font-weight: 400;
}
:where(.cosma-content, .editor-styles-wrapper) .AvenirLTStd-Medium {
    font-family: var(--cosma-body-font);
    font-weight: 500;
}