/* v1.25: the name's other spelling under the main name (public/js/fp-names.js) */
.fn-alt{margin:var(--space-half) 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);color:var(--text-secondary);font-size:var(--text-body-size);font-weight:var(--weight-regular);line-height:var(--text-body-lh)}
.fn-slot{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-1) var(--space-2);margin-top:var(--space-half);color:var(--text-secondary);font-weight:var(--weight-regular);font-size:var(--text-meta-size)}
.fn-slot:empty{display:none}
.fn-txt{overflow-wrap:anywhere}
.fn-auto{display:inline-flex;align-items:center;padding:0 var(--space-1);border:var(--border-w) solid var(--border-default);border-radius:var(--radius-xs);color:var(--text-tertiary);font-size:var(--text-fine-size);line-height:var(--text-fine-lh);cursor:help}
.fn-pen{display:inline-flex;align-items:center;gap:var(--space-1);min-height:28px;min-width:28px;justify-content:center;padding:0 var(--space-1);border:0;border-radius:var(--radius-xs);background:transparent;color:var(--text-secondary);font:inherit;font-size:var(--text-meta-size);cursor:pointer}
.fn-pen:hover{background:var(--surface-subtle);color:var(--text-primary)}
.fn-pen:focus-visible{outline:var(--border-w) solid var(--border-focus);outline-offset:var(--space-half)}
.fn-add{color:var(--text-link)}
.fn-form{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}
.fn-in{min-width:0;width:16em;max-width:100%;padding:var(--space-1) var(--space-2);border:var(--border-w) solid var(--border-control);border-radius:var(--radius-xs);background:var(--surface-page);color:var(--text-primary);font:inherit;font-size:var(--text-body-size)}
.fn-in:focus{outline:var(--border-w) solid var(--border-focus);border-color:var(--border-focus)}
.fn-btn{padding:var(--space-1) var(--space-3);border:var(--border-w) solid var(--border-default);border-radius:var(--radius-xs);background:var(--surface-page);color:var(--text-primary);font:inherit;font-size:var(--text-meta-size);cursor:pointer}
.fn-btn.pri{background:var(--primary);border-color:var(--primary);color:var(--text-on-dark)}
.fn-btn:disabled{opacity:.6;cursor:default}
.fn-msg{color:var(--text-secondary);font-size:var(--text-meta-size)}
.fn-msg:empty{display:none}
@media (max-width:760px){.fn-in{width:100%}}