/* Export page */

.export-meta {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.export-meta p {
    margin: 0;
    font-size: .875rem;
    color: var(--text-muted);
}

/* page-header.css hides .section-header when its only child is .page-title,
   and page-meta.css separately hides .page-title unconditionally at mobile
   widths — both need overriding to keep the title on this page. */
.export-page .section-header {
    display: flex !important;
}

.export-page .page-title {
    display: block;
}

.export-page .btn-row .btn {
    width: 100%;
}

@media (min-width: 601px) {
    .export-page .btn-row .btn {
        width: auto;
    }
}