/* Approved dense tools wall. Scoped so shared tool/project styles stay intact. */
#tools-development[open]{padding-bottom:4px}
#tools-development .tools-body{margin:0 4px}
#tools-development .tools-toolbar{margin:0 calc(5% - 4px) 18px}
#tools-development .tool-strip{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;overflow:visible;padding:0;scroll-snap-type:none}
#tools-development .tool-card{position:relative;aspect-ratio:4/3;overflow:hidden;background:#20211e}
#tools-development .tool-card-image{position:absolute;inset:0;aspect-ratio:auto;border:0}
#tools-development .tool-card-image img{object-fit:cover}
#tools-development .tool-overlay{position:absolute;inset:auto 0 0;padding:52px 16px 15px;background:linear-gradient(transparent,rgba(0,0,0,.84) 48%,rgba(0,0,0,.94));text-shadow:0 1px 3px #0008}
#tools-development .tool-card-heading{gap:10px;margin:0 0 6px}
#tools-development .tool-category{font-size:9px;letter-spacing:1.1px;color:#d0d6bb;margin:0;line-height:1.4}
#tools-development .tool-card-summary{color:#d2d1c9;line-height:1.5;max-height:0;opacity:0;overflow:hidden;transition:max-height .2s ease,opacity .2s ease,margin .2s ease}
#tools-development .tool-card:hover .tool-card-summary,#tools-development .tool-card:focus-visible .tool-card-summary{max-height:75px;opacity:1;margin-top:9px}
#tools-development .tool-card:focus-visible{outline-offset:-3px}
@media(max-width:1000px){#tools-development .tool-strip{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:600px){#tools-development .tool-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}#tools-development .tools-body{margin:0 3px}#tools-development .tool-card-heading h3{font-size:18px}#tools-development .tool-overlay{padding:36px 10px 10px}#tools-development .tool-category{font-size:8px;letter-spacing:.6px}#tools-development .tool-card-heading{margin-bottom:4px}#tools-development .tool-card-summary{display:none}}
@media(prefers-reduced-motion:reduce){#tools-development .tool-card-summary{transition:none}}

#tools-development .tool-card-heading h3{font-size:clamp(13px,1.35vw,22px)}
#tools-development .tool-overlay{padding:30px 9px 9px}
#tools-development .tool-card-heading{gap:4px}
#tools-development .tool-card-heading>span{font-size:14px}
#tools-development .tool-category{font-size:8px;letter-spacing:.6px}
#tools-development .tool-card-summary{font-size:11px}
@media(max-width:600px){#tools-development .tool-overlay{padding:20px 5px 5px}#tools-development .tool-card-heading h3{font-size:12px;letter-spacing:-.5px}#tools-development .tool-card-heading{margin:0}#tools-development .tool-card-heading>span,#tools-development .tool-category{display:none}}