/* Mariáš settlement calculator (assets/js/tools/mariash.js) */
.tl-ma .tl-ma-item { display: flex; align-items: center; gap: .6rem; margin: .3rem 0; }
.tl-ma .tl-ma-item > span { flex: 1; }
.tl-ma .tl-ma-item select { width: auto; min-width: 9rem; min-height: 44px; }
.tl-ma .tl-ma-mar { display: flex; align-items: center; gap: .4rem; margin: .3rem 0; flex-wrap: wrap; }
.tl-ma .tl-ma-lbl { flex: 1 1 7rem; }
.tl-ma .tl-ma-step { min-width: 44px; padding: .2rem; font-weight: 700; }
.tl-ma .tl-ma-val { min-width: 4ch; text-align: center; font-weight: 700; font-variant-numeric: tabular-nums; }
.tl-ma .tl-ma-list { display: grid; gap: .4rem; margin: .3rem 0; }
.tl-ma .tl-ma-list .tl-btn { text-align: left; }
.tl-ma .tl-out .tl-note { font-size: .95rem; font-weight: 400; margin-top: .2rem; }
.tl-ma-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-ma-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-ma-row li.lone { border-width: 2px; }
.tl-ma-row li span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tl-ma-row b { font-variant-numeric: tabular-nums; }
.tl-ma-table { width: 100%; border-collapse: collapse; font-size: .95rem; margin: .4rem 0 .8rem; }
.tl-ma-table th, .tl-ma-table td { padding: .25rem .3rem; border-bottom: 1px solid var(--card-line); text-align: left; vertical-align: top; }
.tl-ma-table td small { display: block; color: var(--ink-soft); font-size: .85rem; }
.tl-ma-table .num { text-align: right; width: 4.5rem; font-variant-numeric: tabular-nums; }
.tl-ma-table tfoot th { border-bottom: 0; }
.tl-ma-var { margin: .6rem 0; }
.tl-ma-var summary { cursor: pointer; padding: .7rem 0; color: var(--ink-soft); }