/* The page for organizers (organizers.html, ticket 488): the info pages' frame (info.css) plus the opening numbers, the
   picker, the organization's card, its link, code and poster, the ways to be listed and the questions. */
.button.secondary { background: var(--surface); color: var(--ink); box-shadow: inset 0 0 0 1px var(--line-strong); }
.button.secondary:hover { color: var(--ink); background: var(--surface-2); }
.text-button { min-height: 44px; padding: 0 12px; border: 0; background: none; color: var(--ink-2); font: 600 14px var(--font); cursor: pointer; }
.totals { margin: -4px 0 4px; color: var(--ink-2); font-size: 14px; font-weight: 600; }
.field-label { display: block; margin: 8px 0 6px; font-weight: 600; }
.field { box-sizing: border-box; width: 100%; min-height: 48px; padding: 10px 14px; border: 1px solid var(--line-strong); border-radius: var(--radius-md); background: var(--surface); color: var(--ink); font: 500 16px var(--font); }
.field:focus { outline: none; box-shadow: 0 0 0 1.5px var(--ink); border-color: var(--ink); }
.field + .small { margin-top: 6px; }
.matches { list-style: none; padding: 0; margin: 4px 0 0; border-radius: var(--radius-md); overflow: hidden; }
.matches:not(:empty) { border: 1px solid var(--line); }
.match { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; width: 100%; min-height: 52px; padding: 9px 14px; border: 0; border-top: 1px solid var(--line); background: var(--surface); color: var(--ink); font: 600 15px var(--font); text-align: left; cursor: pointer; }
.matches li:first-child .match { border-top: 0; }
.match:hover, .match:focus-visible { background: var(--surface-2); outline: none; }
.match .small { font-weight: 400; }
.note { margin-top: 10px; color: var(--ink-2); }
.mine { margin-top: 18px; }
.found .eyebrow { margin: 0 0 4px; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; color: var(--ink-3); }
.found h3 { margin: 0 0 2px; font-size: 19px; }
.found .text-link { margin-right: 6px; }
.choice { display: flex; gap: 6px; margin: 18px 0 8px; padding: 5px; border: 0; border-radius: var(--radius-md); background: var(--surface-2); }
.choice legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.choice label { flex: 1; display: flex; align-items: center; justify-content: center; min-height: 44px; border-radius: 9px; color: var(--ink-2); font-size: 14px; font-weight: 600; cursor: pointer; }
.choice input { position: absolute; opacity: 0; pointer-events: none; }
.choice label:has(input:checked) { background: var(--ink); color: var(--surface); }
.choice label:has(input:focus-visible) { box-shadow: 0 0 0 1.5px var(--ink); }
.mine h3 { margin: 24px 0 6px; }
.link-row { display: flex; gap: 8px; align-items: center; }
.link-row .field { font-size: 14px; color: var(--ink-2); }
.link-row .button { flex-shrink: 0; white-space: nowrap; }
.qr-row { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.qr-row .actions { flex-direction: column; align-items: flex-start; margin: 0; }
.code { width: 160px; height: 160px; border-radius: var(--radius-md); background: var(--surface); box-shadow: inset 0 0 0 1px var(--line); overflow: hidden; }
.code svg { display: block; width: 100%; height: 100%; }
.frame { margin: 8px 0 8px; }
.done { min-height: 20px; color: var(--ink-2); }
.ways { list-style: none; padding: 0; margin: 0; }
.ways .panel { margin: 12px 0; }
.ways h3 { margin-bottom: 6px; }
.gets { padding-left: 20px; }
.gets li { margin: 0 0 10px; }
.faq { border-top: 1px solid var(--line); }
.faq:last-of-type { border-bottom: 1px solid var(--line); }
.faq summary { display: flex; align-items: center; min-height: 48px; cursor: pointer; font-weight: 600; }
.faq p { margin: 0 0 14px; color: var(--ink-2); }
.examples { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 14px 0 6px; }
.examples figure { margin: 0; }
.examples .frame { margin: 0; overflow: hidden; }
.examples figcaption { margin-top: 6px; font-size: 13px; font-weight: 600; color: var(--ink-2); text-align: center; }