ul.nttc-directory{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0;width:100%;max-width:1400px;margin-inline:auto}
ul.nttc-directory>li{list-style:none;margin:0;padding:0;min-width:0}
.nttc-directory>li>a{display:flex;flex-direction:column;height:100%;box-sizing:border-box;padding:18px 14px 16px;border:1px solid transparent;border-radius:12px;background:#f5f8fc;color:#52647a;text-align:center;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.nttc-directory__image{display:flex;align-items:center;justify-content:center;aspect-ratio:1.05;min-width:0;margin-bottom:12px}
.nttc-directory__image img{display:block;width:100%;height:100%;max-height:190px;object-fit:contain;transition:transform .2s}
.nttc-directory__image svg{width:48px;height:48px;color:#9bb0c9}
.nttc-directory__name{font-size:15px;font-weight:700;line-height:1.4;margin-top:auto;overflow-wrap:anywhere}
.nttc-directory>li>a:hover{color:#2f6bff;border-color:#c9ddff;box-shadow:0 6px 18px rgb(16 36 58 / 6%)}
.nttc-directory>li>a:hover img{transform:scale(1.04)}
.nttc-directory>li>a:focus-visible{outline:2px solid #2f6bff;outline-offset:3px}
.nttc-directory--brands .nttc-directory__image{padding:14px;box-sizing:border-box}
@media(max-width:1024px){ul.nttc-directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(max-width:600px){ul.nttc-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nttc-directory>li>a{padding:12px}.nttc-directory__name{font-size:14px}}
@media(prefers-reduced-motion:reduce){.nttc-directory>li>a,.nttc-directory__image img{transition:none}}