main img
{
    width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

/***/

section.emphasize,
div.emphasize
{
    width: 100%;
    max-width: var(--max-width-page-extra);
    margin: 0 auto;
    --content-padding-block: 1rem;
    --content-padding-inline: 1.5rem;
    background: var(--clr-bg-emphasize);
}

main section.emphasize,
main div.emphasize
{
    --content-padding-block: var(--stack-gap);
    --content-padding-inline: max(var(--min-page-side-padding), var(--stack-gap));
}


section.emphasize,
div.emphasize.content,
div.emphasize > .content
{
    padding: var(--content-padding-block) var(--content-padding-inline);
}

div.emphasize > .tile
{
    background: transparent;
}

section.emphasize.page
{

}

section.emphasize.hr
{
    margin-top: var(--stack-gap);
}

section.emphasize.hr:before
{
    margin-top: calc(-2 * var(--stack-gap));
    margin-bottom: var(--stack-gap);
}

/**/

main > div.flash-messages
{
    margin-top: var(--stack-gap);
}

.flash-message
{
    display: flex;
    gap: 1rem;
    padding: 1rem;
    margin-bottom: 2rem;
}

.flash-message.error
{
    background: var(--clr-error)
}

.flash-message.success
{
    background: var(--clr-success);
    color: var(--clr-success-inv);
}

.flash-message.notice
{
    background: var(--clr-error)
}