/* Content → Stats (Porchlight 3.0j). */
.stiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-2); margin-bottom: var(--s-4); }
.stile { border: 1px solid var(--silver-1); border-radius: 12px; padding: 10px 12px; display: flex; flex-direction: column; gap: 2px; }
.stile span { font-size: var(--t-xs); color: var(--muted); text-transform: uppercase; letter-spacing: .04em; }
.stile b { font-size: var(--t-lg); font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; }
.stile small { font-size: var(--t-xs); color: var(--muted); }
.schart { width: 100%; height: auto; display: block; margin-bottom: var(--s-3); }
.saxis { font-size: 9px; fill: var(--muted); }
.stable2 { width: 100%; border-collapse: collapse; font-size: var(--t-sm); margin-bottom: var(--s-4); }
.stable2 th { text-align: left; font-weight: 500; color: var(--muted); font-size: var(--t-xs); padding: 6px 4px; border-bottom: 1px solid var(--silver-1); }
.stable2 td { padding: 8px 4px; border-bottom: 1px solid var(--hair); font-variant-numeric: tabular-nums; }
.sw { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 8px; vertical-align: -1px; }
.shealth { list-style: none; padding: 0; margin: 0 0 var(--s-3); font-size: var(--t-sm); }
.shealth li { display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid var(--hair); }
#stats-windows[hidden] { display: none; }   /* .states sets display, which beats [hidden] */