.guide-content-panel[data-v-d97ba543]{background:var(--surface);display:flex;flex-direction:column;height:100%;overflow:hidden}.empty-state[data-v-d97ba543],.error-state[data-v-d97ba543],.loading-state[data-v-d97ba543]{align-items:center;color:var(--textMuted);display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;padding:2rem;text-align:center}.loading-spinner[data-v-d97ba543]{animation:spin-d97ba543 1s linear infinite;border:2px solid var(--borderDefault);border-radius:50%;border-top-color:var(--accentFill);height:2rem;width:2rem}@keyframes spin-d97ba543{to{transform:rotate(1turn)}}.error-icon[data-v-d97ba543]{align-items:center;background:#fee2e2;border-radius:50%;color:#dc2626;display:flex;font-size:1.5rem;font-weight:700;height:3rem;justify-content:center;width:3rem}.error-dismiss[data-v-d97ba543]{background:var(--surface);border:1px solid var(--borderDefault);border-radius:.375rem;color:var(--textPrimary);cursor:pointer;padding:.5rem 1rem}.empty-icon[data-v-d97ba543]{font-size:3rem}.empty-state h3[data-v-d97ba543]{color:var(--textPrimary);margin:0}.empty-state p[data-v-d97ba543]{margin:0;max-width:300px}.empty-suggestion[data-v-d97ba543]{font-style:italic}.content-wrapper[data-v-d97ba543]{flex:1;margin:0 auto;max-width:800px;overflow-y:auto;padding:2rem;width:100%}.content-header[data-v-d97ba543]{border-bottom:1px solid var(--borderDefault);margin-bottom:2rem;padding-bottom:1.5rem}.header-meta[data-v-d97ba543]{display:flex;font-size:.8rem;gap:.75rem;margin-bottom:.75rem}.meta-category[data-v-d97ba543]{background:var(--accentFill);color:var(--accentText,#fff);font-weight:500}.meta-category[data-v-d97ba543],.meta-feature[data-v-d97ba543]{border-radius:.25rem;padding:.25rem .5rem}.meta-feature[data-v-d97ba543]{background:var(--surfaceAlt);color:var(--textMuted)}.meta-time[data-v-d97ba543]{color:var(--textMuted);padding:.25rem 0}.content-title[data-v-d97ba543]{color:var(--textPrimary);font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.content-description[data-v-d97ba543]{color:var(--textMuted);font-size:1.1rem;line-height:1.5;margin:0}.table-of-contents[data-v-d97ba543]{background:var(--surfaceAlt);border-radius:.5rem;margin-bottom:2rem;padding:1rem 1.25rem}.toc-title[data-v-d97ba543]{color:var(--textMuted);font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.toc-list[data-v-d97ba543]{list-style:none;margin:0;padding:0}.toc-item a[data-v-d97ba543]{color:var(--textPrimary);display:block;font-size:.9rem;padding:.25rem 0;text-decoration:none}.toc-item a[data-v-d97ba543]:hover{color:var(--accentFill)}.toc-level-2[data-v-d97ba543]{padding-left:0}.toc-level-3[data-v-d97ba543]{padding-left:1rem}.toc-level-4[data-v-d97ba543]{padding-left:2rem}.content-body[data-v-d97ba543]{color:var(--textPrimary);font-size:1rem;line-height:1.7}.content-body[data-v-d97ba543] h1,.content-body[data-v-d97ba543] h2,.content-body[data-v-d97ba543] h3,.content-body[data-v-d97ba543] h4{color:var(--textPrimary);font-weight:600;line-height:1.3;margin:2rem 0 1rem}.content-body[data-v-d97ba543] h1{font-size:1.75rem}.content-body[data-v-d97ba543] h2{font-size:1.5rem}.content-body[data-v-d97ba543] h3{font-size:1.25rem}.content-body[data-v-d97ba543] h4{font-size:1.1rem}.content-body[data-v-d97ba543] .heading-anchor{color:var(--textMuted);margin-right:.5rem;opacity:0;text-decoration:none;transition:opacity .15s}.content-body[data-v-d97ba543] h1:hover .heading-anchor,.content-body[data-v-d97ba543] h2:hover .heading-anchor,.content-body[data-v-d97ba543] h3:hover .heading-anchor,.content-body[data-v-d97ba543] h4:hover .heading-anchor{opacity:1}.content-body[data-v-d97ba543] p{margin:1rem 0}.content-body[data-v-d97ba543] ol,.content-body[data-v-d97ba543] ul{margin:1rem 0;padding-left:1.5rem}.content-body[data-v-d97ba543] li{margin:.5rem 0}.content-body[data-v-d97ba543] a{color:var(--accentFill);text-decoration:none}.content-body[data-v-d97ba543] a:hover{text-decoration:underline}.content-body[data-v-d97ba543] strong{font-weight:600}.content-body[data-v-d97ba543] em{font-style:italic}.content-body[data-v-d97ba543] code{background:var(--surfaceAlt);border-radius:.25rem;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.9em;padding:.125rem .375rem}.content-body[data-v-d97ba543] .code-block{background:var(--surfaceAlt);border-radius:.5rem;margin:1.5rem 0;overflow:hidden}.content-body[data-v-d97ba543] .code-header{align-items:center;background:var(--surface);border-bottom:1px solid var(--borderDefault);display:flex;font-size:.8rem;justify-content:space-between;padding:.5rem 1rem}.content-body[data-v-d97ba543] .code-language{color:var(--textMuted);font-weight:500;text-transform:uppercase}.content-body[data-v-d97ba543] .code-copy{background:var(--surface);border:1px solid var(--borderDefault);border-radius:.25rem;color:var(--textMuted);cursor:pointer;font-size:.75rem;padding:.25rem .5rem}.content-body[data-v-d97ba543] .code-copy:hover{background:var(--surfaceAlt);color:var(--textPrimary)}.content-body[data-v-d97ba543] .code-block pre{margin:0;overflow-x:auto;padding:1rem}.content-body[data-v-d97ba543] .code-block code{background:none;font-size:.875rem;padding:0}.content-body[data-v-d97ba543] .table-wrapper{margin:1.5rem 0;overflow-x:auto}.content-body[data-v-d97ba543] table{border-collapse:collapse;font-size:.9rem;width:100%}.content-body[data-v-d97ba543] td,.content-body[data-v-d97ba543] th{border-bottom:1px solid var(--borderDefault);padding:.75rem 1rem;text-align:left}.content-body[data-v-d97ba543] th{background:var(--surfaceAlt);font-weight:600}.content-body[data-v-d97ba543] blockquote{background:var(--surfaceAlt);border-left:4px solid var(--accentFill);font-style:italic;margin:1.5rem 0;padding:1rem 1.25rem}.content-body[data-v-d97ba543] .guide-image{margin:1.5rem 0;text-align:center}.content-body[data-v-d97ba543] .guide-image img{border-radius:.5rem;box-shadow:0 2px 8px #0000001a;max-width:100%}.content-body[data-v-d97ba543] .guide-image figcaption{color:var(--textMuted);font-size:.875rem;font-style:italic;margin-top:.5rem}.training-nav[data-v-d97ba543]{border-top:1px solid var(--borderDefault);display:flex;gap:1rem;margin-top:3rem;padding-top:2rem}.nav-button[data-v-d97ba543]{background:var(--surface);border:1px solid var(--borderDefault);border-radius:.5rem;cursor:pointer;display:flex;flex:1;flex-direction:column;gap:.25rem;padding:1rem;text-align:left;transition:all .15s}.nav-button[data-v-d97ba543]:hover{background:var(--surfaceAlt);border-color:var(--accentFill)}.nav-button.next[data-v-d97ba543]{text-align:right}.nav-spacer[data-v-d97ba543]{flex:1}.nav-arrow[data-v-d97ba543]{color:var(--accentFill);font-size:1.25rem}.nav-button.next .nav-arrow[data-v-d97ba543]{align-self:flex-end}.nav-label[data-v-d97ba543]{color:var(--textMuted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.nav-title[data-v-d97ba543]{color:var(--textPrimary);font-weight:600}.content-tags[data-v-d97ba543]{border-top:1px solid var(--borderDefault);display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem;padding-top:1.5rem}.tag[data-v-d97ba543]{background:var(--surfaceAlt);border-radius:1rem;color:var(--textMuted);font-size:.8rem;padding:.25rem .75rem}