/* Comic cover image responsive size */
.comic-cover {
	max-width: 17%;
	height: auto;
	border-radius: 16px;
	box-shadow: 0 4px 24px #0008;
}

@media (max-width: 600px) {
	.comic-cover {
		max-width: 65%;
	}
}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;line-height:1.5;margin:0;background:#0b1020;color:#e6e8ee}
header{display:flex;gap:.75rem;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#0e1630;position:sticky;top:0}
.brand{font-weight:700}
.card{background:#121a39;border:1px solid #28345f;border-radius:16px;padding:1rem;margin:1rem}
.row{display:flex;gap:1rem;flex-wrap:wrap}
select,input,button{background:#0e1630;border:1px solid #28345f;color:#e6e8ee;border-radius:10px;padding:.5rem .75rem}
button{cursor:pointer}
small, code{color:#9fb0ff}
footer{padding:2rem 1rem; color:#9aa3b2; font-size:1.15em}