.projects-page{padding-block:clamp(2rem,5vw,4rem)}.projects-page__wrap{gap:var(--sp-6);display:grid}.projects-page__head{justify-content:space-between;align-items:end;gap:var(--sp-5);flex-wrap:wrap;display:flex}.projects-page__head h1{margin-top:var(--sp-1);font-size:clamp(2rem,4vw,2.7rem)}.projects-page__head>div:first-child>p:last-child{color:var(--ink-muted);max-width:60ch;margin-top:var(--sp-3);font-size:1.0625rem}.projects-local-note{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:.9375rem;display:flex}.projects-local-note svg{color:var(--signal-ink);flex:none}.projects-alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);background:var(--sev-critical-wash);color:var(--sev-critical);border:1px solid oklch(86% .05 27)}.projects-grid{gap:var(--sp-6);grid-template-columns:minmax(18rem,24rem) minmax(0,1fr);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:.9375rem}.project-list{gap:var(--sp-4);display:grid}.project-list__head{border-bottom:1px solid var(--line);padding-bottom:var(--sp-3);justify-content:space-between;align-items:center;display:flex}.project-list__head h2{font-size:1.35rem}.project-cards{gap:var(--sp-3);display:grid}.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{min-width:0}.project-card h3{font-size:1.1rem}.project-card__url{color:var(--signal-ink);text-overflow:ellipsis;white-space:nowrap;margin-top:var(--sp-1);font-size:.875rem;overflow:hidden}.project-card__meta{color:var(--ink-muted);margin-top:var(--sp-2);font-size:.875rem}.project-card__actions{align-items:center;gap:var(--sp-2);flex:none;display:flex}.project-card__delete{border:1px solid var(--line);border-radius:var(--r-sm);width:40px;height:40px;color:var(--ink-muted);place-items:center;display:inline-grid}.project-card__delete:hover{color:var(--sev-critical);background:var(--sev-critical-wash);border-color:oklch(86% .05 27)}.project-empty{place-items:center;gap:var(--sp-2);min-height:12rem;padding:var(--sp-6);border:1px dashed var(--line-strong);border-radius:var(--r-md);color:var(--ink-muted);text-align:center;display:grid}.project-empty strong{color:var(--ink-strong)}@media (width<=900px){.projects-grid{grid-template-columns:1fr}}@media (width<=680px){.project-card{flex-direction:column;align-items:stretch}.project-card__actions{flex-wrap:wrap}}