/* Home page: "Latest from Instagram" (page_includes/include_instagram.php). */
.ig-feed { background: #f3f6f8; padding: 44px 0 40px; }
.ig-feed__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 20px; margin: 0 0 20px; }
.ig-feed__title { margin: 0; font-size: 30px; line-height: 1.25; font-weight: 300; color: #222; }
.ig-feed__title i { margin-right: 12px; color: #175b85; }
.ig-feed__handle { color: #175b85; font-weight: 600; font-size: 16px; text-decoration: underline; text-underline-offset: 3px; }
.ig-feed__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.ig-feed__grid li { margin: 0; padding: 0; }
.ig-feed__grid a { position: relative; display: block; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 4px; background: #dde3e8; }
.ig-feed__grid img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease, filter .35s ease; }
.ig-feed__grid a:hover img, .ig-feed__grid a:focus-visible img { transform: scale(1.04); filter: brightness(.88); }
.ig-feed__type { position: absolute; top: 9px; right: 9px; color: #fff; font-size: 15px; text-shadow: 0 1px 4px rgba(0,0,0,.7); pointer-events: none; }
.ig-feed__follow { margin: 26px 0 0; text-align: center; }
.ig-feed__button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-size: 15px; text-shadow: none; }
.ig-feed__button i { margin: 0; font-size: 19px; }
@media (max-width: 900px) {
    .ig-feed__grid { gap: 6px; }
}
@media (max-width: 768px) {
    .ig-feed { padding: 30px 0 28px; }
    .ig-feed__title { font-size: 23px; }
    .ig-feed__title i { margin-right: 8px; }
    .ig-feed__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
    .ig-feed__grid a { border-radius: 2px; }
    .ig-feed__follow { margin-top: 20px; }
    .ig-feed__button { display: flex; width: 100%; padding: 14px 16px; }
}