/* Calculator directory */
.dir-controls{margin-bottom:1.2rem}
.dir-controls input{background:var(--surface);border:1px solid var(--border2);border-radius:12px;
  padding:.85rem 1.1rem;color:var(--text);font:inherit;width:100%}
.dir-controls input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}
.chips{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:1rem;scrollbar-width:thin}
.chip-btn{flex:none;padding:.5rem 1rem;border-radius:999px;border:1px solid var(--border);
  background:var(--surface);font-size:.85rem;color:var(--text2);transition:.25s}
.chip-btn:hover{color:var(--text);border-color:var(--border2)}
.chip-btn.active{background:var(--grad);color:#fff;border-color:transparent}
.dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.1rem;margin-top:1.2rem}
.dir-card{display:flex;gap:.9rem;align-items:center;padding:1.1rem 1.2rem;border-radius:14px;
  background:var(--surface);border:1px solid var(--border);transition:.3s var(--ease)}
.dir-card:hover{transform:translateY(-4px);border-color:var(--accent)}
.dir-card.hide{display:none}
.dir-ic{width:42px;height:42px;flex:none;border-radius:11px;display:grid;place-items:center;
  background:hsl(var(--h) 80% 55%/.14);color:hsl(var(--h) 85% 62%)}
.dir-ic svg{width:23px;height:23px}
.dir-card h3{font-size:.95rem}
.dir-card small{font-family:var(--mono);font-size:.68rem;color:var(--text2);letter-spacing:.05em}
.dir-card .badge{margin-left:auto;flex:none}
.dir-cta{margin-top:3rem;text-align:center;padding:2.4rem;border-radius:20px;
  background:var(--surface);border:1px dashed var(--border2)}
.dir-cta p{margin-bottom:1.2rem;color:var(--text2)}