.job-container{margin:0 auto;padding:0 0 5vh;min-height:100vh}.job-list-title{background-color:#0000;padding:0 5vw}.job-list-title h1{font-size:1.5rem;font-weight:700;color:var(--color-link);border-top:1px solid var(--color-light-gray-border);border-bottom:1px solid var(--color-light-gray-border);box-sizing:border-box;padding:3vh 0 1rem 0;margin:0;text-align:left}.job-layout{background-color:var(--color-white);padding:3vh 5vw;display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;height:70vh}.job-grid{overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;position:relative}.job-detail{padding:1.5rem;background-color:#fff;border:1.5px solid var(--color-link);box-sizing:border-box;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow-y:auto}.pagination-container{text-align:center;margin:2rem 5vw 1rem;display:flex;justify-content:center;align-items:center;gap:1rem}.pagination-numbers{display:flex;justify-content:center;align-items:center;gap:.5rem}.pagination-button{background-color:var(--color-light-gray);color:var(--color-gray-700);font-weight:500;padding:.5rem 1rem;border-radius:.375rem;border:1px solid var(--color-light-gray-border);transition:all .2s ease;cursor:pointer}.pagination-button:hover:not(:disabled){background-color:var(--color-light-gray-border)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-number{background-color:var(--color-light-gray);color:var(--color-gray-700);font-weight:500;padding:.5rem .75rem;border-radius:.375rem;border:1px solid var(--color-light-gray-border);transition:all .2s ease;cursor:pointer}.pagination-number:hover{background-color:var(--color-light-gray-border)}.pagination-number.active{background-color:var(--color-link);color:#fff;border-color:var(--color-link)}.pagination-ellipsis{padding:0 .5rem;color:var(--color-gray-700)}.jobgrid-scroll-indicator{position:absolute;bottom:0;left:0;right:0;height:40px;display:flex;justify-content:center;align-items:center;pointer-events:none;opacity:.5;transition:opacity .3s ease}.jobgrid-scroll-indicator svg{width:24px;height:24px;color:var(--color-link);animation:bounce 1.5s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 768px){.job-layout{grid-template-columns:1fr;height:auto}.job-grid{overflow-y:visible}.job-detail{margin-top:1.5rem}.jobgrid-scroll-indicator{display:none}.pagination-container{flex-wrap:wrap;gap:.5rem;margin:1.5rem 3vw}.pagination-button{padding:.4rem .8rem;font-size:.85rem}.pagination-number{padding:.4rem .6rem;font-size:.85rem}.pagination-numbers{gap:.3rem}}
