/* Keep the established photo stack, colours, type and hand-drawn arrow. */
.album { position:relative; }
/* This stylesheet blocks the first paint, so archived HTML photos never flash
   while the cached Instagram feed or its first image is still loading. */
.album:not([data-instagram-initial="ready"]) .photo-stack,
.album:not([data-instagram-initial="ready"]) .album-controls { visibility:hidden; }
.album[data-instagram-feed] img.photo-back:not([data-instagram-ready="true"]) { visibility:hidden; }
.album .instagram-status { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; margin:0; padding:24px; text-align:center; font:inherit; line-height:1.5; }
.album .instagram-status[hidden] { display:none; }
.album .instagram-status a { color:inherit; text-underline-offset:4px; }
.album .photo-stack { touch-action:pan-y pinch-zoom; }
.album .photo-stack img { -webkit-user-drag:none; user-select:none; }
.album:focus-visible,
.album .photo-front:focus-visible { outline:2px solid currentColor; outline-offset:6px; }
.album[data-instagram-feed] .photo-front { display:grid; grid-template-rows:minmax(0,1fr) auto; }
.album[data-instagram-feed] .photo-front > img { display:block; width:100%; height:100%; min-height:0; object-fit:cover; }
.album[data-instagram-feed] .photo-front > span { padding:10px 32px 0 0; }
.album[data-instagram-feed] .photo-front small { line-height:1.4; }
.album[data-instagram-feed] .photo-front strong { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; line-height:1.2; margin-top:3px; }
.album[data-instagram-feed] .photo-front > span > svg { right:0; bottom:4px; }
.album[data-instagram-feed] .album-controls { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:12px; align-items:center; }
.album .instagram-profile { display:inline-flex; justify-self:center; align-items:center; min-height:44px; max-width:100%; font-size:12px; text-decoration:none; overflow-wrap:anywhere; }
.album .instagram-profile:hover { text-decoration:underline; text-underline-offset:4px; }
.album .instagram-profile[hidden] { display:none; }
.album .instagram-announcement { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(prefers-reduced-motion:reduce) { .album .photo-front > img { transition:none; } }