/* Noon Nuqta _1536 Get the tools page */
.view-tools{max-width:1100px}
.tl-head{margin:4px 0 10px}
.tl-h{font:400 20px/1.2 var(--serif,serif);margin:22px 0 10px}
.tl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.tl-card{display:flex;flex-direction:column;border:1px solid var(--line2,#d8dfeb);border-radius:14px;background:var(--surface,#fff);overflow:hidden}
.tl-photo{width:100%;aspect-ratio:4/3;object-fit:cover;max-width:100%}
.tl-ph{display:grid;place-items:center;background:var(--surface2,#eef2f9);color:var(--muted,#5a6782);font:600 15px var(--ui,system-ui)}
.tl-body{display:flex;flex-direction:column;gap:4px;padding:12px;flex:1}
.tl-cat{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted,#5a6782)}
.tl-name{font-weight:600}
.tl-note{font-size:13.5px;color:var(--muted,#5a6782)}
.tl-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px}
.tl-price{font-size:13.5px;color:var(--muted,#5a6782)}
.lesson-top .tl-link{flex:none}