.page-with-sidebar {
	display: flex;
	flex-wrap: wrap;
	gap: 3em;
	align-items: stretch;
	justify-content: center;
	width: 1320px;
	max-width: 92%;
	margin-inline: auto;
}
.page-with-sidebar > .core-content {
	flex: 0px 999 0;
	min-inline-size: 63%;
	padding: 0!important;
}
.page-with-sidebar > .core-content > div {
	max-inline-size: unset!important;
}

.page-with-sidebar > .sidebar {
	flex: 25ch 1 0;
	align-content: start;
	align-self: stretch; /* full height ! */
	background-color: var(--sidebar-background-color);
	max-inline-size: 92%;
	padding: 1em;
}

.category-list {
	list-style: none!important;
	display: flex!important;
	flex-wrap: wrap!important;
	gap: 1em!important;
	align-items: center!important;
	justify-content: center;
}

.category-list li {
	background-color: var(--primary-light);
	border: 1px solid var(--primary-pastel)!important;
	border-radius: 50rem!important;
	padding: .67ex 2ex!important;
	width: fit-content!important;
}

.category-list li a {
	color: var(--primary);
}

.webzine-list-title, .archive-list-title {
	/*margin-bottom: 2em!important;*/
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-image: linear-gradient(90deg, var(--primary), transparent 14em) 1;
	width: 100%; /* otherwise border stops at final character.. */
}

.webzine-list-item {
	list-style: none!important;
	max-width: unset!important;
}
.webzine-list-item li { margin-block: 4em 2em!important; }

.webzine-list-item h2, .archive-list-item h2 {
	line-height: 1.25;
	padding-top: 6px;
	border-top-width: 4px;
	border-top-style: solid;
	border-image: linear-gradient(270deg, var(--primary), transparent 7em) 1;
}

.archive-list-title h1 { font-size: 22px;}
.archive-list-title h1:before {
	content: "Découvrez notre rubrique ";
}