/* Backbeat data pages: dance calories, style guides, step glossary. Tokens from backbeat.css. */
.bbx-lede p:first-child{font-size:1.25rem;line-height:1.6}
.bbx-card{background:var(--card);border:2px solid var(--ink);border-radius:var(--r-md);padding:16px 18px 6px;margin:1.4em 0 2em;box-shadow:6px 6px 0 var(--violet)}
.bbx-card__k{font:700 .78rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--link);margin:0 0 10px!important}
.bbx-card dl{margin:0}
.bbx-card dl>div{display:grid;grid-template-columns:8em 1fr;gap:12px;padding:9px 0;border-top:1px solid var(--paper-2)}
.bbx-card dt{font-weight:600;font-size:.9rem;color:var(--ink-2);padding-top:.1em}
.bbx-card dd{margin:0;line-height:1.5}
.bbx-pads{margin:1em 0 1.6em}
.bbx-pads__row{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:5px;max-width:640px}
.bbx-pad{aspect-ratio:1;border-radius:22%;background:var(--pad);display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px}
.bbx-pad:nth-child(odd){background:#CFC2E6}
.bbx-pad b{font:600 .62rem/1 var(--display);color:var(--ink-2)}
.bbx-pad.is-x{background:var(--coral)}
.bbx-pad.is-x b{color:#fff}
.bbx-pad.is-o{background:#FFB3BA}
.bbx-pads figcaption{font-size:.85rem;color:var(--ink-2);margin-top:10px;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.bbx-key{display:inline-block;width:12px;height:12px;border-radius:3px;background:#CFC2E6;vertical-align:-1px}
.bbx-key.is-x{background:var(--coral)}
.bbx-key.is-o{background:#FFB3BA}
.bbx-steps>li{margin-bottom:1.1em}
.bbx-steps span,.bbx-rel span{font-size:.85rem;color:var(--ink-2);margin-left:6px}
.bbx-steps .bbx-pads{margin:.5em 0 0}
.bbx-steps .bbx-pads figcaption{display:none}
.bbx-note{background:var(--paper-2);border-radius:var(--r-md);padding:12px 16px}
.bbx-src{font-size:.92rem;color:var(--ink-2);border-top:2px solid var(--paper-2);padding-top:14px;margin-top:2.2em}
.bbx-formula{background:var(--card);border-left:6px solid var(--teal);border-radius:0 12px 12px 0;padding:12px 16px}
.bbx-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1em 0 1.6em;background:var(--card);border:2px solid var(--ink);border-radius:var(--r-md)}
.bbx-t{border-collapse:collapse;width:100%;min-width:600px;font-size:.95rem;line-height:1.4}
.bbx-t--txt{min-width:0}
.bbx-t th{background:var(--deck);color:#fff;text-align:left;padding:10px;font-weight:600;font-size:.85rem;vertical-align:bottom}
.bbx-t td{padding:9px 10px;border-top:1px solid var(--paper-2);vertical-align:top}
.bbx-t small{color:var(--ink-2)}
.bbx-t:not(.bbx-t--txt) td:not(:first-child),.bbx-t:not(.bbx-t--txt) th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.bbx-t th small{color:#D8CCEF}
.bbx-calc form{background:var(--deck);color:#fff;border-radius:var(--r-md);padding:18px;display:grid;gap:12px;margin:1em 0 1.4em}
.bbx-calc label{display:grid;gap:4px;font-size:.88rem;color:#D8CCEF}
.bbx-calc select,.bbx-calc input{font:inherit;font-size:16px;padding:10px 12px;border-radius:12px;border:1px solid var(--deck-off);background:var(--deck-off);color:#fff;width:100%;min-width:0}
.bbx-calc .bbx-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bbx-calc .bbx-out{font:800 2rem/1.1 var(--display);margin:4px 0 0}
.bbx-calc .bbx-out small{display:block;font:400 .85rem var(--body);color:#D8CCEF;margin-top:6px}
@media (min-width:720px){.bbx-calc .bbx-row{grid-template-columns:1fr 1fr 1fr}}