.markdown-body{max-width:100%;margin:0 auto;font-size:1.05rem;line-height:1.8;color:var(--foreground);word-wrap:break-word}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:var(--foreground);line-height:1.4;letter-spacing:-.02em}.markdown-body h1{font-size:2rem;font-weight:900;margin-top:4rem;margin-bottom:2rem}.markdown-body h2{font-size:1.6rem;font-weight:800;margin-top:3.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;position:relative;border-bottom:2px solid color-mix(in srgb,var(--foreground),transparent 92%)}.markdown-body h2:before{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:#2563eb}.markdown-body h3{font-size:1.35rem;font-weight:800;margin-top:2.5rem;margin-bottom:1.25rem;display:flex;align-items:center}.markdown-body p{margin-top:1.5rem;margin-bottom:1.5rem;opacity:.9}.markdown-body strong{font-weight:800}.markdown-body a{color:#2563eb;font-weight:700;transition:all .2s ease}.markdown-body a:hover{color:#1d4ed8;background:color-mix(in srgb,#2563eb,transparent 94%)}[data-theme=dark] .markdown-body a{color:#60a5fa}[data-theme=dark] .markdown-body a:hover{color:#93c5fd;background:color-mix(in srgb,#60a5fa,transparent 90%)}.markdown-body ol,.markdown-body ul{margin:1.5rem 0;background:color-mix(in srgb,var(--foreground),transparent 97%);padding:1.5rem 1.5rem 1.5rem 2.5rem;border-radius:1.5rem}.markdown-body li{margin:.75rem 0}.markdown-body blockquote{margin:2.5rem 0;padding:1.5rem 2rem;background:color-mix(in srgb,var(--foreground),transparent 97%);border-left:4px solid #2563eb;border-radius:0 1.5rem 1.5rem 0;font-style:italic;color:color-mix(in srgb,var(--foreground),transparent 20%)}.markdown-body pre{background:#0f172a;color:#e2e8f0;padding:1.5rem;border-radius:1.25rem;overflow-x:auto;margin:2rem 0;font-size:.9rem;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}.markdown-body :not(pre)>code{background:color-mix(in srgb,#2563eb,transparent 92%);color:#2563eb;padding:.2em .5em;border-radius:.4rem;font-size:.9em;font-weight:700}.markdown-body table{width:100%;margin:2rem 0;border-collapse:separate;border-spacing:0;font-size:.95rem;border-radius:1rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--foreground),transparent 90%)}.markdown-body th{background:color-mix(in srgb,var(--foreground),transparent 94%);padding:1rem;font-weight:800;text-align:left}.markdown-body td{padding:1rem;border-top:1px solid color-mix(in srgb,var(--foreground),transparent 94%)}.markdown-body hr{color:#80808080}.markdown-body img{max-width:100%}.markdown-body span+em{display:block;text-align:center;font-size:.85rem;color:var(--foreground);opacity:.6;margin-top:-1.5rem;margin-bottom:2.5rem;font-style:normal;font-weight:500}@media (max-width:640px){.markdown-body span+em{font-size:.8rem;margin-top:-1rem;margin-bottom:2rem}.markdown-body{font-size:1rem;line-height:1.7}.markdown-body h1{font-size:1.75rem;margin-top:3rem}.markdown-body h2{font-size:1.3rem;margin-top:2.5rem}.markdown-body h3{font-size:1.2rem;margin-top:2rem}.markdown-body ol,.markdown-body ul{padding:1rem 1rem 1rem 2rem}.markdown-body pre{margin-left:-1rem;margin-right:-1rem;border-radius:0;padding:1rem}}[data-theme=dark] .markdown-body :not(pre)>code{color:#60a5fa;background:rgba(96,165,250,.15)}[data-theme=dark] .markdown-body h2:before{background:#60a5fa}.markdown-body img{width:65%;height:auto}.app-mockup-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;margin:2.5rem 0}.app-mockup-grid img{margin:0 auto}@media (max-width:640px){.markdown-body img{width:90%}.app-mockup-grid{margin:2rem 0}.app-mockup-grid img{margin:0 auto}}