/* 인스타그램 (PC) */
.instagram-bar { min-height: 80px; margin-bottom: 24px; background: var(--green); padding: 16px 28px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
.instagram-bar__account { display: flex; align-items: center; gap: 16px; color: #FFFFFF; min-width: 0; }
.instagram-bar__account svg { flex: none; }
.instagram-bar__handle { font-family: var(--en); font-size: 20px; font-weight: 700; overflow-wrap: anywhere; }
.instagram-bar__btn { display: inline-flex; align-items: center; min-height: 48px; padding: 0 24px; background: var(--beige); color: var(--green); font-size: 15px; font-weight: 700; }
.instagram-bar__btn:hover { background: #FFFFFF; color: var(--green); }

.instagram-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.instagram-item { position: relative; aspect-ratio: 1 / 1; background: var(--beige-light); display: flex; align-items: center; justify-content: center; color: var(--text-3); overflow: hidden; }
.instagram-item img { display: block; width: 100%; height: 100%; object-fit: cover; }
.instagram-item__caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 14px; background: var(--green); color: #FFFFFF; font-size: 13px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.instagram-item:hover { color: var(--green); }
@media (max-width: 720px) { .instagram-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* 어두운 띠 안의 초점 테두리는 밝은 색으로 */
.instagram-bar a:focus-visible { outline-color: #FFFFFF; }