.work-offers{
  margin:18px 0;padding:18px 20px;position:relative;isolation:isolate;
  max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;
  color:#20352a;background:#fff9e8;border:3px solid #20352a;border-radius:18px;
  box-shadow:6px 6px 0 #20352a;
}
.work-offers::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:14px;pointer-events:none;
  background:linear-gradient(135deg,#ffe454 0%,#ffe454 37%,#ffed89 37%,#ffed89 51%,transparent 51%) top left/100% 114px no-repeat;
}
.work-offers[hidden],.work-offers [hidden]{display:none!important}
.work-offers-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding-bottom:18px}
.work-offers-title{min-width:0}
.work-offers-eyebrow{display:flex;gap:8px;align-items:center;margin-bottom:7px;font-size:12px;font-weight:800;color:#20352a}
.work-offers-ad{background:#20352a;color:#fff;padding:2px 8px;border-radius:5px;letter-spacing:.08em}
.work-offers h3.work-offers-headline,#archive-purchase .work-offers h3.work-offers-headline{
  display:flex;flex-wrap:wrap;gap:0 .15em;font-size:clamp(26px,3.5vw,38px);
  margin:0;font-weight:950;line-height:1.18;letter-spacing:-.035em;color:#20352a;
  text-shadow:2px 2px 0 #fff;
}
.work-offers-headline span{white-space:nowrap}
.work-offers-close{
  border:2px solid #20352a;border-radius:50%;background:#fff;color:#20352a;
  width:44px;height:44px;min-width:44px;min-height:44px;cursor:pointer;
  font-size:24px;line-height:1;flex-shrink:0;box-shadow:2px 2px 0 #20352a;
}
.work-offers ul{padding:0;margin:0;list-style:none}
.work-offers li{padding:12px 0;border-top:2px dashed #d5c578}
.work-offers li:first-child{border-top:0;padding-top:4px}
.work-offers p,#archive-purchase .work-offers p{font-size:14px;line-height:1.65;margin:5px 0;color:#20352a}
.work-offers .work-offers-target,#archive-purchase .work-offers .work-offers-target{font-size:19px;font-weight:850;line-height:1.45;margin:7px 0}
.work-offers-kind{display:inline-block;font-size:12px;font-weight:800;color:#fff;background:#20352a;border-radius:6px;padding:3px 9px}
.work-offers .work-offers-condition,#archive-purchase .work-offers .work-offers-condition{padding:9px 11px;background:#fff;border-left:4px solid #f47743;border-radius:0 7px 7px 0;margin:9px 0}
.work-offers .work-offers-meta,#archive-purchase .work-offers .work-offers-meta{color:#4a5d4f;font-size:12px}
.work-offers-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:12px 0 4px}
.work-offers a{color:#275b3f;text-decoration:underline;text-underline-offset:3px;font-weight:700;display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;max-width:100%}
.work-offers a.work-offers-action{
  padding:10px 15px;gap:10px;background:#cc3928;color:#fff;border:2px solid #20352a;
  border-radius:9px;text-decoration:none;font-size:14px;font-weight:850;line-height:1.5;
  box-shadow:3px 3px 0 #20352a;
}
.work-offers a.work-offers-action:hover{background:#b82f20}
.work-offers a.work-offers-source{font-size:12px}
.work-offers a:focus-visible,.work-offers button:focus-visible{outline:3px solid #1565c0;outline-offset:4px}
@media(max-width:480px){
  .work-offers{padding:14px;margin:16px 0;border-radius:14px;box-shadow:4px 4px 0 #20352a}
  .work-offers::before{border-radius:10px;background-size:100% 132px}
  .work-offers-header{gap:8px;padding-bottom:15px}
  .work-offers-eyebrow{gap:6px;font-size:11px}
  .work-offers h3.work-offers-headline,#archive-purchase .work-offers h3.work-offers-headline{font-size:27px}
  .work-offers .work-offers-target,#archive-purchase .work-offers .work-offers-target{font-size:18px}
  .work-offers-links{align-items:stretch;flex-direction:column;gap:4px}
  .work-offers a.work-offers-action{justify-content:center;text-align:center;padding:11px 9px;font-size:13px}
}