/* A compact text directory. */
:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;background:#f7f8fa;color:#17212b;font-size:14px;line-height:1.5}
*{box-sizing:border-box}
body{margin:0}
::selection{background:#c5d5e6;color:#17212b}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid #536d87;outline-offset:4px}
.directory{max-width:700px;margin:40px auto;padding:0 24px}
header{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:24px}
h1{margin:0;font-size:18px;font-weight:600;letter-spacing:-.5px}
.social{color:#637181;font-size:13px}
h2{margin:0 0 4px;font-size:12px;font-weight:500;color:#637181}
section+section{margin-top:20px}
ul{list-style:none;margin:0;padding:0}
.project{display:block;padding:5px 0;line-height:1.5}
.project strong{font-weight:500}
.project span{color:#637181}
.project:hover strong,.social:hover{text-decoration:underline;text-underline-offset:3px}
.skip-link{position:absolute;top:-100px;left:16px;padding:8px 12px;background:#17212b;color:#f7f8fa}
.skip-link:focus{top:8px}
@media(max-width:520px){.directory{margin:24px auto;padding:0 20px}header{margin-bottom:20px}.project{padding:7px 0}section+section{margin-top:16px}}