/* Page header and the small utilities that replace inline styles. */
.page-header {
    padding: 28px 0 24px;
}
.page-header h1 {
    margin: 0 0 8px;
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    line-height: 1.1;
    letter-spacing: -0.02em;
}
.page-header p {
    margin: 0;
    max-width: 62ch;
    color: var(--text-muted);
}

.workspace,
.section-gap {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.hidden { display: none; }
.is-hidden { display: none !important; }
.field-note {
    display: block;
    margin-top: 5px;
    font-size: 0.75rem;
    color: var(--text-muted);
}
.subtle { color: var(--text-muted); font-weight: 400; }
.panel-title.flush { margin-bottom: 0; }
.panel-title.tight { margin-bottom: 12px; }
.flush-field { margin-bottom: 0; }
.row-gap { margin-bottom: 12px; }
.logo-hint { font-size: 0.75rem; color: var(--text-muted); margin-top: -8px; }
.btn-plain { flex: 0 0 auto; padding: 10px 14px; text-decoration: none; background: var(--surface); border-color: var(--border-strong); color: var(--text-muted); }
.logo-file-name { font-size: 0.8rem; margin-bottom: 4px; }