:root{--graph:#48f;--gs:220px;image-rendering:auto;}
:root::before{background:0 0/512px url(img/grid.svg);opacity:.5;}
#c{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;opacity:.5;transition:5s;}
.stuff{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--gs),100%),1fr));gap:4px;}
.stuff>*{break-inside:avoid;}
img{max-width:100%;}
.title{display:flex;justify-content:space-between;flex-shrink:0;flex-wrap:wrap;align-items:center;}.title>*{margin:0 4px;}
@media(prefers-color-scheme:light){
	:root{--graph:#8cf;}
	#c{opacity:1;}
}
@media print{
	:root{--bc:#fff;--fc:#000;}#c{display:none;}
	a{color:var(--fc) !important;text-decoration:none;}
	.stuff>*{border:4px solid var(--s);padding:0;}
}