/**
 * Tumblr archive post styles for imported WXR content.
 *
 * Overrides inline styles on .tumblr-archive-post (Manrope / #111111)
 * so captions and body text stay readable on the dark brand background.
 * Does not rewrite /media/ image URLs.
 */

.tumblr-archive-post,
.tumblr-archive-post * {
	font-family: "Fira Sans", sans-serif !important;
	color: #ffffff !important;
	box-sizing: border-box;
}

.tumblr-archive-post {
	max-width: 100%;
	margin: 0 auto;
	line-height: 1.6;
	font-size: 1.125rem;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

/* Media: keep staged /media/ URLs; constrain to content width */
.tumblr-archive-post img,
.tumblr-archive-post video,
.tumblr-archive-post audio,
.tumblr-archive-post iframe,
.tumblr-archive-post embed,
.tumblr-archive-post object {
	max-width: 100% !important;
	height: auto !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
}

.tumblr-archive-post audio {
	width: 100%;
	height: 40px !important;
}

.tumblr-archive-post video {
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #000;
}

/* Video embeds only — audio players and odd iframes keep natural height. */
.tumblr-archive-post iframe[src*="youtube.com"],
.tumblr-archive-post iframe[src*="youtu.be"],
.tumblr-archive-post iframe[src*="vimeo.com"],
.tumblr-archive-post iframe[src*="player.vimeo.com"] {
	width: 100%;
	min-height: 200px;
	aspect-ratio: 16 / 9;
	border: 0;
}

.tumblr-archive-post iframe {
	width: 100%;
	min-height: 200px;
	border: 0;
}

.tumblr-archive-post a,
.tumblr-archive-post a:visited {
	color: #ffffff !important;
	text-decoration: underline;
}

.tumblr-archive-post a:hover,
.tumblr-archive-post a:focus {
	text-decoration: none;
}

.tumblr-archive-post a:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: 2px;
}

.tumblr-archive-post a.tumblr_blog {
	font-weight: 500;
}

/* Captions & reblog chrome */
.tumblr-archive-post .caption,
.tumblr-archive-post .caption p,
.tumblr-archive-post figcaption {
	color: #b0b0b0 !important;
	font-size: 0.95rem;
	line-height: 1.5;
	margin-top: 0.75rem;
}

.tumblr-archive-post .caption a {
	color: #ffffff !important;
}

/* Blockquotes (common in reblogs) */
.tumblr-archive-post blockquote {
	margin: 1rem 0;
	padding: 0.25rem 0 0.25rem 1rem;
	border-left: 2px solid #444444;
	color: #b0b0b0 !important;
	max-width: 100%;
}

.tumblr-archive-post blockquote,
.tumblr-archive-post blockquote * {
	color: #b0b0b0 !important;
}

.tumblr-archive-post blockquote blockquote {
	margin-left: 0;
	padding-left: 0.75rem;
	border-left-color: #555555;
}

.tumblr-archive-post blockquote p:last-child {
	margin-bottom: 0;
}

@media (max-width: 600px) {
	.tumblr-archive-post blockquote {
		padding-left: 0.75rem;
		margin-left: 0;
		margin-right: 0;
	}

	.tumblr-archive-post blockquote blockquote {
		padding-left: 0.5rem;
	}
}

/* Lists, pre, hr inside archive posts */
.tumblr-archive-post ul,
.tumblr-archive-post ol {
	padding-left: 1.25rem;
	margin: 0.75rem 0;
}

.tumblr-archive-post pre,
.tumblr-archive-post code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
	font-size: 0.9em;
	background: #2a2a2a;
	border-radius: 4px;
}

.tumblr-archive-post pre {
	padding: 1rem;
	overflow-x: auto;
	white-space: pre-wrap;
}

.tumblr-archive-post code {
	padding: 0.1em 0.35em;
}

.tumblr-archive-post hr {
	border: 0;
	border-top: 1px solid #444444;
	margin: 1.5rem 0;
}

.tumblr-archive-post p {
	margin: 0 0 1rem;
}

.tumblr-archive-post p:last-child {
	margin-bottom: 0;
}

/* Photoset / gallery-ish tables sometimes left from Tumblr */
.tumblr-archive-post table {
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
}

.tumblr-archive-post td {
	padding: 0.25rem;
	vertical-align: top;
}

.tumblr-archive-post td img {
	margin-bottom: 0;
}

/* Home / archive previews: full content with media visible */
.tedwards-darkblog-post-preview .wp-block-post-content,
.tedwards-darkblog-post-preview .tumblr-archive-post {
	margin-top: 0.5rem;
}

/* Date-led stream cards: date is the entry heading (replaces list post-title). */
.tedwards-darkblog-post-preview .wp-block-post-date,
.tedwards-darkblog-post-preview .wp-block-post-date a {
	color: #ffffff !important;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 1.75rem;
	font-weight: 400;
	line-height: 1.2;
	text-decoration: none;
}

.tedwards-darkblog-post-preview .wp-block-post-date a:hover,
.tedwards-darkblog-post-preview .wp-block-post-date a:focus-visible {
	text-decoration: underline;
}

/* Stream-only: full column width (scale up/down); natural height. Singles use full-size rules above. */
.tedwards-darkblog-post-preview .wp-block-post-content img:not(.emoji):not(.wp-smiley),
.tedwards-darkblog-post-preview .tumblr-archive-post img:not(.emoji):not(.wp-smiley) {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
}

/* WordPress converts inline emoji to img.emoji — keep inline at 1em (beats stream img rule above). */
.tedwards-darkblog-post-preview .wp-block-post-content img.emoji,
.tedwards-darkblog-post-preview .wp-block-post-content img.wp-smiley,
.tedwards-darkblog-post-preview .tumblr-archive-post img.emoji,
.tedwards-darkblog-post-preview .tumblr-archive-post img.wp-smiley {
	width: 1em !important;
	height: 1em !important;
	max-width: none !important;
	display: inline !important;
	margin: 0 0.07em !important;
	vertical-align: -0.1em !important;
}

.tedwards-darkblog-post-preview .wp-block-post-content video,
.tedwards-darkblog-post-preview .tumblr-archive-post video {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	aspect-ratio: auto !important;
	background: #000;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
}

.tedwards-darkblog-post-preview .wp-block-post-content iframe,
.tedwards-darkblog-post-preview .tumblr-archive-post iframe {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	border: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
}

.tedwards-darkblog-post-preview .wp-block-post-content iframe[src*="youtube.com"],
.tedwards-darkblog-post-preview .wp-block-post-content iframe[src*="youtu.be"],
.tedwards-darkblog-post-preview .wp-block-post-content iframe[src*="vimeo.com"],
.tedwards-darkblog-post-preview .wp-block-post-content iframe[src*="player.vimeo.com"],
.tedwards-darkblog-post-preview .tumblr-archive-post iframe[src*="youtube.com"],
.tedwards-darkblog-post-preview .tumblr-archive-post iframe[src*="youtu.be"],
.tedwards-darkblog-post-preview .tumblr-archive-post iframe[src*="vimeo.com"],
.tedwards-darkblog-post-preview .tumblr-archive-post iframe[src*="player.vimeo.com"] {
	min-height: 200px;
	aspect-ratio: 16 / 9;
}

.tedwards-darkblog-post-preview .wp-block-post-content audio,
.tedwards-darkblog-post-preview .tumblr-archive-post audio {
	width: 100%;
	max-width: 100%;
	height: 40px !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
}

/* Stack Tumblr photoset tables on stream so panels render at standard width. */
.tedwards-darkblog-post-preview .tumblr-archive-post table,
.tedwards-darkblog-post-preview .tumblr-archive-post tbody,
.tedwards-darkblog-post-preview .tumblr-archive-post tr,
.tedwards-darkblog-post-preview .tumblr-archive-post td {
	display: block;
	width: 100%;
}

.tedwards-darkblog-post-preview .tumblr-archive-post td {
	padding: 0;
}

.wp-block-query .wp-block-post-title {
	text-wrap: balance;
}

/* Front-end site chrome only — avoid min-height in block editor iframe. */
body:not(.block-editor-iframe__body) .wp-site-blocks {
	background-color: #1e1e1e;
	color: #ffffff;
	min-height: 100vh;
}

/* Archive index page (/archive/): year columns + tag cloud. */
.tedwards-darkblog-archive-years {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr));
	gap: 2rem 1.5rem;
	margin: 0 0 2.5rem;
}

.tedwards-darkblog-archive-year {
	min-width: 0;
}

.tedwards-darkblog-archive-year-title {
	font-size: 1.125rem;
	font-weight: 600;
	margin: 0 0 0.75rem;
	text-align: center;
}

.tedwards-darkblog-archive-index .wp-block-archives {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.tedwards-darkblog-archive-index .wp-block-archives li {
	margin: 0.3rem 0;
	font-size: 0.9375rem;
}

.tedwards-darkblog-archive-index .wp-block-archives a {
	color: #ffffff;
	text-decoration: underline;
}

.tedwards-darkblog-archive-index .wp-block-archives a:hover,
.tedwards-darkblog-archive-index .wp-block-archives a:focus-visible {
	text-decoration: none;
}

.tedwards-darkblog-archive-index .wp-block-tag-cloud {
	text-align: center;
	line-height: 1.8;
}

.tedwards-darkblog-archive-index .wp-block-tag-cloud a {
	color: #ffffff;
	text-decoration: none;
}

.tedwards-darkblog-archive-index .wp-block-tag-cloud a:hover,
.tedwards-darkblog-archive-index .wp-block-tag-cloud a:focus-visible {
	text-decoration: underline;
}
