/* Tool buttons should look neutral until the user interacts with them. */

/* Keep PD2 tools in a clean two-column layout on desktop.
   With six tools this naturally forms a balanced 2 x 3 grid. */
.pd2-tools-panel .guide-tools{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.guide-tool-button.skill-tool{
  border-color:#4a3b2a;
  background:linear-gradient(180deg,#17191d,#0d0f12);
}
.guide-tool-button.skill-tool strong{color:#e7c995}
.guide-tool-button.skill-tool:hover,
.guide-tool-button.skill-tool:focus-visible{
  border-color:#a4773d;
  background:linear-gradient(180deg,#1d1a15,#0f0e0c);
}

@media(max-width:760px){
  .pd2-tools-panel .guide-tools{grid-template-columns:1fr}
}