.portfolio{color:var(--foreground);background:var(--background);overflow-wrap:anywhere;min-height:70vh;container-type:inline-size}.portfolio-light{--background:#f4f4ef;--foreground:#20211d;--panel:#fbfbf7;--line:#dcdcd4;--muted:#686960}.portfolio button,.studio-actions button,.studio-fields button,.studio-toolbar button,.studio-preview-toolbar button,.portfolio-share button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--foreground);cursor:pointer;padding:.55rem .85rem}.portfolio button:disabled,.profile-studio button:disabled{opacity:.5;cursor:not-allowed}.portfolio :focus-visible,.profile-studio :focus-visible,.profile-directory-filters :focus-visible{outline:2px solid var(--foreground);outline-offset:3px}.portfolio-hero,.portfolio-grid,.portfolio-tabs,.portfolio-tracker-section,.portfolio-coaching,.portfolio-comments,.portfolio-footer{max-width:72rem;margin-inline:auto}.portfolio-cover{background:linear-gradient(130deg, var(--panel), var(--portfolio-accent));border-bottom:3px solid var(--portfolio-accent);height:clamp(9rem,26cqw,23rem);overflow:hidden}.portfolio-cover img{object-fit:cover;width:100%;height:100%}.portfolio-identity{align-items:center;gap:1.5rem;margin-top:-2rem;padding:0 2rem 1.5rem;display:flex;position:relative}.portfolio-identity>div:nth-child(2){flex:1;min-width:0;padding-top:2.8rem}.portfolio-avatar{background:var(--panel);border:5px solid var(--background);border-radius:var(--portfolio-radius);flex-shrink:0;place-items:center;width:8rem;height:8rem;font-size:3rem;display:grid;overflow:hidden}.portfolio-avatar img{object-fit:cover;width:100%;height:100%}.portfolio-kicker{letter-spacing:.15em;color:var(--muted);margin-bottom:.6rem;font:600 .65rem monospace}.portfolio h1{margin-bottom:.3rem;font-size:clamp(1.8rem,4cqw,3rem);line-height:1.1}.portfolio h2{margin-bottom:1rem;font-size:1.2rem;font-weight:650}.portfolio h3{margin-block:.6rem;font-size:1.3rem;font-weight:600}.portfolio p{margin-bottom:.75rem;line-height:1.65}.portfolio-handle,.portfolio small{color:var(--muted)}.portfolio a{color:var(--foreground);text-underline-offset:4px;align-items:center;gap:.35rem;text-decoration:underline;display:inline-flex}.portfolio-career{flex-wrap:wrap;gap:.6rem;padding:0 2rem 1.5rem;display:flex}.portfolio-career span{border:1px solid var(--line);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.8rem;display:inline-flex}.portfolio-tabs{border-bottom:1px solid var(--line);gap:1.5rem;padding:0 2rem;display:flex}.portfolio-tabs button{background:0 0;border:0;border-radius:0;padding:1rem .2rem}.portfolio-tabs button[aria-current]{border-bottom:3px solid var(--portfolio-accent);font-weight:700}.portfolio-grid{gap:var(--portfolio-gap);grid-template-columns:repeat(12,minmax(0,1fr));padding:2rem;display:grid}.portfolio-block{border:1px solid var(--line);border-radius:var(--portfolio-radius);background:var(--panel);min-width:0;padding:1.5rem}.portfolio-width-third{grid-column:span 4}.portfolio-width-half{grid-column:span 6}.portfolio-width-full{grid-column:span 12}.portfolio-prose{white-space:pre-wrap}.portfolio-block-image{aspect-ratio:16/9;object-fit:cover;border-radius:var(--portfolio-radius);width:100%;display:block}.portfolio-items>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.8rem 0;display:flex}.portfolio-items>div:last-child{border-bottom:0}.portfolio-items dt{color:var(--muted)}.portfolio-items dd{text-align:right;white-space:pre-wrap}.portfolio-items dd a{margin-left:.6rem}.portfolio-tracker-section,.portfolio-coaching,.portfolio-comments{padding:2rem}.portfolio-tracker-section>.portfolio-grid,.portfolio-coaching>.portfolio-grid{padding:1rem 0}.portfolio-tracker-top{justify-content:space-between;gap:1rem;font-size:.75rem;display:flex}.portfolio-source{color:var(--muted);align-items:center;gap:.5rem;display:flex}.portfolio-footer{border-top:1px solid var(--line);justify-content:space-between;gap:1rem;padding:2rem;font-size:.75rem;display:flex}.portfolio-empty{text-align:center;padding:3rem}.portfolio-share{background:var(--panel);justify-content:space-between;padding:.75rem 2rem;display:flex}.portfolio-comments article{border-bottom:1px solid var(--line);padding:1rem 0}.portfolio-comments article button{margin-left:1rem}.portfolio-comments form{padding-top:1rem}.portfolio-comments label{gap:.5rem;display:grid}.portfolio-comments textarea{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);min-height:6rem;padding:.8rem}.profile-studio-dialog{flex-direction:column;height:94vh;padding:1.25rem;display:flex;overflow:hidden;width:96vw!important;max-width:96vw!important}.profile-studio{flex-direction:column;flex:1;min-height:0;font-size:.85rem;display:flex}.pasu-page>.profile-studio{min-height:calc(100vh - 10rem)}.studio-guide{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);grid-template-columns:minmax(16rem,1fr) auto;gap:1rem 2rem;margin-bottom:.5rem;padding:1rem;display:grid}.studio-guide h2{font-size:1.1rem;font-weight:700}.studio-guide>div>p:last-child{color:var(--muted);margin-top:.35rem}.studio-guide-progress{align-content:center;gap:.35rem;min-width:9rem;display:grid}.studio-guide-progress strong{font-size:1.1rem}.studio-guide-progress progress{width:100%;accent-color:var(--portfolio-accent,var(--foreground))}.studio-guide-steps{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.5rem;display:grid}.studio-guide-steps button{text-align:left;align-items:center;gap:.5rem;display:flex}.studio-guide-steps button.complete{color:var(--muted)}.studio-toolbar,.studio-preview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.studio-actions{flex-wrap:wrap;gap:.5rem;display:flex}.studio-actions>a{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--foreground);align-items:center;padding:.55rem .85rem;display:inline-flex}.studio-publish{font-weight:700;border-width:2px!important}.studio-status{white-space:pre-wrap;max-height:6rem;overflow:auto}.studio-workspace{border-top:1px solid var(--line);flex:1;grid-template-columns:minmax(18rem,30%) minmax(0,1fr);min-height:0;display:grid}.studio-workspace>aside{border-right:1px solid var(--line);padding:1rem;overflow:auto}.studio-preview-area{background:var(--panel);min-width:0;padding:1rem;overflow:auto}.studio-nav{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.studio-nav button{border-bottom:2px solid #0000;padding:.45rem}.studio-nav button[aria-current]{border-color:var(--foreground);font-weight:700}.studio-fields{border:0;gap:.9rem;min-width:0;display:grid}.studio-fields label{gap:.4rem;display:grid}:is(.studio-fields label:has(input[type=checkbox]),.studio-fields label:has(input[type=radio])){align-items:center;display:flex}.studio-fields input:not([type=checkbox]):not([type=radio]):not([type=range]),.studio-fields textarea,.studio-fields select{width:100%;min-width:0;color:var(--foreground);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.6rem}.studio-fields textarea{resize:vertical;min-height:6rem}.studio-fields input[type=color]{height:2.8rem}.studio-fields input[type=file]{font-size:.75rem}.studio-upload{border:1px dashed var(--line);border-radius:var(--radius-sm);padding:.75rem}.studio-upload p{color:var(--muted);margin-top:.5rem}.studio-preview{border:1px solid var(--line);border-radius:var(--radius);width:100%;margin-inline:auto;overflow:hidden;container-type:inline-size}.studio-preview-mobile{max-width:390px}.studio-list-item,.studio-block-editor{border:1px solid var(--line);border-radius:var(--radius-sm);gap:.8rem;padding:.9rem;display:grid}.studio-block-list{gap:.5rem;display:grid}.studio-block-list li{gap:.3rem;display:flex}.studio-block-list li button:first-child{text-align:left;cursor:grab;flex:1}.studio-block-list button[aria-pressed=true]{border-color:var(--foreground)}.profile-directory-filters{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));align-items:end;margin-block:1.5rem}.profile-directory-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem;margin-block:1.5rem;display:grid}.profile-directory-presets{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.profile-directory-presets button{border:1px solid var(--line);color:var(--muted);background:var(--panel);border-radius:999px;padding:8px 13px}.profile-directory-presets button.active{border-color:var(--accent);color:var(--foreground);background:color-mix(in srgb, var(--accent) 14%, var(--panel))}.profile-directory-identity{align-items:center;gap:12px;display:flex}.profile-directory-avatar{border:1px solid var(--line);object-fit:cover;background:var(--panel);border-radius:50%;flex:0 0 52px;width:52px;height:52px}.profile-directory-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:1.5rem}.profile-directory-card h2{font-size:1.5rem}.profile-directory-card p{margin-block:.75rem}@container (width<=600px){.portfolio-identity{flex-wrap:wrap;gap:.8rem;padding-inline:1rem}.portfolio-identity>div:nth-child(2){padding-top:2.3rem}.portfolio-avatar{width:5rem;height:5rem}.portfolio-identity>a{margin-top:.5rem}.portfolio-career,.portfolio-tabs{padding-inline:1rem}.portfolio-grid{padding:1rem}.portfolio-width-third,.portfolio-width-half,.portfolio-width-full{grid-column:span 12}.portfolio-tracker-section,.portfolio-coaching,.portfolio-comments{padding:1rem}.portfolio-items>div{flex-wrap:wrap}.portfolio-items dd{text-align:left}.portfolio-footer{padding:1rem}}@media (width<=900px){.studio-guide{grid-template-columns:1fr}.studio-guide-progress,.studio-guide-steps{grid-column:1}.studio-workspace{display:block;overflow:auto}.studio-workspace>aside,.studio-preview-area{overflow:visible}.profile-studio-dialog{padding:.8rem}.studio-toolbar{padding-right:1rem}}@media (prefers-reduced-motion:reduce){.portfolio *,.profile-studio *{scroll-behavior:auto!important;transition:none!important}}