/* Sheets: the stats grid, honours, the card counter rows and the event feed. */

.grid{width:100%;border-collapse:collapse;font-size:.81rem;
  font-variant-numeric:tabular-nums}
.grid th,.grid td{padding:.38rem .45rem;text-align:right;
  border-bottom:1px solid var(--line2);white-space:nowrap}
.grid th{color:var(--dim);font-weight:650;font-size:.74rem;letter-spacing:.03em}
.grid th:first-child,.grid td:first-child{text-align:left;position:sticky;left:0;
  background:var(--felt)}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.award{display:flex;gap:.6rem;align-items:baseline;padding:.5rem 0;
  border-bottom:1px solid var(--line2);font-size:.88rem}
.award b{flex:1}
.award span{color:var(--dim);font-size:.79rem}
.crow{display:flex;align-items:center;gap:.5rem;padding:.26rem 0}
.crow .lbl{width:3.4rem;color:var(--dim);font-size:.76rem;flex:0 0 auto;
  font-variant-numeric:tabular-nums}
.crow .set{display:flex;gap:3px;flex-wrap:wrap;flex:1}
.feed{margin:0;padding:0;list-style:none;color:var(--dim);font-size:.79rem}
.feed li{padding:.3rem 0;border-bottom:1px solid var(--line2)}

.scroll,.feed,.award{scrollbar-color:var(--line) transparent}

.rulerow{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;
  border-bottom:1px solid var(--line2)}
.rulerow>*:first-child{flex:0 0 auto}
.rulerow p{margin:0;font-size:.85rem;color:var(--dim);line-height:1.4}