.recipe-card {
    max-width: 73rem;
    margin: 0 auto;
    background-color: var(--color-white);
    border-radius: 2.5rem;
    overflow: hidden;
    padding: 4rem;
}

.recipe-header {
    margin-block-end: 3rem;
}


.recipe-header img {
    width: 100%;
    display: block;
    object-fit: cover;
    border-radius: 1.2rem;
}

.recipe-title {
    font-size: 4rem;
    font-weight: var(--font-weight-regular);
    margin-block-end: 1.4rem;
}

.section-title {
    color: var(--color-brown-800);
    font-weight: var(--font-weight-regular);
    font-size: 3rem;
    margin-block-end: 1rem;
}

.section-preparation-time {
    background-color: var(--color-rose-50);
    padding: 2.5rem;
    border-radius: 1rem;
    margin-block-end: 1.5rem;
}

.section-preparation-time .section-title {
    color: var(--color-rose-800);
    font-family: var(--font-outfit);
    font-weight: var(--font-weight-bold);
    font-size: 2rem;
    margin-block-end: 0.8rem;
}

.time-list {
    color: var(--color-stone-600);
    list-style-type: disc;
    padding-inline-start: 2.5rem;
}

.time-item::marker {
    color: var(--color-rose-800);
    font-size: 0.8em;
}

.ingredient-list {
    list-style: disc;
    padding-inline-start: 2.2rem;
    margin-block-end: 3rem;
}

.ingredient-item::marker {
    font-size: 1.3rem;
}

.section-instructions {
    padding: 3rem 0;
    margin-block-end: 3rem;
    border-block-start: solid 1px var(--color-stone-150);
    border-block-end: solid 1px var(--color-stone-150);
}

.instruction-list {
    list-style-type: decimal;
    padding-inline-start: 2.5rem;
}

.instruction-step::marker {
    font-weight: var(--font-weight-bold);
    color: var(--color-brown-800);
}

.section-nutrition table {
    width: 100%;
    border-collapse: collapse;
    margin-block-start: 1.5rem;
}

.section-nutrition td {
    padding: 0.75rem 0;
    border-block-end: 1px solid var(--color-stone-150);
}

.section-nutrition tr:last-child td {
    border-block-end: none;
}

.section-nutrition td.nutrition-item {
    padding-inline-start: 3rem;
}

.nutrition-value {
    color: var(--color-brown-800);
    font-weight: var(--font-weight-bold);
}

.attribution {
    margin: 0 auto;
    font-size: 1.1rem;
    text-align: center;
    padding: 2rem;
}

.attribution a {
    color: var(--color-link-footer);
}