/* Site-specific styles for blog.lexe.app */

/* Narrower content for blog readability */
.md-content {
  max-width: 54em;
}

/* Post byline styling - reduce spacing after h3 */
.post-byline {
  margin-top: -0.6rem;
}

/* Blog-specific layout */

/* Hide TOC on all screen sizes */
.md-sidebar--secondary {
  display: none !important;
}

/* Mobile: keep drawer working */
@media screen and (max-width: 76.1875em) {
  /* Style the drawer nav title */
  .md-nav--primary > .md-nav__title {
    display: none;
  }

  .md-nav--primary > .md-nav__list::before {
    content: "All posts";
    display: block;
    font-weight: 700;
    font-size: 0.7rem;
    padding: 1rem 0.8rem 0.5rem;
    color: var(--md-default-fg-color--light);
  }
}

/* Desktop: move nav to right, narrow content */
@media screen and (min-width: 76.25em) {
  .md-sidebar--primary {
    order: 1;
    position: sticky;
    top: 4.8rem;
  }

  /* Change nav title to "All posts" */
  .md-sidebar--primary .md-nav--primary > .md-nav__title {
    display: none;
  }

  .md-sidebar--primary .md-nav--primary::before {
    content: "All posts";
    display: block;
    font-weight: 700;
    font-size: 0.7rem;
    padding: 0.6rem 0.6rem 0.3rem;
    color: var(--md-default-fg-color--light);
  }

  /* Prevent sidebar scrollbar */
  .md-sidebar--primary .md-sidebar__scrollwrap {
    overflow: visible;
  }

  /* Narrower content column */
  .md-main__inner {
    max-width: 1000px;
    margin: 0 auto;
  }
}

.md-content__inner {
  margin: 0 1.2rem;
  padding-bottom: 2rem;
}