/* BiggerPayout home layout v2: the two workers flank a larger, more distinct chat. */
.workspace{grid-template-columns:1fr minmax(0,540px) 1fr;gap:14px;align-items:end;max-width:1180px;margin:0 auto;padding:10px 0 4px;}
.fig-side{width:100%;max-width:340px;height:auto;filter:drop-shadow(0 18px 22px rgba(58,31,102,.28));}
.fig-side.worker{justify-self:end;}
.fig-side.advocate{justify-self:start;}

/* make the chat clearly stand out from the near-white page */
.chat{position:relative;border:1.5px solid var(--border);box-shadow:0 30px 66px -28px rgba(58,31,102,.6);}
.chat::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--pink),var(--purple));z-index:1;}
.chat-head{background:var(--surface-tint);}
.chat-head .t{color:var(--purple);}

/* white message bubbles so the conversation reads clearly against the page,
   and an emphasised engine/library reference that names the model + sources */
.msg .bub{background:var(--surface);}
.libref{background:var(--surface)!important;}
.libref b{color:var(--purple)!important;}

.deadline-row{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap;max-width:760px;margin:10px auto 0;background:color-mix(in srgb,var(--coral) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--coral) 40%,var(--border));border-radius:14px;padding:12px 18px;font-size:14px;color:var(--muted);}
.deadline-row .ddot{width:9px;height:9px;border-radius:50%;background:var(--coral);flex:none;}
.deadline-row b{color:var(--ink);}

@media (max-width:980px){
  .workspace{grid-template-columns:1fr;justify-items:center;}
  .fig-side{max-width:170px;}
  .chat{order:-1;width:100%;}
  .fig-side.worker{order:1;}
  .fig-side.advocate{order:2;}
}