.portfolio{margin-bottom:24px}
.portfolio .portfolio-intro{max-width:85ch}
.portfolio-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:4px 22px 20px}
.portfolio-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:500}
.portfolio-form input,.portfolio-form select{width:100%;min-width:0;box-sizing:border-box}
.portfolio-form small{font-size:12px;line-height:1.5;color:var(--muted)}
.portfolio-wide{grid-column:1/-1}
.portfolio .portfolio-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.portfolio .portfolio-actions button[type=submit]{background:var(--accent);color:var(--bg)}
.portfolio-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:18px 22px;border-top:1px solid var(--line)}
.portfolio-summary div{display:flex;flex-direction:column;gap:7px}
.portfolio-summary strong{font-size:22px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.portfolio-summary span{font-size:12px;color:var(--muted)}
.portfolio-copy{padding:0 22px 18px;line-height:1.6;font-size:14px}
.portfolio-copy li{margin-bottom:6px}
.portfolio-copy summary{cursor:pointer;font-weight:700}
.portfolio .tablewrap td:nth-child(2),.portfolio .tablewrap td:last-child{font-family:inherit;text-align:left;white-space:normal;min-width:160px;max-width:320px}
.portfolio .tablewrap td small{display:block;color:var(--muted);font-size:12px}
.portfolio-error{color:var(--down);padding:0 22px}
.portfolio-sectors{display:flex;flex-wrap:wrap;gap:8px}
.portfolio-sectors label{flex-direction:row;align-items:center;font-weight:400}
.portfolio-sectors input{width:16px;min-width:16px}
@media(max-width:950px){.portfolio-form{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.portfolio-form{grid-template-columns:1fr;padding:4px 16px 18px}.portfolio-copy{padding:0 16px 18px}.portfolio-summary{padding:16px}.portfolio-summary strong{font-size:18px}}