.hk-cdemo{border:1px solid var(--c-accent-faint);border-radius:14px;padding:20px;margin-top:20px}.hk-cdemo--init{display:none}.hk-cdemo--collapsing{overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .25s ease,padding .35s ease,margin .35s ease;padding-block:0;margin-block:0}.hk-cdemo__grid{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:start}@container (max-width: 900px){.hk-cdemo__grid{grid-template-columns:1fr;justify-items:center}}@media(max-width: 900px){.hk-cdemo__grid{grid-template-columns:1fr;justify-items:center}}.hk-cdemo__board{width:260px;max-width:100%}.hk-cdemo__t{margin:0 0 6px;font-size:1.05rem}.hk-cdemo__d{margin:0 0 14px;color:var(--c-font-dim);font-size:.9rem}.hk-cdemo__say{font-family:Cambria,"Palatino Linotype","Noto Serif",Georgia,serif;font-style:italic;line-height:1.6;min-height:5.2em;margin:0 0 12px}.hk-cdemo--asking .hk-cdemo__say{color:var(--c-font-dim)}.hk-cdemo--answered .hk-cdemo__say{font-style:normal;color:var(--c-font)}.hk-cdemo__pickslabel{display:block;width:100%;font-size:.8rem;color:var(--c-font-dim);margin-bottom:2px}.hk-cdemo__picks{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.hk-cdemo__pick,.hk-cdemo__again{min-height:44px;min-width:44px;padding:0 16px;border-radius:6px;border:1px solid var(--c-border);background:var(--c-bg-zebra);color:var(--c-font);font-size:.95rem;font-weight:700;cursor:pointer}.hk-cdemo__pick:hover:not(:disabled),.hk-cdemo__again:hover:not(:disabled){border-color:var(--c-accent);color:var(--c-accent)}.hk-cdemo__pick:focus-visible,.hk-cdemo__again:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.hk-cdemo__pick:disabled,.hk-cdemo__again:disabled{opacity:.45;cursor:default}.hk-cdemo__again{margin-inline-end:12px}.hk-cdemo__more:not([hidden]){display:inline-block;min-height:44px;line-height:44px;color:var(--c-accent);font-weight:700}.hk-cdemo__foot{display:flex;flex-wrap:wrap;align-items:center;row-gap:4px}@media(prefers-reduced-motion: reduce){.hk-cdemo--collapsing{transition:none}}