.cq-info{vertical-align:middle;flex:none;display:inline-flex;position:relative}.cq-info__btn{cursor:pointer;block-size:2.25rem;min-block-size:48px;inline-size:2.25rem;min-inline-size:48px;color:var(--cq-ink);border:1.5px solid color-mix(in srgb, var(--cq-ink) 28%, transparent);transition:border-color var(--crossfade), background-color var(--crossfade);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.cq-info__btn:hover{border-color:color-mix(in srgb, var(--cq-accent) 55%, transparent);background:color-mix(in srgb, var(--cq-accent) 8%, transparent)}.cq-info__btn:focus-visible{outline:3px solid var(--cq-accent);outline-offset:2px}.cq-info__btn svg{block-size:1.15rem;inline-size:1.15rem}.cq-info__pop{z-index:2147482500;box-sizing:border-box;background:var(--cq-surface);inline-size:min(21rem,78vw);color:var(--cq-ink);border:1px solid color-mix(in srgb, var(--cq-ink) 16%, transparent);border-radius:var(--cq-radius-md);box-shadow:0 8px 28px color-mix(in srgb, var(--cq-ink) 20%, transparent);text-align:start;padding:.85rem 1rem;animation:.14s ease-out cq-info-pop;position:absolute;inset-block-start:calc(100% + .5rem);inset-inline-end:0}@keyframes cq-info-pop{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:none}}.cq-info__backdrop{z-index:2147482490;background:#00000073;animation:.16s ease-out cq-info-fade;position:fixed;inset:0}.cq-info__sheet{z-index:2147482500;background:var(--cq-surface);color:var(--cq-ink);border-block-start:1px solid color-mix(in srgb, var(--cq-ink) 14%, transparent);box-shadow:0 -10px 40px color-mix(in srgb, var(--cq-ink) 24%, transparent);padding:1rem 1.1rem calc(1.1rem + env(safe-area-inset-bottom,0px));text-align:start;border-start-start-radius:var(--cq-radius-lg);border-start-end-radius:var(--cq-radius-lg);max-block-size:80vh;animation:.2s ease-out cq-info-slide;position:fixed;inset-block-end:0;inset-inline:0;overflow-y:auto}@keyframes cq-info-fade{0%{opacity:0}to{opacity:1}}@keyframes cq-info-slide{0%{transform:translateY(100%)}to{transform:none}}.cq-info__sheethead{justify-content:space-between;align-items:center;gap:var(--cq-space-4);margin-block-end:.6rem;display:flex}.cq-info__close{font-family:var(--font-ui), system-ui, sans-serif;color:var(--cq-ink);cursor:pointer;background:color-mix(in srgb, var(--cq-ink) 6%, var(--cq-surface));border:1px solid color-mix(in srgb, var(--cq-ink) 18%, transparent);border-radius:var(--cq-radius-pill);min-block-size:48px;min-inline-size:48px;padding:.5rem .9rem;font-size:.95rem;font-weight:700}.cq-info__close:focus-visible{outline:3px solid var(--cq-accent);outline-offset:2px}.cq-info__title{font-family:var(--font-ui), system-ui, sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--cq-ink);font-size:.875rem;font-weight:800;display:block}.cq-info__pop .cq-info__title{margin-block-end:.35rem}.cq-info__body{color:var(--cq-ink);margin:0;font-size:.9rem;line-height:1.5}.cq-info__example{color:var(--cq-ink);border-radius:var(--cq-radius-sm);background:color-mix(in srgb, var(--cq-accent) 8%, var(--cq-surface));border:1px solid color-mix(in srgb, var(--cq-accent) 26%, transparent);margin:.55rem 0 0;padding:.6rem .75rem;font-size:.9rem;line-height:1.5}.cq-info__examplelead{font-weight:800}@media (prefers-reduced-motion:reduce){.cq-info__btn{transition:none}.cq-info__pop,.cq-info__backdrop,.cq-info__sheet{animation:none}}