.search-box{display:flex;gap:10px;margin-bottom:20px}.search-container{position:relative;display:flex;gap:10px;flex:1}.search-input{flex:1;padding:12px 20px;border:2px solid #ecf0f1;border-radius:8px;font-size:16px;transition:all .3s}.search-input:focus{outline:none;border-color:var(--bp-legacy-blue)}.search-btn,.clear-btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.search-btn{background:var(--bp-legacy-blue);color:#fff}.search-btn:hover:not(:disabled){background:#2980b9;transform:translateY(-2px)}.search-btn:disabled{background:#bdc3c7;cursor:not-allowed}.clear-btn{background:#95a5a6;color:#fff}.clear-btn:hover{background:#7f8c8d}.search-box--compact .search-input{padding:10px 16px;font-size:14px;border-radius:6px}.search-box--compact .search-btn,.search-box--compact .clear-btn{padding:10px 20px;font-size:14px;border-radius:6px}.search-box--large .search-input{padding:16px 24px;font-size:18px;border-radius:12px}.search-box--large .search-btn,.search-box--large .clear-btn{padding:16px 32px;font-size:18px;border-radius:12px}.search-box--hero{max-width:800px;margin:0 auto 50px}.search-box--hero .search-container{background:#fff;padding:8px;border-radius:50px;box-shadow:0 10px 30px #0003}.search-box--hero .search-input{border:none;padding:0 20px;font-size:16px;border-radius:50px}.search-box--hero .search-btn{height:40px;padding:0 32px;background:#337ab7;color:#fff;font-size:20px;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:background .2s}.search-box--hero .clear-btn{border-radius:50px}.search-suggestions{position:absolute;top:100%;left:0;right:100px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;margin-top:8px;max-height:300px;overflow-y:auto;z-index:1000}.search-box--hero .search-suggestions{left:8px;right:8px}.suggestion-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f0f0f0}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:#f8f9fa}.suggestion-icon{font-size:16px;color:#7f8c8d}@media(max-width:768px){.search-box:not(.search-box--hero){flex-direction:column}.search-box:not(.search-box--hero) .search-container{flex-direction:column}.search-suggestions{right:0}.search-box--hero .search-btn{flex:0 0 auto;height:40px;padding:0 18px;font-size:16px}.search-box--hero .search-container,.search-box--hero .search-input{min-width:0}}.project-card{background:#fff;border-radius:12px;padding:25px;border:2px solid #ecf0f1;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;min-height:360px}.project-card:hover{border-color:var(--bp-legacy-blue);transform:translateY(-5px);box-shadow:0 8px 20px #3498db26}.project-card--compact{padding:20px}.project-card--compact .project-name{font-size:16px;min-height:45px;margin-bottom:15px}.project-card--compact .project-stats-row{padding:15px 0}.project-card--compact .stat-icon{font-size:24px}.project-card--compact .stat-number{font-size:18px}.project-card--featured{padding:30px;border-width:3px}.project-card--featured:hover{transform:translateY(-8px);box-shadow:0 12px 28px #3498db33}.project-card--featured .project-name{font-size:20px;min-height:55px}.project-card--featured .stat-number{font-size:22px}.project-description{font-size:14px;color:var(--bp-slate-500);line-height:1.6;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}.project-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.project-id{font-size:14px;font-weight:600;color:#2471a3;font-family:monospace}.project-program-badge{padding:4px 12px;background:#2471a3;color:#fff;border-radius:12px;font-size:12px;font-weight:600}.project-name{font-size:18px;color:var(--bp-legacy-navy);margin-bottom:20px;line-height:1.4;min-height:50px}.project-details{margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px}.detail-label{color:var(--bp-slate-500);font-weight:600}.detail-value{white-space:normal;word-wrap:break-word;word-break:break-word;color:var(--bp-legacy-navy);text-align:left;font-weight:600}.project-stats-row{display:flex;gap:20px;padding:20px 0;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;margin-bottom:15px}.stat-item{flex:1;display:flex;align-items:center;gap:12px}.stat-icon{font-size:28px}.stat-content{flex:1}.stat-number{font-size:20px;font-weight:700;color:#2471a3;line-height:1}.stat-label{font-size:12px;color:var(--bp-slate-500);margin-top:4px}.project-card-footer{margin-top:auto}.view-details-link{color:#2471a3;font-weight:600;font-size:14px;display:inline-block;transition:transform .3s}.project-card:hover .view-details-link{transform:translate(5px)}.type-swatch-group{display:flex;gap:6px;align-items:center}.type-swatch{display:inline-block;width:12px;height:12px;border-radius:2px;border:1px solid rgba(0,0,0,.08);box-shadow:0 0 0 1px #ffffff05 inset}.detail-row{display:flex;align-items:center;gap:8px}.detail-label{width:72px;flex:0 0 72px}.detail-value{white-space:normal;word-wrap:break-word;word-break:break-word}@media(max-width:768px){.project-card{min-height:180px;padding:18px}.project-card .project-card-header{margin-bottom:10px}.project-card .project-details{margin-bottom:12px}.project-card .project-stats-row{gap:12px;padding:12px 0;margin-bottom:10px}.project-card .stat-icon{font-size:20px}.project-card .detail-label{flex:0 1 auto;width:auto}}.loading-container{text-align:center;padding:80px 20px}.spinner{width:60px;height:60px;border:4px solid #ecf0f1;border-top-color:var(--bp-legacy-blue);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{color:var(--bp-slate-500);font-size:16px}