/* Styles that need to exist outside Tailwind compilation */
/* Carbon fibre texture for testimonials */
.carbon-fibre-bg {
  background-image: url('https://www.transparenttextures.com/patterns/carbon-fibre.png');
  opacity: 0.2;
  pointer-events: none;
}

/* WordPress core alignment classes */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter img, .alignright img, .alignleft img, .alignnone img { margin: 0; }

/* WordPress caption */
.wp-caption { max-width: 100%; }
.wp-caption-text { text-align: center; font-size: 0.875rem; color: #44474d; margin-top: 0.5rem; }

/* WordPress gallery */
.gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1rem; }
.gallery-item { margin: 0; }

/* Post content typography */
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 {
  font-weight: 900;
  letter-spacing: -0.025em;
  color: #010e23;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.entry-content h1 { font-size: 2.5rem; }
.entry-content h2 { font-size: 2rem; }
.entry-content h3 { font-size: 1.5rem; }
.entry-content h4 { font-size: 1.25rem; }
.entry-content p { margin-bottom: 1.25rem; line-height: 1.75; }
.entry-content ul, .entry-content ol { margin-bottom: 1.25rem; padding-left: 1.5rem; }
.entry-content ul { list-style-type: disc; }
.entry-content ol { list-style-type: decimal; }
.entry-content li { margin-bottom: 0.5rem; line-height: 1.75; }
.entry-content a { color: #8a5100; text-decoration: underline; }
.entry-content a:hover { color: #010e23; }
.entry-content blockquote {
  border-left: 4px solid #010e23;
  padding: 1rem 1.5rem;
  margin: 1.5rem 0;
  background: #f0f3ff;
  font-style: italic;
}
.entry-content img { max-width: 100%; height: auto; }
.entry-content pre {
  background: #010e23;
  color: #f9f9ff;
  padding: 1.5rem;
  overflow-x: auto;
  margin-bottom: 1.25rem;
  font-size: 0.875rem;
}
.entry-content code {
  background: #e7eeff;
  padding: 0.125rem 0.375rem;
  font-size: 0.875rem;
}
.entry-content pre code { background: none; padding: 0; }

/* Pagination */
.pagination { display: flex; gap: 0.5rem; margin-top: 2rem; }
.pagination a, .pagination span {
  display: inline-block;
  padding: 0.5rem 1rem;
  font-weight: 700;
  font-size: 0.875rem;
}
.pagination a {
  background: #f0f3ff;
  color: #010e23;
}
.pagination a:hover { background: #010e23; color: #ffffff; }
.pagination .current {
  background: #010e23;
  color: #ffffff;
}