/* Tools (/tools): one card per practice tool. Builds on proto.css + home.css. */
.tools { max-width: 680px; padding-top: 16px; padding-bottom: calc(32px + env(safe-area-inset-bottom)); }
.tools h1 { font-size: 1.7rem; }
.tools-intro { margin-top: 6px; color: var(--ink-2); }
.tools-list { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 10px; }
.tool-card { display: flex; align-items: center; gap: 14px; padding: 14px 16px; text-decoration: none; color: var(--ink); border: 1px solid var(--line); }
.tool-card:hover .tool-text b { color: var(--accent-ink); }
.tool-ic { width: 52px; height: 52px; flex: none; display: grid; place-items: center; border-radius: 14px; background: var(--accent-soft); color: var(--accent-ink); }
.tool-text { flex: 1; min-width: 0; display: grid; gap: 2px; }
.tool-text b { font-size: 1.05rem; }
.tool-text span { font-size: 0.86rem; color: var(--ink-2); }
.tool-go { font-weight: 900; color: var(--accent-ink); }