/* Tools directory ([aiot_web_index]). Follows the theme's colours. */
.aiotk-index{display:grid;gap:2em;margin:1.5em 0}
.aiotk-ix-title{margin:0 0 .7em}
.aiotk-ix-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.aiotk-ix-card{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:12px;text-decoration:none;color:inherit;background:color-mix(in srgb,currentColor 3%,transparent)}
a.aiotk-ix-card:hover,a.aiotk-ix-card:focus-visible{border-color:color-mix(in srgb,currentColor 45%,transparent)}
a.aiotk-ix-card:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.aiotk-ix-name{font-weight:700;line-height:1.3}
.aiotk-ix-desc{font-size:.9em;line-height:1.5;opacity:.85}