/* Static stylesheet for the Cloudflare-rendered blog listing. */
html:has(body.minimal-redesign), body.minimal-redesign {
  background: #fff !important;
  color: #081224 !important;
  font-family: 'Manrope', 'Segoe UI', sans-serif !important;
}
body.minimal-redesign::before,
body.minimal-redesign #vanta-background { display: none !important; }
body.minimal-redesign .ssr-posts {
  width: calc(100% - clamp(40px, 12vw, 192px));
  max-width: 1360px;
  margin-inline: auto;
  padding: 150px 0 90px;
}
body.minimal-redesign .ssr-posts h1 {
  max-width: 950px;
  margin: 0 0 15px;
  background: none;
  color: #081224;
  -webkit-text-fill-color: #081224;
  font-size: clamp(42px, 6vw, 78px);
  font-weight: 620;
  line-height: 1.04;
  letter-spacing: -.055em;
}
body.minimal-redesign .ssr-posts .subtitle {
  max-width: 720px;
  margin: 0 0 50px;
  color: #61708a;
  font-size: clamp(16px, 1.5vw, 20px);
  line-height: 1.5;
}
body.minimal-redesign .posts-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 38px 24px;
}
body.minimal-redesign .post-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #081224;
  text-decoration: none;
  transform: none;
}
body.minimal-redesign .post-card:hover {
  border: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}
body.minimal-redesign .post-card:focus-visible { outline: 2px solid #315bc4; outline-offset: 5px; }
body.minimal-redesign .post-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1.58;
  object-fit: cover;
  border-radius: 5px;
  background: #e7ebf1;
  transition: transform 280ms ease;
}
body.minimal-redesign .post-card:hover .post-image { transform: scale(1.015); }
body.minimal-redesign :is(
  .post-card[href="/blog/designing-scalable-business-applications-optimizing-database-structure-for-high-growth-enterprises"],
  .post-card[href="/blog/standardizing-ai-tool-integration-with-model-context-protocol-mcp"]
) .post-image {
  object-fit: contain;
  object-position: center;
  background: #fff;
  transform: none;
}
body.minimal-redesign :is(
  .post-card[href="/blog/designing-scalable-business-applications-optimizing-database-structure-for-high-growth-enterprises"],
  .post-card[href="/blog/standardizing-ai-tool-integration-with-model-context-protocol-mcp"]
):hover .post-image { transform: none; }
body.minimal-redesign .post-content { flex: 1; padding: 14px 0 0; }
body.minimal-redesign .post-tags { display: flex; gap: 10px; margin: 0 0 7px; }
body.minimal-redesign .post-tag {
  padding: 0;
  border: 0;
  background: none;
  color: #41649b;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.minimal-redesign .post-title {
  margin: 0 0 7px;
  color: #081224;
  font-size: clamp(18px, 1.6vw, 23px);
  font-weight: 620;
  line-height: 1.25;
  letter-spacing: -.035em;
}
body.minimal-redesign .post-excerpt {
  margin: 0 0 13px;
  color: #61708a;
  font-size: 14px;
  line-height: 1.5;
}
body.minimal-redesign .post-meta { color: #71809a; font-size: 11px; }
body.minimal-redesign .post-meta-item {
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
}
body.minimal-redesign .post-meta-label { color: #41649b; }
body.minimal-redesign .empty-message {
  grid-column: 1 / -1;
  padding: 45px 0;
  border-top: 1px solid #dde4ed;
  background: none;
  color: #61708a;
}
body.minimal-redesign .empty-message h2 { color: #081224; }
@media (max-width: 1000px) {
  body.minimal-redesign .posts-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  body.minimal-redesign .ssr-posts { padding-top: 115px; }
  body.minimal-redesign .posts-list { grid-template-columns: 1fr; gap: 32px; }
  body.minimal-redesign .ssr-posts .subtitle { margin-bottom: 35px; }
}
@media (prefers-reduced-motion: reduce) {
  body.minimal-redesign .post-image { transition: none; }
}