.tool-shell { padding: 1.5rem 0 7rem; }
.tool-shell__head { gap: 1rem; margin-bottom: 1.2rem; }
.tool-shell__head h1 { margin: .3rem 0 0; font-size: clamp(1.7rem, 3.5vw, 2.6rem); }
.tool-shell__head p { font-size: .85rem; }
.tool-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
body[data-page="tools"] .tool-grid .hp-toy { min-width: 0; grid-template-columns: minmax(0, 1fr); }
body[data-page="tools"] .tool-grid :is(.hp-toy-name, .hp-toy-line) { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .tool-shell__head { align-items: start; gap: .5rem; }
  .tool-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
}
.output-tool-card__icon { display: grid; width: min(34%, 88px); aspect-ratio: 1; place-items: center; border: 1px solid rgba(74,116,87,.24); border-radius: 22px; background: rgba(255,255,255,.72); color: #347457; font-size: clamp(2.2rem, 6vw, 3rem); font-weight: 500; }