/* Page Accords. */
.wrap{max-width:1000px;padding-top:14px}
.home-link{font-size:18px;color:var(--muted);font-family:'Outfit',sans-serif}
.home-link:hover{color:var(--amber);text-decoration:none}
h1{font-size:24px;margin:6px 0 16px}

.row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0}
.row .lab{font-size:12.5px;color:var(--faint);min-width:84px}

.chord-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));
  gap:8px;margin:20px 0 10px;
}
.chord-cell{
  display:flex;align-items:center;justify-content:center;
  background:var(--panel);border:1px solid var(--border);border-radius:10px;
  padding:14px 8px;font-size:17px;font-weight:500;cursor:help;
}
.chord-cell:hover{border-color:var(--amber)}
.hint{font-size:12.5px;color:var(--faint)}

/* infobulle de diagramme (comme sur la page chanson) */
.chord-tip{
  position:fixed;z-index:80;background:var(--panel);border:1px solid var(--border);
  border-radius:10px;padding:8px 10px;box-shadow:0 8px 28px rgba(0,0,0,.55);pointer-events:none;
}
.chord-tip .tip-name{font-size:13.5px;font-weight:600;margin-bottom:5px;color:var(--text)}
.chord-tip svg{display:block}