.weekly-task{box-sizing:border-box;position:relative;width:100%;max-width:500px;height:clamp(300px,79vw,380px);margin:12px auto;border-radius:16px;overflow:hidden;background:#333334;color:#fff;font-family:Arial,sans-serif;text-align:left;isolation:isolate}.weekly-task .weekly-task__photo{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:65% 40%;z-index:-2}.weekly-task:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.65) 0%,rgba(0,0,0,.12) 28%,rgba(37,37,38,.92) 66%,#252526 100%);z-index:-1}.weekly-task__content{height:100%;box-sizing:border-box;display:flex;flex-direction:column;padding:20px}.weekly-task .weekly-task__heading h2{margin:0 0 6px;font-size:20px;line-height:1.2;font-weight:600;color:#fff}.weekly-task .weekly-task__heading p{margin:0;font-size:11px;line-height:1.4;color:#eee}.weekly-task__description{margin-top:auto}.weekly-task__eyebrow{display:block;font-size:10px;line-height:1.3;letter-spacing:1px;color:#eee;margin:0 0 8px}.weekly-task .weekly-task__description h3{font-size:26px;line-height:1.12;max-width:310px;color:#fff;font-weight:600;margin:0 0 8px;overflow-wrap:break-word}.weekly-task .weekly-task__description p{font-size:12px;line-height:1.4;color:#e2e2e6;max-width:360px;margin:0}.weekly-task__footer{margin-top:19px}.weekly-task__progress-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;font-size:11px;line-height:1.35;color:#d0d0d6}.weekly-task__progress-label strong{color:#fff;font-size:13px;font-weight:600;white-space:nowrap}.weekly-task__progress{height:5px;border:0;border-radius:6px;overflow:hidden;background:#ffffff25}.weekly-task__progress>span{display:block;height:100%;border:0;background:#ff4656;border-radius:6px}.weekly-task a.weekly-task__button{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:10px 14px;margin-top:17px;border:0;border-radius:10px;background:#ff4656;color:#fff;text-decoration:none;font:600 14px/1.3 Arial,sans-serif}.weekly-task__button:focus-visible{outline:3px solid #fff;outline-offset:-5px}.weekly-task .weekly-task__arrow{font-size:23px;line-height:1;font-weight:400}.weekly-task__button:hover{background:#ee3546}@media(max-width:380px){.weekly-task__content{padding:16px}.weekly-task .weekly-task__heading h2{font-size:18px}.weekly-task .weekly-task__description h3{font-size:23px}.weekly-task__footer{margin-top:14px}.weekly-task__eyebrow{font-size:9px;margin-bottom:6px}}