.key-record-navigation{position:sticky;top:0;z-index:60;display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 22px;padding:8px 0;background:#061e16;box-shadow:0 5px 12px #020b0944;border-bottom:1px solid #9dffcd29}
.key-record-navigation a{padding:11px 16px;border:1px solid rgba(0,255,188,.35);border-radius:9px;background:rgba(0,255,188,.07);color:#dfffee;font:600 12px 'DM Sans',sans-serif;text-decoration:none;transition:background .2s,box-shadow .2s}
.key-record-navigation a:hover,.key-record-navigation a:focus-visible{background:rgba(0,255,188,.17);box-shadow:0 0 16px rgba(0,255,188,.15)}
html{scroll-padding-top:70px}
@media(max-width:600px){.key-record-navigation a{padding:10px 8px;font-size:10px;text-align:center}.key-record-navigation{gap:5px}}
.key-identity-summary {font-size:12px;line-height:1.5;color:#9bb5ae;margin:8px 0 16px;max-width:80ch}

/* Reserve both sides even at the ends of a filtered key sequence. */
.key-record-navigation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.key-record-navigation .previous-key{grid-column:1;grid-row:1;justify-self:start}
.key-record-navigation .back-to-catalog{grid-column:2;grid-row:1;justify-self:center}
.key-record-navigation .next-key{grid-column:3;grid-row:1;justify-self:end}