.doc-page{max-width:900px;margin:0 auto;padding:5.5rem 1rem 3rem}.doc-content{--primary: #5E35B1;--primary-light: #EDE7F6;--secondary: #34A853;--accent: #F5A623;--danger: #DC3545;--border: #DDD;--text: #222;--text-muted: #666;color:var(--text);line-height:1.6;font-size:15px}.doc-content *{box-sizing:border-box}.doc-content section{background:#fff;border:1px solid var(--border);border-radius:8px;padding:1.2rem 1.5rem;margin-bottom:1rem}.doc-content h2{color:var(--primary);font-size:1.35rem;font-weight:600;margin:0 0 1rem;padding-bottom:.4rem;border-bottom:2px solid var(--primary)}.doc-content h3{color:var(--text);font-size:1.1rem;font-weight:600;margin:1.2rem 0 .5rem;padding-top:.8rem;border-top:1px solid #EEE}.doc-content h3:first-of-type{border-top:none;padding-top:0}.doc-content h4{color:var(--text-muted);font-size:.95rem;font-weight:600;margin:.8rem 0 .4rem}.doc-content p{margin:0 0 .6rem}.doc-content ul,.doc-content ol{margin:.4rem 0 .6rem 1.5rem}.doc-content li{margin-bottom:.2rem}.doc-content a{color:var(--primary)}.doc-content table{width:100%;border-collapse:collapse;margin:.6rem 0;font-size:.9rem;display:block;overflow-x:auto}.doc-content th{background:var(--primary);color:#fff;padding:.4rem .6rem;text-align:left;font-weight:500}.doc-content td{padding:.35rem .6rem;border-bottom:1px solid #EEE}.doc-content tr:hover td{background:#f5f5f5}.doc-content .info-box,.doc-content .warning-box,.doc-content .tip-box{padding:.6rem .9rem;border-radius:6px;margin:.6rem 0;font-size:.9rem;border-left:4px solid}.doc-content .info-box{background:#e3f2fd;border-color:#1976d2}.doc-content .warning-box{background:#fff8e1;border-color:var(--accent)}.doc-content .tip-box{background:#e8f5e9;border-color:var(--secondary)}.doc-content code{background:#f0f0f0;padding:.15rem .4rem;border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:.85em}.doc-content pre{background:#2d2d2d;color:#f8f8f2;padding:1rem;border-radius:8px;overflow-x:auto;margin:.8rem 0;font-family:Monaco,Consolas,monospace;font-size:.8rem;line-height:1.5}.doc-content pre code{background:none;padding:0;color:inherit}.doc-content .feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;margin:.8rem 0}.doc-content .feature-card{background:var(--primary-light);padding:.8rem;border-radius:8px;text-align:center}.doc-content .feature-card .icon{font-size:1.5rem}.doc-content .feature-card h4{font-size:.9rem;margin:.3rem 0 0;color:var(--primary)}.doc-content .feature-card p{font-size:.8rem;color:var(--text-muted);margin:.2rem 0 0}.doc-content .steps{counter-reset:step;list-style:none;margin-left:0}.doc-content .steps li{position:relative;padding-left:2rem;margin-bottom:.5rem}.doc-content .steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:1.5rem;height:1.5rem;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.7rem}.doc-content .image-container{margin:1rem 0;text-align:center}.doc-content .image-container img,.doc-content .image-container picture{display:inline-block;max-width:min(100%,440px);max-height:520px;width:auto;height:auto;border-radius:8px;border:1px solid var(--border);box-shadow:0 2px 10px #00000014}.doc-content .image-container picture{border:none;box-shadow:none}.doc-content img{max-width:100%;height:auto}.doc-content .image-container figcaption{font-size:.8rem;color:var(--text-muted);margin-top:.4rem;font-style:italic}.doc-content .section-title{display:flex;align-items:center;gap:.5rem;color:var(--primary);font-size:1.5rem;font-weight:700;border-bottom:2px solid var(--primary);padding-bottom:.4rem;margin:2.2rem 0 1.2rem}.doc-content .section-title .icon{font-size:1.4rem}.doc-content .guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem;margin:1rem 0 1.5rem}.doc-content .guide-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff;text-decoration:none;color:var(--text);transition:box-shadow .2s ease,transform .2s ease}.doc-content .guide-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-3px)}.doc-content .guide-card img{width:100%;height:160px;object-fit:cover;display:block;border:none;border-radius:0;box-shadow:none;max-width:none}.doc-content .guide-card .content{padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.4rem;flex:1}.doc-content .guide-card h2{color:var(--primary);font-size:1.15rem;border:none;margin:0;padding:0}.doc-content .guide-card p{font-size:.9rem;color:var(--text-muted);margin:0}.doc-content .guide-card .cta{color:var(--primary);font-weight:600;font-size:.9rem;margin-top:auto}.doc-content .faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:1rem 0 1.5rem}.doc-content .faq-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem;padding:1.3rem 1rem;border:1px solid var(--border);border-radius:12px;background:#fff;text-decoration:none;color:var(--text);transition:box-shadow .2s ease,transform .2s ease}.doc-content .faq-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-3px)}.doc-content .faq-card .icon{font-size:2rem}.doc-content .faq-card h3{border:none;margin:0;padding:0;font-size:1rem;color:var(--text)}.doc-content .faq-card .count{font-size:.8rem;color:var(--text-muted)}.doc-content .faq-list{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.doc-content .faq-item{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.doc-content .faq-question{width:100%;padding:1rem 1.3rem;background:none;border:none;text-align:left;font-size:1rem;font-weight:600;color:var(--text);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-family:inherit}.doc-content .faq-question:hover{background:var(--primary-light)}.doc-content .faq-question .chevron{font-size:1.1rem;color:var(--primary);transition:transform .3s;flex-shrink:0}.doc-content .faq-item.open .faq-question .chevron{transform:rotate(180deg)}.doc-content .faq-answer{display:none;padding:0 1.3rem 1.2rem;color:var(--text-muted);line-height:1.7}.doc-content .faq-item.open .faq-answer{display:block}.doc-content .faq-answer a{color:var(--primary);font-weight:500}.doc-content .faq-answer strong{color:var(--text)}@media (max-width: 600px){.doc-content section{padding:1rem}}