.reader-content{color:rgb(var(--color-ink-muted));font-size:1.0625rem;line-height:1.75}.reader-content h1{font-family:var(--font-display);color:rgb(var(--color-cyan-neon));margin:0 0 1.25rem;font-size:1.9rem;font-weight:800;line-height:1.2}.reader-content h2{font-family:var(--font-display);color:rgb(var(--color-ink));border-bottom:2px solid rgb(var(--color-ink) / .08);margin:2.25rem 0 1rem;padding-bottom:.5rem;font-size:1.35rem;font-weight:700}.reader-content h2:before{content:"// ";color:rgb(var(--color-violet-neon))}.reader-content h3{font-family:var(--font-display);color:rgb(var(--color-cyan-neon));margin:1.5rem 0 .6rem;font-size:1.1rem;font-weight:700}.reader-content p{margin:0 0 1rem}.reader-content a{color:rgb(var(--color-cyan-neon));text-underline-offset:2px;text-decoration:underline}.reader-content strong{color:rgb(var(--color-ink))}.reader-content em{color:rgb(var(--color-ink-muted))}.reader-content ul,.reader-content ol{margin:0 0 1.1rem;padding-left:1.4rem}.reader-content li{margin-bottom:.4rem}.reader-content blockquote{border-left:3px solid rgb(var(--color-ink) / .3);color:rgb(var(--color-ink-muted));background:rgb(var(--color-ink) / .03);border-radius:0 .5rem .5rem 0;margin:1.25rem 0;padding:.75rem 1.1rem}.reader-content hr{border:none;border-top:1px solid rgb(var(--color-ink) / .08);margin:2.25rem 0}.reader-content table{border-collapse:collapse;width:100%;margin:1.25rem 0;font-size:.9rem;display:block;overflow-x:auto}.reader-content th,.reader-content td{border:1px solid rgb(var(--color-ink) / .1);text-align:left;padding:.5rem .75rem}.reader-content th{background:rgb(var(--color-bg-card2));color:rgb(var(--color-cyan-neon))}.reader-content code{background:rgb(var(--color-code-bg));color:rgb(var(--color-code-text));border-radius:4px;padding:.1rem .35rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.85em}.reader-content pre{background:rgb(var(--color-code-bg));border:1px solid rgb(var(--color-ink) / .08);border-left:3px solid rgb(var(--color-cyan-neon));border-radius:.5rem;margin:1.25rem 0;padding:1rem 1.1rem;overflow-x:auto}.reader-content pre code{color:rgb(var(--color-code-text));background:0 0;padding:0;font-size:.85rem;line-height:1.6}.reader-content pre.mermaid{background:rgb(var(--color-code-bg));border:1px solid rgb(var(--color-ink) / .08);border-left:none;border-radius:.75rem;justify-content:center;margin:1.5rem 0;padding:1.25rem;display:flex;overflow-x:auto}.reader-content pre.mermaid svg{max-width:100%;height:auto}.reader-content .callout{border-radius:.75rem;margin:1.5rem 0;padding:1rem 1.1rem 1rem 2.75rem;font-size:.95rem;position:relative}.reader-content .callout .callout-title{text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem;font-size:.8rem;font-weight:700;display:block}.reader-content .callout:before{font-size:1.1rem;line-height:1;position:absolute;top:.9rem;left:.9rem}.reader-content .callout p:last-child{margin-bottom:0}.reader-content .callout-glosario{background:rgb(var(--color-cyan-neon) / .06);border:1px solid rgb(var(--color-cyan-neon) / .3);border-left:4px solid rgb(var(--color-cyan-neon))}.reader-content .callout-glosario .callout-title{color:rgb(var(--color-cyan-neon))}.reader-content .callout-glosario:before{content:"📘"}.reader-content .callout-tip{background:rgb(var(--color-violet-neon) / .08);border:1px solid rgb(var(--color-violet-neon) / .35);border-left:4px solid rgb(var(--color-violet-neon))}.reader-content .callout-tip .callout-title{color:rgb(var(--color-violet-neon))}.reader-content .callout-tip:before{content:"💡"}.reader-content .callout-conversacion{background:linear-gradient(135deg, rgb(var(--color-cyan-neon) / .04), rgb(var(--color-violet-neon) / .07));border:1px solid rgb(var(--color-ink) / .08);border-left:4px solid rgb(var(--color-cyan-neon))}.reader-content .callout-conversacion .callout-title{color:rgb(var(--color-ink-muted))}.reader-content .callout-conversacion:before{content:"🤖"}.reader-content .callout-conversacion .turn{background:rgb(var(--color-ink) / .04);border-radius:.5rem;margin:.5rem 0;padding:.6rem .85rem;display:block}.reader-content .callout-conversacion .turn.user{border-left:2px solid rgb(var(--color-cyan-neon))}.reader-content .callout-conversacion .turn.ai{border-left:2px solid rgb(var(--color-violet-neon))}.reader-content .callout-conversacion .turn strong{color:rgb(var(--color-cyan-neon))}.reader-content .callout-conversacion .turn.ai strong{color:rgb(var(--color-violet-neon))}
