.portfolio-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;margin-top:24px;align-items:start}.portfolio-layout>nav{min-width:0}#portfolioList{display:grid;gap:10px}#portfolioList button{text-align:left;display:grid;gap:4px;width:100%;background:white;color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:16px;font-size:16px}#portfolioList button[aria-current=true]{border-color:var(--orange);box-shadow:inset 3px 0 var(--orange)}#portfolioList small{font-size:14px;color:var(--muted)}#portfolioDetail{min-width:0;padding:24px;border:1px solid var(--line);border-radius:20px;background:white}#portfolioDetail:empty{display:none}#portfolioDetail p{white-space:pre-line;overflow-wrap:anywhere}#portfolioDetail h2{font-size:25px}#portfolioDetail h3{margin-top:26px}#portfolioDetail form{display:grid;gap:18px}.portfolio-field{display:grid;gap:8px;font-weight:600}.portfolio-field small{font-weight:400;font-size:14px;color:var(--muted)}.portfolio-field input,.portfolio-field textarea,.portfolio-field select{width:100%;min-width:0;min-height:48px;padding:12px;border:1px solid #aeb3a8;border-radius:10px;background:#fff;color:var(--ink);font:16px/1.6 system-ui}.portfolio-field textarea{resize:vertical}.portfolio-check{display:flex;align-items:flex-start;gap:10px;font-weight:400}.portfolio-check input{flex:0 0 22px;width:22px;height:22px;margin:3px 0 0;accent-color:var(--orange)}.portfolio-actions{display:flex;flex-wrap:wrap;gap:10px}.portfolio-actions>*{flex:1;min-width:150px}.portfolio-help,.portfolio-result{background:#fff2e8;border-radius:12px;padding:16px}.portfolio-result{border-left:4px solid var(--orange);margin:16px 0}.portfolio-steps{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none;font-size:14px}.portfolio-steps li{border-radius:8px;padding:6px 10px;background:#f1f2ed}.portfolio-steps [aria-current=step]{background:var(--orange);color:white}.portfolio-files{display:grid;gap:12px;margin:12px 0}.portfolio-files a{color:var(--orange);text-decoration:underline;overflow-wrap:anywhere}.start-courses{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.portfolio-history{margin-top:24px;border-top:1px solid var(--line);padding-top:12px}.portfolio-history article{border-bottom:1px solid var(--line);padding:12px 0}.portfolio-score{font-size:22px;font-weight:750}#pageStatus{white-space:pre-line;color:#85400e}#morePortfolio{margin-top:12px;width:100%}.portfolio-note{background:#f6f7f2;padding:12px;border-radius:10px}button:disabled{cursor:wait}@media(max-width:740px){.portfolio-layout{grid-template-columns:1fr;gap:16px}#portfolioDetail{padding:20px 16px}#portfolioList{display:flex;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity}#portfolioList button{flex:0 0 240px;scroll-snap-align:start}.portfolio-layout>nav{max-width:100%}h1{font-size:27px;line-height:1.4}.portfolio-actions{flex-direction:column}.edu-top{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.portfolio-field select{appearance:auto}.portfolio-files>div{padding:10px;border:1px solid var(--line);border-radius:10px}.portfolio-files .portfolio-files{margin:4px 0}#portfolioDetail .portfolio-result h3{margin-top:0}