/* Outcomes — the measurement plan (each measure: compared with → read → result slot, and who reports it) beside the
   results card (confirmed, unconfirmed, pending or withheld). The track is schematic and aria-hidden; the words under
   it carry the meaning. On phones the same three marks run down a vertical line. */
.wrk-out__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--bdh-gap);row-gap:48px;align-items:start}
.wrk-out__plan{grid-column:1 / span 8;min-width:0}
.wrk-out__res{grid-column:9 / -1;position:sticky;top:var(--bdh-sticky);display:flex;flex-direction:column;align-items:flex-start;gap:16px;
  padding:clamp(22px,2.4vw,32px);border-radius:var(--r-lg);background:var(--paper-3);box-shadow:inset 0 0 0 1px var(--line)}
.wrk-out__grid--solo .wrk-out__res{grid-column:1 / span 6;position:static}
.band--alt .wrk-out__res{background:var(--paper)}
.wrk-out__res .wrk-kicker{margin:0}

/* ---------- the plan ---------- */
.wrk-plan{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.wrk-plan__row{display:grid;grid-template-columns:minmax(0,1fr);row-gap:16px;padding:24px 0 26px;border-bottom:1px solid var(--line)}
.wrk-plan__m{display:flex;align-items:baseline;gap:14px;font-family:var(--f-h);font-size:var(--t-h3);font-weight:500;line-height:1.3;letter-spacing:-.01em;color:var(--ink)}
.wrk-plan__n{flex:none;font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.1em;color:var(--blue)}
.wrk-plan__track,.wrk-plan__dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--bdh-gap)}
.wrk-plan__track{height:16px;padding-left:calc(var(--t-lbl) * 2 + 14px)}
.wrk-plan__dl{margin:0;padding-left:calc(var(--t-lbl) * 2 + 14px)}
.wrk-plan__track i{position:relative;display:block;height:16px}
/* one line from the baseline to the result slot, carried through the column gaps */
.wrk-plan__base::after,.wrk-plan__win::after{content:"";position:absolute;left:0;right:calc(-1 * var(--bdh-gap));top:50%;height:1px;background:var(--line-3)}
.wrk-plan__base::before{content:"";position:absolute;left:0;top:3px;z-index:1;width:10px;height:10px;border-radius:50%;background:var(--ink)}
.wrk-plan__win::before{content:"";position:absolute;left:0;right:22%;top:4px;z-index:1;height:8px;border-radius:4px;background:var(--ink)}
.wrk-plan__res::before{content:"";position:absolute;left:0;top:0;z-index:1;width:16px;height:16px;box-sizing:border-box;border-radius:50%;border:1.5px dashed var(--muted);background:var(--paper)}
.band--alt .wrk-plan__res::before{background:var(--paper-2)}
.wrk-plan--done .wrk-plan__res::before{border:0;background:var(--blue)}
.wrk-plan--hidden .wrk-plan__res::before{border:0;border-radius:3px;background:var(--ink)}
.wrk-plan__c dt{font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.wrk-plan__c dd{margin:6px 0 0;font-size:var(--t-sm);line-height:1.55;color:var(--ink)}
.wrk-plan__state{font-family:var(--f);font-size:var(--t-xs);letter-spacing:.04em;color:var(--muted)}
.wrk-plan--done .wrk-plan__state{color:var(--blue-d)}
.wrk-plan--hidden .wrk-plan__state{color:var(--ink)}
.wrk-plan__by{display:block;margin-top:8px;font-size:var(--t-xs);line-height:1.5;color:var(--txt)}
.wrk-plan__byl{display:block;font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* a plain list of measures (no plan detail) */
.wrk-out__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.wrk-out__list li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:var(--t-body);line-height:1.5;color:var(--ink)}
.wrk-out__list .xt-ico{width:20px;height:20px;color:var(--ink)}

/* ---------- the results card ---------- */
.wrk-res{list-style:none;margin:0;padding:0;display:grid;gap:12px;width:100%}
.wrk-res__i{display:flex;flex-direction:column;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.wrk-res__v{font-family:var(--f-h);font-size:clamp(2rem,3.4vw,2.9rem);font-weight:500;letter-spacing:-.03em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.wrk-res__l{font-size:var(--t-sm);line-height:1.5;color:var(--txt)}
.wrk-res__note{font-size:var(--t-xs);color:var(--muted)}
.wrk-res--pending .wrk-res__v{color:var(--muted)}
.wrk-res--withheld .wrk-res__v{display:flex;align-items:center;min-height:2.6rem}
.wrk-res--withheld .wrk-red{height:1.6rem}
.wrk-res__state{display:inline-flex;align-items:center;gap:10px;font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.wrk-res__state::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--ink)}
.wrk-res__state--warn::before{background:var(--blue)}
.wrk-res__empty{display:flex;flex-direction:column;gap:12px}
.wrk-res__why{font-size:var(--t-sm);line-height:1.65;color:var(--txt)}
.wrk-out__cta{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:4px}

@media (max-width:1023px){
  .wrk-out__plan,.wrk-out__res,.wrk-out__grid--solo .wrk-out__res{grid-column:1 / -1}
  .wrk-out__res{position:static}
}
@media (max-width:640px){
  .wrk-plan__track{display:none}
  .wrk-plan__dl{position:relative;grid-template-columns:minmax(0,1fr);row-gap:14px;padding-left:30px}
  .wrk-plan__dl::before{content:"";position:absolute;left:7px;top:8px;bottom:12px;width:1px;background:var(--line-3)}
  .wrk-plan__c{position:relative}
  .wrk-plan__c::before{content:"";position:absolute;z-index:1}
  .wrk-plan__c--base::before{left:-28px;top:3px;width:10px;height:10px;border-radius:50%;background:var(--ink)}
  .wrk-plan__c--win::before{left:-27px;top:2px;width:8px;height:26px;border-radius:4px;background:var(--ink)}
  .wrk-plan__c--res::before{left:-30px;top:0;width:16px;height:16px;box-sizing:border-box;border-radius:50%;border:1.5px dashed var(--muted);background:var(--paper)}
  .band--alt .wrk-plan__c--res::before{background:var(--paper-2)}
  .wrk-plan--done .wrk-plan__c--res::before{border:0;background:var(--blue)}
  .wrk-plan--hidden .wrk-plan__c--res::before{border:0;border-radius:3px;background:var(--ink)}
  .wrk-plan__m{font-size:1.06rem}
}