@import "/assets/stylesheets/pretty.css";
@import "/assets/stylesheets/prose.css";

arthead- {
	display: flex;
	flex-direction: column;

	& arttitle- {
		font-size: var(--text-4xl);
		text-wrap: balance;
		font-weight: 600;
		margin-bottom: 0.1em;
		line-height: 1.0;
	}

	& artsynopsis- {
		font-size: var(--text-2xl);
		margin-top: 0.2em;
	}

	& img {
		max-width: 30rem;
		width: 100%;
		margin: 0.5rem auto;
		/* box-shadow: 0 0 0.5rem 0.05rem var(--drop-clr); */
		border: solid 1px var(--drop-clr);
	}

	& artmeta- {
		margin-top: 0.5rem;

		& artdate- {
			/* color: color-mix(in srgb, var(--plt-background) 15%, var(--plt-ink)); */
			margin-left: 0.2rem;
		}

		& #clapdivider {
			display: flex;
			gap: 1rem;
			margin-left: .2rem;

			& > button {
				/* padding: 0.4rem; */
				display: flex;
				height: fit-content;
				margin: auto 0;
			}
		}
	}
}

#mainrule {
	margin: .8rem 0;
	color: var(--drop-clr);
}

.footnotes {
	margin-top: 1.25rem;
}

sectmain- {
	scroll-behavior: smooth;
}