/* Scalable navigation for a growing tile collection. */
#gallery-select{max-width:100%;width:260px;padding:5px 9px;color:#493a2c;border:1px solid #a3896266;border-radius:3px;background:#fff7e8;font:13px Georgia,serif}
.gallery-controls>div{min-width:0;text-align:center}
#gallery-dots{gap:2px}
#gallery-dots button{width:22px}
#gallery-dots button::after{left:7px}
@media(max-width:800px){#gallery-dots{display:none}.gallery-controls{gap:12px}#gallery-select{width:190px;font-size:12px}.gallery-controls>button{flex-shrink:0}#gallery-status{margin-top:4px}}
/* Keep the illustration fully visible inside every interactive motif. */
.gallery-art .hotspot.motif-outline {
 background: transparent;
 border: 1.5px dashed rgba(255,244,213,.9);
 border-radius: 45%;
 box-shadow: 0 0 0 1px rgba(73,58,44,.5);
 padding: 0;
 min-width: 44px;
 min-height: 44px;
 transition: border-color .18s, box-shadow .18s;
}
@media (hover:hover) {
 .gallery-art .hotspot.motif-outline:hover {
  background: transparent;
  border-style: solid;
  border-color: #fff6dc;
  box-shadow: 0 0 0 2px rgba(73,58,44,.6), 0 0 12px rgba(255,244,213,.35);
 }
}
.gallery-art .hotspot.motif-outline:focus-visible {
 outline: 3px solid #354e64;
 outline-offset: 4px;
 border-style: solid;
 background: transparent;
}