.tutorial-content[data-v-078cb645]{max-width:800px;margin:0 auto}.dom-diagram[data-v-078cb645]{text-align:center}.diagram-container[data-v-078cb645]{display:inline-block;max-width:100%}.code-example[data-v-078cb645]{background-color:#2c3e50;color:#ecf0f1;padding:1rem;border-radius:6px;margin:1rem 0;overflow-x:auto}.code-example[data-v-078cb645] code{color:#000;font-size:.9rem}.code-example[data-v-078cb645] .keyword{color:#c678dd}.code-example[data-v-078cb645] .variable{color:#e06c75}.code-example[data-v-078cb645] .function{color:#61afef}.code-example[data-v-078cb645] .string{color:#98c379}.code-example[data-v-078cb645] .comment{color:#7f848e;font-style:italic}.code-example[data-v-078cb645] .number{color:#d19a66}.js-lesson-icon[data-v-078cb645]{background:#f7df1e;color:#000;padding:.2rem .5rem;border-radius:4px;font-weight:700;font-size:.8em;margin-right:.5rem}