@media (max-width: 900px) {
    #app {
        padding: 32px;
    }

    .metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    #app {
        padding: 16px;
    }

    .executive-summary {
        padding: 28px 22px;
    }

    .metric-grid {
        grid-template-columns: 1fr;
    }

    .metric-card {
        min-height: 140px;
    }
}

@media (max-width: 760px) {
    .finding-section {
        grid-template-columns: 1fr;
        gap: 26px;
        padding: 28px 22px;
    }
}

@media (max-width: 680px) {
    .evidence-section {
        padding: 28px 22px;
    }

    .evidence-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width:900px){

    .impact-grid{

        grid-template-columns:1fr;

    }

}

@media (max-width: 760px) {
    .recommendation-section {
        padding: 28px 22px;
    }

    .recommendation-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .recommendation-section {
        padding: 28px 22px;
    }

    .recommendation-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .scorecard-section {
        padding: 28px 22px;
    }

    .scorecard-table__head {
        display: none;
    }

    .scorecard-row {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .scorecard-row > strong {
        font-size: 1rem;
    }
}

@media (max-width: 680px) {
    .quiz-shell,
    .quiz-results {
        padding: 28px 22px;
    }

    .quiz-answer {
        grid-template-columns: 36px minmax(0, 1fr);
        padding: 16px;
    }

    .quiz-answer__marker {
        width: 30px;
        height: 30px;
    }

    .quiz-navigation,
    .quiz-results__actions {
        flex-direction: column-reverse;
    }

    .quiz-button {
        width: 100%;
    }
}

@media (max-width: 760px) {
    .quiz-welcome {
        padding: 28px 22px;
    }

    .quiz-welcome__benefits,
    .quiz-results__summary {
        grid-template-columns: 1fr;
    }

    .quiz-welcome__button {
        width: 100%;
    }
}

@media (max-width: 680px) {
    .quiz-personalisation__fields {
        grid-template-columns: 1fr;
    }

    .quiz-business-context {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }
}

@media (max-width: 680px) {
    .diagnosis-context {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
        padding: 24px 22px;
    }

    .diagnosis-context__title {
        display: block;
    }

    .diagnosis-context__trade {
        margin-top: 10px;
        margin-left: 0;
    }

    .diagnosis-context__copy {
        max-width: none;
        text-align: left;
    }
}

@media (max-width: 680px) {
    .executive-summary__business {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
    }

    .executive-summary__metadata {
        width: 100%;
        justify-content: space-between;
        gap: 16px;
    }
}

@media (max-width: 680px) {
    .closing-page {
        padding: 28px 22px;
    }

    .closing-page__cta {
        padding: 24px 20px;
    }
}