.managed-page {
  width: min(1000px, 92vw);
  margin: 0 auto 100px;
  padding: clamp(26px, 5vw, 64px);
  background: #fff;
}

.bbcode-content {
  color: var(--ink);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.bbcode-content h1,
.bbcode-content h2,
.bbcode-content h3,
.bbcode-content h4 {
  margin: 1em 0 .45em;
  line-height: 1.15;
}

.bbcode-content h1:first-child,
.bbcode-content h2:first-child,
.bbcode-content h3:first-child {
  margin-top: 0;
}

.bbcode-content p { margin: 0 0 .7em; }
.bbcode-content a { color: var(--red); text-decoration: underline; text-underline-offset: 3px; }
.bbcode-content blockquote { margin: 16px 0; padding: 14px 20px; border-left: 4px solid var(--red); background: #f5f6f4; }
.bbcode-content blockquote cite { display: block; margin-bottom: 8px; color: var(--muted); font-size: 12px; font-style: normal; font-weight: 800; }
.bbcode-content ul,
.bbcode-content ol { padding-left: 24px; }
.bbcode-content .text-center { text-align: center; }
.bbcode-content .text-left { text-align: left; }
.bbcode-content .text-right { text-align: right; }
.bbcode-content .text-justify { text-align: justify; }
.bbcode-image { display: block; max-width: 100%; height: auto; margin: 16px auto; border-radius: 8px; }
.bbcode-code { max-width: 100%; padding: 18px; overflow: auto; border-radius: 8px; background: #132238; color: #eef2f5; white-space: pre-wrap; }
.bbcode-table { width: 100%; margin: 16px 0; border-collapse: collapse; }
.bbcode-table th,
.bbcode-table td { padding: 11px 13px; border: 1px solid #dfe3e8; text-align: left; }
.bbcode-table th { background: #f5f6f4; }
.bbcode-content hr { margin: 22px 0; border: 0; border-top: 1px solid #dfe3e8; }

@media (max-width: 600px) {
  .managed-page { width: calc(100% - 28px); margin-bottom: 60px; padding: 24px 18px; }
  .bbcode-table { display: block; overflow-x: auto; }
}