.portfolio{max-width:86rem;margin:0 auto}.portfolio-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.portfolio-head h1{margin:0;max-width:20ch;font-size:clamp(1.85rem,4vw,3.25rem);line-height:1.02;letter-spacing:-.035em}.portfolio-head p{max-width:58ch;margin:.65rem 0 0;color:var(--text-secondary);line-height:1.6}.portfolio button,.portfolio-action{min-height:44px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.65rem 1rem;background:var(--bg-surface);color:var(--text-primary);cursor:pointer;font-weight:650}.portfolio-action{border-color:var(--brand-600);background:var(--brand-600);color:var(--text-on-brand)}.portfolio-grid{display:grid;gap:1.5rem}.portfolio-panel{min-width:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface)}.portfolio-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem;border-bottom:1px solid var(--border)}.portfolio input,.portfolio select,.portfolio textarea{width:100%;min-height:44px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.7rem .8rem;background:var(--bg-surface);color:var(--text-primary);font:inherit;font-size:1rem}.portfolio textarea{min-height:7rem;resize:vertical}.portfolio-search{flex:1 1 15rem}.portfolio-list{margin:0;padding:0;list-style:none}.portfolio-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem;border-bottom:1px solid var(--border)}.portfolio-row:last-child{border-bottom:0}.portfolio-row strong{display:block;overflow-wrap:anywhere}.portfolio-row p{margin:.3rem 0 0;color:var(--text-secondary);line-height:1.45}.portfolio-row-actions{display:flex;flex-wrap:wrap;justify-content:end;gap:.4rem}.portfolio-row-actions button{min-height:40px;padding:.45rem .65rem;font-size:.88rem}.portfolio-row-actions .danger{color:var(--danger-600)}.portfolio-empty{padding:3rem 1.25rem;text-align:center;color:var(--text-secondary)}.portfolio-form{padding:1.25rem}.portfolio-form h2{margin:0 0 1.25rem;font-size:1.2rem}.portfolio-fields{display:grid;gap:1rem}.portfolio-field{display:grid;gap:.4rem;color:var(--text-secondary);font-size:.9rem;font-weight:600}.portfolio-field-wide{grid-column:1/-1}.portfolio-submit{width:100%;margin-top:1.25rem;border-color:var(--brand-600)!important;background:var(--brand-600)!important;color:var(--text-on-brand)!important}.portfolio-message{margin:0 0 1rem;padding:.8rem;border-radius:var(--radius-sm);background:var(--danger-100);color:var(--danger-600)}.portfolio-meta{display:inline-block;margin-top:.45rem;border-radius:999px;padding:.2rem .5rem;background:var(--bg-subtle);color:var(--text-secondary);font-size:.75rem}@media (min-width:980px){.portfolio-grid{grid-template-columns:minmax(0,1.65fr) minmax(20rem,.75fr);align-items:start}.portfolio-form{position:sticky;top:6rem}.portfolio-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.portfolio-head{align-items:start;flex-direction:column}.portfolio-action{width:100%}.portfolio-row{grid-template-columns:1fr}.portfolio-row-actions{justify-content:start}}