@import "../ArticlesCommon.css";

body {
	background-color: black;
	--clr-singapore_red: #EE2536;
	--clr-singapore_white: #FFFFFF;
}

	body > main {
		display: contents;
	}

	body * {
		user-select: none;
	}

		body *::selection {
			background-color: var(--clr-singapore_red);
		}

article#atcSG60 {
	display: contents;
	font-family: monospace;
	color: #BBBBBB;
}

	article#atcSG60 p {
		white-space: pre-wrap;
	}

@media(width<16rem) {
	article#atcSG60 > figure#fgrBanner {
		font-size: 6.25vw;
	}

	article#atcSG60 > div#dvHead {
		font-size: 3.125vw;
	}

	article#atcSG60 > div#dvBody {
		font-size: 6.25vw;
		hyphens: auto;
		hyphenate-character: '⹝';
	}
}

@media(16rem<=width<32rem) {
	article#atcSG60 > figure#fgrBanner {
		font-size: 1rem;
	}

	article#atcSG60 > div#dvHead {
		font-size: 3.125vw;
	}

	article#atcSG60 > div#dvBody {
		font-size: 1rem;
		hyphens: auto;
		hyphenate-character: '⹝';
	}
}

@media(32rem<=width<125rem) {
	article#atcSG60 > figure#fgrBanner {
		font-size: 1rem;
	}

	article#atcSG60 > div#dvHead {
		font-size: 1rem;
	}

	article#atcSG60 > div#dvBody {
		font-size: 1rem;
	}
}

@media(125rem<=width) {
	article#atcSG60 > figure#fgrBanner {
		font-size: 0.8vw;
	}

	article#atcSG60 > div#dvHead {
		font-size: 0.8vw;
	}

	article#atcSG60 > div#dvBody {
		font-size: 0.8vw;
	}
}

article#atcSG60 figure#fgrBanner {
	width: fit-content;
	max-width: 100%;
	overflow: hidden;
	margin: 0 auto;
}

	article#atcSG60 figure#fgrBanner #imgBanner {
		max-height: max(100vh,20vw);
		min-height: min(30vh,100vw);
		max-width: 100%;
		object-position: center;
		object-fit: cover;
	}

	article#atcSG60 figure#fgrBanner > figcaption > p {
		font-size: 36%;
		width: fit-content;
		margin: 0 1em 0 auto;
	}

article#atcSG60 > div#dvHead {
	max-width: 50em;
	padding: 0 1em;
	margin: auto;
}

	article#atcSG60 > div#dvHead > figure#fgrTitle {
		font-weight: bold;
		width: fit-content;
		margin: auto;
		padding: 1em;
		text-align: center;
	}

		article#atcSG60 > div#dvHead > figure#fgrTitle > span:nth-of-type(1) {
			font-size: 360%;
			margin-right: 0.5em;
			color: white;
		}

		article#atcSG60 > div#dvHead > figure#fgrTitle > span:nth-of-type(2) {
			font-size: 460%;
			line-height: 1.8;
			padding: 0.15em 0.25em;
			color: var(--clr-singapore_white);
			background-color: var(--clr-singapore_red);
			text-shadow: 0.02em 0.03em lightgray;
		}

		article#atcSG60 > div#dvHead > figure#fgrTitle > span:nth-of-type(3) {
			font-size: 190%;
			line-height: 1.15;
			color: var(--clr-singapore_white);
		}

		article#atcSG60 > div#dvHead > figure#fgrTitle > span:nth-of-type(4) {
			font-size: 500%;
			line-height: 1.35;
			color: var(--clr-singapore_red);
			text-shadow: 0.02em 0.03em darkred;
		}

		article#atcSG60 > div#dvHead > figure#fgrTitle > span:nth-of-type(5) {
			font-size: 400%;
			line-height: 1.35;
			color: var(--clr-singapore_red);
			text-shadow: 0.02em 0.03em darkred;
		}

	article#atcSG60 > div#dvHead > p#pAuthor {
		font-size: 180%;
		width: fit-content;
		margin: 1em 10% 1em auto;
		color: whitesmoke;
	}

		article#atcSG60 > div#dvHead > p#pAuthor > u {
			font-size: 150%;
			font-style: italic;
			font-weight: bold;
			text-underline-position: under;
		}

	article#atcSG60 > div#dvHead > p#pDate {
		font-size: 220%;
		width: fit-content;
		margin: 1em 10% 0 auto;
		color: whitesmoke;
	}

	article#atcSG60 > div#dvHead > p#pDateReleaseInit {
		font-size: 70%;
		width: fit-content;
		margin: 1em 10% 1em auto;
		color: darkgray;
	}

	article#atcSG60 > div#dvHead > p#pDateUpdateLast {
		font-size: 70%;
		width: fit-content;
		margin: 1em 10% 1em auto;
		color: darkgray;
	}

	article#atcSG60 > div#dvHead > dl#dlChangeLog {
		display: none;
		font-size: 50%;
		width: fit-content;
		margin: 1em 10% 1em auto;
		color: gray;
	}

article#atcSG60 > div#dvBody *:not(img) {
	user-select: text;
}

article#atcSG60 > div#dvBody p {
	line-height: 1.75;
}

	article#atcSG60 > div#dvBody p > strong {
		color: #DDDDDD;
	}

article#atcSG60 > div#dvBody h2 {
	width: fit-content;
	margin: 3em auto 3em auto;
	line-height: 2.0;
	text-align: center;
	text-decoration: 0.1em underline solid;
	text-underline-position: under;
	color: #CCCCCC;
}

article#atcSG60 > div#dvBody figure {
	max-width: fit-content;
	margin: 3em auto;
}

	article#atcSG60 > div#dvBody figure > img {
		display: block;
		max-width: 100%;
		margin: auto;
	}

	article#atcSG60 > div#dvBody figure > figcaption {
		font-size: 72%;
		width: fit-content;
		max-width: 42em;
		margin: 0 0 0 auto;
		padding: 1em;
		color: #AAAAAA;
	}

		article#atcSG60 > div#dvBody figure > figcaption p {
			margin: 0.5em 0;
		}

article#atcSG60 > div#dvBody div.chptr {
	display: block flow-root;
	margin-block-start: 10vmin;
	padding-block-start: 2em;
}

article#atcSG60 > div#dvBody div.v {
	box-sizing: border-box;
	width: 100%;
	max-width: 42em;
	padding: 0 1em;
	margin: auto;
}

article#atcSG60 > div#dvBody div.w {
	margin: auto;
}

@media (width < 50rem) {
	article#atcSG60 > div#dvBody div.w {
		width: 100%;
	}
}

@media (50rem <= width < 101rem) {
	article#atcSG60 > div#dvBody div.w {
		width: 50rem;
	}
}

@media (101rem <= width) {
	article#atcSG60 > div#dvBody div.w {
		width: 101rem;
	}
}

article#atcSG60 > div#dvBody div.m {
	width: 100%;
}

article#atcSG60 > div#dvBody div.oo {
	display: block flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
}

article#atcSG60 figure#fgrSingaporeAnthem > audio#adoAnthem {
	display: block;
	width: 92%;
	max-width: 18rem;
	margin: auto;
}

article#atcSG60 figure#fgrSingaporeAnthem > blockquote {
	display: block flow-root;
	font-size: 50%;
	width: max-content;
	padding: 1em;
	margin: auto;
}

	article#atcSG60 figure#fgrSingaporeAnthem > blockquote > article#atcSingaporeAnthem [lang="en-SG"] {
		font-size: 80%;
		margin-top: -1em;
		opacity: 50%;
	}

	article#atcSG60 figure#fgrSingaporeAnthem > blockquote > article#atcSingaporeAnthem > div#dvAnthemMain {
		margin: 0.5em -1em;
		padding: 0.5em 1em;
		background-color: #181800;
	}

article#atcSG60 div#dvChptrMuseum figcaption > p {
	width: fit-content;
}

	article#atcSG60 div#dvChptrMuseum figcaption > p.q {
		font-size: 115%;
		font-weight: bolder;
		text-decoration: underline solid;
		text-decoration-skip-ink: none;
		text-underline-position: under;
		margin-bottom: 1.5em;
	}

	article#atcSG60 div#dvChptrMuseum figcaption > p.c {
		text-indent: 1.0em;
		padding: 0.2em 1.5em 0.2em 0.2em;
	}

		article#atcSG60 div#dvChptrMuseum figcaption > p.c.s {
			border-radius: 0.8em;
			box-shadow: 0 0 0.5em lightgreen;
		}

			article#atcSG60 div#dvChptrMuseum figcaption > p.c.s::first-letter {
				color: lightgreen;
			}

article#atcSG60 div#dvChptrMuseum blockquote#bqSinglish {
	box-sizing: border-box;
	width: 86%;
	min-width: 14em;
	max-width: 35em;
	padding: 1em 2em;
	margin: 2em auto;
	border: 0.1em dashed gray;
}

	article#atcSG60 div#dvChptrMuseum blockquote#bqSinglish p#pSinglishSign {
		width: fit-content;
		margin-inline-start: auto;
		margin-inline-end: 0;
	}

		article#atcSG60 div#dvChptrMuseum blockquote#bqSinglish p#pSinglishSign > span {
			white-space: nowrap;
		}

article#atcSG60 div#dvChptrGate p.ctr {
	text-align: center;
}

div.blank {
	height: 62vh;
}