/* the registry: blocks of a hundred; on the page of a block the numbers stand twenty to a line, five lines to a hundred */
.reg-grid{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));margin:38px 0 0;border-top:1px solid var(--rule)}
body.has-frame .reg-grid a{position:relative;display:block;padding:16px 0 15px;text-align:center;text-decoration:none;
  font:500 clamp(13px,1.15vw,17px)/1 var(--cond);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--ink-soft);
  border-bottom:1px solid var(--rule);transition:color .25s,text-shadow .25s,background .25s}
body.has-frame .reg-grid a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--red);
  transform:scaleX(0);transition:transform .3s}
body.has-frame .reg-grid a:hover,body.has-frame .reg-grid a:focus-visible{outline:0;color:#fff;
  text-shadow:0 0 16px rgba(255,45,45,.85);background:radial-gradient(circle at 50% 100%,rgba(255,45,45,.16),transparent 70%)}
body.has-frame .reg-grid a:hover::after,body.has-frame .reg-grid a:focus-visible::after,body.has-frame .reg-grid a.on::after{transform:scaleX(1)}
body.has-frame .reg-grid a.on{color:var(--red)}
.reg-peek{min-height:3.1em;margin:18px auto 0;max-width:46em;text-align:center;font:400 15.5px/1.5 "IBM Plex Sans",system-ui,sans-serif;
  color:var(--ink-soft);text-wrap:balance}
.reg-peek b{margin-right:.7em;font:600 13px/1 var(--cond);letter-spacing:.14em;color:var(--red)}
.reg-entries{margin-top:8px}
.reg-entries article.rec{display:none;scroll-margin-top:330px}
.reg-entries article.rec:target,.reg-entries article.rec.shown{display:block}
.reg-page .case-tools{display:none}
@media (max-width:760px){.reg-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.reg-entries article.rec{scroll-margin-top:90px}}
@media print{.reg-entries article.rec{display:block}}