@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f8fafc;--text:#1b2a41;--muted:#526477;--line:#dce4ec;--coral:#b94e3a;--coral-light:#eaf2f5;--pill:#eff4f8;--primary:#145c73;--icon-accent:#db6e56}
.card-list{list-style:none;margin:0;padding:0;font-family:'DM Sans',Arial,sans-serif}.project-icon{--icon-bg:#e6f7f5;--icon-fg:#267a73}.paid-label{display:block;max-width:62px;margin:3px 0 0 auto;font:700 9px/1.15 'DM Sans',Arial,sans-serif;color:var(--muted);white-space:normal;text-align:right}
.project-row{height:86px;display:grid;grid-template-columns:35px 51px minmax(0,1fr) 62px;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:7px 14px}:where(#project-list)>.project-row:nth-child(-n+3),.project-row.podium{background:var(--coral-light);border-radius:22px;border-bottom:0;margin-bottom:10px;height:87px}:where(#project-list)>.project-row:nth-child(2),.project-row.podium-2{background:#fff5f1}:where(#project-list)>.project-row:nth-child(3),.project-row.podium-3{background:#fff9f6}.rank-number{color:#737474;font-weight:800;font-size:15px;text-align:center}:where(#project-list)>.project-row:nth-child(-n+3) .rank-number,.project-row.podium .rank-number{color:var(--coral)}.project-icon{width:48px;height:48px;border-radius:12px;background:var(--icon-bg);color:var(--icon-fg);display:grid;place-items:center;font:800 23px Manrope,sans-serif;overflow:hidden}.project-info{min-width:0}.project-title{display:block;font-weight:800;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-title:hover{color:var(--coral)}.project-description{color:#939291;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.project-meta{color:#8f8e8d;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.project-meta strong{color:#676767}.project-bid{color:var(--coral);font-size:13px;font-weight:800;text-align:right;align-self:start;padding-top:10px}
.dark :where(#project-list)>.project-row:nth-child(2),.dark .project-row.podium-2,.dark :where(#project-list)>.project-row:nth-child(3),.dark .project-row.podium-3{background:#362c2a}.dark .project-description,.dark .project-meta{color:#aaa}
@media(max-width:900px){.project-row{grid-template-columns:27px 44px minmax(0,1fr) 57px;gap:8px}.project-icon{width:42px;height:42px}}
@media(max-width:680px){.project-row{height:83px}:where(#project-list)>.project-row:nth-child(-n+3),.project-row.podium{height:83px}.project-title{font-size:12px}.project-description{font-size:11px}.project-bid{font-size:11px}}
@media(max-width:400px){.project-row{grid-template-columns:24px 38px minmax(0,1fr) 45px;padding-left:5px;padding-right:5px;gap:6px}.project-icon{width:36px;height:36px;font-size:16px}.project-meta{font-size:9px}}
.project-icon.has-logo{background:#fff}.project-icon img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
.project-row.wide-logo-row{grid-template-columns:35px 94px minmax(0,1fr) 62px}.project-icon.wide-wordmark{width:94px;height:48px;border-radius:0;background:transparent}.project-icon.wide-wordmark img{border-radius:0}
.project-row{cursor:pointer;position:relative}.project-main-link{position:absolute;inset:0;z-index:1}.project-row:hover{background:#fff4f0}.project-row:focus-within{outline:2px solid var(--coral);outline-offset:2px}.project-row:hover .project-title{color:var(--coral)}.project-row.has-actions,:where(#project-list)>.project-row:nth-child(-n+3).has-actions,.project-row.podium.has-actions{height:112px}.project-row-actions{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:8px}.project-contact,.project-details{display:inline-flex;align-items:center;justify-content:center;color:#17576c;background:#e9f4f8;border:1px solid transparent;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:800;line-height:1.2;text-decoration:none;white-space:nowrap}.project-contact:hover,.project-details:hover{filter:brightness(.94)}
.project-icon.social-avatar,.today-icon.social-avatar,.activity-icon.social-avatar{border-radius:50%}.social-avatar img{object-fit:cover;border-radius:50%}.today-icon.social-avatar img,.activity-icon.social-avatar img{object-fit:cover;border-radius:50%}
.project-review-summary{position:relative;z-index:2;margin-right:auto;color:#b94e3a;font-size:10px;font-weight:800;line-height:1.2;text-decoration:none;white-space:nowrap}.project-review-summary:hover{text-decoration:underline}
.project-row.focus-project{outline:3px solid var(--coral);outline-offset:-3px}
@media(max-width:680px){.project-row.wide-logo-row{grid-template-columns:27px 70px minmax(0,1fr) 57px;gap:8px}.project-icon.wide-wordmark{width:70px;height:40px}}
@media(max-width:400px){.project-row.wide-logo-row{grid-template-columns:24px 57px minmax(0,1fr) 45px;gap:6px}.project-icon.wide-wordmark{width:57px;height:36px}}
@media(max-width:680px){
  .project-row,.project-row.wide-logo-row{min-width:0;grid-template-columns:27px 50px minmax(0,1fr) auto;gap:8px;padding:9px 10px;height:94px}
  :where(#project-list)>.project-row:nth-child(-n+3),.project-row.podium{height:94px}
  .project-icon{width:48px;height:48px}
  .project-icon.wide-wordmark{width:50px;height:42px}
  .project-title{font-size:13px}
  .project-description{font-size:11px}
  .project-meta{font-size:10px}
  .project-bid{font-size:12px;white-space:nowrap;padding-top:4px}
}
@media(max-width:400px){
  .project-row,.project-row.wide-logo-row{grid-template-columns:25px 43px minmax(0,1fr) auto;gap:6px;padding:8px;height:88px}
  :where(#project-list)>.project-row:nth-child(-n+3),.project-row.podium{height:88px}
  .project-icon{width:42px;height:42px}
  .project-icon.wide-wordmark{width:43px;height:38px}
  .project-title{font-size:12px}
  .project-bid{font-size:11px}
}
@media(max-width:680px){
  .project-row,.project-row.wide-logo-row{grid-template-columns:31px 52px minmax(0,1fr) auto;gap:8px;padding:10px 11px;height:90px}
  :where(#project-list)>.project-row:nth-child(-n+3),.project-row.podium{height:90px;margin-bottom:11px;border-radius:19px}
  .project-icon{width:50px;height:50px}
  .project-icon.wide-wordmark{width:52px;height:45px}
  .rank-number{font-size:14px}
  .project-title{font-size:13px}
  .project-description{font-size:12px}
  .project-meta{font-size:10px}
  .project-bid{font-size:12px}
}
@media(max-width:360px){.project-row,.project-row.wide-logo-row{grid-template-columns:26px 43px minmax(0,1fr) auto;gap:6px;padding:8px}.project-icon{width:42px;height:42px}.project-icon.wide-wordmark{width:43px;height:38px}.project-title{font-size:12px}.project-description{font-size:11px}}
@media(max-width:680px){
  .project-row,.project-row.wide-logo-row{width:100%;max-width:100%;overflow:hidden}
}
@media(min-width:901px){
  .project-row{height:95px}
  :where(#project-list)>.project-row:nth-child(-n+3),.project-row.podium{height:100px;margin-bottom:12px}
  :where(#project-list)>.project-row:nth-child(-n+3):not(.wide-logo-row),.project-row.podium:not(.wide-logo-row){grid-template-columns:35px 66px minmax(0,1fr) 62px}
  :where(#project-list)>.project-row:nth-child(-n+3) .project-icon:not(.wide-wordmark),.project-row.podium .project-icon:not(.wide-wordmark){width:64px;height:64px}
  .project-title{font-size:15px}
  .project-description{font-size:13px}
  .project-meta{font-size:11px}
}
:where(#project-list)>.project-row:nth-child(2),.project-row.podium-2{background:#f0f6f8}
:where(#project-list)>.project-row:nth-child(3),.project-row.podium-3{background:#f5f9fa}
.project-row:hover{background:#e4f0f4}
.project-description,.project-meta,.rank-number{color:var(--muted)}
.project-meta strong{color:#405569}
.project-bid{color:var(--coral)}
.dark :where(#project-list)>.project-row:nth-child(-n+3),.dark .project-row.podium,.dark :where(#project-list)>.project-row:nth-child(2),.dark .project-row.podium-2,.dark :where(#project-list)>.project-row:nth-child(3),.dark .project-row.podium-3{background:#1b3542}
.dark .project-row:hover{background:#25475a}
.dark .project-meta strong{color:var(--text)}
.dark .project-icon.wide-wordmark{background:#fff;border-radius:6px;padding:2px 4px}
/* Give listing actions a dedicated line instead of covering the description. */
@media(max-width:680px){
  .project-row.has-actions,:where(#project-list)>.project-row:nth-child(-n+3).has-actions,.project-row.podium.has-actions,.project-row.wide-logo-row.has-actions{height:122px;align-items:center}
  .project-row-actions{gap:6px;margin-top:8px}
  .project-contact,.project-details{min-height:27px;padding:5px 9px;font-size:10px}
}
@media(max-width:400px){
  .project-row.has-actions,:where(#project-list)>.project-row:nth-child(-n+3).has-actions,.project-row.podium.has-actions,.project-row.wide-logo-row.has-actions{height:118px}
  .project-row-actions{gap:5px}
  .project-contact,.project-details{padding:5px 8px;font-size:9.5px}
}
@media(max-width:412px){
  .card-list .project-row-actions{flex-wrap:wrap}
  .card-list .project-row.has-actions{height:auto}
}