/* Clincoo Blog — gaya halaman artikel statis (SEO) */
body { margin:0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color:#111827; background:#ffffff; -webkit-font-smoothing:antialiased; }
.seo-header { border-bottom:1px solid #f3f4f6; padding:0.9rem 1.2rem; }
.seo-back { text-decoration:none; color:#6b7280; font-size:0.9rem; font-weight:500; }
.seo-back:hover { color:#111827; }
.seo-main { max-width:42rem; margin:0 auto; padding:2.2rem 1.2rem 3rem; }
.seo-cat { color:#9ca3af; font-size:0.85rem; font-weight:500; text-transform:uppercase; letter-spacing:0.05em; margin:0 0 0.6rem; }
.seo-title { font-size:2rem; font-weight:800; line-height:1.2; margin:0 0 2rem; }
.seo-body { line-height:1.85; font-size:1rem; color:#374151; text-align:justify; }
.seo-body h2 { color:#111827; font-size:1.25rem; font-weight:700; margin:2rem 0 0.75rem; }
.seo-body p { margin:0 0 1rem; }
.seo-body ul { padding-left:1.4rem; margin:0 0 1rem; }
.seo-body li { margin-bottom:0.35rem; }
.seo-footer { margin-top:3rem; padding-top:1.2rem; border-top:1px solid #f3f4f6; color:#9ca3af; font-size:0.85rem; }
.seo-footer a { color:#6b7280; text-decoration:none; }
.seo-footer a:hover { color:#111827; }
@media (max-width:480px){ .seo-title { font-size:1.6rem; } }

/* Tautan di dalam isi artikel — monokrom, bukan biru, underline halus (standar visual Clincoo) */
.seo-body a { color:#111827; text-decoration:underline; text-decoration-color:#d1d5db; text-underline-offset:2px; }
.seo-body a:hover { text-decoration-color:#111827; }
.seo-body a.text-gray-900 { color:#111827; }

/* Kelas utilitas yang dipakai di konten artikel (setara Tailwind, tanpa memuat Tailwind penuh) */
.seo-body .mb-1 { margin-bottom:0.25rem; }
.seo-body .mb-2 { margin-bottom:0.5rem; }
.seo-body .mb-3 { margin-bottom:0.75rem; }
.seo-body .mb-4 { margin-bottom:1rem; }
.seo-body .mb-5 { margin-bottom:1.25rem; }
.seo-body .mt-8 { margin-top:2rem; }
.seo-body .pl-6 { padding-left:1.5rem; }
.seo-body .text-lg { font-size:1.125rem; }
.seo-body .text-xl { font-size:1.25rem; }
.seo-body .text-sm { font-size:0.875rem; }
.seo-body .font-bold { font-weight:700; }
.seo-body .font-medium { font-weight:500; }
.seo-body .text-gray-700 { color:#374151; }
.seo-body .text-gray-900 { color:#111827; }
.seo-body .text-left { text-align:left; }
.seo-body .list-disc { list-style-type:disc; }
.seo-body .list-decimal { list-style-type:decimal; }
.seo-body .space-y-1 > * + * { margin-top:0.25rem; }

/* Tabel */
.seo-body .overflow-x-auto { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.seo-body table.w-full { width:100%; border-collapse:collapse; font-size:0.9rem; }
.seo-body table.border-collapse { border-collapse:collapse; }
.seo-body th, .seo-body td { border:1px solid #e5e7eb; padding:0.5rem 0.75rem; text-align:left; }
.seo-body thead.bg-gray-50, .seo-body th { background:#f9fafb; }

/* Blok kode dalam artikel */
.seo-body pre { background:#f9fafb; border:1px solid #e5e7eb; border-radius:0.5rem; padding:1rem; margin:0 0 1rem; overflow-x:auto; font-size:0.8rem; line-height:1.6; }
.seo-body pre code { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; color:#111827; white-space:pre; }
.seo-body code { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:0.875em; }
.seo-body .rounded-lg { border-radius:0.5rem; }
.seo-body .p-4 { padding:1rem; }
.seo-body .font-mono { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }