.container.blog-shell { max-width: 1040px; }
.container.blog-article { max-width: 800px; }
.blog-search { max-width: 20rem; min-width: 0; flex-basis: 0; }
.blog-section-header .google-auto-placed { flex: 0 0 100%; order: -1; }
.blog-shell .lp-listing--cards { margin-top: 1.5rem; }
.blog-shell .lp-entry-more { color: var(--bs-success); }
.blog-article h1 { font-size: clamp(1.8rem, 4vw, 2.4rem); line-height: 1.2; }
.blog-content { font-size: 1.0625rem; line-height: 1.75; overflow-wrap: anywhere; }
.blog-content h2, .blog-content h3, .blog-content h4 { margin-top: 1.75em; line-height: 1.3; }
.blog-content h2 { font-size: clamp(1.375rem, 3vw, 1.75rem); }
.blog-content img, .blog-content video { max-width: 100%; height: auto; }
.blog-content iframe { max-width: 100%; }
.blog-table { margin-bottom: 1.5rem; }
.blog-table:focus-visible { outline: 2px solid var(--bs-link-color); outline-offset: 2px; }
.blog-content table { width: 100%; min-width: 100%; margin-bottom: 0; border-collapse: collapse; font-size: 1rem; line-height: 1.5; }
.blog-content th, .blog-content td { padding: .625rem .75rem; border-bottom: 1px solid var(--bs-border-color); vertical-align: top; }
.blog-content th { background-color: var(--bs-tertiary-bg); text-align: left; }
.blog-content th > :last-child, .blog-content td > :last-child { margin-bottom: 0; }
@media (max-width: 575.98px) {
  .blog-content table { font-size: .9375rem; }
  .blog-content th, .blog-content td { padding: .5rem; }
}
.blog-content pre { padding: 1rem; background: var(--bs-tertiary-bg); }
.blog-content blockquote { border-left: 3px solid var(--bs-border-color); padding-left: 1rem; color: var(--bs-secondary-color); }