.basebox, .basebox-bg {
	width: min(55rem, 100%);
}

.mood-week {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;

	& > * {
		border: 0.1rem solid var(--page_color-foreground);
		padding: 0.5rem;
		/* flex-basis: 100%; */
		flex-grow: 1;
		/* flex-basis: max(15rem, repeat(calc(50% - 0.75rem))); */
		flex-basis: max(17rem, calc(50% - 0.75rem));
		/* flex-basis: max(max(17rem, 26.125rem), calc(50% - 0.75rem)); */
		/* flex-basis: max(max(15rem, 26.125rem), calc(50% - 0.75rem)); */
		/* flex-basis: clamp(15rem, 50% - 0.75rem, 25rem); */
		/* flex-basis: clamp(15rem, repeat(calc(50% - 0.75rem))); */
		/* flex-basis: clamp(15rem, calc(50% - 0.75rem), 26.125rem); */
		/* flex-basis: clamp(15rem, 50%, 26.125rem);  */
		/* flex-basis: clamp(15rem, repeat(26.125rem)); */
		/* flex-basis: clamp(15rem, 50%, 30rem); */
		flex-shrink: 0;
		/* max-width: 25.125rem; */
	}

	& > .wrapper {
		border: unset;	
		padding: unset;
		
		display: flex;
		gap: 0.75rem;
		flex-wrap: wrap;

		.notes-box {
			flex-grow: 1;
			flex-basis: max(17rem, calc(50% - 0.75rem));

			border: 0.1rem solid var(--page_color-foreground);
			padding: 0.5rem;
			height: max-content;

			&.spacer {
				border: none;
				padding: 0;
			}
		}
	}

	p {
		font-size: 0.9rem;
		margin: 0;
		&:last-child {
			margin-bottom: 0;
		}
	}
	.title {
		font-size: 1.5em;
		font-weight: bold;
	}

	.date {
		font-size: 0.7rem;
	}
	hr {
		border: none;
		border-top: 0.1rem dashed var(--page_color-foreground);
	}

	img {
		max-width: 5rem;
		max-height: 5rem;
		min-height: 5rem;
		padding: 0.25em;
		&.float-right {
			float: right;
			margin-left: 0.5em;
		}
		&.float-left {
			float: left;
			margin-right: 0.5em;
		}
	}

	.combo, .palette {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 0.25em;
		padding: 0.25em;

		border: 0.05rem solid var(--page_color-foreground);
		max-height: 5rem;
		min-height: 5rem;

		img {
			flex-shrink: 0;
			border: none;
			padding: 0;
			max-width: 4.25rem;
			max-height: 4.25rem;
			min-height: 4.25rem;
		}

		.muse-link {
			font-size: 0.5em;
		}
	}

	.combo.combo-palette {
		padding-block: 0;
		.palette {
			border: none;
			padding: 0;
		}
	}


	& + .just-notes {
		margin-top: 0.75rem;
	}
}

.mood-day {
	.wrapper {
		display: flex;
		justify-content: space-between;
		gap: 0.5em;

		.one {
			flex-grow: 1;
			flex-shrink: 1;
			p {
				font-size: 0.7em;
				line-height: 1.5;
			}
		}

		.two {
			flex-grow: 3;

			display: flex;
			gap: 0.2rem;
			flex-wrap: wrap;
			justify-content: end;

			&.vared {
				flex-direction: column;
				align-items: end;
			}
		}
	}

	.minititle {
		font-style: italic;
		text-transform: lowercase;
		font-size: 0.8em;
		font-weight: bold;
		display: block;
	}

	.notes {
		.minititle {
			display: inline;
		}
	}
}




@media (min-width: 800px) {
	.mood-week {
		/* grid-template-columns: repeat(2, 1fr); */
		& > * {
			/* flex-basis: calc(50% - (0.75rem / 2)); */
		}
	}
	.week-sum {
		grid-column: 1 / 3;	
	}
}