.lurk-keyband { background: var(--paper); color: var(--ink); font-family: var(--mono); font-size: 11px; line-height: 16px; padding: 14px 40px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px 24px; }
.lurk-keyband .key { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }
.lurk-keyband .sw { display: inline-flex; align-items: center; gap: 7px; }
.lurk-keyband .sw i { width: 12px; height: 12px; display: inline-block; }
.lurk-keyband .sw.builds i { background: var(--builds); }
.lurk-keyband .sw.speaks i { background: var(--speaks); }
.lurk-keyband .sw.knows i { background: var(--knows); }
.lurk-keyband .sw.you i { background: var(--you); }
.lurk-keyband .sw.checked i { background: var(--ink); }
.lurk-keyband .sw.notYet i { box-sizing: border-box; border: 2px solid var(--ink); }
.lurk-rule-heavy { border: 0; border-top: var(--rule-heavy) solid var(--ink); }
.lurk-rule-hair { border: 0; border-top: var(--rule-hair) solid var(--ink); }
.lurk-seal { display: inline-block; width: 10px; height: 10px; background: var(--ink); vertical-align: middle; }
.lurk-seal.notYet { background: none; box-sizing: border-box; border: 1.5px solid var(--ink); }
.lurk-lockup { display: inline-flex; align-items: baseline; gap: 0.28em; font-family: var(--grotesque); font-weight: 700; letter-spacing: -0.03em; }
.lurk-lockup svg { height: 0.72em; width: 0.72em; flex: none; }
.lurk-lockup .by { font-size: 0.5em; font-weight: 500; letter-spacing: 0; margin-left: 0.3em; }