/*
 * SPDX-License-Identifier: GPL-2.0-or-later
 * Copyright (C) 2024-2025 Darrick J. Wong.
 */
p {
	word-wrap: break-word;
}
pre {
	font-family: "CommitMono", "Fira Code", "Source Code Pro", "Ubuntu Mono", "Droid Sans Mono", "Consolas", "Lucida Console", fixed, monospace;
}
code {
	font-family: "CommitMono", "Fira Code", "Source Code Pro", "Ubuntu Mono", "Droid Sans Mono", "Consolas", "Lucida Console", fixed, monospace;
}
tt {
	font-family: "CommitMono", "Fira Code", "Source Code Pro", "Ubuntu Mono", "Droid Sans Mono", "Consolas", "Lucida Console", fixed, monospace;
}
img, video {
	max-width: 100%;
	height: auto;
}
body {
	font-family: "Libertinus Serif", "Marion", "Book Antiqua", serif;
	background: #d0d0d0;
}
.djplanet_content {
	line-height: 1.3em;
	text-align: justify;
	margin-bottom: 0px;
}
.djplanet_content p {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#djplanet_footer {
	font-style: italic;
}
#djplanet_pager_page {
	background: inherit;
	border: 1px solid #c0c0c0;
	text-align: center;
	font-family: "Libertinus Serif", "Marion", "Book Antiqua", serif;
}
.djplanet_pager {
	margin: 1em auto;
	max-width: 800px;
	text-align: center;
	color: #303030;
}
.djplanet_item {
	border: 1px solid #a9a9a9;
	padding: 1em;
	margin: 1em auto;
	max-width: 800px;
	box-shadow: 0px 0px 7px #808080;
	background: white;
	border-radius: 6px;
	overflow: auto;
}
@media screen and (max-width: 838px) {
	body {
		margin-left: 0px;
		margin-right: 0px;
	}
	.djplanet_item {
		padding-left: 0.5em;
		padding-right: 0.5em;
		margin-left: 0px;
		margin-right: 0px;
		border-left: none;
		border-right: none;
	}
	#header {
		margin-left: 8px;
		margin-right: 8px;
	}
	#footer {
		margin-left: 8px;
		margin-right: 8px;
	}
	#djplanet_footer {
		margin-left: 8px;
		margin-right: 8px;
	}
	#djplanet_header {
		margin-left: 8px;
		margin-right: 8px;
	}
}
.djplanet_byline {
	color: gray;
	margin-bottom: 0.5em;
	font-family: "Libertinus Sans", "Optima", "Arial", sans-serif;
	margin: 0px;
}
.djplanet_title {
	font-size: 150%;
	font-weight: bold;
	font-family: "Libertinus Sans", "Optima", "Arial", sans-serif;
	margin: 0px;
}
#djplanet_navigator {
	position: fixed;
	right: 0px;
	top: 0px;
	background: #f1f1f1;
	padding: 0.5em;
	border-left: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	font-family: "Source Sans 3", "Droid Sans", "Lucida Grande", "Tahoma", sans-serif;
	border-bottom-left-radius: 4px;
	text-align: right;
	box-shadow: 0px 0px 7px #808080;
}
#djplanet_lastmod {
	font-family: "Libertinus Sans", "Optima", "Arial", sans-serif;
	font-style: italic;
}
#djplanet_copyright {
	font-family: "Libertinus Sans", "Optima", "Arial", sans-serif;
	font-style: italic;
	color: Gray;
}
#djplanet_status {
	color: #404040;
	font-size: 85%;
	text-align: center;
	margin-right: 0.3em;
}
#djplanet_filter_toggle_btn {
	color: gray;
	text-decoration: none;
	padding-left: 0.3em;
	padding-right: 0.3em;
	font-size: 120%;
}
#djplanet_fetch_more_btn {
	font-family: "Source Sans 3", sans-serif;
	font-size: 100%;
	margin-left: 0.3em;
	padding-left: 1.2em;
	padding-right: 1.2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

.djplanet_form_element {
	white-space: nowrap;
}
pre {
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
}

#djplanet_header {
	font-size: 150%;
	font-weight: bold;
	font-family: "Libertinus Sans", "Optima", "Arial", sans-serif;
}

#djplanet_filter {
}

.djplanet_calendar {
	width: 7em;
	font-family: "Source Sans 3", "Droid Sans", "Lucida Grande", "Tahoma", sans-serif;
}

#djplanet_feeds {
	max-width: 12em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

.djplanet_uipart {
	display: inline;
}

#djplanet_navigator_form {
	margin: 0px;
	padding: 0px;
}

#djplanet_pager_form {
	display: inline;
}

.djplanet_header_grid {
	display: grid;
	grid-template: "a b" auto / auto min-content;
}
.djplanet_header_table {
	border: none;
	width: 100%;
};
.djplanet_title_byline_div {
	grid-column: 1;
	grid-row: 1 / 3;
}
.djplanet_title_byline_td {
	padding: 0px;
	width: 100%;
}
.djplanet_nav_div {
	grid-column: 2;
	grid-row: 1;
}
.djplanet_nav_td {
	padding: 0px;
	vertical-align: top;
}
#djplanet_shim {
	padding: 1px;
}
.djplanet_nav_link {
	color: gray;
	text-decoration: none;
	padding-left: 0.3em;
	padding-right: 0.3em;
	font-size: 120%;
	margin-left: 0.2em;
	display: block;
}
.djplanet_link_button:disabled {
	cursor: inherit;
}
.djplanet_link_button {
	border: none;
	background-color: inherit;
	cursor: pointer;
}
.djplanet_pager_link {
	color: #303030;
	text-decoration: none;
	padding: 0.3em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	font-size: 150%;
}
.djplanet_pager_link_disabled {
	color: #a0a0a0;
}
@media (prefers-color-scheme: dark) {
	body {
		color: white; /* #e0e0e0; */
		background: black; /* #202020; */
	}
	#djplanet_pager_page {
		color: white; /* #a0a0a0; */
		border: 1px solid #505050;
	}
	.djplanet_pager {
		color: white; /* #a0a0a0; */
	}
	.djplanet_item {
		background: black; /* #303030; */
		border: 1px solid #505050;
	}
	a {
		color: #69f;
	}
	a:visited {
		color: #96f;
	}
	#djplanet_navigator {
		background: #303030;
		border-left: 1px solid #505050;
		border-bottom: 1px solid #505050;
	}
	#djplanet_status {
		color: white; /* #a0a0a0; */
	}
	#djplanet_filter_toggle_btn {
		color: white; /* #a0a0a0; */
	}
	.djplanet_pager_link {
		color: white; /* #a0a0a0; */
	}
	.djplanet_pager_link_disabled {
		color: #303030;
	}
}