/* ELEMENTS */
.pg--dt-article{
	.zone--main{
		.article{
			background:    var(--article--backgroundColor);
			border:        var(--article--border);
			border-radius: var(--article--borderRadius);
			padding:       var(--article--padding);
			margin:        var(--article--margin);
			width:         var(--article--width);
			gap:           var(--article--gap);
			display:grid;
			grid-template-areas:   var(--article--gridAreas);
			grid-template-columns: var(--article--gridColumns);
			.art_title{         grid-area:title;}
			.art_image{         grid-area:image;}
			.art_meta-content{  grid-area:m-content;}
			.art_meta-creation{ grid-area:m-creation;}
			.art_taxonomy{      grid-area:taxonomy;}
			.art_summary{       grid-area:summary;}
			.art_content{       grid-area:content;}
			.art_buttons{       grid-area:buttons;}
			.art_buttons{
				margin: var(--article_buttons--margin);
			}
			.art_content{
				margin: var(--article_content--margin);
			}
			.art_image{
				width:  var(--article_image--width);
				height: var(--article_image--height);
				margin: var(--article_image--margin);
				img{
					width:inherit;
					height:inherit;
					object-fit: cover;
				}
			}
			.art_meta-content{
				display:flex;
				gap:    var(--article_metaContent--gap);
				margin: var(--article_metaContent--margin);
			}
			.art_meta-creation{
				display:flex;
				gap:       var(--article_metaCreation--gap);
				color:     var(--article_metaCreation--color);
				font-size: var(--article_metaCreation--fontSize);
				margin:    var(--article_metaCreation--margin);
				.art_date{ grid-area:date;
				}
				.art_author{	grid-area:author;
					.vocabulary > ._name{display:none;}
				}
			}
			.art_summary{
				margin: var(--article_summary--margin);
			}
			.art_taxonomy{
				margin: var(--article_taxonomy--margin);
				display:flex;
				flex-direction:row; flex-wrap:wrap;
				gap:     var(--article_taxonomy--gap);
				padding: var(--article_taxonomy--padding);
				.voc_term {
					padding: var(--voc_term--padding);
					margin-right: 1rem;
					&::after {
						content: "";
						position: absolute;
						top: 0;
						bottom: 0;
						left: 100%;
						width: 1rem;
						background-color: var(--voc_term--backgroundColor);
						clip-path: polygon(0 0, 100% 50%, 0 100%);
					}
				}
			}
			.art_title{
				color:       var(--article_title--color);
				font-size:   var(--article_title--fontSize);
				line-height: var(--article_title--lineHeight);
				margin:      var(--article_title--margin);
				font-family: "bree","Helvetica",sans-serif;
			}
			.voc_term{
				position: relative;
				display: inline-flex;
				align-items: center;
				font-size:        var(--voc_term--fontSize);
				font-weight:      var(--voc_term--fontWeight);
				background-color: var(--voc_term--backgroundColor);
				text-transform:   var(--voc_term--textTransform);
				border:           var(--voc_term--border);
				color:            var(--voc_term--color);
				padding:          var(--voc_term--padding);
			}
			.voc_term[data-voc="formats"]{
				display:none !important;
			}
			.art_content,
			.art_summary{
				p:first-child{
					/* Dimension */
					margin-bottom: var(--content_pFirst--marginBottom);
					/* Text */
					color:         var(--content_pFirst--color);
					font-size:     var(--content_pFirst--fontSize);
					font-weight:   var(--content_pFirst--fontWeight);
					line-height:   var(--content_pFirst--lineHeight);
					text-align:    var(--content_pFirst--textAlign);
				}
				p, li{
					font-size:     var(--content_p--fontSize);
					font-weight:   var(--content_p--fontWeight);
					line-height:   var(--content_p--lineHeight);
					margin-bottom: var(--content_p--marginBottom);
					text-align:    var(--content_p--textAlign);
				}
				ul{
					padding-left:16px;
				}
				h3.subtitle{
					color:         var(--content_h3--color);
					font-size:     var(--content_h3--fontSize);
					font-weight:   var(--content_h3--fontWeight);
					line-height:   var(--content_h3--lineHeight);
					margin-bottom: var(--content_h3--marginBottom);
					text-align:    var(--content_h3--textAlign);
				}
				.interview-question{
					font-size:     var(--content_interview--fontSize);
					font-weight:   var(--content_interview--fontWeight);
					line-height:   var(--content_interview--lineHeight);
					margin-bottom: var(--content_interview--marginBottom);
					text-align:    var(--content_interview--textAlign);
				}
				.wysiwyg-block{
					font-size:     var(--content_block--fontSize);
					font-weight:   var(--content_block--fontWeight);
					line-height:   var(--content_block--lineHeight);
					margin-bottom: var(--content_block--marginBottom);
					text-align:    var(--content_block--textAlign);
					padding:       var(--content_block--padding);
					background:    var(--content_block--backgroundColor);
				}
				.img-float-center{
					figure.image{
						width:100%;
						img{
							width:inherit;
							object-fit: cover;
						}
						figcaption{
							font-size:     var(--content_figure_figcaption--fontSize);
							font-weight:   var(--content_figure_figcaption--fontWeight);
							line-height:   var(--content_figure_figcaption--lineHeight);
							text-align:    var(--content_figure_figcaption--textAlign);
							padding:       var(--content_figure_figcaption--padding);
							background:    var(--content_figure_figcaption--backgroundColor);
						}
					}
					margin-bottom:var(--figure_marginBottom);
				}
				p > em{
					display:none;
				}
			}
		}
	}
}