/* Figures for "Break the ice at your next corporate workshop". The figure shell comes from /essays/eth/figures.css. */
.ib-fig button:focus-visible{outline:2px solid var(--mark);outline-offset:2px;}
.ib-lab{font-family:'Inter',sans-serif;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--quiet);margin:8px 0 4px;}
.ib-tog{display:flex;flex-wrap:wrap;gap:6px;}
.ib-tog button,.ib-act button{font-family:'Inter',sans-serif;font-size:13px;padding:6px 11px;border-radius:6px;border:1px solid var(--hair);background:none;color:var(--ink);cursor:pointer;}
.ib-tog button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper);}
.ib-act{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;align-items:center;}
.ib-act button.solid{background:var(--ink);border-color:var(--ink);color:var(--paper);}
.ib-count{font-family:'Inter',sans-serif;font-size:13px;color:var(--quiet);margin:12px 0 6px;}

/* picker cards */
.ib-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-family:'Inter',sans-serif;}
.ib-card{border:1.4px solid var(--ink);border-radius:8px;padding:11px 12px;background:var(--paper);transition:opacity .3s;}
.ib-card .n{font-family:'Fraunces Variable',Georgia,serif;font-size:18px;font-weight:500;margin:0 0 3px;}
.ib-card .m{font-size:11.5px;color:var(--quiet);margin:0 0 6px;}
.ib-card ol{margin:0 0 6px;padding-left:18px;font-size:12.5px;line-height:1.45;}
.ib-card .tip{font-size:12px;line-height:1.4;margin:0;}
.ib-card .tip b{font-weight:700;}
.ib-card.best{background:var(--eth-card);}
.ib-card .fit{display:inline-block;font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:4px;background:var(--mark);color:#1a1a17;margin-left:6px;vertical-align:2px;}
.ib-none{font-family:'Inter',sans-serif;font-size:13.5px;color:var(--quiet);}

/* two truths and a lie */
.ib-game{font-family:'Inter',sans-serif;}
.ib-game .k{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--quiet);margin:0 0 8px;}
.ib-game .opts{display:flex;flex-direction:column;gap:6px;}
.ib-game .opts button{font-family:'Fraunces Variable',Georgia,serif;font-size:17px;line-height:1.4;text-align:left;padding:12px 14px;border-radius:8px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;}
.ib-game .opts button small{display:block;font-family:'Inter',sans-serif;font-size:12.5px;line-height:1.45;margin-top:4px;color:var(--quiet);}
.ib-game .opts button.lie{background:var(--mark);color:#1a1a17;}
.ib-game .opts button.lie small{color:#1a1a17;}
.ib-game .opts button.truth{background:var(--eth-card);}
.ib-game .opts button.picked{box-shadow:inset 0 0 0 2px var(--ink);}
.ib-game .opts button:disabled{cursor:default;}
.ib-game .fb{font-size:13.5px;line-height:1.5;min-height:22px;margin:10px 0 0;}
.ib-game .foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;}
.ib-game .dots{display:flex;gap:5px;}
.ib-game .dots i{width:9px;height:9px;border-radius:50%;border:1px solid var(--ink);display:block;}
.ib-game .dots i.ok{background:var(--mark);}
.ib-game .dots i.no{background:var(--quiet);border-color:var(--quiet);}

/* themed */
.ib-themed{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;font-family:'Inter',sans-serif;}
.ib-themed li{border:1px solid var(--ink);border-radius:6px;padding:9px 11px;font-size:13.5px;line-height:1.45;background:var(--paper);}
.ib-themed li b{display:block;font-size:11.5px;letter-spacing:.03em;color:var(--quiet);margin-bottom:2px;}

@media (max-width:560px){.ib-cards{grid-template-columns:minmax(0,1fr);}.ib-game .opts button{font-size:16px;}}
@media (prefers-reduced-motion:reduce){.ib-card{transition:none;}}