.howto-section{width:100%;max-width:900px;margin:0 auto;padding:0 24px 32px}.howto-inner{border-top:1px solid var(--border);padding-top:32px}.howto-heading{color:var(--text);align-items:center;gap:8px;margin-bottom:16px;font-size:1rem;font-weight:800;display:flex}.howto-heading i{color:var(--accent);font-size:.9rem}.howto-list{counter-reset:howto-counter;flex-direction:column;gap:10px;list-style:none;display:flex}.howto-item{counter-increment:howto-counter;border-radius:var(--radius);border:1.5px solid var(--border);color:var(--text-secondary);box-shadow:var(--shadow-sm);background:#fff;padding:12px 16px 12px 48px;font-size:.86rem;line-height:1.6;position:relative}.howto-item:before{content:counter(howto-counter);color:#fff;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:800;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.related-tools-section{width:100%;max-width:900px;margin:0 auto;padding:0 24px 32px}.related-tools-inner{border-top:1px solid var(--border);padding-top:32px}.related-heading{color:var(--text);align-items:center;gap:8px;margin-bottom:16px;font-size:1rem;font-weight:800;display:flex}.related-heading i{color:var(--accent);font-size:.9rem}.related-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.related-card{border-radius:var(--radius);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s;display:flex;position:relative}.related-card:hover{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow);transform:translateY(-1px)}.related-icon{border-radius:var(--radius-sm);background:var(--accent-soft);width:34px;height:34px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;transition:background .15s;display:flex}.related-card:hover .related-icon{background:var(--accent);color:#fff}.related-info{flex:1;min-width:0}.related-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:700;display:block;overflow:hidden}.related-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.7rem;display:block;overflow:hidden}.related-arrow{color:var(--muted);flex-shrink:0;font-size:.65rem;transition:color .15s,transform .15s}.related-card:hover .related-arrow{color:var(--accent);transform:translate(2px)}.faq-section{width:100%;max-width:900px;margin:0 auto;padding:0 24px 40px}.faq-inner{border-top:1px solid var(--border);padding-top:32px}.faq-heading{color:var(--text);align-items:center;gap:8px;margin-bottom:16px;font-size:1rem;font-weight:800;display:flex}.faq-heading i{color:var(--accent);font-size:.9rem}.faq-list{flex-direction:column;gap:8px;display:flex}.faq-item{border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;transition:border-color .15s;overflow:hidden}.faq-item[open]{border-color:var(--accent)}.faq-q{cursor:pointer;color:var(--text);user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:.88rem;font-weight:700;list-style:none;transition:background .15s;display:flex}.faq-q::-webkit-details-marker{display:none}.faq-q:hover{background:var(--surface-hover)}.faq-item[open] .faq-q{background:var(--accent-soft);color:var(--accent)}.faq-chevron{color:var(--muted);flex-shrink:0;font-size:.65rem;transition:transform .2s}.faq-item[open] .faq-chevron{color:var(--accent);transform:rotate(180deg)}.faq-a{padding:0 18px 16px;animation:.18s faqIn}.faq-a p{color:var(--text-secondary);margin:0;font-size:.86rem;line-height:1.7}@keyframes faqIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.breadcrumb-nav{width:100%;max-width:900px;margin:0 auto;padding:0 24px 24px}.breadcrumb-list{flex-wrap:wrap;align-items:center;gap:6px;list-style:none;display:flex}.bc-item a{color:var(--muted);font-size:.72rem;font-weight:500;text-decoration:none;transition:color .12s}.bc-item a:hover{color:var(--accent)}.bc-current{color:var(--text-secondary);font-size:.72rem;font-weight:600}.bc-sep{color:var(--border-strong);font-size:.5rem}@media (width<=600px){.howto-section,.related-tools-section,.faq-section,.breadcrumb-nav{padding-left:16px;padding-right:16px}.related-grid{grid-template-columns:1fr}}