body{font-family:Helvetica,Arial,sans-serif;font-size:16px}header{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}nav{display:flex;gap:20px;margin-top:10px}nav a{text-decoration:none;color:#000;font-size:18px}nav a:hover{text-decoration:underline}.page-content{padding:20px}select{margin-top:10px;padding:5px;font-size:16px}body{font-family:Helvetica,Arial,sans-serif;font-size:16px;background-color:#f4f4f4;margin:0;padding:0}header{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;background-color:#007bff;color:#fff;padding:20px 0;box-shadow:0 4px 8px #0000001a}header h1{margin:0;font-size:32px}nav{display:flex;gap:20px;margin-top:10px;flex-wrap:wrap;justify-content:center}nav a{text-decoration:none;color:#fff;font-size:18px;transition:color .3s ease}nav a:hover{color:#ffdd57}.page-content{padding:20px;max-width:1200px;margin:0 auto;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}select,.search-bar{margin-top:10px;padding:10px;font-size:16px;width:100%;max-width:66.67%;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}footer{margin-top:20px;text-align:center;background-color:#007bff;color:#fff;padding:20px 0;box-shadow:0 -4px 8px #0000001a}footer nav{display:flex;justify-content:center;gap:20px;margin-bottom:10px;flex-wrap:wrap}footer nav a{text-decoration:none;color:#fff;font-size:16px;transition:color .3s ease}footer nav a:hover{color:#ffdd57}footer p{margin-top:10px;font-size:14px;color:#fff}.job-listing{list-style:none;padding:0}.job-listing li{padding:10px 0;border-bottom:1px solid #ddd}.job-listing .job-title{font-size:18px;color:#000;margin-right:10px}.job-listing .location{font-size:16px;color:#555}.job-listing .company{font-size:16px;color:#777;margin-top:5px}.back-button{display:inline-block;padding:10px 20px;font-size:16px;color:#fff;background-color:#007bff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;margin-top:20px}.back-button:hover{background-color:#0056b3}@media (max-width: 768px){header h1{font-size:24px}nav a{font-size:16px}.page-content{padding:10px}.job-listing .job-title,.job-listing .location,.job-listing .company{font-size:14px}.back-button{padding:8px 16px;font-size:14px}}@media (max-width: 480px){header h1{font-size:20px}nav a{font-size:14px}.page-content{padding:5px}.job-listing .job-title,.job-listing .location,.job-listing .company{font-size:12px}.back-button{padding:6px 12px;font-size:12px}}.article-list-container{font-family:Poppins,sans-serif;padding:1rem}.search-bar{padding:.6rem 1rem;font-size:1rem;width:100%;max-width:600px;margin:0 auto 1.5rem;display:block;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}.article-list__loading,.article-list__error,.article-list__no-articles{text-align:center;font-size:1.1rem;color:#666;margin-top:2rem}.article-listing{list-style:none;padding:0;margin:0}.article-list__item{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid #ddd;transition:background-color .2s ease}.article-list__item:hover{background-color:#f9f9f9}.article-list__image{width:180px;height:180px;object-fit:cover;border-radius:8px;flex-shrink:0}.article-details{flex-grow:1;display:flex;flex-direction:column}.article-list__date-container{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;justify-content:flex-end}.article-list__date-icon{width:1rem;height:1rem;fill:currentColor;color:#777;order:-1}.article-list__date{font-size:.9rem;color:#777;text-align:left}.article-list__title{font-size:1.3rem;font-weight:700;color:#333;text-decoration:none!important;margin-top:0;margin-bottom:.25rem;text-align:left}.article-list__link{text-decoration:none;color:inherit}.article-list__caption{font-size:.8rem;color:#777;margin-top:.2em;margin-bottom:0;text-align:left}.article-list__item .article-details .article-list__link .article-list__title{font-size:1.3rem;font-weight:700;color:#333;text-decoration:none!important;margin-top:0;margin-bottom:.25rem;text-align:left!important}strong{font-weight:700!important}
