/* Typography to match main site */
    body {
        font-family: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "background-color: #f1f5f4";
      }
      /* .header{
      background-color: rgb(151 148 148 / 67%);
      } */
  
      h1,
      h2,
      h3,
      h4,
      .featured-title,
      .thumb-title {
        font-family: "Raleway", sans-serif;
      }

.header {
        --background-color: #43434385;
      }
  
      .blog-img-placeholder {
        background: #e9ecef;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 220px;
        border-radius: 8px;
      }
  
      .side-img-placeholder {
        background: #e9ecef;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 95px;
        margin-bottom: 1rem;
        border-radius: 8px;
      }
  
      .blog-meta {
        font-size: 0.9rem;
        color: #6c757d;
        margin-right: 12px;
      }
  
      .thumb-block a {
        color: #6c757d;
        font-size: 15px;
      }
  
      /* New structure styles */
      .featured-title {
        font-weight: 700;
      }
  
      .featured-excerpt {
        color: #6c757d;
      }
  
      .thumb-meta {
        font-size: .9rem;
        color: #6c757d;
      }
  
      .thumb-title {
        font-weight: 600;
      }
  
      .thumb-block+.thumb-block {
        margin-top: 1rem;
      }
  
      .thumb-image {
        background: #e9ecef;
        height: 95px;
        width: 95px;
        flex: 0 0 95px;
        border-radius: 8px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
      }
  
      .thumb-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
  
      .featured-image {
        background: #e9ecef;
        height: 420px;
        border-radius: 8px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
      }
  
      .featured-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
  
      .category-label {
        font-size: .85rem;
        padding: 2px 8px;
        border-radius: 4px;
        background: #FACC15;
        margin-right: 6px;
        font-weight: 500;
      }
  
      .author-info img {
        border: 1px solid #e5e7eb
      }
  
      .author-info small {
        color: #6c757d
      }
  
      .featured-details {
        margin-top: 1rem
      }
  
      .content-block {
        margin-top: 1rem
      }
  
      /* Sidebar is non-sticky so it scrolls with the page */
      .sticky-sidebar {
        position: static;
      }