.howtouse-container{width:min(900px,100%);margin:clamp(1rem,3vw,2rem) auto;padding-inline:var(--spacing-md)}.howtouse-header,.guide-section{background:var(--surface-card-bg);border:1px solid var(--surface-card-border);border-radius:var(--radius-lg);box-shadow:var(--surface-card-shadow)}.howtouse-header{padding:clamp(1.25rem,4vw,2rem);margin-bottom:var(--spacing-xl);text-align:center}.howtouse-header h1{margin:0 0 var(--spacing-sm);color:var(--text-primary);font-size:clamp(2rem,5vw,2.75rem);line-height:1.1}.howtouse-header p{margin:0;color:var(--text-secondary);font-size:1.1rem}.guide-section{padding:clamp(1.25rem,4vw,2rem);margin-bottom:var(--spacing-lg)}.section-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.section-icon{display:flex;flex:0 0 48px;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:var(--compact-control-bg);font-size:1.5rem}.section-title{flex:1;min-width:0}.section-title h2{margin:0 0 var(--spacing-xs);color:var(--text-primary);font-size:1.5rem}.section-title p{margin:0;color:var(--text-secondary);font-size:0.95rem}.guide-content h3{margin:var(--spacing-lg) 0 0.75rem;color:var(--text-primary);font-size:1.1rem}.guide-content p{margin-bottom:var(--spacing-md);color:var(--text-secondary);line-height:1.6}.guide-content ul,.guide-content ol{margin-bottom:var(--spacing-md);padding-inline-start:1.5rem}.guide-content li{margin-bottom:var(--spacing-sm);color:var(--text-secondary);line-height:1.6}.howtouse-header h1,.howtouse-header p,.section-title,.guide-content h3,.guide-content p,.guide-content li,.guide-content a,.feature-card{hyphens:auto;overflow-wrap:anywhere}.tip-box,.warning-box{padding:var(--spacing-md);margin:var(--spacing-md) 0;border:1px solid;border-radius:var(--radius-md)}.tip-box{border-color:var(--success-border);background:var(--success-bg)}.warning-box{border-color:var(--warning-border);background:var(--warning-bg)}.tip-box-header,.warning-box-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-weight:600}.tip-box-header{color:var(--success-color)}.warning-box-header{color:var(--warning-color)}.tip-box p,.warning-box p{margin:0;color:var(--text-secondary)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.feature-card{padding:1.25rem;border:1px solid var(--surface-card-border);border-radius:var(--radius-md);background:var(--compact-control-bg)}.feature-card h4{margin:0 0 var(--spacing-sm);color:var(--text-primary);font-size:1rem}.feature-card p{margin:0;color:var(--text-secondary);font-size:0.875rem;line-height:1.5}@media (max-width:480px){.howtouse-container{padding-inline:var(--spacing-sm)}.section-header{align-items:flex-start}}