/* PAGE / ARTICLE / LIST :: ELEMENTS */
.pg--article_list{
	> .zone--main{
		> .zone--main-content{
			>._head{
				max-width:100%;
				overflow:auto;
				display:hidden;
				display:grid;
				> .pe--list_result-count{     grid-area:count;}
				> .pe--list_selected-filters{ grid-area:selection;}
				grid-template-areas:
					"count" "selection"
				;
				> .pe--list_selected-filters{
					.ui_removables{
						display:inline-flex;
						flex-wrap:wrap;
						gap:5px;
					}
				}

				
				grid-template-columns:1fr max-content;
				border-style: solid;
				border-color: var(--pg_mainContent_head--borderColor);
				border-width: var(--pg_mainContent_head--borderWidth);
				gap:          var(--pg_mainContent_head--gap);
				padding:      var(--pg_mainContent_head--padding);
			}
			>._body{
				> .article-list{
					display:flex; flex-direction:column;
					border: var(--pg_mainContent_body_list--border);
					gap:    var(--pg_mainContent_body_list--gap);
					padding:var(--pg_mainContent_body_list--padding);
					.art_summary{
						
					}
				}
			}
			>._foot{
				> .pe--list_pagination{
					display:flex;
					gap:var(--list_pagination--gap);
					justify-content:flex-end;
					> ._nav{
						display:flex;
						gap:var(--list_pagination_nav--gap);
						> ._current{align-self:center;}
					}
				}
			}
		}
		> .zone--main-filters,
		> .zone--main-ordering{
			display:none;
			position:fixed; 
			top:0;
			width: var(--pg_mainPanel--width);
			height:var(--pg_mainPanel--height);
			z-index:1000;
		}
	}
}
input#showPanel--list_panel-filters:checked + input + input + .pg{
	.zone--main .zone--main-filters{
		> .ui_foregroud{display:block;}
		display:grid;
	}
}
input#showPanel--list_panel-filters + input:checked + input + .pg {
	> #pg__foregroud{display:block;}
	.zone--main .zone--main-ordering{
		display:grid;
	}
}