/* App layer — loaded AFTER app-foundry.css. Brand overrides (--accent-*) go here; token refs only. */
.page-narrow { margin-inline:auto; }
.page-narrow input { width:100%; }
.btn-icon { padding-inline:7px; }
.btn-icon i { font-size:16px; }
a.tab-btn:hover { text-decoration:none; }
.color-field { display:flex; align-items:center; gap:var(--space-sm); }
.color-field input[type=color] { width:56px; height:36px; padding:2px; border:1px solid var(--border-color);
  border-radius:var(--radius-sm); background:var(--bg-card); cursor:pointer; }
.color-value { font-family:var(--font-mono); font-size:12px; color:var(--text-secondary); }
.form-actions { display:flex; gap:var(--space-sm); flex-wrap:wrap; }
:root { --font-serif:Georgia,"Times New Roman",serif; --font-system:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
.setup-stack { display:flex; flex-direction:column; gap:var(--space-lg); }
.table-scroll { overflow-x:auto; }
.heading-table select { width:auto; }
.heading-table input[type=number] { width:80px; }
.heading-level { font-family:var(--font-mono); font-weight:500; color:var(--text-secondary); }
.heading-preview { min-width:220px; line-height:1.25; color:var(--text-primary); }
.form-error { color:var(--status-red); font-size:12px; margin-top:4px; }