/* Cloudflare Pages read-only export: keep the preview unmistakable. */
.showcase-banner {
  max-width: 1480px; margin: 18px auto 0; padding: 14px 20px;
  border: 1px solid #cbd9ee; border-radius: 18px;
  background: linear-gradient(110deg, #eff8fb, #f3f1ff);
  color: #244766; font-size: 15px; line-height: 1.55;
  display: flex; gap: 12px; align-items: center;
}
.showcase-banner strong { flex: none; color: #115b77; }
.showcase-preview-note {
  margin: 18px 0 25px; padding: 15px 18px;
  border-radius: 16px; background: #eef6fb; color: #2d5870;
  border: 1px solid #d2e5f0; font-weight: 600;
}
.showcase-guide { margin: 42px auto 70px; padding: 28px 32px;
  border: 1px solid #e3e9f2; border-radius: 28px; background: #fff; }
.showcase-guide h2 { margin: 0 0 8px; } .showcase-guide p { margin: 0; color: #64748b; }
@media (max-width: 750px) {
  .showcase-banner { margin: 12px 16px 0; align-items: flex-start; flex-direction: column; gap: 3px; }
  .showcase-guide { margin: 30px 16px 50px; padding: 24px; }
}