.public-assignment > header { background:#fff; }
.assignment-page, .assignment-page *, .assignment-page *::before, .assignment-page *::after { box-sizing:border-box; }
.assignment-page { padding:10px 20px 20px; background:#fff; color:#191919; font-size:16px; }
.assignment-navigation { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:10px; min-height:46px; }
.assignment-breadcrumb { padding-left:10px; font-size:15px; }
.assignment-mobile-back { display:none; }
.assignment-post { display:inline-flex; gap:12px; align-items:center; justify-content:center; padding:12px 16px; border:1px solid #ff640b; border-radius:7px; color:#ff5d00; text-decoration:none; font-weight:600; white-space:nowrap; }
.assignment-post i { font-size:22px; }
.assignment-panel { border:1px solid #dedede; border-radius:9px; overflow:hidden; }
.assignment-hero { display:grid; grid-template-columns:minmax(0,1fr) 345px; gap:28px; padding:22px 26px; background:linear-gradient(110deg,#fffdfb,#fff9f3); border-bottom:1px solid #dedede; }
.hero-meta { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.assignment-status { display:inline-block; background:linear-gradient(#008541,#006b31); color:#fff; font-size:14px; font-weight:600; padding:8px 14px; border-radius:8px; }
.assignment-status-closed { background:#626c73; }
.assignment-id { font-size:18px; }
.assignment-posted { margin-left:auto; font-size:13px; color:#6c7077; }
.assignment-hero h1 { margin:14px 0 10px; color:#00582b; font-size:38px; line-height:1.2; }
.assignment-tags { display:flex; flex-wrap:wrap; gap:10px; }
.assignment-tags span { display:inline-flex; align-items:center; gap:12px; padding:8px 16px; background:#fff0e1; border-radius:6px; font-weight:600; }
.assignment-tags i { font-size:21px; }
.assignment-price { font-size:36px; line-height:1.3; font-weight:700; color:#ff5e08; margin-top:22px; }
.assignment-price span { font-size:20px; font-weight:500; color:#6c7077; margin-left:6px; }
.hero-frequency { display:none; }
.hero-actions { border-left:1px solid #d9d9d9; padding:20px 0 0 27px; display:flex; flex-direction:column; justify-content:center; gap:10px; }
.assignment-whatsapp, .assignment-apply { display:flex; align-items:center; justify-content:center; gap:10px; min-height:54px; padding:12px 16px; border-radius:8px; text-decoration:none; font-size:19px; font-weight:700; text-align:center; line-height:1.25; }
.assignment-whatsapp { background:linear-gradient(110deg,#00814b,#008848); color:#fff; }
.assignment-whatsapp:hover { background:#006b3d; color:#fff; }
.assignment-whatsapp i { font-size:28px; }
.assignment-apply { border:2px solid #ff5d00; color:#ff5d00; background:#fff; }
.assignment-apply:hover, .assignment-post:hover { background:#fff0e1; }
.assignment-applicants { display:flex; align-items:center; gap:12px; margin-top:12px; font-size:17px; }
.assignment-applicants > i { font-size:24px; }
.applicant-help { position:relative; color:#747b82; }
.applicant-help summary { list-style:none; cursor:pointer; font-size:23px; line-height:1; }
.applicant-help summary::-webkit-details-marker { display:none; }
.applicant-help p { position:absolute; z-index:2; top:24px; right:0; width:245px; padding:12px; border:1px solid #ccc; border-radius:6px; background:#fff; color:#333; font-size:14px; box-shadow:0 3px 12px #0002; }
.assignment-sections { padding:8px 20px 0; }
.assignment-section { padding:10px 0 18px; border-bottom:1px solid #dedede; }
.assignment-section:last-child { border-bottom:0; padding-bottom:10px; }
.assignment-section h2 { margin:0 0 14px; padding:8px 10px; background:#f3f3f3; color:#005c29; border-radius:6px; font-size:23px; line-height:1.2; }
.assignment-detail-columns { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.assignment-facts { display:grid; grid-template-columns:180px minmax(0,1fr); column-gap:14px; row-gap:7px; padding:0 10px; margin:0; font-size:17px; line-height:1.35; align-content:start; }
.assignment-facts dt { color:#ff5d00; font-weight:600; }
.assignment-facts dd { margin:0; min-width:0; overflow-wrap:anywhere; }
.assignment-time-slots { display:flex; flex-wrap:wrap; gap:8px; }
.assignment-time-slots span { background:#ffeddb; border-radius:6px; padding:11px 14px; white-space:nowrap; font-size:14px; }
.coordinator-whatsapp { width:max-content; max-width:100%; margin-top:6px; font-size:16px; min-height:48px; }
.coordinator-whatsapp i { font-size:24px; }
.assignment-comments { margin:0; padding:0 10px; overflow-wrap:anywhere; }
.assignment-back { text-align:center; margin-top:16px; }
.assignment-back i { margin-right:5px; }
@media (max-width:1100px) and (min-width:761px) {
    .assignment-hero { grid-template-columns:minmax(0,1fr) 300px; gap:20px; padding:20px; }
    .assignment-hero h1 { font-size:32px; }
    .assignment-posted { width:100%; margin-left:0; }
    .assignment-facts { grid-template-columns:145px minmax(0,1fr); font-size:16px; }
    .assignment-detail-columns { gap:20px; }
}
@media (max-width:760px) {
    .assignment-page { padding:10px 9px 14px; }
    .assignment-navigation { gap:10px; flex-wrap:wrap; margin-bottom:12px; }
    .assignment-breadcrumb { display:none; }
    .assignment-mobile-back { display:block; font-size:13px; }
    .assignment-mobile-back i { margin-right:5px; }
    .assignment-post { padding:10px; font-size:13px; gap:8px; margin-left:auto; }
    .assignment-post i { font-size:18px; }
    .assignment-panel { border:0; overflow:visible; }
    .assignment-hero { display:block; border:1px solid #dedede; border-radius:10px; padding:14px 15px 18px; }
    .hero-meta { gap:8px; justify-content:space-between; }
    .assignment-status { font-size:13px; padding:7px 10px; }
    .assignment-id { display:none; }
    .assignment-posted { margin-left:0; font-size:11px; }
    .assignment-hero h1 { font-size:27px; margin:14px 0; }
    .assignment-tags { gap:7px; }
    .assignment-tags span { padding:7px 10px; gap:8px; font-size:13px; }
    .assignment-tags i { font-size:19px; }
    .assignment-price { font-size:34px; margin-top:14px; }
    .assignment-price span { font-size:18px; margin-left:3px; }
    .hero-frequency { display:flex; align-items:center; gap:10px; font-size:16px; margin-top:8px; }
    .hero-frequency i { font-size:22px; color:#505b60; }
    .hero-actions { border:0; padding:16px 0 0; gap:8px; }
    .assignment-whatsapp, .assignment-apply { min-height:48px; font-size:18px; padding:10px; }
    .assignment-applicants { margin-top:14px; font-size:17px; }
    .assignment-sections { padding:0; }
    .assignment-section, .assignment-section:last-child { margin-top:12px; border:1px solid #dedede; border-radius:10px; padding:4px 6px 14px; }
    .assignment-section h2 { font-size:21px; margin:0 0 12px; padding:10px; }
    .assignment-detail-columns { display:block; }
    .assignment-facts { grid-template-columns:135px minmax(0,1fr); padding:0 8px; gap:5px 10px; font-size:15px; }
    .assignment-detail-columns .assignment-facts + .assignment-facts { margin-top:5px; }
    .assignment-facts .desktop-fees { display:none; }
    .assignment-time-slots { gap:6px; }
    .assignment-time-slots span { padding:8px 10px; font-size:13px; }
    .coordinator-whatsapp { font-size:14px; min-height:42px; gap:7px; }
    .coordinator-whatsapp i { font-size:22px; }
    .assignment-back { font-size:13px; }
}
@media (max-width:380px) {
    .assignment-facts { grid-template-columns:119px minmax(0,1fr); font-size:14px; }
    .assignment-hero h1 { font-size:25px; }
    .assignment-price { font-size:30px; }
    .assignment-price span { font-size:16px; }
}