/* One page per gallery work (/<lang>/gallery/work/<id>-<slug>, smweb/gallery_pages.py, 2026-10-13).
   Built on the guide template (static/guide.html + css/guides.css); everything here carries the glp- prefix. */
.page-glp .guide {width:min(100% - 32px,1100px)}
.glp-crumbs {display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;color:rgba(200,214,238,.55);font:600 12px/1.4 Montserrat,sans-serif}
.glp-crumbs a {color:#6fe3ff;text-decoration:none}
.glp-crumbs a:hover {color:#fff;text-decoration:underline}
.glp-crumbs [aria-current] {overflow:hidden;max-width:60ch;color:rgba(226,238,255,.82);text-overflow:ellipsis;white-space:nowrap}
.glp-by {margin:-6px 0 12px;color:rgba(214,229,250,.72);font:600 14px/1.6 Montserrat,sans-serif}
.glp-by a {color:#6fe3ff;text-decoration:none}
.glp-by a:hover {text-decoration:underline}
.glp-chips {display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.glp-chips span {padding:5px 11px;border:1px solid rgba(110,170,255,.24);border-radius:999px;background:rgba(5,10,28,.6);color:#d6e6ff;font:700 12px/1.2 Montserrat,sans-serif}
.glp-figure {margin:0 0 20px;padding:12px;border:1px solid rgba(110,170,255,.18);border-radius:16px;background:linear-gradient(160deg,#0e1a3c,#050a1c)}
.glp-media {display:block;width:100%;max-height:72vh;object-fit:contain;border-radius:10px;background:#03070a}
.glp-adult {margin:0;padding:40px 16px;text-align:center;color:rgba(214,229,250,.78);font:600 15px/1.6 Montserrat,sans-serif}
.glp-desc {margin:0 0 20px;color:rgba(214,229,250,.8);font:500 15px/1.7 Montserrat,sans-serif}
.glp-desc p {margin:0 0 8px;overflow-wrap:anywhere}
.glp-actions {display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.glp-actions .guide__cta {margin-top:0}
a.glp-btn {display:inline-flex;align-items:center;padding:13px 20px;border-radius:10px;font:800 14px Montserrat,sans-serif;text-decoration:none;transition:border-color .18s,color .18s,background .18s}
a.glp-btn--ghost {border:1px solid rgba(110,170,255,.32);color:#e3efff;background:rgba(5,10,28,.5)}
a.glp-btn--ghost:hover {border-color:rgba(111,227,255,.7);color:#6fe3ff}
.glp-hint {margin:10px 0 0;color:rgba(200,214,238,.55);font:600 12px/1.5 Montserrat,sans-serif}
.glp-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
a.glp-mini {display:flex;flex-direction:column;gap:3px;padding:8px 8px 10px;border:1px solid rgba(110,170,255,.18);border-radius:12px;
  background:linear-gradient(160deg,rgba(14,26,60,.92),rgba(5,10,28,.95));color:#f4f9ff;text-decoration:none;transition:border-color .18s,transform .18s}
a.glp-mini:hover {border-color:rgba(111,227,255,.55);transform:translateY(-1px)}
.glp-mini__img {display:block;aspect-ratio:16/9;margin-bottom:5px;border-radius:8px;overflow:hidden;background:#060b1a}
.glp-mini__img img {width:100%;height:100%;object-fit:cover;display:block}
a.glp-mini b {overflow:hidden;font:700 13px/1.35 Montserrat,sans-serif;text-overflow:ellipsis;white-space:nowrap}
a.glp-mini small {overflow:hidden;color:rgba(200,214,238,.6);font:600 11px/1.4 Montserrat,sans-serif;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:560px) {
  .glp-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .glp-actions a {flex:1 1 100%;justify-content:center}
}