.feeding-quiz {
    max-width: 48rem;
    padding-block: clamp(1.5rem, 4vw, 3.25rem);
}

.template-feeding-quiz .page-header { padding-block: clamp(1.9rem, 4.5vw, 3.5rem); }
.template-feeding-quiz .whatsapp-float { display: none; }

.feeding-quiz-card {
    padding: clamp(1.25rem, 4vw, 2.75rem);
    background: var(--cream);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    overflow-wrap: anywhere;
}

.feeding-quiz [hidden] { display: none !important; }
.feeding-quiz-note { color: var(--olive); }
.feeding-quiz-progress { display: grid; gap: .5rem; margin-bottom: 1.5rem; }
.feeding-quiz-progress progress { width: 100%; accent-color: var(--green-dark); }
.feeding-quiz-draft {
    margin-top: 1.2rem;
    padding-top: .75rem;
    border-top: 1px solid var(--border);
    font-size: .86rem;
}
.feeding-quiz-draft .feeding-quiz-check { font-weight: 700; }
.feeding-quiz-draft p { margin: .25rem 0 0; }
.feeding-quiz-draft [role="status"]:empty { display: none; }
.feeding-quiz-draft button {
    padding: .3rem 0;
    color: var(--green-dark);
    background: transparent;
    border: 0;
    text-decoration: underline;
    cursor: pointer;
}
.feeding-quiz-step, .feeding-quiz-choice-group {
    min-inline-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.feeding-quiz-step > legend {
    scroll-margin-top: 5.5rem;
    margin-bottom: .75rem;
    color: var(--schlamm);
    font-size: clamp(1.3rem, 3.8vw, 1.85rem);
    font-weight: 800;
}

.feeding-quiz-field { display: grid; gap: .25rem; margin-bottom: 1rem; }
.feeding-quiz-field label { font-weight: 600; }
.feeding-quiz-field small, .feeding-quiz-field p { color: var(--olive); }
.feeding-quiz-field input:not([type="radio"], [type="checkbox"]),
.feeding-quiz-field select {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 2.75rem;
    padding: .45rem .65rem;
    color: var(--text);
    background: white;
    border: 1px solid #9e9d87;
    border-radius: var(--radius-sm);
}

.feeding-quiz-field input:focus-visible,
.feeding-quiz-field select:focus-visible,
.feeding-quiz button:focus-visible {
    outline: 2px solid var(--green-dark);
    outline-offset: 2px;
}

.feeding-quiz-choice-group label, .feeding-quiz-check {
    display: flex;
    gap: .65rem;
    align-items: baseline;
    padding: .25rem 0;
}
.feeding-quiz-choice-group label, .feeding-quiz-check { cursor: pointer; }
.feeding-quiz-check input { flex: none; }

.feeding-quiz input[type="radio"], .feeding-quiz input[type="checkbox"] { accent-color: var(--green-dark); }
.feeding-quiz .errorlist, .feeding-quiz-error { color: #9b261d; }
.feeding-quiz-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1rem; }
.feeding-quiz-secondary { color: var(--schlamm); background: white; border: 1px solid #aaa87f; }
.feeding-quiz-amount { color: var(--schlamm); font-size: 1.7rem; font-weight: 800; }
.feeding-quiz-meals { list-style: none; padding: 0; margin: 0 0 1rem; }
.feeding-quiz-meals li { display: flex; justify-content: space-between; gap: .5rem; padding: .4rem 0; border-bottom: 1px solid var(--border); }
@media (max-width: 32rem) {
    form[data-feeding-quiz] .feeding-quiz-actions { gap: .4rem; }
    form[data-feeding-quiz] .feeding-quiz-actions .button { padding-inline: .85rem; }
}
@media (max-height: 31rem) and (orientation: landscape) {
    .template-feeding-quiz .page-header { padding-block: 1.2rem 1.75rem; }
    .feeding-quiz-progress { margin-bottom: .65rem; }
}