.tool-making-of { margin: 2.5rem 0; padding: 1.5rem 0; color: var(--foreground); }
.tool-making-of h2 { margin: 0; font-size: 1.25rem; font-weight: 600; letter-spacing: -.02em; }
.tool-making-of > p { max-width: 42rem; line-height: 1.6; color: var(--muted-foreground); }
.tool-making-of dl { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); gap: 1.5rem 2rem; margin: 1.75rem 0; padding: 1.5rem 0; border-block: 1px solid var(--border); }
.tool-making-of dl > div { min-width: 0; }
.tool-making-of dt { font-size: .75rem; color: var(--muted-foreground); }
.tool-making-of dd { margin: .4rem 0 0; font-size: 1.35rem; font-weight: 500; letter-spacing: -.025em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.tool-making-of > .tool-making-of-note { font-size: .75rem; }
@media (max-width: 600px) {
  .tool-making-of dl { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem 1rem; }
  .tool-making-of dd { font-size: 1.2rem; }
}