/* @layer content-first { */

html {
	text-size-adjust: none;
}

html, body {
	min-height:100%;
}

/* deathshadow reset */
html,body,address,blockquote,div,
form,fieldset,caption,
h1,h2,h3,h4,h5,h6,
hr,ul,li,ol,ul,dl,dt,dd,
table,tr,td,th,p,img,figure,figcaption{
	margin:0;
	padding:0;
}
img, fieldset {
	 border:none;
}
*, *:after, *:before {
	box-sizing:border-box;
}

img {
	background-color: #f8f8f8;
}

/* mtness content-first */
body {
	display: flex;
	flex-flow: column;
	min-height: 100vh;
}

body > h1     { order: 25; background-color: var(--h1---bgc); }
body > aside  { order: 10; background-color: var(--side-bgc); }
body > header { order: 20; background-color: var(--head-bgc); }
body > main	  { order: 30; background-color: var(--main-bgc); z-index: 1; display: flex; flex-flow: column; flex: 1; }
body > footer { order: 40; background-color: var(--foot-bgc); }

/* } */






/* @layer sticky { */

/* mtness sticky header */
#header {
	position:sticky;
	top:0;
	height: 0;
	z-index: 2;
	/*transition: .1s padding ease-in-out;*/
}

/* second sticky */
/*
main > section.second-sticky {
	position:sticky;
	top:5rem;
	padding:1rem 0;
	background:#AEC;
}
 */

body > aside {
	padding: 1rem;
	text-align: center;
	background-color: var(--color-bg);
}

main {
	padding: var(--space-m) 0 var(--space-l);
}

main > section {
	/*position: sticky;*/
	/*top: 6rem;*/
	/* padding:1rem 0; */
	/* background:#AEC; */
}

main > * + *,
main > section:not(.layout-row) > *:not(details) + * {
	margin-block-start: var(--space-m);
}


#footer {
	/* position:sticky; */
	position:static;
	bottom:0;
	padding:1rem;
	z-index: 0;
}

/* prefers-color-scheme: light */
/* #header { background:#fff; }
#content{ background:#fff; }
#footer { background:#eee; }
 */
#aside	{ background-color: var(--aside-bgc); }

/*
@media (prefers-color-scheme: dark) {
	html[data-theme="dark"] #header {background:#333;}
	html[data-theme="dark"] #footer {background:#000;}
	html[data-theme="dark"] #aside	{background:#444;}
}
 */
/* } */