.wp-block-post-title,
.entry-title,
h1.wp-block-heading,
.wp-site-blocks h1 {
    font-size: 64px !important;
    line-height: 1.05;
    font-weight: 700;
}
}
h2 {
    font-size: 36px;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 40px;
    margin-bottom: 18px;
}

h3 {
    font-size: 28px;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 12px;
}
h4 {
	font-size: 18px;
	font-weight: 200;
	margin-top: 20px;
	margin-bottom: 8px;
}

p {
	color: #333;
}

table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
	font-size: 16px;
}

th {
	text-align: left;
	font-weight: 600;
	padding: 12px;
	border-bottom: 2px solid #ddd;
	background-color: #f9f9f9;
}

td {
	padding: 12px;
	border-bottom: 1px solid #eee;
}

tr:nth-child(even) {
	background-color: #fafafa;
}

.cta-box {
	background-color: #f8f8f8;
	border-left: 4px solid #d6d6d6;
	padding: 18px 20px;
	margin: 25px 0;
	border-radius: 6px;
}

.cta-box p {
	margin: 0;
	font-size: 16px;
}

.cta-box a {
	display: inline-block;
	margin-top: 10px;
	padding: 10px 16px;
	background-color: #2e7d32;
	color: white;
	text-decoration: none;
	border-radius: 5px;
	font-size: 15px;
}

.cta-box a:hover {
	background-color: #256628;
}
.wp-block-post-title,
.entry-title {
    margin-top: 80px;
}
@media (max-width: 768px) {
    .single-post .wp-block-post-title,
    .single-post .entry-title {
        font-size: 3.3rem !important;
        line-height: 1.08;
    }
}
@media (max-width: 768px) {
    .entry-title {
        font-size: 2.35rem !important;
        line-height: 1.08;
    }
}

/* Make the author bio more compact */
.single .author-bio {
  font-size: 14px;
  line-height: 1.5;
}

/* =====================================
   HAPPY TINY CHAOS - EDITORIAL BLOG GRID
   ===================================== */

/* Desktop: 3 columns */
@media (min-width: 992px) {
  body.blog .site-main,
  body.archive .site-main {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 32px;
    row-gap: 48px;
    align-items: start;
  }
}

/* Tablet: 2 columns */
@media (min-width: 600px) and (max-width: 991px) {
  body.blog .site-main,
  body.archive .site-main {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 24px;
    align-items: start;
  }
}

/* Mobile: 1 column */
@media (max-width: 599px) {
  body.blog .site-main,
  body.archive .site-main {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 36px;
  }
}

/* Article cards */
body.blog .site-main > article,
body.archive .site-main > article {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
}

/* Article titles */
body.blog .entry-title,
body.archive .entry-title {
  font-size: 24px !important;
  line-height: 1.2 !important;
  margin: 0 0 16px !important;
}

/* Featured images */
body.blog .post-thumbnail,
body.archive .post-thumbnail {
  display: block;
  width: 100%;
  margin: 0 0 16px !important;
}

body.blog .post-thumbnail img,
body.archive .post-thumbnail img {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

/* Short article previews */
body.blog .entry-content,
body.archive .entry-content {
  font-size: 15px;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/* Hide author, date and comment metadata */
body.blog .entry-footer,
body.archive .entry-footer {
  display: none !important;
}

/* =========================================
   HAPPY TINY CHAOS – EDITORIAL HEADER
   ========================================= */


/* =================================
   HAPPY TINY CHAOS — HEADER
   ================================= */

/* Overall header */
#masthead.site-header {
    background: #f4f0e8 !important;
}

/* Photograph behind centred title */
#masthead .site-branding {
    background:
        linear-gradient(
            rgba(244, 240, 232, 0.08),
            rgba(244, 240, 232, 0.08)
        ),
        url("https://happytinychaos.com/wp-content/uploads/2026/10/f61a26ca-eee0-46fa-b4a1-eb3068a55add.png")
        center 55% / cover no-repeat !important;
    width: 100%;
    box-sizing: border-box;
    min-height: 230px;
    padding: 45px 20px;
    margin: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Site title — remove unwanted text effects */
#masthead .site-title,
#masthead .site-title a {
    color: #171411 !important;
    -webkit-text-fill-color: #171411 !important;
    -webkit-text-stroke: 0 transparent !important;
    text-shadow: none !important;
    filter: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

#masthead .site-branding .site-title {
    text-align: center;
    margin: 0;
}
/* Slimmer navigation strip */
#masthead #site-navigation {
    height: 7px !important;
    min-height: 40px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#masthead #site-navigation ul {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* Remove excess space around the header */
#masthead.site-header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* Final navigation refinement */
#masthead #site-navigation {
    height: 64px !important;
    min-height: 64px !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

#masthead .primary-navigation {
    margin-top: 0 !important;
}
/* Slightly larger site title */
#masthead .site-title,
#masthead .site-title a {
    font-size: clamp(3.4rem, 5.5vw, 4.5rem) !important;
    line-height: 1.1 !important;
}

@media (max-width: 600px) {
    #masthead .site-title,
    #masthead .site-title a {
        font-size: 2.7rem !important;
    }
}