/* Object ID pages: a lighter backdrop behind the pictures than on the other ID pages. Many object models are dark and
   thin (wires, railings, bare trees) and disappear on the site's dark panels. */
.obj-pic{background:radial-gradient(ellipse at 50% 55%,#606a72 0%,#3a4147 80%)}
.obj-pic figcaption{color:#d5dadd}
.obj-grid img{background:#4c555c;border-radius:6px}
/* category links and page numbers on the list pages */
.chips a.chip{text-decoration:none}
.chips a.chip:hover{border-color:var(--accent)}
.cats{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0}
.cats.kinds{margin-top:8px;align-items:center}
.cats.kinds>span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.cats a.chip{text-decoration:none;color:var(--text)}
.cats a.chip small{color:var(--muted);font-size:11px;margin-left:2px}
.cats a.chip:hover{border-color:var(--accent)}
.cats a.chip.on{background:var(--accent);border-color:var(--accent);color:#14171a}
.cats a.chip.on small{color:#14171a}
.pages{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;margin:22px 0 6px}
.pages a,.pages b,.pages span{min-width:38px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;text-align:center;font-size:14px;line-height:1.2;color:var(--text);background:var(--panel)}
.pages a:hover{border-color:var(--accent);text-decoration:none}
.pages b{background:var(--accent);border-color:var(--accent);color:#14171a}
.pages .gap{border-color:transparent;background:none;min-width:0;padding:8px 2px;color:var(--muted)}
.pages .step.off{color:var(--muted);opacity:.55}
.pages+.id-grid{margin-top:4px}
.count+.pages{margin:8px 0 10px;justify-content:flex-start}
@media (max-width:640px){
  /* on a phone the category links are one row that scrolls sideways, so the pictures start near the top */
  .cats{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
  .cats a.chip,.cats.kinds>span{flex:0 0 auto;white-space:nowrap}
  .pages a,.pages b,.pages span{min-width:34px;padding:8px 9px}
}