:root{font-family:ui-monospace,"SF Mono",Menlo,monospace;color:#111;background:#fff;font-size:16px}*{box-sizing:border-box}body{margin:0}header{padding:18px 3%;border-bottom:1px solid #bbb;font-size:11px;letter-spacing:.08em}a{color:inherit;text-decoration:none}main{padding:22px 3%;max-width:1200px}h1{font:400 36px Garamond,serif;margin:0}p{color:#555;max-width:680px}.archive{margin-top:28px;border-top:1px solid #111}.specimen{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;padding:20px 0;border-bottom:1px solid #bbb}.specimen h2{font:400 22px Garamond,serif;margin:0}.specimen p{margin:7px 0 0}.sample{height:88px;border:1px solid #aaa;background:#fff;overflow:hidden}.sample svg{width:100%;height:100%}.note{margin-top:25px;line-height:1.55}@media(max-width:700px){.specimen{grid-template-columns:1fr;gap:12px}}