/* job-detail.css M3 */
.detail-wrap{padding:0 0 calc(var(--detail-cta-h) + 8px)}
.detail-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}
.detail-body{padding:0 16px 16px}
.detail-body h2{font-size:24px;margin:0 0 12px}
.detail-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;font-size:14px}
.detail-section{margin-bottom:16px}
.detail-section h4{margin:0 0 8px;font-size:15px}
.md-body{font-size:14px;color:var(--color-text)}
.md-body ul{padding-left:20px}
.benefit-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.benefit-tags span{font-size:12px;padding:6px 10px;border-radius:8px;background:#ECFDF5;color:#047857}
.detail-cta-bar{position:fixed;left:0;right:0;bottom:calc(var(--contact-footer-h) + env(safe-area-inset-bottom));padding:12px 16px;background:#fff;box-shadow:0 -2px 12px rgba(0,0,0,.08);z-index:100}
.detail-slide{animation:slideIn .3s ease-out}
@keyframes slideIn{from{transform:translateX(20px);opacity:0}to{opacity:1;transform:none}}
.closed-mask,.detail-body.is-closed::after{content:''}
.detail-body.is-closed{position:relative}
.closed-mask{position:absolute;inset:0;background:rgba(255,255,255,.75);display:flex;align-items:center;justify-content:center;font-weight:600;color:#EF4444}