@charset "UTF-8";

/* 衣替え Same girl, different weather.  */

/* There’s Plenty of Room at the Bottom. */

@media (max-width: 600px) { 
	a[data-note]::after {
		left: 0;
		max-width: min(25ch, calc(100vw - 2rem));
		transform: translateX(0);
	}
}

/* Come to the light side — we have blancmange. */

@media (prefers-color-scheme: light) {
	html:root {
		--bg: color-mix(in oklab, honeydew 21%, ivory);
		--fg: color-mix(in oklab, darkred 21%, black);
		--gillikin: color-mix(in oklab, indianred 21%, indigo);
		--munchkin: color-mix(in oklab, darkslategrey 21%, teal);
		--oz: color-mix(in oklab, rosybrown 21%, darkgreen);
		--quadling: color-mix(in oklab, darkred 21%, crimson);
		--winkie: color-mix(in oklab, peachpuff 21%, brown);
	}
}

/* For those who’d rather keep things still: manga, not anime. */

@media (prefers-reduced-motion: reduce) {
	*, ::after, ::before {
		animation: none !important;
		scroll-behavior: auto !important;
		transition: none !important;
	}

	h1::after {
		opacity: 1;
	}
}

/* No see-through, thanks. */

@media (prefers-reduced-transparency: reduce) {
	
	.date, .date-list, figcaption, h1::before, h2::before, h3::before, nav ul li::before, small, .tagline {
		opacity: 1;
	}
}

/* Old-fashioned: because paper still exists. */

@media print {
	body {
		background: transparent; 
		color: black;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12pt;
		line-height: 1.4;
		margin: 0;
		max-width: 100%;
	}
	body a {
		font-weight: normal;
		text-decoration: underline;
	}
	figure, blockquote, pre, table {
		break-inside: avoid;
	}
	h1, h2, h3 {
		break-after: avoid;
		color: black;
	}
	h1::after {
		animation: none;
		opacity: 0;
	}
	html:root {
		--bg: white;
		--fg: black;
		--gillikin: black;
		--munchkin: black;
		--oz: black;
		--quadling: black;
		--winkie: black;
	}
	main a[href^="http"]::after {
		content: " (" attr(href) ")";
		font-size: 0.8em;
		font-style: italic;
		font-weight: normal;
		/* Paper has yet to implement hyperlinks. */	
	}
	nav {
		display: none !important;
	}
}