:root{color-scheme:light;--bg:#f7f7f4;--ink:#252b28;--muted:#606a64;--line:#dce1da;--accent:#2c433b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.65 Tahoma,Verdana,sans-serif}a{color:var(--accent);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.shell{max-width:1080px;margin:auto;padding:0 32px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);font-size:13px}.brand{font-weight:700;font-size:18px;text-decoration:none}.intro{padding:34px 0 22px}h1{font-size:28px;font-weight:700;letter-spacing:-.4px;line-height:1.25;margin:0 0 10px}.intro p{margin:7px 0;max-width:760px;color:var(--muted)}.intro .meta{font-size:12px;margin-top:15px}section{margin:20px 0 32px}h2{font-size:16px;font-weight:700;display:flex;align-items:center;gap:12px;margin:0 0 14px}h2 span{font:12px ui-monospace,SFMono-Regular,monospace;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project{border:1px solid var(--line);border-radius:3px;padding:20px;background:#fff;display:flex;flex-direction:column;min-height:175px}.project-top{display:flex;gap:14px;justify-content:space-between;align-items:baseline}h3{font-size:16px;font-weight:700;line-height:1.35;margin:0}h3 a{text-decoration:none}.type{font-size:10px;color:var(--muted);text-align:right;white-space:nowrap;background:#f0f3ee;padding:2px 6px;border-radius:3px}.project p{font-size:14px;margin:10px 0 18px;line-height:1.65}.project-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto}.project-bottom code{font:11px/1.5 ui-monospace,SFMono-Regular,monospace;color:var(--muted);overflow-wrap:anywhere}.links{display:flex;gap:14px;white-space:nowrap;font-size:12px}footer{border-top:1px solid var(--line);padding:18px 0 25px;color:var(--muted);font-size:12px}footer p{margin:5px 0}.skip{position:fixed;top:-80px;left:12px;z-index:5;padding:10px;background:var(--ink);color:white}.skip:focus{top:8px}@media(max-width:650px){.shell{padding:0 20px}.grid{grid-template-columns:1fr}.intro{padding:27px 0 12px}h1{font-size:27px}.project{min-height:155px;padding:17px}.project-top{align-items:start}.project-bottom{flex-wrap:wrap}.type{white-space:normal;max-width:90px}header{padding:18px 0}.brand{font-size:17px}}