/* Sheepshead hand calculator (assets/js/tools/sheepshead.js) */
.tl-sh .tl-sh-bands { display: grid; grid-template-columns: repeat(3, 1fr); gap: .4rem; margin: .3rem 0; }
.tl-sh .tl-sh-bands .tl-btn { padding: .3rem .4rem; line-height: 1.2; }
.tl-sh .tl-sh-num { min-width: 44px; padding: .2rem; font-weight: 700; }
.tl-sh .tl-out .tl-sh-why { font-size: .95rem; font-weight: 400; margin-top: .2rem; }
.tl-sh-row { list-style: none; margin: .6rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr)); gap: .3rem; font-size: 1rem; }
.tl-sh-row li { display: flex; justify-content: space-between; gap: .4rem; padding: .25rem .5rem; border: 1px solid var(--card-line); border-radius: 6px; font-weight: 400; }
.tl-sh-row li.side { border-width: 2px; }
.tl-sh-row li span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tl-sh-row b { font-variant-numeric: tabular-nums; }
.tl-sh .tl-hint { margin: 0; }