.projects-page{padding-block:clamp(2rem,5vw,4rem)}.projects-page__wrap{gap:var(--sp-6);display:grid}.projects-local-note{align-self:center;align-items:center;gap:var(--sp-2);max-width:27rem;padding:var(--sp-3) var(--sp-4);border:1px solid var(--signal-edge);border-radius:var(--r-sm);background:var(--signal-wash);color:var(--ink-muted);font-size:var(--fs-4);display:flex}.projects-local-note svg{color:var(--signal-ink);flex:none}.projects-grid{gap:var(--sp-6);grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);align-items:start;display:grid}.project-create__form{gap:var(--sp-4);display:grid}.project-create__form .btn{justify-self:start}.project-create__error{color:var(--sev-critical);font-size:var(--fs-4)}.project-list,.project-cards{grid-template-columns:minmax(0,1fr);display:grid}.project-list{gap:var(--sp-4)}.project-list__head{justify-content:space-between;align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--line);padding-bottom:var(--sp-3);display:flex}.project-import{margin-left:auto}.project-list__head h2{font-size:var(--fs-7)}.project-list .blankslate .btn{margin-top:var(--sp-2)}.project-cards{gap:var(--sp-3)}.project-card{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-sm);display:flex}.project-card__body{flex:1;min-width:0}.project-card__stats{gap:var(--sp-1) var(--sp-3);margin-top:var(--sp-2);font-size:var(--fs-2);color:var(--ink-muted);flex-wrap:wrap;display:flex}.project-card__stats span{white-space:nowrap}.project-card h3{font-size:var(--fs-6)}.project-card__url{color:var(--signal-ink);font-size:var(--fs-3);text-overflow:ellipsis;white-space:nowrap;margin-top:var(--sp-1);overflow:hidden}.project-card__meta{color:var(--ink-muted);font-size:var(--fs-3);margin-top:var(--sp-2)}.project-card__trend{align-items:center;gap:var(--sp-3);margin-top:var(--sp-2);display:flex}.project-card__trend>div{min-width:0}.project-card__trend .project-card__meta{margin-top:0}.project-card__band{border-radius:var(--r-pill);font-size:var(--fs-1);background:var(--surface-sunk);color:var(--ink-muted);vertical-align:middle;margin-left:.5rem;padding:.15rem .55rem;font-weight:700;display:inline-block}.project-card__band--strong{color:var(--sev-pass-ink-strong);background:var(--sev-pass-wash)}.project-card__band--failing,.project-card__band--high-risk{color:var(--sev-critical);background:var(--sev-critical-wash)}.project-card__severities{flex-wrap:wrap;gap:.35rem;margin:.35rem 0 0;display:flex}.project-card__sev{font-size:var(--fs-1);border-radius:var(--r-pill);background:var(--surface-sunk);color:var(--ink-muted);white-space:nowrap;padding:.12rem .5rem;font-weight:600}.project-card__score{color:var(--ink-muted);font-size:var(--fs-3)}.project-card__score strong{color:var(--ink-strong);font-size:var(--fs-5)}.project-card__vs{white-space:nowrap}.project-card__score+.project-card__meta{margin-top:var(--sp-1)}.project-card__actions{align-items:center;gap:var(--sp-2);flex:none;display:flex}.project-card__delete{border-color:var(--line);width:40px;height:40px}.project-card__delete:hover{color:var(--sev-critical);border-color:var(--sev-critical-edge);background:var(--sev-critical-wash)}@media (width<=1080px){.projects-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=820px){.project-card__actions{flex-wrap:wrap}}@media (width<=680px){.project-card{flex-direction:column;align-items:stretch;position:relative}.project-card__delete{top:var(--sp-3);right:var(--sp-3);position:absolute}.project-card h3,.project-card__url{padding-right:2.75rem}}.workspace-actions{gap:var(--sp-3);flex-wrap:wrap;display:flex}.workspace-grid{gap:var(--sp-4);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);display:grid}.workspace-content{gap:var(--sp-3);display:grid}.workspace-pages{padding-left:var(--sp-5);overflow-wrap:anywhere}.workspace-pages li+li{margin-top:var(--sp-2)}.workspace-runs{margin:0;padding:0;list-style:none}.workspace-runs li{justify-content:space-between;align-items:center;gap:var(--sp-3);padding-block:var(--sp-3);display:flex}.workspace-runs li+li{border-top:1px solid var(--line)}.workspace-runs p{color:var(--ink-muted);font-size:var(--fs-4)}#project-comparison{scroll-margin-top:5rem}@media (width<=720px){.workspace-grid{grid-template-columns:minmax(0,1fr)}.workspace-runs li{flex-direction:column;align-items:start}}
