.xtog{position:relative;display:inline-flex;border:1px solid var(--line-ui);border-radius:999px;overflow:hidden;margin:0 0 var(--s2);padding:0;min-width:0;background:var(--surface)}
.xtog-o{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;color:var(--ink);text-decoration:none;cursor:pointer}
.xtog-o~.xtog-o{border-left:1px solid var(--line-ui)}
.xtog-o:hover{color:var(--ink);background:var(--surface2)}
.xtog-o.on,.xtog input:checked+label{background:var(--gold);color:var(--on-gold);font-weight:600}
.xtog input{position:absolute;opacity:0;margin:0}
.xtog input:focus-visible+label,a.xtog-o:focus-visible{outline:3px solid var(--gold-hi);outline-offset:-3px}
.xtog-field{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s2)}
.xtog-field .field{flex:1 1 10rem}