.stats-hero{grid-template-columns:1fr;padding-bottom:34px}
.stats-hero .intro{max-width:640px}
.clears{padding:20px 0 65px}
.clear-group{margin-bottom:44px}
.clear-group-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:4px}
.clear-group-heading h3{font-size:21px}
.clear-group-heading p{color:var(--muted);font-size:13px;margin:0}
table.clear-table{width:100%;border-collapse:collapse;margin-top:6px}
.clear-table th{text-align:left;font:10px var(--mono);letter-spacing:1px;color:var(--muted);text-transform:uppercase;padding:10px 14px;border-bottom:1px solid var(--line)}
.clear-table th.num,.clear-table td.num{text-align:right}
.clear-table td{padding:14px;border-bottom:1px solid var(--line);font-size:14px}
.clear-table tbody tr:hover{background:var(--surface)}
.clear-table .rname{font-family:var(--display);font-size:16px}
.clear-table .time{font-family:var(--mono);color:var(--accent)}
.clear-table .note{color:var(--muted);font-size:12px}
#category-filters{flex-wrap:wrap}
@media(max-width:700px){
 .clear-table thead{display:none}
 .clear-table,.clear-table tbody,.clear-table tr,.clear-table td{display:block;width:100%}
 .clear-table tr{border-bottom:1px solid var(--line);padding:12px 0}
 .clear-table td{border-bottom:0;padding:3px 0}
 .clear-table td.num{text-align:left}
 .clear-table .note:empty{display:none}
 .clear-table .note::before{content:"Note: "}
}