/* 1025DEX Community v0.31.35 · css/public-page.css
   Die oeffentliche Sammlungsseite legt sich ueber die App: wer nur den Link
   oeffnet, soll die Sammlung sehen und nicht das Geruest dahinter. */
.public-page-on body>*:not(#publicPage){display:none!important}
.public-page-on{overflow:auto}
#publicPage{
  position:fixed;inset:0;z-index:9999;overflow:auto;
  background:var(--bg);color:var(--ink);
  padding:20px 16px 40px;
  -webkit-overflow-scrolling:touch;
}
/* Bewusst div statt header/footer: base.css faerbt jedes <header> rot und
   macht es zur Leiste - das hat die Seite frueher zerrissen. */
.pub-head{display:block;max-width:760px;margin:0 auto 16px;text-align:center;
  position:static;background:none;padding:0;border:0;box-shadow:none}
.pub-title{font-size:27px;font-weight:700;letter-spacing:-.02em}
.pub-sub{font-size:13px;color:var(--ink-soft);margin-top:4px}
.pub-bio{font-size:14px;color:var(--ink-soft);margin:10px auto 0;max-width:52ch}
.pub-bar{height:8px;border-radius:99px;background:var(--panel-3);overflow:hidden;margin:12px 0 6px}
.pub-bar.big{height:12px}
.pub-bar i{display:block;height:100%;background:var(--accent,var(--red));border-radius:99px}
.pub-card{
  max-width:760px;margin:0 auto 14px;padding:16px;
  background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg,14px);
}
.pub-card b{font-size:16px}
.pub-card p{font-size:14px;color:var(--ink-soft);margin:8px 0 0}
.pub-kicker{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px}
.pub-gen{margin-bottom:10px}
.pub-gen-top{display:flex;justify-content:space-between;font-size:13px}
.pub-gen .pub-bar{margin:6px 0 0}
.pub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pub-grid figure{margin:0;text-align:center}
.pub-grid img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--panel-2);border-radius:10px}
.pub-grid figcaption{font-size:10px;color:var(--ink-soft);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pub-foot{display:grid;max-width:760px;margin:22px auto 0;text-align:center;display:grid;gap:10px;justify-items:center}
@media (min-width:620px){.pub-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}