/*----- Style Guide -----*/
th,
td {
    vertical-align: middle !important;
}
.style-guide {
    max-width: 90%;
    margin: 0 auto;
    padding: 1rem !important;

    .articles {
		.article-list {
			gap: 3rem;
		}
	}    
    .article-item {
        padding: 0 0 2rem;

        img {
            border: 0.25rem solid #eee;
            padding: 0.5rem;
        }
        a.img-link {
            width: 100%;
        }
    }
    section {
        padding: 3rem 0;
        border-bottom: 1px solid #eee;

        &:last-of-type {
			border-bottom-width: 0;
		}
    }
    .alert {
        padding: 1rem;
        font-size: 0.85rem;
  
        h4 {
            font-size: 1rem;
        }
        
        &.alert__tip {
            background: #e3f7ff;
            border: 0.125rem solid #b1e9ff;
            color: #075d7f;
            
            h4 {
            color: #075d7f;
            }
        }
    }
}