/* Keep the existing layout when replacing decorative titles with headings. */
h1.home-title,
h2.home-title {
    margin: 0;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.recipe-navigation {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.recipe-summary {
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 1.6;
}

#ingredients,
#preparation {
    scroll-margin-top: 100px;
}