/*
 * Feedback / Feedback list - tab strip spacing.
 *
 * The tab strip used to sit in a wrapper carrying THREE stacked spacings:
 *   class="container py-5"  +  style="padding: 3rem 0 3rem 0"  +  margin-top: 3rem
 * i.e. ~96px of empty space above the tabs (margin 3rem + padding 3rem) and another
 * 3rem below, which pushed the cards and the "View More" button well down the page.
 * The inline style also broke the CSP-nonce rule (see CLAUDE.md).
 *
 * This keeps a comfortable, deliberate gap and lines the tabs up with the Grievance
 * page, which renders its tab strip directly after the breadcrumb.
 */
.feedback-tabs-section {
    padding-top: 1.25rem;
    padding-bottom: 0.5rem;
    margin-top: 0;
}

@media (min-width: 768px) {
    .feedback-tabs-section {
        padding-top: 1.75rem;
        padding-bottom: 0.75rem;
    }
}

/*
 * "View More" sat flush against the divider of the feedback form section that
 * follows, so the button looked stuck to the line. This gives it breathing room.
 * .feedback-footer exists only on the Feedback page, so the rule is page-scoped.
 */
.feedback-footer {
    margin-bottom: 2.25rem;
}

@media (min-width: 768px) {
    .feedback-footer {
        margin-bottom: 3rem;
    }
}