/* The Wife page: a few short lists about her. A row is a name and what to
   remember, the whole row a button that opens it for changing. Every target
   is 44px or more; the boxes carry labels above, never words inside. */
.wf-head{display:flex;align-items:center;gap:10px;min-height:44px;margin:-6px 0 4px}
.wf-head .wf-h{flex:1;margin:0}
.wf-add{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(var(--gold-rgb),.4);background:none;color:var(--gold);font:400 20px/1 Inter,sans-serif;cursor:pointer}
.wf-add:focus-visible,.wf-row:focus-visible,.wf-pick:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.wf-item+.wf-item{border-top:1px solid var(--line-soft)}
.wf-row{display:flex;align-items:baseline;gap:12px;width:100%;min-height:48px;padding:10px 2px;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
.wf-k{flex:none;max-width:45%;font-size:13px;color:var(--grey)}
.wf-v{flex:1;font-size:15px;line-height:1.4;color:var(--white);text-align:right;overflow-wrap:anywhere}
.wf-none{font-size:13px;color:var(--grey);margin:4px 2px 2px}
.wf-edit{display:grid;gap:6px;padding:10px 0}
.wf-edit label{font-size:15px;color:var(--grey)}
.wf-edit input{width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:10px;background:var(--well);color:var(--white);font:15px Inter,sans-serif;margin:0 0 6px}
.wf-edit input:focus{outline:none;border-color:var(--gold)}
.wf-picks{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 6px}
.wf-pick{min-height:36px;padding:0 12px;border-radius:100px;border:1px solid var(--line-soft);background:none;color:var(--grey);font:13px Inter,sans-serif;cursor:pointer}
.wf-btns{display:flex;gap:8px}
.wf-btns .btn-s{min-height:44px;min-width:88px}
.wf-delete{min-height:44px;padding:0 4px 8px;background:none;border:0;color:#E4A0A0;font:13px Inter,sans-serif;cursor:pointer}
.wf-ask{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:56px;padding:6px 0}
.wf-ask span{flex:1;font-size:14px}
.wf-ask .btn-s{min-height:44px}
.wf-ask .wf-del{color:#E4A0A0;border-color:rgba(228,160,160,.4)}
/* Under a gift idea: the button to put it on Money's gift list, or where it
   is now. Never a price. */
.wf-gift{display:flex;justify-content:flex-end;margin:-4px 0 6px}
.wf-gift:empty{display:none}
.wf-to-gifts{min-height:44px;padding:0 14px;border-radius:100px;border:1px solid rgba(var(--gold-rgb),.4);background:none;color:var(--gold);font:13px Inter,sans-serif;cursor:pointer}
.wf-to-gifts:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.wf-on{font-size:13px;color:var(--grey);padding:4px 2px}