/* Template: tools (from mockup tools.html) */
.tool-grid { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.tool-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); overflow: hidden; height: 100%; border-radius: var(--r-xl); background: var(--paper); border: 1px solid var(--line); color: inherit; text-decoration: none; transition: transform 0.3s var(--ease), box-shadow 0.3s var(--ease); }
.tool-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
.tool-card__body { display: flex; flex-direction: column; gap: 0.7rem; padding: 1.6rem; }
.tool-card__body .tag { align-self: flex-start; }
.tool-card__body p { color: var(--slate); }
.tool-card__body .more { margin-top: auto; }
.tool-card__vis { display: grid; align-content: center; gap: 0.7rem; padding: 1.4rem; background: radial-gradient(circle at 80% 10%, rgba(255, 194, 75, 0.22), transparent 55%), var(--night); color: #fff; }
.mini-field { display: grid; gap: 0.25rem; }
.mini-field span { font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.05em; text-transform: uppercase; color: var(--mist); }
.mini-field b { padding: 0.55rem 0.8rem; border-radius: 10px; background: rgba(255, 255, 255, 0.08); border: 1px solid var(--line-dark); font-family: var(--mono); font-weight: 500; font-size: 0.85rem; }
.mini-result { padding: 0.8rem; border-radius: 12px; background: #fff; color: var(--ink); text-align: center; box-shadow: var(--lamp-ring); }
.mini-result small { display: block; font-family: var(--mono); font-size: 0.58rem; letter-spacing: 0.05em; text-transform: uppercase; color: var(--slate); }
.mini-result strong { font-size: 1.6rem; font-stretch: 118%; letter-spacing: -0.03em; }
.mini-text { padding: 0.9rem; border-radius: 12px; background: #fff; color: var(--ink); font-size: 0.8rem; line-height: 1.5; }
.mini-text small { display: block; margin-top: 0.6rem; font-family: var(--mono); font-size: 0.6rem; color: var(--slate); text-transform: uppercase; letter-spacing: 0.05em; }
.slider { height: 6px; border-radius: 99px; background: linear-gradient(90deg, var(--lamp) 62%, rgba(255, 255, 255, 0.15) 62%); position: relative; }
.slider::after { content: ""; position: absolute; left: 62%; top: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 4px rgba(255, 194, 75, 0.4); }
@media (max-width: 1000px) { .tool-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 560px) { .tool-card { grid-template-columns: minmax(0, 1fr); } .tool-card__vis { order: -1; } }

.mini-emoji { position: relative; display: grid; place-items: center; font-size: 4.2rem; line-height: 1; min-height: 8rem; }
.mini-emoji span { position: absolute; left: 58%; top: 52%; font-size: 2.3rem; transform: rotate(-12deg); }
/* Tools grouped by kind, each group with its own heading */
.tool-group + .tool-group { padding-top: 0; }
.tool-group__title { margin-bottom: 1.2rem; }