/* site-fix.css - offline copy overrides (loaded last) */

/* Instagram feed (home) is a static snapshot of the live feed. The live script
   lays it out in rows of 3 at >=700px and rows of 2 below; all posts are square,
   so a 2-column grid reproduces the mobile layout without JS. */
@media (max-width: 699px) {
  #instagram .igfeed { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  #instagram .igrow { display: contents; }
}

/* Iris avatar on briefing.html: these rules were injected by the removed
   chat widget script (chat-iris.js). */
.iavatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.iris-zoom { display: block; width: 100%; height: 100%; padding: 0; border: 0; background: none; cursor: zoom-in; border-radius: 50%; overflow: hidden; }
.iris-zoom-ov { position: fixed; inset: 0; z-index: 9999; background: rgba(34,29,24,.94); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 24px; }
.iris-zoom-ov img { max-width: min(86vmin,560px); max-height: 76vh; border-radius: 12px; display: block; }
.iris-zoom-ov p { color: #F4F3EE; font-family: "DM Sans", sans-serif; font-size: .8rem; letter-spacing: .08em; margin: 0; opacity: .85; }
.iris-zoom-x { position: absolute; top: 18px; right: 22px; background: none; border: 0; color: #F4F3EE; font-size: 1.9rem; cursor: pointer; line-height: 1; padding: 6px; }