.occupation-picker { position: relative; }
.occupation-options { position: absolute; top: 78px; left: 0; right: 0; z-index: 25; max-height: 320px; overflow-y: auto; padding: 6px; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 8px 24px #00000018; }
.occupation-options[hidden] { display: none; }
.occupation-options button { display: block; width: 100%; padding: 10px 12px; border: 0; border-radius: 6px; background: transparent; color: var(--ink); text-align: left; font: inherit; line-height: 1.5; cursor: pointer; }
.occupation-options button:hover, .occupation-options button[aria-selected="true"] { background: #edf3ff; color: var(--accent); }