@charset "utf-8";
/* CSS Document */
.careers-container{max-width:1400px;margin:0 auto;padding:2rem;font-family:Arial,sans-serif;display:grid;grid-template-columns:300px 1fr;gap:2rem}.main-content{width:100%}.main-content h1{margin-bottom:1.5rem;color:#333}.filter-toggle-btn{display:none;width:100%;padding:12px 15px;margin-bottom:15px;background-color:#0056b3;color:#fff;border:none;border-radius:4px;text-align:left;font-weight:700;cursor:pointer;font-size:16px;box-shadow:0 2px 4px rgb(0 0 0 / .1);transition:background-color 0.3s ease}.filter-toggle-btn:hover{background-color:#004494}.filter-toggle-btn i{margin-right:8px}.filter-sidebar{background-color:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px;max-width:250px;box-shadow:0 2px 5px rgb(0 0 0 / .05)}.filter-sidebar h2{font-size:1.4rem;margin-top:0;margin-bottom:15px;color:#333;border-bottom:2px solid #eee;padding-bottom:8px}.filter-section{display:flex;flex-direction:column}.filter-button{display:block;width:100%;text-align:left;padding:8px 12px;margin-bottom:8px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;transition:all 0.2s ease;font-size:.95rem;color:#555;position:relative;overflow:hidden;cursor:pointer}.filter-button:hover{background-color:#e8e8e8;color:#333;transform:translateX(3px)}.filter-button.active{background-color:#0056b3;color:#fff;border-color:#0056b3;font-weight:500;box-shadow:0 2px 4px rgb(0 86 179 / .3)}.filter-button.active::before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background-color:#003d7a}.filter-button:active{transform:scale(.98)}.jobs-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.job-card{border:1px solid #ddd;border-radius:8px;padding:1.5rem;background-color:#fff;box-shadow:0 2px 5px rgb(0 0 0 / .05);transition:all 0.3s ease;opacity:1}.job-card:hover{box-shadow:0 5px 15px rgb(0 0 0 / .1);transform:translateY(-3px)}.job-title{color:#0056b3;margin-top:0;margin-bottom:.5rem;font-size:1.5rem}.job-details{color:#666;margin-bottom:1rem;font-size:.9rem}.job-description{position:relative;max-height:100px;overflow:hidden;transition:max-height 0.3s ease}.job-description.expanded{max-height:1000px}.fade-overlay{position:absolute;bottom:0;left:0;width:100%;height:50px;background:linear-gradient(to bottom,#fff0,rgb(255 255 255));pointer-events:none}.job-description.expanded .fade-overlay{display:none}.read-more-btn{display:inline-block;margin-top:.5rem;padding:.5rem 1rem;background-color:#0056b3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color 0.3s ease;text-decoration:none}.read-more-btn:hover{background-color:#004494}@keyframes pulse-highlight{0%{box-shadow:0 0 0 0 rgb(0 86 179 / .7)}70%{box-shadow:0 0 0 10px #fff0}100%{box-shadow:0 0 0 0 #fff0}}.pulse-highlight{animation:pulse-highlight 0.8s ease-out}.fade-in{opacity:1}.fade-out{opacity:0}@media (max-width:992px){.careers-container{grid-template-columns:250px 1fr;gap:1.5rem}}@media (max-width:768px){.careers-container{grid-template-columns:1fr;padding:1rem}.filter-toggle-btn{display:block;order:1}.filter-sidebar{max-width:100%;max-height:0;overflow:hidden;padding:0;transition:max-height 0.3s ease,padding 0.3s ease;margin-bottom:0;order:2}.filter-sidebar.expanded{max-height:300px;padding:15px;margin-bottom:20px}.main-content{order:3}.filter-button{padding:10px 15px;margin-bottom:10px;font-size:1rem}.job-card{padding:1.25rem}.job-title{font-size:1.3rem}}@media (max-width:480px){.careers-container{padding:.75rem}.job-card{padding:1rem}.job-title{font-size:1.2rem}.read-more-btn{width:100%;text-align:center}}