.home-account-menu { position: relative; flex: none; }
.home-account-menu[hidden] { display: none; }
.home-account-menu summary {
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #dfeccd;
	color: #27433c;
	font-weight: 750;
	cursor: pointer;
	list-style: none;
}
.home-account-menu summary::-webkit-details-marker { display: none; }
.home-account-menu > div {
	position: absolute;
	z-index: 12;
	inset-inline-end: 0;
	top: calc(100% + 8px);
	display: grid;
	gap: 8px;
	min-width: 160px;
	max-width: min(250px, 72vw);
	width: max-content;
	padding: 12px;
	border: 1px solid var(--line);
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 8px 24px #202b2920;
}
.home-account-menu > div span { overflow-wrap: anywhere; }
.home-account-menu button { text-align: start; padding: 7px 9px; border: 0; border-radius: 5px; background: #f0f6e6; color: var(--deep); }
.home-account-menu summary { display: flex; align-items: center; gap: 8px; width: auto; height: auto; background: none; }
.home-login-avatar { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: 50%; background: #dfeccd; }
.home-account-email { font-size: 14px; overflow-wrap: anywhere; }
.home-account-menu { min-width: 0; flex-shrink: 1; }