.portfolio-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-block:24px 16px;position:relative;z-index:5}
.portfolio-sort{position:relative;flex:none}
.portfolio-sort-toggle{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--border-color,#b2c6d7);border-radius:13px;background:var(--bg-card,#fff);color:var(--text-main,#15243a);cursor:pointer}
.portfolio-sort-toggle:hover{border-color:var(--primary-color,#1688c4)}
.portfolio-sort-menu{position:absolute;inset-inline-start:0;top:calc(100% + 8px);width:190px;max-width:calc(100vw - 48px);padding:6px;border:1px solid var(--border-color,#b2c6d7);border-radius:14px;background:var(--bg-card,#fff);color:var(--text-main,#15243a);box-shadow:0 14px 44px #10263b24;z-index:20}
.portfolio-sort-menu[hidden]{display:none}
.portfolio-sort-menu button{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:9px 10px;background:transparent;border:0;border-radius:9px;font:inherit;font-size:.88rem;text-align:start;color:inherit;cursor:pointer}
.portfolio-sort-menu button[aria-checked=true]{background:#1688c414;color:var(--primary-color,#1688c4)}
.portfolio-sort-menu button .fa-check{visibility:hidden}
.portfolio-sort-menu button[aria-checked=true] .fa-check{visibility:visible}
.portfolio-category-controls{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.portfolio-category-controls button,.portfolio-pagination button{min-height:44px;padding:10px 15px;border-radius:12px;border:1px solid var(--border-color,#b2c6d7);background:transparent;color:inherit;font:inherit;font-size:.88rem;cursor:pointer;overflow-wrap:anywhere}
.portfolio-category-controls button[aria-pressed=true]{background:linear-gradient(135deg,#137daa,#257f79);color:#fff;border-color:transparent}
.portfolio-subfilters{display:flex;flex-wrap:wrap;gap:8px;margin-block:0 20px}
.portfolio-subfilters button{font:inherit;font-size:.82rem;color:inherit;background:transparent;border:1px solid var(--border-color,#b2c6d7);min-height:44px;border-radius:24px;padding:8px 14px;cursor:pointer}
.portfolio-subfilters button[aria-pressed=true]{background:#1688c415;border-color:#1688c4}
.portfolio-result-count{margin-block:10px 18px;font-size:.85rem;opacity:.8}
.portfolio-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-block:32px 20px}
.portfolio-pagination button:disabled{opacity:.45;cursor:default}
.portfolio-toolbar button:focus-visible,.portfolio-subfilters button:focus-visible,.portfolio-pagination button:focus-visible{outline:3px solid #238ed1;outline-offset:3px}
html[data-theme=dark] .portfolio-sort-toggle,html[data-theme=dark] .portfolio-sort-menu,body.dark-mode .portfolio-sort-toggle,body.dark-mode .portfolio-sort-menu{background:#142339;color:#edf6ff;border-color:#415570}
@media(max-width:480px){.portfolio-toolbar{gap:8px}.portfolio-category-controls{gap:6px}.portfolio-category-controls button{padding:8px 10px;font-size:.78rem;flex:1 1 110px}.portfolio-sort{align-self:flex-start}.portfolio-sort-menu{width:176px}.portfolio-subfilters{gap:6px}.portfolio-pagination{gap:10px}.portfolio-pagination button{padding-inline:12px}}

.portfolio-result-group{margin-block:24px 44px}.portfolio-result-group>h2{font-size:clamp(22px,3vw,30px);line-height:1.5;margin:0 0 20px;padding-block-end:12px;border-bottom:1px solid var(--border,rgba(125,140,180,.25))}