/* WordPress content inside Laravel shop shell */
.page-blog {
  padding-block: 32px 64px;
}

.page-blog .layout-container,
.page-blog .kb-blog {
  width: min(100% - 32px, 1100px);
  margin-inline: auto;
}

.page-blog article,
.page-blog .post,
.page-blog .kb-blog__content {
  font-family: var(--font-sans, "Montserrat", system-ui, sans-serif);
  color: var(--color-neutral-900, #191818);
  line-height: 1.6;
}

.page-blog h1,
.page-blog h2,
.page-blog h3,
.page-blog h4 {
  font-family: var(--font-sans, "Montserrat", system-ui, sans-serif);
  line-height: 1.25;
  margin: 1.25em 0 0.5em;
}

.page-blog h1 {
  font-size: clamp(1.5rem, 2vw + 1rem, 2rem);
  margin-top: 0;
}

.page-blog p {
  margin: 0 0 1em;
}

.page-blog img {
  max-width: 100%;
  height: auto;
}

.page-blog a {
  color: inherit;
}

.page-blog .toc {
  border: 1px solid #e8e8ef;
  padding: 1em 1.25em;
  background: #fafafa;
  margin-bottom: 2em;
  border-radius: 4px;
}

.page-blog .toc ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-blog .toc a {
  text-decoration: underline;
}