.tutorial-container[data-v-06e73d59]{max-width:800px;margin:0 auto;padding:20px}section[data-v-06e73d59]{margin-bottom:40px}.concept-section ul[data-v-06e73d59]{padding-left:20px;line-height:1.6}.document-types-grid[data-v-06e73d59]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:20px 0}.document-type-card[data-v-06e73d59]{background-color:#f8f9fa;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.document-type-card h4[data-v-06e73d59]{color:#2c3e50;margin-bottom:10px}.document-type-card ul[data-v-06e73d59]{margin-top:10px}.document-type-card li[data-v-06e73d59]{margin-bottom:5px}.dom-tree[data-v-06e73d59]{background-color:#f8f9fa;padding:20px;border-radius:8px;margin:20px 0;overflow-x:auto}.tree-visualization[data-v-06e73d59]{font-family:monospace;white-space:pre;margin:0;color:#2c3e50;line-height:1.4}.tree-node[data-v-06e73d59],.tree-node[data-v-06e73d59]:before,.tree-node[data-v-06e73d59]:after,.root[data-v-06e73d59],.root[data-v-06e73d59]:before,.root[data-v-06e73d59]:after{all:unset}.demo-container[data-v-06e73d59]{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.demo-element[data-v-06e73d59]{background-color:#f8f9fa;padding:20px;border-radius:4px;margin-bottom:20px;transition:background-color .3s ease}.demo-controls[data-v-06e73d59]{display:flex;gap:10px}button[data-v-06e73d59]{padding:8px 16px;background-color:#42b983;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}button[data-v-06e73d59]:hover{background-color:#3aa876}.concept-grid[data-v-06e73d59]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.concept-card[data-v-06e73d59]{background-color:#f8f9fa;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.concept-card h3[data-v-06e73d59]{color:#2c3e50;margin-top:0}@media (max-width: 768px){.concept-grid[data-v-06e73d59]{grid-template-columns:1fr}.demo-controls[data-v-06e73d59]{flex-direction:column}button[data-v-06e73d59]{width:100%}}.practice-section[data-v-06e73d59]{margin-top:2rem}.practice-box[data-v-06e73d59]{background-color:#f8f9fa;border-radius:8px;margin-bottom:1.5rem}.code-example[data-v-06e73d59]{background-color:#fff;padding:1rem;border-radius:4px;margin:1rem 0;border:1px solid #e9ecef}.sample-element[data-v-06e73d59]{padding:1rem;background-color:#e9ecef;border-radius:4px;text-align:center}