html {
  scroll-behavior: smooth;
}

body {
  font-family: "Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  background: #ffffff;
  color: #171717;
}

/* Ikon Tabler: samakan perilaku ukuran dengan react-icons */
.ti {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

/* Pengaman: ikon tabler tetap ter-render walau class dasar `ti` lupa ditulis */
i[class*="ti-"] {
  font-family: "tabler-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}

/* Konten rich text (pengganti plugin typography untuk konten BlockNote/HTML) */
.rich-content {
  color: #1f2937;
  line-height: 1.8;
  overflow-wrap: break-word;
}
.rich-content > *:first-child { margin-top: 0; }
.rich-content > *:last-child { margin-bottom: 0; }
.rich-content p { margin: 0 0 1em; }
.rich-content h1, .rich-content h2, .rich-content h3, .rich-content h4 {
  color: #1a391e;
  font-weight: 800;
  line-height: 1.35;
  margin: 1.4em 0 0.6em;
}
.rich-content h1 { font-size: 1.6rem; }
.rich-content h2 { font-size: 1.4rem; }
.rich-content h3 { font-size: 1.2rem; }
.rich-content h4 { font-size: 1.05rem; }
.rich-content ul, .rich-content ol {
  margin: 0 0 1em;
  padding-left: 1.5em;
}
.rich-content ul { list-style: disc; }
.rich-content ol { list-style: decimal; }
.rich-content li { margin-bottom: 0.4em; }
.rich-content li::marker { color: #d1a132; font-weight: 700; }
.rich-content a { color: #1a391e; font-weight: 600; text-decoration: underline; }
.rich-content strong { color: #133d19; }
.rich-content img {
  max-width: 100%;
  height: auto;
  border-radius: 0.75rem;
  margin: 1em auto;
}
.rich-content figure { margin: 1.2em 0; text-align: center; }
.rich-content figcaption { font-size: 0.85rem; color: #6b7280; margin-top: 0.4em; }
.rich-content blockquote {
  border-left: 4px solid #d1a132;
  background: #faf6f1;
  padding: 0.8em 1.2em;
  border-radius: 0 0.75rem 0.75rem 0;
  font-style: italic;
  margin: 1.2em 0;
}
.rich-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.2em 0;
  font-size: 0.95em;
}
.rich-content th, .rich-content td {
  border: 1px solid #e5e7eb;
  padding: 0.6em 0.9em;
  text-align: left;
}
.rich-content th { background: #f3f4f6; color: #1a391e; }
.rich-content hr { border: none; border-top: 1px solid #e5e7eb; margin: 1.5em 0; }
.rich-content pre {
  background: #133d19;
  color: #f3f4f6;
  padding: 1em 1.2em;
  border-radius: 0.75rem;
  overflow-x: auto;
  margin: 1.2em 0;
}
.rich-content code { font-size: 0.9em; }