/* Ordinary portfolio actions only; stateful controls and embedded products keep their roles. */
:root{--cta-radius:4px;--cta-border-width:2px;--cta-pad-block:12px;--cta-pad-inline:18px;--cta-gap:8px;--cta-group-gap:12px;--cta-foreground:#102c3b}
html[data-theme=dark]{--cta-foreground:#eaf1f2}
.portfolio-shell{--cta-outline:var(--global-accent-strong,#07515c);--cta-tint:var(--global-accent-soft,#eaf4f3)}
.portfolio-shell main,.portfolio-shell [data-accent]{--cta-outline:var(--local-strong,var(--global-accent-strong));--cta-tint:var(--local-soft,var(--global-accent-soft))}
.portfolio-shell .portfolio-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:var(--cta-gap)!important;box-sizing:border-box!important;min-width:0;max-width:100%!important;width:auto;min-height:44px!important;height:auto!important;padding:var(--cta-pad-block) var(--cta-pad-inline)!important;border:var(--cta-border-width) solid var(--cta-outline)!important;border-radius:var(--cta-radius)!important;background:transparent!important;color:var(--cta-foreground)!important;font-family:'DM Sans',sans-serif!important;font-size:16px!important;font-weight:500!important;line-height:1.45!important;text-align:center!important;text-decoration:none!important;white-space:normal!important;box-shadow:none!important;cursor:pointer;transition:background-color .16s ease,box-shadow .16s ease}
.portfolio-shell .portfolio-cta:hover{background:var(--cta-tint)!important;text-decoration:none!important}
.portfolio-shell .portfolio-cta:focus-visible{outline:3px solid var(--cta-outline)!important;outline-offset:4px!important;box-shadow:none!important}
.portfolio-shell .portfolio-cta:active{background:var(--cta-tint)!important;box-shadow:inset 0 0 0 1px var(--cta-outline)!important}
.portfolio-shell .portfolio-cta:is(:disabled,[aria-disabled=true]){color:var(--component-muted,#49616c)!important;cursor:not-allowed;border-style:dashed!important;box-shadow:none!important}
.portfolio-shell .portfolio-cta .portfolio-cta-label{flex:0 1 auto;min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal}
.portfolio-shell .portfolio-cta :is(.portfolio-cta-icon,svg){flex:0 0 auto;white-space:nowrap;line-height:1;width:1em;min-width:1em}
.portfolio-shell .portfolio-left-nav .portfolio-header-actions{gap:var(--cta-group-gap)}
.portfolio-shell .portfolio-left-nav .portfolio-cta{font-size:13px!important;padding-inline:12px!important}
.portfolio-shell .portfolio-left-nav .portfolio-resume-download{width:100%}
.portfolio-shell :is(.work-header-actions,.work-system-actions,.portfolio-case-close){gap:var(--cta-group-gap)!important;align-items:center}
.portfolio-shell .portfolio-case-close .portfolio-cta{margin:0!important}
.portfolio-shell .site-footer .portfolio-cta.back-top{--cta-foreground:var(--footer-link,#fff2ce);--cta-outline:var(--global-accent-dark,#8dd6d8);--cta-tint:#ffffff12;color:var(--cta-foreground)!important}
.portfolio-shell .site-footer .portfolio-cta.back-top.has-clear-gutter{--cta-foreground:var(--component-ink,#102c3b);--cta-outline:var(--global-accent-strong)}
.portfolio-shell main .portfolio-tabs [role=tab]{min-height:44px;box-sizing:border-box}
@media(max-width:414px){
 .portfolio-shell :is(.work-header-actions,.work-system-actions,.portfolio-case-close){display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:var(--cta-group-gap)!important}
 .portfolio-shell :is(.work-header-actions,.work-system-actions,.portfolio-case-close)>.portfolio-cta{width:100%!important;flex:none!important}
 .portfolio-shell .portfolio-cta{padding-inline:16px!important}
}
@media(prefers-reduced-motion:reduce){.portfolio-shell .portfolio-cta{transition:none}}