/* Baseline country combobox (2026-10-16): shared by the home page and the For whom page (combo.js).
   The field is 38px on desktop; a page that needs a taller field sets --cb-h (and --cb-fs) on .c-cb. */
.c-cb{position:relative;width:240px;max-width:100%;--cb-h:38px;--cb-fs:15px}
.c-in{appearance:none;-webkit-appearance:none;display:block;width:100%;min-height:var(--cb-h);margin:0;padding:0 40px 0 12px;font:500 var(--cb-fs)/1.2 var(--body);color:var(--court);background:var(--paper);border:1px solid var(--court);border-radius:4px;cursor:pointer;text-overflow:ellipsis;font-variant-numeric:tabular-nums;transition:background-color 160ms ease,color 160ms ease,box-shadow 160ms ease}
.c-in::placeholder{color:var(--court);opacity:1}
.c-in:focus{cursor:text;outline:none;box-shadow:0 0 0 4px var(--ball)}
@media(hover:hover) and (pointer:fine){.c-in:hover{background:#fff}}
.c-cb.has-x .c-in{padding-right:72px}
.c-chev{position:absolute;right:11px;top:calc(var(--cb-h) / 2);margin-top:-9px;pointer-events:none;color:var(--court);transition:color 160ms ease}
.c-x{position:absolute;right:36px;top:calc(var(--cb-h) / 2 - 16px);width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:4px;background:none;color:var(--court);cursor:pointer;touch-action:manipulation;transition:transform 160ms cubic-bezier(.23,1,.32,1)}
.c-x[hidden]{display:none}
.c-x:active{transform:scale(.92)}
.c-x:focus-visible{outline:2px solid var(--ball);outline-offset:-2px}
.c-cb.set .c-in{background:var(--court);color:var(--chalk)}
.c-cb.set .c-chev{color:var(--ball)}
.c-cb.set .c-x{color:var(--chalk)}
@media(hover:hover) and (pointer:fine){.c-cb.set .c-x:hover{color:var(--ball)}}
/* the open list floats under the field, above the rows */
.c-pop{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;background:var(--paper);border:1px solid var(--court);border-radius:4px;box-shadow:0 10px 28px rgba(15,21,18,.14);transform-origin:top center;opacity:0;transform:translateY(-4px) scale(.98)}
.c-pop[hidden]{display:none}
.c-pop.in{opacity:1;transform:none;transition:opacity 140ms cubic-bezier(.23,1,.32,1),transform 140ms cubic-bezier(.23,1,.32,1)}
.c-lb{position:relative;list-style:none;margin:0;padding:4px 0;max-height:320px;overflow-y:auto;overscroll-behavior:contain}
.c-lb[hidden]{display:none}
.c-lb li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:0 12px;font-size:15px;cursor:pointer;user-select:none;-webkit-user-select:none}
.c-lb li .c-t{min-width:0}
.c-lb li .c-n{color:var(--mute);font-size:14px;font-variant-numeric:tabular-nums}
.c-lb li.act{background:#eef0ea}
.c-lb li.sel .c-t{font-weight:600;box-shadow:inset 0 -3px 0 var(--ball)}
.c-none{margin:0;padding:12px 14px;font-size:15px;line-height:1.4}
.c-none span{display:block}.c-none .q{color:var(--mute);font-size:14px;margin-top:2px}
@media(max-width:640px){.c-cb{width:100%;--cb-h:44px;--cb-fs:16px}.c-x{right:32px;width:44px;height:44px;top:calc(var(--cb-h) / 2 - 22px)}.c-cb.has-x .c-in{padding-right:84px}.c-lb{max-height:min(320px,50svh)}.c-lb li{min-height:44px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.c-in,.c-chev,.c-x{transition:none}.c-pop{transform:none}.c-pop.in{transition:opacity 100ms ease}}
