/* #region home · page title */

.home-page .page-title.large {
	margin: 0;
	font-size: clamp(1.9rem, 6vw, 3rem);
	letter-spacing: 0.06em;
}

/* #endregion home · page title */

/* #region community · embed height */

.home-page .community-widgets iframe {
	height: 31rem;
	padding: 0;
}

/* #endregion community · embed height */

/* #region guestbook · signing form */

.home-page #guestbook-form {
	padding: clamp(0.75rem, 2.5vw, 1.25rem);
	text-align: left;
}

/* #endregion guestbook · signing form */

/* #region guestbook · entry surface */

.home-page .guestbook-entry {
	position: relative;

	margin: 0.75rem 0;
	padding: 0.85rem 1rem 0.85rem 1.25rem;

	border-left: 0;
	border-radius: var(--glass-radius-tight);

	background-image:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0));
}

/* #endregion guestbook · entry surface */

/* #region guestbook · accent edge */

.home-page .guestbook-entry::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;

	border-radius: var(--glass-radius-tight) 0 0 var(--glass-radius-tight);

	background:
		linear-gradient(
			180deg,
			var(--glass-accent-hot),
			rgba(var(--glass-accent-rgb), 0.25)
		);
}

/* #endregion guestbook · accent edge */

/* #region guestbook · heading colour */

.home-page .guestbook-entry-heading {
	color: var(--glass-accent);
}

/* #endregion guestbook · heading colour */

/* #region home · footer */

.home-page .cell-foot {
	color: var(--glass-muted);
	font-size: 0.9em;
}

.home-page .cell-foot p {
	margin: 0.35rem 0;
}

/* #endregion home · footer */

/* #region guestbook · base entry */

.guestbook-entry {
	margin: 1rem 0;
	padding: 1rem;
	border-left: 1px solid var(--green-dark);
	text-align: left;
}

/* #endregion guestbook · base entry */

/* #region guestbook · base heading */

.guestbook-entry-heading {
	color: var(--orange);
}

/* #endregion guestbook · base heading */

/* #region guestbook · message whitespace */

.guestbook-entry p {
	white-space: pre-wrap;
}

/* #endregion guestbook · message whitespace */

/* #region community · embed width */

.community-widgets iframe {
	width: 22rem;
	max-width: 100%;
}

/* #endregion community · embed width */