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