.mkldir-container{color:#333;font-family:Inter,sans-serif;padding:3rem 0}.mkldir-search-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.mkldir-search-bar input,.mkldir-search-bar select{border:2px solid #ccc;border-radius:8px;flex:1 1 200px;font-size:1rem;max-width:300px;outline:none;padding:.6rem 1rem;transition:border-color .3s ease,box-shadow .3s ease}.mkldir-search-bar input:focus,.mkldir-search-bar select:focus{border-color:#20a98f;box-shadow:0 0 4px #20a98f}.mkldir-card-grid{display:grid!important;gap:3rem;column-gap:1.75rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-items:center;row-gap:3rem}.mkldir-card-grid.is-transitioning{opacity:0;transform:translateY(8px)}.mkldir-card{align-items:center;background:#fff;border-radius:12px;display:flex;flex-direction:column;height:100%;margin:0;max-width:350px;padding:1.5rem;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:100%;z-index:0}.mkldir-card:before{background:linear-gradient(180deg,#2fb4d3,#3e4b70);border-radius:12px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:3px;position:absolute;z-index:-1}.mkldir-card:hover:before{background:linear-gradient(180deg,#3e4b70,#3e4b70)}.mkldir-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.1);transform:translateY(-5px)}.mkldir-logo{align-items:center;display:flex;height:140px;justify-content:center;margin-bottom:1rem;overflow:hidden;width:100%}.mkldir-logo img{max-height:100%;max-width:90%;object-fit:contain}.mkldir-title,.mkldir-title a{flex-grow:0;font-size:1.4rem;font-weight:600;margin:.5rem 0 1rem;text-align:center}.mkldir-card p{color:#555;font-size:.9rem;line-height:1.2;margin:0;text-align:center}.mkldir-hidden{display:none!important}.mkldir-title-link{color:inherit;display:block;text-decoration:none}.mkldir-card:hover .mkldir-title,.mkldir-title-link:hover{color:#3e4b70;text-decoration:none}.mkldir-pagination{align-items:center;display:flex;gap:1.5rem;justify-content:center;margin-top:3rem;width:100%}.mkldir-page-numbers{display:flex;gap:.5rem}.mkldir-page-number{background:#fff;border:2px solid #3e4b70;border-radius:50px;cursor:pointer;font-weight:600;height:48px;min-width:48px;transition:all .2s ease}.mkldir-page-number:hover{background:#3e4b70;color:#fff}.mkldir-page-number[aria-current=page]{background:linear-gradient(90deg,#2fb4d3,#3e4b70);border-color:transparent;color:#fff}.mkldir-button{justify-content:center;min-width:140px;padding:.75rem 2.25rem;white-space:nowrap}.mkldir-pagination .mkldir-button{background:#fff;border:2px solid #3e4b70;color:#3e4b70}.mkldir-pagination .mkldir-button:hover:not([disabled]){background:#3e4b70;color:#fff}.mkldir-pagination .mkldir-button[disabled]{cursor:not-allowed;opacity:.4}.mkldir-pagination .mkldir-arrow{color:inherit}@media (max-width:1024px){.mkldir-card{flex:1 1 calc(50% - 1.5rem);max-width:calc(50% - 1.5rem)}}@media (max-width:640px){.mkldir-card{flex:1 1 100%;height:auto;max-width:100%}.mkldir-pagination{flex-wrap:wrap;gap:1rem}}