:root { --bg:#fff; --text:#000; --muted:#555; --link:#00e; --border:#ccc; }
body { background:var(--bg); color:var(--text); font-family:monospace; margin:40px; line-height:1.6; }
h1 { font-size:2.2rem; margin:0 0 .25em 0; }
.slug { color:var(--muted); margin:0 0 2em 0; }
hr { border:none; border-top:1px solid var(--border); margin:2em 0; }
a { color:var(--link); text-decoration:underline; }
a:hover { text-decoration:none; }
table { border-collapse: collapse; width: 100%; max-width: 1100px; }
th, td { padding: 6px 10px; border-bottom: 1px solid var(--border); vertical-align: top; }
th { text-align: left; user-select: none; cursor: pointer; }
td.size, th.size { text-align: right; white-space: nowrap; }
td.date, th.date { white-space: nowrap; }
td.desc, th.desc { color: var(--muted); }
th[data-active="asc"]::after { content: " ▲"; }
th[data-active="desc"]::after { content: " ▼"; }
.muted { color: var(--muted); }