/* MatlabSourceCode project catalog visibility fixes */
#projectGrid .article-blog .blog-image{background:#111318;border-radius:22px;overflow:hidden;display:block;aspect-ratio:426/307}
#projectGrid .article-blog .blog-image img{width:100%;height:100%;object-fit:cover;display:block;filter:none;opacity:1}
#projectGrid .article-blog .infor_name{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.28!important;min-height:2.55em}
#projectGrid .article-blog .blog-content{padding-top:18px}
#projectGrid .article-blog{height:100%}
@media(max-width:767px){#projectGrid .article-blog .infor_name{min-height:0}}

/* 2026-09-18: Project search visibility and readable native dropdowns */
#projectSearch,
#platformFilter,
#domainFilter,
#mscProjectSearch,
#mscPlatformFilter,
#mscDomainFilter {
  color:#17191f !important;
  background:#fff !important;
  border:1px solid #d7d9de !important;
  color-scheme:light !important;
  -webkit-text-fill-color:#17191f !important;
}
#projectSearch::placeholder,
#mscProjectSearch::placeholder { color:#747780 !important; opacity:1; }
#platformFilter option,
#domainFilter option,
#mscPlatformFilter option,
#mscDomainFilter option {
  background:#fff !important;
  color:#17191f !important;
}
#platformFilter:focus,
#domainFilter:focus,
#mscPlatformFilter:focus,
#mscDomainFilter:focus,
#projectSearch:focus,
#mscProjectSearch:focus {
  border-color:#ff4d3b !important;
  box-shadow:0 0 0 3px rgba(255,77,59,.10) !important;
}
/* Defensive override if Nice Select is enabled later */
#platformFilter + .nice-select,
#domainFilter + .nice-select,
#mscPlatformFilter + .nice-select,
#mscDomainFilter + .nice-select {
  background:#fff !important;
  color:#17191f !important;
  border:1px solid #d7d9de !important;
  border-radius:16px !important;
  height:52px !important;
  line-height:30px !important;
  padding:10px 42px 10px 14px !important;
}
#platformFilter + .nice-select .current,
#domainFilter + .nice-select .current,
#mscPlatformFilter + .nice-select .current,
#mscDomainFilter + .nice-select .current { color:#17191f !important; }
#platformFilter + .nice-select .list,
#domainFilter + .nice-select .list,
#mscPlatformFilter + .nice-select .list,
#mscDomainFilter + .nice-select .list {
  background:#fff !important;
  color:#17191f !important;
  border:1px solid #e1e2e6 !important;
  border-radius:14px !important;
  box-shadow:0 14px 34px rgba(20,22,28,.12) !important;
}
#platformFilter + .nice-select .option,
#domainFilter + .nice-select .option,
#mscPlatformFilter + .nice-select .option,
#mscDomainFilter + .nice-select .option { background:#fff !important; color:#17191f !important; }
#platformFilter + .nice-select .option:hover,
#domainFilter + .nice-select .option:hover,
#mscPlatformFilter + .nice-select .option:hover,
#mscDomainFilter + .nice-select .option:hover,
#platformFilter + .nice-select .option.focus,
#domainFilter + .nice-select .option.focus,
#mscPlatformFilter + .nice-select .option.focus,
#mscDomainFilter + .nice-select .option.focus { background:#fff1ed !important; color:#e63a28 !important; }
.msc-project-search-empty {
  grid-column:1/-1;
  min-height:130px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  text-align:center;
  padding:32px;
  border:1px solid #e7e8eb;
  border-radius:20px;
  background:#fff;
  color:#17191f;
}
.msc-project-search-empty span { color:#6f737d; }

/* 2026-09-18 UX2: friendlier project finder */
.msc-friendly-project-search{background:#fff;border:1px solid #ececf0;border-radius:28px;padding:26px;box-shadow:0 18px 48px rgba(20,22,28,.08);position:relative}
.msc-search-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px}
.msc-search-head h2{font-size:32px;line-height:1.08;margin:8px 0 8px;color:#20232a;letter-spacing:-.035em}.msc-search-head p{margin:0;color:#747882;max-width:720px}.msc-search-eyebrow{display:inline-flex;padding:7px 11px;border-radius:999px;background:#fff1ed;color:#f14a37;font-size:12px;font-weight:800}.msc-clear-all{border:0;background:#17191f;color:#fff;border-radius:12px;padding:10px 14px;font-weight:700;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap}.msc-clear-all.show{opacity:1;pointer-events:auto}
.msc-search-fields{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(190px,.65fr) minmax(190px,.65fr);gap:12px;align-items:end}.msc-search-field{display:block;position:relative}.msc-search-field>span{display:block;color:#555963;font-size:12px;font-weight:800;margin:0 0 7px 2px}.msc-search-field select{width:100%;height:56px;border:1px solid #dfe1e6;border-radius:15px;background:#fff!important;color:#17191f!important;padding:0 15px;font-size:14px;color-scheme:light}.msc-input-shell{height:56px;border:1px solid #dfe1e6;border-radius:15px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 10px 0 14px;transition:.2s}.msc-input-shell:focus-within{border-color:#ff5a46;box-shadow:0 0 0 4px rgba(255,90,70,.08)}.msc-input-shell input{border:0!important;outline:0!important;background:transparent!important;color:#17191f!important;width:100%;height:100%;font-size:15px}.msc-input-shell input::placeholder{color:#9296a0!important}.msc-search-icon{font-size:23px;color:#8b8f98;line-height:1}.msc-input-clear{border:0;background:#f2f3f5;color:#525762;width:30px;height:30px;border-radius:9px;display:none;place-items:center;font-size:20px;line-height:1}.msc-input-clear.show{display:grid}
.msc-search-suggestions{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:40;background:#fff;border:1px solid #e3e4e8;border-radius:16px;padding:7px;box-shadow:0 20px 45px rgba(20,22,28,.14);max-height:360px;overflow:auto}.msc-search-suggestions.open{display:block}.msc-search-suggestions button{width:100%;border:0;background:#fff;text-align:left;padding:11px 12px;border-radius:11px;display:flex;justify-content:space-between;gap:12px;align-items:center}.msc-search-suggestions button:hover,.msc-search-suggestions button.active{background:#fff2ef}.msc-search-suggestions strong{font-size:13px;color:#22262d;line-height:1.3}.msc-search-suggestions span{font-size:11px!important;color:#7b7f89!important;font-weight:600!important;margin:0!important;text-align:right;flex:0 0 auto}
.msc-quick-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:16px}.msc-quick-row>span{font-size:12px;font-weight:800;color:#747882}.msc-quick-row button{border:1px solid #e4e5e9;background:#f7f7f8;color:#3f434b;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.msc-quick-row button:hover{border-color:#ffc3b9;background:#fff1ed;color:#e54634}.msc-search-status-row{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid #ececf0}.msc-search-status-row p{margin:0!important;color:#5f646e!important}.msc-search-tip{font-size:11px;color:#8a8e97;text-align:right}.msc-search-result-visible{opacity:1!important;transform:none!important;visibility:visible!important}.msc-empty-clear{margin-top:10px;border:0;background:#17191f;color:#fff;padding:9px 13px;border-radius:10px;font-weight:700}
#platformFilter + .nice-select,#domainFilter + .nice-select{height:56px!important;line-height:54px!important;border-radius:15px!important;background:#fff!important;border-color:#dfe1e6!important;color:#17191f!important;width:100%!important}.nice-select .current{color:#17191f!important}.nice-select .list{z-index:45!important}
@media(max-width:991px){.msc-search-fields{grid-template-columns:1fr 1fr}.msc-search-field-main{grid-column:1/-1}.msc-search-head h2{font-size:28px}.msc-search-status-row{align-items:flex-start;flex-direction:column}.msc-search-tip{text-align:left}}
@media(max-width:640px){.msc-friendly-project-search{padding:18px;border-radius:22px}.msc-search-head{flex-direction:column}.msc-search-fields{grid-template-columns:1fr}.msc-search-field-main{grid-column:auto}.msc-search-head h2{font-size:25px}.msc-clear-all{display:none}.msc-clear-all.show{display:block}.msc-quick-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}.msc-quick-row button{white-space:nowrap}.msc-search-suggestions button{align-items:flex-start;flex-direction:column}.msc-search-suggestions span{text-align:left!important}.msc-search-tip{display:none}}