.sg-page { min-height: 100vh; }
.sg-nav { position: sticky; top: 0; z-index: 10; backdrop-filter: blur(8px); }
.sg-main { max-width: 920px; margin: 0 auto; padding: 2rem 1.25rem 4rem; }
.sg-head { margin-bottom: 2rem; }
.sg-head h1 { font-family: "Segoe UI", Vazirmatn, sans-serif; font-size: clamp(1.6rem, 4vw, 2.2rem); margin: .5rem 0; }
.sg-meta { color: #64748b; font-size: .9rem; }
.sg-body { background: rgba(255,255,255,.92); border: 1px solid rgba(15,118,110,.12); border-radius: 16px; padding: 1.5rem 1.75rem; box-shadow: 0 8px 32px rgba(15,23,42,.06); }
.markdown-body { line-height: 1.75; color: #0f172a; font-size: .98rem; }
.markdown-body h1, .markdown-body h2, .markdown-body h3 { font-family: "Segoe UI", Vazirmatn, sans-serif; margin-top: 1.6em; margin-bottom: .6em; scroll-margin-top: 4rem; }
.markdown-body h1 { font-size: 1.5rem; border-bottom: 1px solid #e2e8f0; padding-bottom: .35em; }
.markdown-body h2 { font-size: 1.25rem; color: #0f766e; }
.markdown-body h3 { font-size: 1.05rem; }
.markdown-body p, .markdown-body li { margin: .65em 0; }
.markdown-body ul, .markdown-body ol { padding-inline-start: 1.4rem; }
.markdown-body code { font-family: ui-monospace, Consolas, monospace; background: #f1f5f9; padding: .12em .35em; border-radius: 4px; font-size: .88em; }
.markdown-body pre { background: #0f172a; color: #e2e8f0; padding: 1rem; border-radius: 10px; overflow: auto; }
.markdown-body pre code { background: none; padding: 0; color: inherit; }
.markdown-body table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: .92rem; }
.markdown-body th, .markdown-body td { border: 1px solid #e2e8f0; padding: .45rem .65rem; text-align: start; }
.markdown-body th { background: #f8fafc; }
.markdown-body blockquote { border-inline-start: 4px solid #14b8a6; margin: 1rem 0; padding: .5rem 1rem; background: #f0fdfa; color: #134e4a; }
.markdown-body a { color: #0d9488; }
.markdown-body hr { border: none; border-top: 1px solid #e2e8f0; margin: 2rem 0; }