/* work/get-covered (PR and distribution): this page's window sizes and card drawings. The frame is shared/site.css; the common
   cards are shared/app-cards.css. Window sizes live here, not in a style attribute, so the narrow rule in site.css reaches them.
   Card families first drawn here (candidates for shared/app-cards.css): .pc-dossier, .pc-mail, .pc-calc, .pc-pill, .pc-post. */
/* red team wave 2: ONE hero window (780×580) and ONE stage window (900×660) on all six work pages, so the drawn UI keeps one
   scale: u ≈ 0.95 in the hero and in the stages at 1440, ≈ 0.88–0.90 at 1366, and ≥ 0.95 at 1440×780 (the design report's
   900/960 widths gave 0.82 in the hero against 0.90 in the stages, and 8–9 px window text at 1366). Phones: 430 × 640 / 760.
   A short laptop screen: the hero section drops its section padding so the window's caption stays above the fold
   (the shared rule sets the hero's own padding only; logged for shared/site.css). */
@media (max-height:820px) and (min-width:900px){.sec-hero{padding-top:0}}
.w-gc-hero{--dw:780;--dh:580}
.w-gc{--dw:900;--dh:660}
.w-gc .w-ctext,.w-gc-hero .w-ctext{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


/* the tables and the email use the thread's width, as the real cards do, so every state fits the one stage window */
.w-gc .pc:has(.pc-table),.w-gc .pc-email,.w-gc .pc-dossier{max-width:none}
/* the media list and coverage tables: column widths and the fit bar */
.w-gc .pc-table td i,.w-gc-hero .pc-table td i{--a:#ec4899;height:calc(var(--u)*5);min-width:calc(var(--u)*20)}
.w-gc .pc-table th,.w-gc-hero .pc-table th{width:var(--cw)}
.w-gc-hero .pc-table th:nth-child(1),#journalists .pc-table th:nth-child(1){--cw:21%}
.w-gc-hero .pc-table th:nth-child(2),#journalists .pc-table th:nth-child(2){--cw:25%}
.w-gc-hero .pc-table th:nth-child(3),#journalists .pc-table th:nth-child(3){--cw:40%}
.w-gc-hero .pc-table th:nth-child(4),#journalists .pc-table th:nth-child(4){--cw:14%}
#coverage .pc-table th:nth-child(1){--cw:24%}
#coverage .pc-table th:nth-child(2){--cw:46%}
#coverage .pc-table th:nth-child(3){--cw:13%}
#coverage .pc-table th:nth-child(4){--cw:17%}
/* a dossier on one journalist */
.pc-dossier dl{display:grid;grid-template-columns:calc(var(--u)*176) 1fr;gap:calc(var(--u)*8) calc(var(--u)*14);padding:calc(var(--u)*10) calc(var(--u)*14) calc(var(--u)*14);font-size:calc(var(--u)*12.5)}
.pc-dossier dt{padding-top:calc(var(--u)*2);font:600 calc(var(--u)*11)/1.3 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--sub)}
.pc-dossier dd{margin:0;line-height:1.4;color:#f5f5f5}
/* an email draft */
.pc-mail{display:grid;gap:calc(var(--u)*8);padding:calc(var(--u)*10) calc(var(--u)*14) calc(var(--u)*4);font-size:calc(var(--u)*12.5);line-height:1.5}
.pc-mail p{color:#f5f5f5}
/* a finished result folded to one line */
.pc-done .ic{color:var(--dim)}
/* a one-line status after an action */
.pc-calc{--d:inline-flex;display:inline-flex;align-self:flex-start;align-items:center;gap:calc(var(--u)*8);padding:calc(var(--u)*7) calc(var(--u)*12);border:1px solid #454545;border-radius:calc(var(--u)*999);font-size:calc(var(--u)*12);color:var(--sub)}
.pc-calc .ic{width:calc(var(--u)*13);height:calc(var(--u)*13);color:var(--teal-hi)}
/* coverage status pills */
.pc-pill{display:inline-block;padding:calc(var(--u)*2) calc(var(--u)*7);border:1px solid var(--edge);border-radius:calc(var(--u)*5);font-size:calc(var(--u)*11);font-weight:600;color:var(--sub);white-space:nowrap}
.pc-pill.linked{border-color:#1f6b5a;color:var(--teal-hi)}
.pc-pill.unlinked{border-color:#6b5a1f;color:#fde68a}
/* a social post waiting for approval */
.pc-post{display:grid;gap:calc(var(--u)*8);padding:calc(var(--u)*10) calc(var(--u)*14) calc(var(--u)*4);font-size:calc(var(--u)*12.5);line-height:1.45}
.pc-post p{color:#f5f5f5}
.post-media{display:flex;align-items:center;gap:calc(var(--u)*8);font-size:calc(var(--u)*11.5);color:var(--sub)}
.post-media i{width:calc(var(--u)*36);height:calc(var(--u)*24);border:1px solid var(--edge);border-radius:calc(var(--u)*4);background:linear-gradient(160deg,#2b2320,#1a1a1a)}
.post-when{font-size:calc(var(--u)*11.5);color:var(--sub)}
.pc-social header{gap:calc(var(--u)*9)}

@media (max-width:899px){
  .fit .w-gc{--dh:760}
  .fit .w-gc-hero{--dh:640}
  .w-gc .pc-choice ul{grid-template-columns:minmax(0,1fr)}
  .w-gc .pc-choice li small{display:none}
  .w-gc-hero .pc-table th:nth-child(3),.w-gc-hero .pc-table td:nth-child(3),#journalists .pc-table th:nth-child(3),#journalists .pc-table td:nth-child(3){display:none}
  .pc-dossier dl{grid-template-columns:minmax(0,1fr);gap:calc(var(--u)*3)}
  .pc-dossier dd+dt{margin-top:calc(var(--u)*6)}
  .w-gc.play[data-state] .pc-done.pc-chosen{display:none} /* a phone thread is narrower: the folded media list line gives its room to the dossier */
  #coverage .pc-table th:nth-child(3),#coverage .pc-table td:nth-child(3){display:none}
}