/* style/blog.css */
/*
  Global Styling for .page-blog content
  Body background is #0A0A0A (from custom colors)
  Text Main is #FFF6D6 (from custom colors)
  Card BG is #111111 (from custom colors)
  Primary button gradient: linear-gradient(180deg, #FFD86A 0%, #DDA11D 100%)
  Border: #3A2A12
  Glow: #FFD36B
*/

.page-blog {
  font-family: Arial, sans-serif;
  line-height: 1.6;
  color: #FFF6D6; /* Text Main color for dark background */
  background-color: #0A0A0A; /* Background color from custom config */
}

.page-blog__container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* Hero Section */
.page-blog__hero-section {
  padding-top: var(--header-offset, 120px); /* Fixed header spacing */
  background: linear-gradient(135deg, #0A0A0A, #111111); /* Dark gradient background */
  position: relative;
  overflow: hidden;
}