.name-save { display: block; margin-top: .65rem; padding: .35rem .65rem; border: 1px solid var(--line-strong); border-radius: var(--radius-sm); color: var(--olive-dark); background: var(--paper); font: inherit; font-size: .85rem; cursor: pointer; }
.name-save[aria-pressed="true"] { background: var(--olive-pale); border-color: var(--olive); font-weight: 700; }
.name-save:focus-visible, .name-shortlist button:focus-visible { outline: 3px solid var(--olive); outline-offset: 3px; }
.name-shortlist { border-top: 1px solid var(--line-strong); margin-top: 1.25rem; padding-top: 1rem; }
.name-shortlist[hidden], [data-shortlist-copy-fallback][hidden], .name-item[hidden] { display: none; }
.name-shortlist ul { list-style: none; display: flex; flex-wrap: wrap; gap: .55rem; padding: 0; }
.name-shortlist li { display: inline-flex; align-items: center; gap: .55rem; padding: .35rem .6rem; background: var(--paper); border: 1px solid var(--line-strong); border-radius: var(--radius-sm); overflow-wrap: anywhere; max-width: 100%; }
.name-shortlist li button { border: 0; background: transparent; color: var(--olive-dark); font: inherit; font-weight: 700; padding: .3rem; min-width: 2rem; min-height: 2rem; cursor: pointer; }
.name-shortlist button:disabled { opacity: .55; cursor: not-allowed; }
.name-shortlist textarea { display: block; width: 100%; min-width: 0; margin-top: .5rem; padding: .6rem; font: inherit; }
[data-name-pick] .name-save { display: inline-block; margin-left: .6rem; }