/* 11-export.css: index.html@cd3fd3f lines 813-857 (export section and rows, SECOND .export-btn block, secondary export buttons, hidden import input).
   The second .export-btn block (lines 824-843) overrides the first one (06-controls.css, lines
   425-444) in every property it sets, and adds flex: 1. Do not merge them.
   06 T4a: the second block keeps only layout and type size (flex, padding, font size, tracking); the colours live in
   06-controls.css (the neutral base and .export-btn--primary). The secondary buttons are --color-surface-2 with a
   strong border and primary text; on hover the surface lifts to --color-surface-hover (no glow, no lift).
   Slice of the original <style>, rewritten to role tokens (css-slices.mjs --report-only lists the difference, 07 S7);
   link order = file number. Do not reorder rules across files. */
.export-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.export-row {
    display: flex;
    gap: 8px;
}

.export-btn {
    flex: 1;
    padding: 12px;
    font-size: 12px;
    letter-spacing: 0.06em;
}

.export-btn.secondary {
    background: var(--color-surface-2);
    border: 1px solid var(--color-border-strong);
    color: var(--color-text-primary);
    font-weight: 600;
}

.export-btn.secondary:hover {
    background: var(--color-surface-hover);
    border-color: var(--color-text-secondary);
}

.import-input {
    display: none;
}