/* Custom CSS to make the blog full-width with margins */

/* Override the max-width constraint on main containers */
article.mw8,
.mw8 {
  max-width: none !important;
  margin-left: 10rem !important;
  margin-right: 10rem !important;
}

/* Make content areas use full available width */
.w-70-ns {
  width: 100% !important;
}

.w-two-thirds-l {
  width: 100% !important;
}

/* Override measure constraints for full-width content */
.measure-wide {
  max-width: none !important;
}

/* Ensure proper spacing for full-width layout */
.ph3, .ph5-l {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Keep some padding on mobile for readability */
@media screen and (max-width: 30em) {
  article.mw8,
  .mw8 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

/* Adjust sidebar width for full-width layout */
.w-30-l {
  width: 25% !important;
}

/* Make sure the main content adjusts accordingly */
.w-two-thirds-l {
  width: 75% !important;
}