/* Tool names stay visible below their original icons at every screen size. */
.experience-body { grid-template-columns: minmax(0,1fr) 290px; }
.tool-grid {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin: 0;
  padding: 0;
}
.tool-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  min-width: 0;
  padding: 13px 5px 10px;
  border: 1px solid #e5dce9;
  border-radius: 11px;
  background: #ffffffb3;
  transition: border-color .2s, transform .2s, box-shadow .2s;
}
.tool-icon { display: flex; align-items: center; justify-content: center; width: 100%; height: 34px; }
.tool-icon img { display: block; width: 35px; height: 34px; object-fit: contain; }
.tool-name { display: block; max-width: 100%; text-align: center; color: #4c315d; font-size: 12px; font-weight: 500; line-height: 1.35; }
.tool-card[data-tool="zoho"] .tool-icon img,.tool-card[data-tool="ibm-spss"] .tool-icon img { width: 54px; }
.tool-card:hover { border-color: #b795cf; transform: translateY(-2px); box-shadow: 0 5px 14px #6228950b; }
.stack .tool-grid { margin: 12px 0 22px; }
.expertise-grid .tool-grid { margin-top: 23px; }
.expertise-grid .tool-name { font-size: 12px; }
.expertise-grid .method-note { display: inline-block; color: var(--purple); font-size: 12px; margin-top: 12px; }
.toolbox.tool-collections { display: block; }
.tool-collections>.eyebrow { display: block; max-width: none; font-size: 12px; letter-spacing: 1.2px; }
.tool-collection-grid { display: grid; grid-template-columns: 1fr 1.25fr .8fr; gap: 28px; margin-top: 24px; }
.tool-collection h4 { color: var(--purple); font-size: 14px; font-weight: 600; margin: 0 0 15px; }
.tool-collection .tool-grid { grid-template-columns: repeat(auto-fill, minmax(73px, 1fr)); }
.organization-row .experience-tools { grid-column: 2; margin-top: -5px; }
.experience-tools>.eyebrow { display: block; color: var(--muted); font-size: 10px; letter-spacing: 1px; margin-bottom: 10px; }
.experience-tools .tool-grid { display: flex; flex-wrap: wrap; gap: 9px; }
.experience-tools .tool-card { width: 82px; }
.experience-tools .tool-icon { height: 29px; }
.experience-tools .tool-icon img { width: 30px; height: 29px; }
.experience-tools .tool-name { font-size: 11px; }
@media(max-width:1100px) {
  .experience-body { grid-template-columns: minmax(0,1fr) 280px; }
  .expertise-grid .tool-grid { gap: 7px; }
  .tool-collection-grid { gap: 20px; grid-template-columns: 1fr 1fr; }
  .tool-collection:last-child { grid-column: 1 / -1; }
  .tool-collection:last-child .tool-grid { grid-template-columns: repeat(3, 85px); }
}
@media(max-width:1000px) {
  .experience-body { grid-template-columns: minmax(0,1fr); }
  .stack { border-top: 1px solid var(--line); padding-top: 20px; }
  .stack .tool-grid { grid-template-columns: repeat(auto-fill, minmax(86px,1fr)); }
}
@media(max-width:800px) {
  .expertise-grid .tool-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
  .expertise-grid .tool-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .expertise-grid h3 br { display: initial; }
  .tool-collection-grid { grid-template-columns: 1fr; gap: 25px; }
  .tool-collection .tool-grid,.tool-collection:last-child .tool-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .tool-name,.expertise-grid .tool-name { font-size: 12px; }
  .organization-row .experience-tools { grid-column: 1 / -1; margin: 0; }
  .experience-tools .tool-card { width: 76px; }
  .map-filters button { padding-left: 8px; padding-right: 8px; }
  .map-legend { flex-wrap: wrap; }
  .education { scroll-margin-top: 28px; }
}
@media(prefers-reduced-motion:reduce) { .tool-card { transition: none; } .tool-card:hover { transform: none; } }