.position-detail-section{min-height:100vh;background-color:#fff;padding:2rem 0}.position-detail-container{max-width:800px;margin:0 auto;padding:0 1.5rem;background-color:#fff}.position-header{padding:2rem 1rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:flex-start;gap:1.5rem}.position-header-logo{width:60px;height:60px;border-radius:8px;object-fit:cover;border:1px solid #e5e7eb;flex-shrink:0}.position-header-main{flex:1;min-width:0}.position-header-title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.5rem;line-height:1.2}.position-header-company{font-size:1.125rem;font-weight:500;color:#2563eb;margin-bottom:1rem;text-decoration:none}.position-header-company:hover{text-decoration:underline}.position-header-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.875rem;color:#6b7280}.position-header-meta span{display:flex;align-items:center;gap:.5rem}.position-header-meta span:before{content:"📋";font-size:.75rem}.position-header-meta span:nth-child(2):before{content:"👔"}.position-header-meta span:nth-child(3):before{content:"📅"}.position-header-salary{margin-bottom:1.5rem;font-size:1rem;color:#059669;font-weight:600}.position-header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.apply-btn{background-color:var(--primary-color);color:white;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.apply-btn:hover{background-color:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.share-btn{background-color:white;color:#6b7280;padding:.75rem 1.5rem;border-radius:6px;border:1px solid #d1d5db;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.share-btn:hover{background-color:#f9fafb;color:#374151;border-color:#9ca3af}.position-detail-container h2{font-size:1.25rem;font-weight:600;color:#111827;margin:2rem 2rem 1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.position-detail-container p{padding:0 2rem;margin-bottom:2rem;color:#4b5563;font-size:.95rem;line-height:1.6}.position-detail-container ul{padding:0 1.5rem 1.5rem;margin:0;list-style:none}.position-detail-container ul li{color:#4b5563;font-size:.95rem;line-height:1.5;margin-bottom:.4rem;padding-left:1.1rem;position:relative}.position-detail-container ul li:before{content:"•";color:var(--primary-color);font-size:1.1rem;font-weight:700;position:absolute;left:0;top:-.1rem;background:none;width:auto;height:auto;border-radius:0;display:inline}.position-header{animation:fadeIn .6s ease-out}.position-detail-container h2{animation:slideInLeft .5s ease-out}.position-detail-container p,.position-detail-container ul{animation:fadeInUp .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.position-detail-section{padding:1rem 0}.position-detail-container{margin:0 1rem;border-radius:8px}.position-header{padding:1.5rem;flex-direction:column;text-align:left;gap:1rem}.position-header-logo{width:50px;height:50px;align-self:flex-start;margin-bottom:.5rem}.position-header-title{font-size:1.25rem;margin-bottom:.2rem;margin-left:0}.position-header-company{font-size:.98rem;margin-left:0;margin-bottom:.5rem}.position-header-meta{justify-content:flex-start;font-size:.8rem;margin-left:0;margin-bottom:.5rem;flex-direction:column;gap:.2rem}.position-header-salary{font-size:.9rem;margin-left:0;margin-bottom:.7rem}.position-header-actions{justify-content:flex-start;width:100%;gap:.5rem}.apply-btn,.share-btn{flex:unset;justify-content:flex-start;width:auto;margin-left:0}.position-detail-container h2{font-size:1.125rem;margin:1.5rem 1.5rem .75rem}.position-detail-container p{padding:0 1.5rem;font-size:.9rem}.position-detail-container ul{padding:0 1.5rem 1.5rem}.position-detail-container ul li{font-size:.9rem}}@media (max-width:480px){.position-header{padding:1rem}.position-header-title{font-size:1.375rem}.position-header-meta{flex-direction:column;gap:.5rem}.position-header-actions{flex-direction:column}.apply-btn,.share-btn{width:100%}.position-detail-container h2{margin:1rem 1rem .5rem}.position-detail-container p{padding:0 1rem}.position-detail-container ul{padding:0 1rem 1rem}}