.mbb-widget {
	overflow: hidden;
	width: 100%;
	border: var(--mbb-stroke) solid var(--mbb-black);
	border-radius: var(--mbb-radius-lg);
	background: var(--mbb-white);
	box-shadow: var(--mbb-shadow-md);
}

.mbb-widget__head {
	height: 59px; /* 56 header + 3px rule */
	padding: 12px 16px 0;
	border-bottom: var(--mbb-stroke) solid var(--mbb-black);
	background: var(--mbb-hot-pink);
}

.mbb-sidebar > .mbb-widget:nth-of-type(even) .mbb-widget__head {
	background: var(--mbb-yellow);
}

.mbb-widget__title {
	font-family: var(--mbb-font-display);
	font-size: 25px;
	font-weight: 400;
	line-height: 31.75px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	white-space: nowrap;
}

.mbb-widget__body {
	padding: 16px 16px 16px;
}

.mbb-widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mbb-wrows {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.mbb-wrow__link {
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
}

.mbb-wrow__thumb {
	flex: 0 0 70px;
	width: 70px;
	height: 50px;
	overflow: hidden;
	border: var(--mbb-stroke) solid var(--mbb-black);
	border-radius: 8px;
	background: var(--mbb-light-pink);
}

.mbb-wrow__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mbb-wrow__text {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.mbb-wrow__title {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: 15px;
	font-weight: 800;
	line-height: 19px;
}

.mbb-wrow__link:hover .mbb-wrow__title {
	color: var(--mbb-hot-pink);
}

.mbb-wrow__meta {
	font-size: 13px;
	line-height: 16.7px;
	color: var(--mbb-text-grey);
}

.mbb-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 8px;
}

.mbb-cloud .mbb-tag:hover {
	text-decoration: underline;
}

.mbb-crew {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.mbb-crew__row {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 56px;
}

.mbb-crew__avatar {
	width: 52px;
	height: 52px;
}

.mbb-crew__text {
	display: flex;
	flex-direction: column;
}

.mbb-crew__name {
	font-size: 16px;
	font-weight: 800;
	line-height: 20.8px;
}

.mbb-crew__role {
	font-size: 13px;
	line-height: 20px;
	color: var(--mbb-text-grey);
}

.mbb-toc {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.mbb-toc li {
	line-height: 20.8px;
}

.mbb-toc a {
	font-size: 16px;
	font-weight: 800;
	line-height: 20.8px;
	color: var(--mbb-hot-pink);
	text-decoration: none;
}

.mbb-toc a:hover {
	text-decoration: underline;
}

/* Poll */

.mbb-poll {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.mbb-poll:focus {
	outline: none;
}

.mbb-poll__set {
	display: block;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.mbb-poll__q {
	padding: 0;
	font-size: 17px;
	font-weight: 800;
	line-height: 22.1px;
}

.mbb-poll__set .mbb-poll__q {
	margin-bottom: 10px;
}

.mbb-poll__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.mbb-poll__opt,
.mbb-poll__result {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 51px;
	padding: 9px 14px 9px 12px;
	margin: 0;
	overflow: hidden;
	border: var(--mbb-stroke) solid var(--mbb-black);
	border-radius: var(--mbb-radius-sm);
	background: var(--mbb-white);
	font-size: 16px;
	line-height: 27px;
}

.mbb-poll__opt {
	cursor: pointer;
}

.mbb-poll__opt:hover {
	background: var(--mbb-soft-grey);
}

.mbb-poll__opt:has(.mbb-poll__radio:checked) {
	background: var(--mbb-yellow);
}

.mbb-poll__opt:has(.mbb-poll__radio:focus-visible) {
	outline: 3px solid var(--mbb-cyan);
	outline-offset: 2px;
}

.mbb-poll__radio {
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	margin: 0;
	border: 2px solid var(--mbb-black);
	border-radius: 50%;
	background: var(--mbb-white);
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}

.mbb-poll__radio:checked {
	background: radial-gradient(circle, var(--mbb-black) 0 4px, var(--mbb-white) 4.5px);
}

.mbb-poll__radio:focus-visible {
	outline: none;
}

.mbb-poll__vote {
	min-height: 48px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 17px;
	line-height: 22.1px;
}

.mbb-poll__vote[disabled] {
	opacity: 0.5;
	cursor: not-allowed;
}

.mbb-poll__error {
	font-size: 14px;
	font-weight: 800;
	line-height: 18.2px;
	color: var(--mbb-hot-pink);
}

.mbb-poll__error[hidden] {
	display: none;
}

.mbb-poll__result::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: var(--mbb-pct, 0%);
	background: var(--mbb-light-pink);
}

.mbb-poll__result .mbb-poll__label,
.mbb-poll__result .mbb-poll__pct {
	position: relative;
}

.mbb-poll__result .mbb-poll__label {
	flex: 1;
	min-width: 0;
}

.mbb-poll__result.is-mine .mbb-poll__label {
	font-weight: 800;
}

.mbb-poll__pct {
	font-weight: 800;
}

.mbb-poll__total {
	font-size: 13px;
	line-height: 16.7px;
	color: var(--mbb-text-grey);
}