div#dvAtcHdrHello {
	display: block grid;
	grid-template-columns: auto auto;
	grid-template-rows: max-content max-content max-content;
	grid-template-areas:
		"a b"
		"a c"
		"a d";
	font-size: 5.5cqw;
	gap: 0.4em;
}

	div#dvAtcHdrHello > figure {
		grid-area: a;
		font: 400%/1.0 emoji;
		margin: auto;
		padding: 0;
		align-self: center;
	}

	div#dvAtcHdrHello > p:nth-of-type(1) {
		grid-area: b;
		font: 90%/1.00 sans-serif;
		margin: 0;
		text-align: left;
		color: darkgray;
	}

	div#dvAtcHdrHello > p:nth-of-type(2) {
		grid-area: c;
		font: bold 160%/1.2 monospace;
		margin: 0;
		text-align: left;
		text-wrap: nowrap;
		text-decoration: underline 0.06em solid;
		letter-spacing: -0.02em;
	}

	div#dvAtcHdrHello > p:nth-of-type(3) {
		grid-area: d;
		font: 90%/1.15 monospace;
		margin: 0;
		text-align: left;
		text-wrap: nowrap;
		letter-spacing: -0.05em;
	}


div#dvActBdyCtnHello {
	container: CtnAtcBdyHello / inline-size;
	font-size: 1rem;
}

@container CtnAtcBdyHello (width < 10.0rem) {
	div#dvAtcBdyHello {
		font-size: 10cqw;
		overflow-wrap: anywhere;
		word-break: break-all;
	}
}

@container CtnAtcBdyHello (10.0rem <= width < 36.0rem) {
	div#dvAtcBdyHello {
		overflow-wrap: break-word;
		word-break: break-word;
		hyphens: auto;
		hyphenate-character: "\2E5D";
	}
}

@container CtnAtcBdyHello (100.0rem < width) {
	div#dvAtcBdyHello {
		font-size: 1cqw;
	}
}

div#dvAtcBdyHello {
	max-width: 80em;
	padding: 0;
	margin: auto;
}

	div#dvAtcBdyHello > figure.banner {
		font-size: 4200%;
		max-width: 2ch;
		margin: auto;
		height: 1lh;
		max-height: 50cqw;
		overflow: hidden;
		padding: 0;
	}

		div#dvAtcBdyHello > figure.banner > div {
			font: 1em/1.0 emoji;
			width: fit-content;
			position: relative;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			user-select: none;
		}

	div#dvAtcBdyHello > div[lang="en-VJX"] {
		font-family: "Consolas", monospace;
		max-width: 78ch;
		padding: 2em 1em 2em 1em;
		margin: auto;
	}

		div#dvAtcBdyHello > div[lang="en-VJX"] * {
			user-select: text;
		}

		div#dvAtcBdyHello > div[lang="en-VJX"] p {
			white-space: pre-wrap;
		}

		div#dvAtcBdyHello > div[lang="en-VJX"] > hr {
			width: 1.1ch;
			margin: 2.5lh auto 2.0lh auto;
			border-width: 0.1em;
			border-style: solid;
			border-color: darkgray;
		}

		div#dvAtcBdyHello > div[lang="en-VJX"] > hgroup {
			margin: auto auto 4lh auto;
		}

			div#dvAtcBdyHello > div[lang="en-VJX"] > hgroup > h1 {
				font-size: 4.2em;
				font-weight: 900;
				line-height: 1.35;
				margin: auto auto 0.5lh auto;
				padding-left: 0.8ch;
				text-indent: -0.5ch;
			}

			div#dvAtcBdyHello > div[lang="en-VJX"] > hgroup > p.subtitle {
				font-size: 2.1em;
				font-weight: bold;
				line-height: 1.35;
				margin: 0.8lh auto 0.8lh auto;
				padding-left: 3ch;
				text-indent: -0.5ch;
			}

				div#dvAtcBdyHello > div[lang="en-VJX"] > hgroup > p.subtitle > strong {
					font-size: 1.3em;
				}

			div#dvAtcBdyHello > div[lang="en-VJX"] > hgroup > address.author {
				font-size: 1.6em;
				width: max-content;
				margin: 1.6em 1em 1.6em auto;
			}

				div#dvAtcBdyHello > div[lang="en-VJX"] > hgroup > address.author > u {
					font: 1.6em monospace;
				}

			div#dvAtcBdyHello > div[lang="en-VJX"] > hgroup > p.date {
				font: 1.9em monospace;
				width: max-content;
				margin: 1.5em 1em 1.6em auto;
			}

		div#dvAtcBdyHello > div[lang="en-VJX"] > aside.hint {
			font-size: 0.9em;
			max-width: 40em;
			padding: 0.3em 2em;
			margin: auto;
			border: 0.1em solid lightgray;
			border-radius: 0.8em;
			color: gray;
		}

		div#dvAtcBdyHello > div[lang="en-VJX"] > p {
			font-size: 1.35em;
			line-height: 1.35;
		}

			div#dvAtcBdyHello > div[lang="en-VJX"] > p:first-of-type {
				margin-top: 8em;
			}

		div#dvAtcBdyHello > div[lang="en-VJX"] > figure.poem {
			padding: 0 3ch;
			max-width: 54ch;
			margin: auto;
		}

			div#dvAtcBdyHello > div[lang="en-VJX"] > figure.poem > p {
				font-size: 1.35em;
				line-height: 1.35;
				margin: 0.5lh auto 0.5lh auto;
				padding: 0 0.3ch;
				text-indent: -0.3ch;
			}

				div#dvAtcBdyHello > div[lang="en-VJX"] > figure.poem > p.l1 {
					margin-left: 1ch;
				}

				div#dvAtcBdyHello > div[lang="en-VJX"] > figure.poem > p.l2 {
					margin-left: 2ch;
				}

				div#dvAtcBdyHello > div[lang="en-VJX"] > figure.poem > p.l3 {
					margin-left: 3ch;
				}

			div#dvAtcBdyHello > div[lang="en-VJX"] > figure.poem > hr {
				margin: 1.3lh auto;
				border: none;
			}

			div#dvAtcBdyHello > div[lang="en-VJX"] > figure.poem em {
				font-size: 115%;
				font-style: normal;
			}

		div#dvAtcBdyHello > div[lang="en-VJX"] > figure.ending {
			font-size: 300%;
			font-family: emoji;
			text-align: center;
			margin: 2.8em auto 8.5em auto;
			padding: 0;
			user-select: none;
		}