/* Minimal cyan list inspired by sermuns' WTFPL reference site. */
:root { background-color: hsl(187, 80%, 75%); font-family: sans-serif; color: #000; color-scheme: light; }
body { padding: 1rem; }
header { display: flex; justify-content: space-between; gap: 1rem; }
header span { text-align: right; }
.counter { text-align: center; }
h1, .counter p { margin: 0; font-size: 1.17rem; font-weight: bold; }
#days { margin: 0; font-size: 2rem; font-weight: bold; line-height: 1.2; font-variant-numeric: tabular-nums; }
.timeline-wrap { max-width: 100%; overflow-x: auto; }
.timeline { margin: 1rem auto 0; border-spacing: 1rem .7rem; }
.timeline th { text-align: right; font-weight: normal; max-width: 230px; }
.timeline td { white-space: nowrap; vertical-align: middle; }
.timeline .sources { white-space: normal; width: 105px; min-width: 0; max-width: 105px; }
.timeline .sources a { display: block; line-height: 1.35; }
.timeline th a { color: inherit; text-decoration: none; }
.timeline th a:hover { text-decoration: underline; }
.repo-counts { font-size: .85em; white-space: nowrap; font-variant-numeric: tabular-nums; }
.repo-counts a { color: inherit; text-decoration: none; }
.repo-counts a:hover { text-decoration: underline; }
.muted { color: #466368; }
footer { text-align: center; font-size: .8rem; margin: 2rem auto 1rem; }
.method { max-width: 780px; margin: 1rem auto; }
summary { cursor: pointer; text-decoration: underline; }
.method p { line-height: 1.5; }
:focus-visible { outline: 2px solid #5731ba; outline-offset: 3px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 640px) { body { margin: 0; padding: 1rem; } header { font-size: .8rem; } .counter { margin-top: .6rem; } .timeline { font-size: .8rem; border-spacing: .6rem .7rem; } }

.unmaintained, .category.saas { color: #a40000; }
.status { padding: 0; }

.status .category, .status .unmaintained { display: block; font: inherit; line-height: 1.35; }