/* Hide title on Diras Arai post (postid-3) */
.postid-3 .entry-title { display: none !important; }

/* Title color */
.entry-title {
	color: #1F3864;
}

/* === Mobile Responsive Fixes === */
/* Ensure all images scale within their containers */
img {
	max-width: 100%;
	height: auto;
}

/* Prevent horizontal overflow on all containers */
.site-content,
.entry-content,
.post,
article,
#page,
.site {
	max-width: 100%;
	overflow-x: hidden;
	box-sizing: border-box;
}

/* Make entry content responsive */
.entry-content {
	width: auto;
	max-width: 740px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
}

/* Tables must scroll on mobile, not break layout */
.entry-content table {
	display: block;
	overflow-x: auto;
	max-width: 100%;
}

/* Figures and iframes responsive */
.entry-content figure,
.entry-content iframe,
.entry-content embed {
	max-width: 100%;
}

/* wp-block images */
.wp-block-image img,
.wp-block-image figure {
	max-width: 100%;
	height: auto;
}

/* === Mobile-specific rules (phones) === */
@media screen and (max-width: 768px) {
	/* Remove justify on mobile - causes ugly gaps */
	body,
		  p,
		  .entry-content,
		  .entry-content p,
		  .entry-content li,
		  .entry-content td,
		  .entry-content blockquote,
		  article {
		text-align: left !important;
	}
	
	/* Scale down headings */
	.entry-title,
	  h1 {
		font-size: 1.6em;
		line-height: 1.2;
	}
	
	h2 {
		font-size: 1.3em;
	}
	
	h3 {
		font-size: 1.1em;
	}
	
	/* Add breathing room */
	.entry-content {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	/* Ensure site header doesn't overflow */
	.site-header,
	  .site-title {
		max-width: 100%;
		overflow-wrap: break-word;
		word-wrap: break-word;
	}
	
	/* Make pre/code blocks scroll */
	pre, code {
		overflow-x: auto;
		max-width: 100%;
		white-space: pre-wrap;
		word-wrap: break-word;
	}
}

/* === Hide Author Byline for Anonymity === */
/* Hide author name in post meta */
.entry-meta .byline,
.entry-meta .author,
.post-meta .byline,
.post-meta .author,
a[rel="author"],
.byline {
	  display: none !important;
}

/* Hide author archive pages */
.author-info,
.author-bio,
.author-description,
.author-avatar {
	  display: none !important;
}
}
}

.css-reset-sentinel { }

/* === SEO-safe title hide (added by Claude) === */
/* Visually hides the post H1 on home and single-post pages while keeping it readable to Google and screen readers. */
.home .entry-title,
.postid-3 .entry-title,
.single-post .entry-title {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  display: block !important;
}
.home .entry-header,
.postid-3 .entry-header,
.single-post .entry-header {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}


.css-reset-sentinel-2 { }

/* === Top whitespace collapse (added by Claude) === */
/* Removes leftover top padding/margins now that the post H1 is hidden. */
body.home .content-wrapper { margin-top: 0 !important; padding-top: 0 !important; }
body.home .site-content,
body.home .content-area,
body.home .site-main { margin-top: 0 !important; padding-top: 0 !important; }
body.home article.post-3,
body.home .post,
body.home .hentry { padding-top: 0 !important; margin-top: 0 !important; }
body.home .entry-content { margin-top: 0 !important; padding-top: 0 !important; }
body.home .entry-content > p:first-child { margin-top: 0 !important; }


.css-reset-sentinel-3 { }

/* === Replacement spacing for removed dot-spans (added by Claude) === */
/* The 3 invisible dot-span paragraphs that used to sit at the top of the post are now removed; this padding restores the same visual breathing room above the cover image. */
body.home article.post-3 .entry-content,
body.postid-3 article .entry-content { padding-top: 40px !important; }


.css-reset-sentinel-4 { }

/* === Post-body spacer block (added by Claude) === */
.post-spacer { display: block; height: 52px; clear: both; }


.css-reset-sentinel-5 { }

/* === Cover-to-text spacer trim (added by Claude) === */
/* The first 3 .post-spacer divs sit between the cover image and the first body paragraph. Make those shorter to tighten that gap, without affecting the 53 spacers used between body sections. */
body.home .entry-content .post-spacer:nth-of-type(-n+3),
body.postid-3 .entry-content .post-spacer:nth-of-type(-n+3) { height: 20px !important; }


.css-reset-sentinel-6 { }

/* === Intro-to-chapter1 spacer trim (added by Claude) === */
/* The 4th and 5th .post-spacer divs sit between the introduction bullet list and the Chapter 1 heading. Trim them to tighten that section break. */
body.home .entry-content .post-spacer:nth-of-type(4),
body.home .entry-content .post-spacer:nth-of-type(5),
body.postid-3 .entry-content .post-spacer:nth-of-type(4),
body.postid-3 .entry-content .post-spacer:nth-of-type(5) { height: 25px !important; }