.docs-page[data-v-e20e075d]{min-height:100vh;display:flex;flex-direction:column;background:#f8f8f7}.docs-layout[data-v-e20e075d]{flex:1;min-height:calc(100vh - 56px);display:flex;max-width:1400px;margin:0 auto;padding:56px 40px 0}.docs-sidebar-left[data-v-e20e075d]{width:260px;min-width:260px;flex-shrink:0;border-right:1px solid #e5e5e5;background:#ffffff}.docs-sidebar-left .sidebar-content[data-v-e20e075d]{position:sticky;top:56px;width:100%;height:calc(100vh - 56px);padding:24px;box-sizing:border-box;background:#fff;overflow-y:auto}.docs-sidebar-right[data-v-e20e075d]{width:220px;min-width:220px;flex-shrink:0;border-left:1px solid #e5e5e5;background:#ffffff}.docs-sidebar-right .sidebar-content[data-v-e20e075d]{position:sticky;top:56px;width:100%;height:calc(100vh - 56px);padding:24px;box-sizing:border-box;background:#fff;overflow-y:auto}.docs-content[data-v-e20e075d]{flex:1;padding:48px 64px;min-width:0;overflow-y:auto}.content-wrapper[data-v-e20e075d]{max-width:800px;margin:0 auto}.docs-title[data-v-e20e075d]{font-size:32px;font-weight:500;color:#1a1a1a;margin-bottom:16px}.docs-subtitle[data-v-e20e075d]{font-size:16px;color:#999;margin-bottom:8px}.docs-intro[data-v-e20e075d]{font-size:18px;color:#666;line-height:1.7;margin-bottom:32px}.section-heading[data-v-e20e075d]{font-size:24px;font-weight:500;color:#1a1a1a;margin:48px 0 24px;padding-top:24px}.docs-text[data-v-e20e075d]{font-size:16px;color:#666;line-height:1.7;margin-bottom:24px}.steps-list[data-v-e20e075d]{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.step-item[data-v-e20e075d]{display:flex;gap:20px}.step-number[data-v-e20e075d]{flex-shrink:0;width:32px;height:32px;background:#1a1a1a;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.step-content[data-v-e20e075d]{flex:1}.step-title[data-v-e20e075d]{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.step-description[data-v-e20e075d]{font-size:14px;color:#666;margin:0;line-height:1.6}.best-practice-item[data-v-e20e075d]{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e5e5e5}.best-practice-item[data-v-e20e075d]:last-child{border-bottom:none}.best-practice-title[data-v-e20e075d]{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.best-practice-description[data-v-e20e075d]{font-size:14px;color:#666;margin:0;line-height:1.6}@media (max-width: 1024px){.docs-layout[data-v-e20e075d]{padding:56px 20px 0}.docs-sidebar-right[data-v-e20e075d]{display:none}.docs-content[data-v-e20e075d]{padding:40px 32px}}@media (max-width: 768px){.docs-sidebar-left[data-v-e20e075d]{display:none}.docs-content[data-v-e20e075d]{padding:32px 20px}.docs-title[data-v-e20e075d]{font-size:28px}.section-heading[data-v-e20e075d]{font-size:20px}}.mode-cards[data-v-e20e075d]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0}.mode-card[data-v-e20e075d]{padding:20px;background:white;border:1px solid #E5E7EB;border-radius:12px}.mode-header[data-v-e20e075d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mode-title[data-v-e20e075d]{font-size:16px;font-weight:600;color:#111827;margin:0}.mode-badge[data-v-e20e075d]{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px}.mode-free[data-v-e20e075d]{background:#D1FAE5;color:#065f46}.mode-paid[data-v-e20e075d]{background:#DBEAFE;color:#1e40af}.mode-description[data-v-e20e075d]{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.info-box[data-v-e20e075d]{padding:24px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:12px;margin:24px 0}.info-title[data-v-e20e075d]{font-size:16px;font-weight:600;color:#111827;margin:0 0 16px}.grade-list[data-v-e20e075d]{display:flex;flex-direction:column;gap:12px}.grade-item[data-v-e20e075d]{display:flex;align-items:center;gap:12px}.grade-badge[data-v-e20e075d]{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:16px;font-weight:700;color:#fff}.grade-s[data-v-e20e075d]{background:linear-gradient(135deg,#FFD700,#FFA500)}.grade-a[data-v-e20e075d]{background:linear-gradient(135deg,#3B82F6,#1D4ED8)}.grade-b[data-v-e20e075d]{background:linear-gradient(135deg,#10B981,#059669)}.grade-description[data-v-e20e075d]{font-size:14px;color:#374151;margin:0}.docs-link[data-v-e20e075d]{color:#111827;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.docs-link[data-v-e20e075d]:hover{color:#000}@media (max-width: 768px){.mode-cards[data-v-e20e075d]{grid-template-columns:1fr}}