















 

.mwd-side {
	

	display: flex;
	flex-direction: column;
	min-height: 100%;
	font-size: var(--mwd-fs-subhead);
	line-height: 1.5;
	color: var(--mwd-text);
	 
	--mwd-side-adminbar: 0px;
}

.admin-bar .mwd-side {
	--mwd-side-adminbar: 32px;
}






@media (max-width: 959.98px) {
	.mwd-side {
		display: none;
	}

	




	#sidebar:has(> .mwd-side) {
		display: none;
	}
}

 

.mwd-side__block {
	margin: 0 0 var(--mwd-space-4);
	padding: var(--mwd-space-4);
	background: var(--mwd-surface);
	border: 1px solid var(--mwd-border);
	border-radius: var(--mwd-space-2);
}

.mwd-side__title {
	margin: 0 0 var(--mwd-space-2);
	padding: 0 0 var(--mwd-space-2);
	border: 0;
	border-bottom: 1px solid var(--mwd-border);
	background: none;
	font-size: var(--mwd-fs-body);
	font-weight: var(--mwd-fw-semibold);
	line-height: 1.4;
	color: var(--mwd-text);
}

.mwd-side__title-link {
	color: inherit;
	text-decoration: none;
}

.mwd-side__title-link:hover {
	text-decoration: underline;
}

.mwd-side__title-link:focus-visible,
.mwd-side__link:focus-visible,
.mwd-side__chip:focus-visible,
.mwd-side__more-link:focus-visible,
.mwd-side__cta:focus-visible {
	outline: 2px solid var(--mwd-action);
	outline-offset: 2px;
}

 

.mwd-side__list,
.mwd-side__rank {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mwd-side__item,
.mwd-side__rank-item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: var(--mwd-space-2);
	margin: 0;
	padding: var(--mwd-space-1) 0;
	border-bottom: 1px solid var(--mwd-border);
}

.mwd-side__item:last-child,
.mwd-side__rank-item:last-child {
	border-bottom: 0;
}

.mwd-side__link {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	min-width: 0;
	overflow-wrap: anywhere;
	color: var(--mwd-action-text);
	font-weight: var(--mwd-fw-semibold);
	font-variant-numeric: tabular-nums;
	text-decoration: none;
}

.mwd-side__link:hover {
	text-decoration: underline;
}

 
.mwd-side__meta {
	flex: none;
	margin-left: auto;
	font-size: var(--mwd-fs-caption);
	color: var(--mwd-text-3);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

 
.mwd-side__rank-no {
	flex: none;
	min-width: 1.5em;
	text-align: center;
	font-size: var(--mwd-fs-caption);
	font-weight: var(--mwd-fw-semibold);
	color: var(--mwd-text-3);
	font-variant-numeric: tabular-nums;
}

 
.mwd-side__badge {
	display: inline-block;
	padding: 0 var(--mwd-space-2);
	background: var(--mwd-bg-2);
	color: var(--mwd-text-2);
	font-size: var(--mwd-fs-caption);
	font-weight: var(--mwd-fw-semibold);
	border-radius: var(--mwd-space-1);
}

.mwd-side__badge--danger {
	color: var(--mwd-danger-text);
}

.mwd-side__badge--warning {
	color: var(--mwd-warning-text);
}

 
.mwd-side__item--review {
	display: block;
}

.mwd-side__item-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: var(--mwd-space-2);
}

.mwd-side__excerpt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	margin: var(--mwd-space-1) 0 0;
	overflow: hidden;
	overflow-wrap: anywhere;
	font-size: var(--mwd-fs-caption);
	line-height: 1.5;
	color: var(--mwd-text-2);
}

 

.mwd-side__stats {
	margin: 0;
	padding: 0;
}

.mwd-side__stat {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	column-gap: var(--mwd-space-2);
	padding: var(--mwd-space-1) 0;
	border-bottom: 1px solid var(--mwd-border);
}

.mwd-side__stat:last-child {
	border-bottom: 0;
}

.mwd-side__stat-label {
	margin: 0;
	color: var(--mwd-text-2);
}

.mwd-side__stat-value {
	margin: 0;
	flex: none;
	font-weight: var(--mwd-fw-bold);
	font-variant-numeric: tabular-nums;
}

.mwd-side__unit {
	margin-left: 2px;
	font-size: var(--mwd-fs-caption);
	font-weight: var(--mwd-fw-semibold);
	color: var(--mwd-text-3);
}

 

.mwd-side__area-group {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	column-gap: var(--mwd-space-2);
	padding: var(--mwd-space-1) 0;
	border-bottom: 1px solid var(--mwd-border);
}

.mwd-side__area-group:last-child {
	border-bottom: 0;
}

.mwd-side__area-region {
	flex: none;
	min-width: 4.5em;
	font-size: var(--mwd-fs-caption);
	font-weight: var(--mwd-fw-semibold);
	color: var(--mwd-text-3);
}

.mwd-side__area-prefs {
	display: flex;
	flex: 1 1 0;
	flex-wrap: wrap;
	min-width: 0;
}

.mwd-side__chip {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 0 var(--mwd-space-2) 0 0;
	color: var(--mwd-action-text);
	text-decoration: none;
}

.mwd-side__chip:hover {
	text-decoration: underline;
}

 

.mwd-side__more {
	margin: var(--mwd-space-2) 0 0;
	text-align: right;
}

.mwd-side__more-link {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	font-size: var(--mwd-fs-caption);
	color: var(--mwd-action-text);
	text-decoration: none;
}

.mwd-side__more-link:hover {
	text-decoration: underline;
}

 

.mwd-side__sticky {
	position: sticky;
	

	top: calc(var(--mwd-anchor-offset, 0px) + var(--mwd-space-4) + var(--mwd-side-adminbar, 0px));
}

.mwd-side__cta {
	display: block;
	padding: var(--mwd-space-3) var(--mwd-space-4);
	border-radius: var(--mwd-space-2);
	background: var(--mwd-action-text);
	color: var(--mwd-on-fill);
	font-weight: var(--mwd-fw-bold);
	text-align: center;
	text-decoration: none;
}

.mwd-side__cta:hover {
	text-decoration: underline;
}

.mwd-side__sticky .mwd-ad {
	margin: var(--mwd-space-3) 0 0;
}
