.acc-topbar{max-width:820px;margin:0 auto 1.75rem;padding:1rem 0;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid rgba(31,31,31,.1)}.acc-topbar .acc-home{display:inline-flex;align-items:center;gap:.55rem;margin:0;font-family:var(--font-serif);font-size:1.2rem;color:var(--hunter-green);text-decoration:none}.acc-topbar .acc-home:hover{color:var(--pakistan-green)}.acc-topbar .acc-home img{border-radius:6px;margin:0}.acc-topbar .acc-crumb{margin:0 0 0 auto;font-family:var(--font-sans);font-size:.85rem;color:#9a988f}#accords-tool{--card:#ffffff;--text:#1f1f1f;--muted:#5f6b58;--faint:#9a988f;--line:#ddd7ca;--line2:#c9c2b3;--accent:#3f693a;--accent-bg:#e7efe3;--gold:#e9ad20;display:block;color:var(--text)}#accords-tool p,#accords-tool span,#accords-tool a,#accords-tool li{margin:0;font-family:inherit}#accords-tool .wrap{max-width:820px;margin:0 auto;padding:0 0 3rem}#accords-tool h1{font-family:var(--font-serif);font-size:1.9rem;font-weight:600;line-height:1.2;margin:0 0 .35rem;color:var(--text)}#accords-tool h2{font-family:var(--font-serif);font-size:1.3rem;font-weight:600;margin:2rem 0 .25rem;color:var(--text)}#accords-tool .sub{color:var(--muted);font-size:14px;margin:0 0 1.5rem}#accords-tool .controls{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin-bottom:1.5rem}#accords-tool label.f{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);margin:0}#accords-tool select{font-size:15px;padding:7px 10px;border:1px solid var(--line2);border-radius:8px;background:var(--card);color:var(--text);min-width:100px;font-family:var(--font-sans)}#accords-tool .chk{flex-direction:row;align-items:center;gap:8px;height:38px;cursor:pointer}#accords-tool .chk input{width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}#accords-tool .scale-line{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:15px;margin-bottom:1.25rem;padding:10px 12px;background:var(--card);border-radius:8px;border:1px solid var(--line)}#accords-tool table{width:100%;border-collapse:collapse;font-size:15px}#accords-tool th{text-align:left;padding:8px 10px;font-weight:500;color:var(--muted);border-bottom:1px solid var(--line2);font-size:13px;font-family:var(--font-sans)}#accords-tool td{padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:middle}#accords-tool .roman{font-family:ui-monospace,monospace;color:var(--muted)}#accords-tool .sym{font-weight:600}#accords-tool .notes{font-family:ui-monospace,monospace;font-size:14px}#accords-tool .foot{font-size:12px;color:var(--faint);margin-top:12px}#accords-tool .voiced{font-family:ui-monospace,monospace;font-size:10px;color:var(--muted);margin-top:1px;line-height:1.2;letter-spacing:.3px;text-align:center;max-width:76px}#accords-tool .dcell{display:flex;gap:10px;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}#accords-tool .dcol{display:flex;flex-direction:column;align-items:center}#accords-tool .dcap{font-size:10px;color:var(--faint);margin-top:1px;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}#accords-tool details{margin-top:2px}#accords-tool summary{cursor:pointer;font-size:12px;color:var(--accent);list-style:none;padding:2px 0;margin:0}#accords-tool summary::-webkit-details-marker{display:none}#accords-tool summary:before{content:"▸"}#accords-tool details[open] summary:before{content:"▾"}#accords-tool .panel{display:flex;gap:14px;flex-wrap:wrap;padding:10px 2px 4px}#accords-tool .pick{cursor:pointer;border:1.5px solid transparent;border-radius:8px;padding:4px 6px;transition:border-color .12s}#accords-tool .pick:hover{border-color:var(--line2)}#accords-tool .pick.sel{border-color:var(--accent);background:var(--accent-bg)}#accords-tool .prog{padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card);margin-bottom:10px}#accords-tool .prog-chords{font-size:17px;font-weight:600;letter-spacing:.3px}#accords-tool .prog-chords .arr{color:var(--gold);font-weight:400;margin:0 2px}#accords-tool .prog-why{font-size:13.5px;color:var(--muted);margin-top:3px}#accords-tool em{font-style:italic}#accords-tool b{font-weight:600}
