/* TypeAtlas Difference Lab directory v1. Scoped to the comparison hub. */
#type-directory .ta-type-directories{display:grid;gap:22px;margin-top:28px}
#type-directory .ta-directory-block{padding:22px;border:1px solid var(--ta-border);border-radius:16px;background:var(--ta-raised)}
#type-directory .ta-directory-block h3{margin:0 0 16px;font:550 25px/1.25 var(--ta-display)}
#type-directory .ta-directory-grid{display:grid;gap:8px}
#type-directory .ta-directory-link{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:10px;min-height:48px;padding:9px 12px;border:1px solid transparent;border-radius:10px;color:var(--ta-soft);font-weight:650;text-decoration:none}
#type-directory .ta-directory-link:hover{border-color:var(--ta-border);background:rgba(255,255,255,.035);color:var(--ta-teal)}
#type-directory .ta-directory-code{font:700 13px/1.3 var(--ta-mono);letter-spacing:.08em;color:var(--ta-teal)}
@media(min-width:620px){#type-directory .ta-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:920px){#type-directory .ta-type-directories{grid-template-columns:repeat(2,minmax(0,1fr))}}