/* Inspiration gallery. Scoped to #gl-app. */
#gl-app [hidden] { display: none !important; }
#gl-app .gl-sr { position: absolute; left: -9999px; }
#gl-app .gl-search { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: .5rem; }
#gl-app .gl-search input[type="search"] { flex: 1 1 14rem; font: inherit; color: inherit; background: transparent; padding: .7rem .9rem; box-sizing: border-box;
  border: 1px solid color-mix(in srgb, currentColor 28%, transparent); border-radius: 10px; }
#gl-app .gl-chips { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0 .4rem; }
#gl-app .gl-pill { font: inherit; font-size: .92rem; color: inherit; background: transparent; cursor: pointer; padding: .35rem .9rem; border-radius: 999px;
  border: 1px solid color-mix(in srgb, currentColor 28%, transparent); }
#gl-app .gl-pill[aria-pressed="true"] { background: #4b362e; color: #fff; border-color: #4b362e; }
#gl-app .gl-grid { column-width: 14.5rem; column-gap: 1rem; margin-top: 1rem; }
#gl-app .gl-card { break-inside: avoid; margin: 0 0 1rem; border: 1px solid color-mix(in srgb, currentColor 16%, transparent); border-radius: 14px; overflow: hidden; background: #fff; }
#gl-app .gl-img { display: block; width: 100%; height: auto; background: color-mix(in srgb, currentColor 8%, transparent); }
#gl-app .gl-missing { padding: 2rem 1rem; text-align: center; font-size: .9rem; opacity: .7; }
#gl-app .gl-body { display: grid; gap: .45rem; padding: .8rem .9rem .9rem; }
#gl-app .gl-caption { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
#gl-app .gl-chip { justify-self: start; font-size: .78rem; padding: .1rem .6rem; border-radius: 999px; border: 1px solid currentColor; }
#gl-app .gl-tags { margin: 0; display: flex; flex-wrap: wrap; gap: .3rem .6rem; }
#gl-app .gl-tag { font: inherit; font-size: .85rem; background: none; border: 0; padding: 0; color: inherit; opacity: .75; cursor: pointer; text-decoration: underline; }
#gl-app .gl-by { font-size: .9rem; }
#gl-app .gl-report { justify-self: start; font: inherit; font-size: .82rem; background: none; border: 0; padding: 0; color: inherit; opacity: .6; cursor: pointer; text-decoration: underline; }
#gl-app .gl-msg { font-size: .85rem; margin: 0; }