:root {
	--askgigi-black: #000;
	--askgigi-white: #fff;
	--askgigi-pink: #f7d9e8;
	--askgigi-serif: Georgia, "Times New Roman", Times, serif;
}

body {
	margin: 0;
	background: var( --askgigi-white );
	color: var( --askgigi-black );
	font-family: var( --askgigi-serif );
	font-size: 1.05rem;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}

.askgigi-page {
	width: min( 38rem, 100% - 3rem );
	margin: clamp( 3rem, 9vw, 6rem ) auto;
}

.askgigi-page h1,
.askgigi-page h2,
.askgigi-page h3 {
	font-weight: 400;
	line-height: 1.22;
	text-wrap: balance;
}

.askgigi-page h1 {
	font-size: clamp( 2rem, 8vw, 2.6rem );
	margin: 0 0 1.5rem;
}

.askgigi-page a {
	color: inherit;
	text-underline-offset: 0.22em;
}

.askgigi-page img {
	max-width: 100%;
	height: auto;
}

.askgigi-skip {
	position: absolute;
	left: -9999px;
}

.askgigi-skip:focus {
	left: 1rem;
	top: 1rem;
	z-index: 10;
	padding: 0.6rem 1rem;
	background: var( --askgigi-black );
	color: var( --askgigi-white );
}