.ear-seo{color:#ffffffc7;max-width:880px;margin:40px auto;padding:0 24px 40px;font-size:.95rem;line-height:1.6}.ear-seo h2{color:#e4b97d;letter-spacing:-.01em;margin:32px 0 12px;font-size:1.25rem;font-weight:600}.ear-seo__intro p{margin:0 0 12px}.ear-seo__chords-intro{color:#fff9;margin:0 0 16px}.ear-seo__chord-list{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.ear-seo__chord{background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;align-items:flex-start;gap:14px;padding:14px;display:flex;position:relative}.ear-seo__play{color:#e4b97d;cursor:pointer;background:#e4b97d24;border:1px solid #e4b97d80;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .15s;display:inline-flex;position:absolute;top:10px;right:10px}.ear-seo__play:hover{background:#e4b97d40;border-color:#e4b97d}.ear-seo__chord .chord-mini--sm{flex-shrink:0}.ear-seo__chord-body{flex:1;min-width:0}.ear-seo__chord h3{color:#fff;margin:0 0 4px;font-size:.95rem;font-weight:600}.ear-seo__chord-symbol{color:#ffffff73;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;font-weight:400}.ear-seo__chord-intervals{color:#ffffff8c;margin:0 0 4px;font-size:.82rem}.ear-seo__chord-desc{color:#ffffff80;margin:0;font-size:.82rem;font-style:italic}.ear-seo__theory-link{color:#e4b97d;background:#e4b97d24;border:1px solid #e4b97d80;border-radius:6px;align-items:center;gap:6px;margin-top:4px;padding:8px 16px;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.ear-seo__theory-link:hover{background:#e4b97d38}