.experience-pagination-portal{display:flex;justify-content:center;margin-top:1.6rem;width:100%;box-sizing:border-box;padding:0 var(--spacing-md)}.experience-pagination-portal .pagination-controls,.pagination-controls{display:flex;gap:1rem;align-items:center;justify-content:center;max-width:1200px;width:100%}.experience-pagination-portal .pagination-controls button,.pagination-button{padding:.6rem .9rem;border-radius:8px;border:1px solid var(--m3-color-outline);background:transparent;color:var(--m3-color-on-surface);cursor:pointer;transition:background .12s ease,color .12s ease,transform .08s ease}@media(hover:hover){.experience-pagination-portal .pagination-controls button:hover:not(:disabled),.pagination-button:hover:not(:disabled){background:var(--color-accent);color:var(--m3-color-on-primary);transform:translateY(-1px)}}.experience-pagination-portal .pagination-controls button:disabled,.experience-pagination-portal .pagination-controls button[aria-disabled=true],.pagination-button:disabled,.pagination-button[aria-disabled=true]{opacity:.6;cursor:not-allowed;background:transparent;color:var(--m3-color-on-surface-variant)}.experience-pagination-portal .pagination-controls>div,.pagination-info{padding:.45rem .9rem;border-radius:999px;background:var(--m3-color-surface-variant);color:var(--m3-color-on-surface-variant);font-weight:600;box-shadow:0 1px 2px #0000000a}.experience-controls{display:flex;gap:var(--spacing-md);flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);padding:0 var(--spacing-md)}.experience-controls .control-pair{display:flex!important;display:inline-flex!important;align-items:center;gap:.8rem;flex-wrap:nowrap}.experience-controls .control-label{color:var(--m3-color-on-surface-variant);font-size:var(--m3-font-label-medium);font-weight:600;white-space:nowrap;flex-shrink:0}.experience-controls .control-select{padding:.5rem .75rem;font-size:var(--m3-font-body-medium);border:1px solid var(--m3-color-outline);border-radius:8px;background:var(--m3-color-surface);color:var(--m3-color-on-surface);min-width:8rem;box-shadow:0 1px 2px #0000000a;transition:border-color .15s ease,box-shadow .15s ease,transform .12s ease}.experience-controls .control-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 6px 18px #0000000f}.experience-controls .control-select.compact{padding:.35rem .6rem;min-width:6.4rem}.experience-controls .btn-reset{padding:.5rem .85rem;border:1px solid var(--m3-color-outline);border-radius:8px;background:transparent;color:var(--m3-color-on-surface);cursor:pointer;transition:background-color .12s ease,color .12s ease,transform .08s ease,box-shadow .12s ease}@media(hover:hover){.experience-controls .btn-reset:hover{transform:translateY(-1px)}}.experience-controls .btn-reset:focus{outline:none;box-shadow:0 0 0 4px color-mix(in oklab,var(--color-accent) 20%,transparent);transform:translateY(-1px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dropdown{position:relative;display:inline-block;vertical-align:middle}.dropdown-toggle{display:inline-flex;align-items:center;justify-content:space-between;gap:.6rem;min-width:12rem;padding:.5rem .75rem;border:1px solid var(--m3-color-outline);border-radius:8px;background:var(--m3-color-surface);color:var(--m3-color-on-surface);cursor:pointer;box-shadow:0 1px 2px #0000000a;text-align:left}.dropdown-toggle:focus{outline:none;border-color:var(--color-accent);box-shadow:0 6px 18px #0000000f}.dropdown-panel{position:absolute;z-index:30;top:calc(100% + .6rem);left:0;min-width:12rem;max-width:22rem;max-height:220px;overflow:auto;background:var(--m3-color-surface);border:1px solid var(--m3-color-outline);border-radius:8px;padding:.35rem;box-shadow:0 8px 24px #00000014;display:none}.dropdown-panel.open{display:block}.dropdown-item{display:flex;gap:.6rem;align-items:center;padding:.45rem .6rem;border-radius:6px;cursor:pointer;color:var(--m3-color-on-surface);font-size:var(--m3-font-body-medium)}.dropdown-item:hover{background:color-mix(in oklab,var(--color-accent) 6%,transparent)}.dropdown-item input[type=checkbox]{width:1.05rem;height:1.05rem;margin:0;accent-color:var(--color-accent)}@media(max-width:640px){.dropdown-toggle{min-width:10rem}.dropdown-panel{min-width:10rem;max-width:100vw;left:0;right:0}}.experience-controls .btn-reset,.project-controls .btn-reset{background-color:var(--color-accent);color:var(--m3-color-on-primary);border-color:var(--color-accent);box-shadow:0 4px 10px #00000014;transform:translateY(0);transition:background-color .12s ease,color .12s ease,transform .08s ease,box-shadow .12s ease}@media(hover:hover){.experience-controls .btn-reset:hover,.project-controls .btn-reset:hover{background-color:color-mix(in oklab,var(--color-accent) 88%,black 12%);color:var(--m3-color-on-primary);transform:translateY(-1px);box-shadow:0 6px 14px #0000001a}}.experience-controls .btn-reset:active,.project-controls .btn-reset:active{background-color:color-mix(in oklab,var(--color-accent) 80%,black 20%);transform:translateY(0)}.experience-controls .btn-reset:focus,.project-controls .btn-reset:focus{outline:none;box-shadow:0 0 0 4px color-mix(in oklab,var(--color-accent) 20%,transparent);border-color:color-mix(in oklab,var(--color-accent) 60%,black 10%)}