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

.mood-week {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 1rem;

	.content-wrapper {
		border: 0.1rem solid var(--page_color-foreground);
		padding: 0.5rem;
	}

	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;
		padding: 0.25em;
		&.float-right {
			float: right;
			margin-left: 0.5em;
		}
		&.float-left {
			float: left;
			margin-right: 0.5em;
		}
	}

	.pan-photos {
		a {
			color: var(--page_color-foreground);
			&:hover {
				color: var(--page_color-accent);
			}
		}
		
		img {
			max-width: 12rem;
			max-height: 8rem;
		}
	}
}

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




@media (min-width: 800px) {
	.mood-week {
		grid-template-columns: repeat(2, 1fr);
	}
	.week-sum {
		grid-column: 1 / 3;	
	}
}