:root { --container: 1400px; }
.fx-container {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 16px;
}
@media (min-width: 768px){ .fx-container{ padding: 0 24px; }}

.fx-page .page-title{
  font-weight: 800;
  letter-spacing: -.02em;
  margin: 18px 0 12px;
  color:#0a0a0a;
  font-size: clamp(24px, 2.8vw, 36px);
}

.fx-page .entry-content,
.fx-prose{
  background:#fff;
  border:1px solid #eee;
  border-radius:14px;
  padding: 24px;
}

.fx-prose{
  color:#111;
  line-height:1.75;
}
.fx-prose h1,.fx-prose h2,.fx-prose h3,.fx-prose h4,.fx-prose h5{
  color:#0a0a0a; font-weight:800; letter-spacing:-.01em;
}
.fx-prose h1{ font-size: clamp(26px, 3vw, 36px); margin: 28px 0 12px; }
.fx-prose h2{ font-size: clamp(22px, 2.4vw, 28px); margin: 24px 0 10px; }
.fx-prose h3{ font-size: clamp(18px, 2vw, 22px);  margin: 18px 0 8px;  }
.fx-prose h4{ font-size: 16px; margin: 14px 0 6px; }

.fx-prose p{ margin: 0 0 12px; }
.fx-prose ul, .fx-prose ol{ margin: 0 0 12px 1.2rem; }
.fx-prose li{ margin: 6px 0; }
.fx-prose a{ color:#0a0a0a; text-decoration: underline; text-underline-offset: 2px; }

.fx-prose img, .fx-prose video, .fx-prose iframe{
  max-width:100%; height:auto; border-radius:10px;
}


.fx-prose table{ width:100%; border-collapse: collapse; margin: 12px 0; font-size: 15px; }
.fx-prose th, .fx-prose td{ border:1px solid #e5e7eb; padding:10px 12px; text-align:left; }
.fx-prose thead th{ background:#f8fafc; font-weight:700; }

.fx-prose blockquote{
  padding: 12px 16px; margin: 12px 0;
  border-left: 4px solid #e5e7eb; background:#fafafa; border-radius: 6px;
}
.fx-prose pre, .fx-prose code{ font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.fx-prose pre{
  background:#0a0a0a; color:#f1f5f9; border-radius:10px; padding:14px; overflow:auto;
}

.fx-prose .wp-block-image figcaption{ color:#6b7280; font-size: 13px; margin-top: 6px; }
.fx-prose .wp-block-separator{ border:none; height:1px; background:#eee; margin:16px 0; }

@media (max-width: 480px){
  .fx-page .entry-content, .fx-prose{ padding: 16px; border-radius: 12px; }
}