#toolGuideContainer{width:100%}.guide-section{margin-top:var(--space-8);padding:var(--space-6);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.guide-section+.guide-section{margin-top:var(--space-4)}.guide-section-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text);margin:0 0 var(--space-4) 0;padding-bottom:var(--space-2);border-bottom:2px solid var(--color-accent)}.guide-hook{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-4)}.guide-feature-list{list-style:none;padding:0;margin:0 0 var(--space-4) 0}.guide-feature-list li{position:relative;padding:var(--space-2) 0 var(--space-2) var(--space-6);color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.6}.guide-feature-list li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--color-accent)}.guide-summary{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-accent);margin:0}.guide-steps{list-style:none;padding:0;margin:0;counter-reset:none}.guide-step{display:flex;gap:var(--space-4);padding:var(--space-3) 0}.guide-step+.guide-step{border-top:1px solid var(--color-border)}.guide-step-number{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-accent-text);font-weight:var(--weight-bold);font-size:var(--text-sm);border-radius:50%}.guide-step-content strong{display:block;font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--space-1)}.guide-step-content p{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.guide-tips{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--color-accent)}.guide-tips-title{font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--color-accent);margin:0 0 var(--space-1) 0}.guide-tips ul{margin:0;padding-left:var(--space-4)}.guide-tips li{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.guide-faq-list{display:flex;flex-direction:column;gap:var(--space-2)}.guide-faq-item{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.guide-faq-item[open]{background:var(--color-bg-tertiary)}.guide-faq-question{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.guide-faq-question::-webkit-details-marker{display:none}.guide-faq-question:before{content:"Q";flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-accent-text);background:var(--color-accent);border-radius:50%}.guide-faq-question:after{content:"";margin-left:auto;flex-shrink:0;width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;transition:transform .2s ease}.guide-faq-item[open]>.guide-faq-question:after{transform:rotate(180deg)}.guide-faq-answer{padding:0 var(--space-4) var(--space-4) calc(28px + var(--space-3) + var(--space-4))}.guide-faq-answer p{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.guide-video-wrapper{position:relative;width:100%;padding-bottom:56.25%;border-radius:var(--radius-md);overflow:hidden}.guide-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}@media not (min-width:480px){.guide-section{padding:var(--space-4)}.guide-section-title{font-size:var(--text-lg)}}
