.sample-outcome{border:var(--yg-border);border-radius:var(--yg-radius);background:var(--yg-surface);color:var(--yg-ink);overflow:hidden}.sample-outcome-head,.sample-outcome-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.sample-outcome-head{border-bottom:var(--yg-border)}.sample-outcome-head>div{gap:8px;display:grid}.sample-outcome-head strong{font-size:16px;font-weight:600;line-height:1.5}.sample-outcome-kicker,.sample-outcome-badge,.sample-outcome-row-head{font:12px/1.5 var(--yg-mono);letter-spacing:.025em}.sample-outcome-kicker{color:var(--yg-forest)}.sample-outcome-badge{color:#354f3b;white-space:nowrap;background:#edf1e6;border:1px solid #8b9e8b;padding:5px 8px}.sample-outcome-summary{border-bottom:var(--yg-border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sample-outcome-summary>div{border-right:var(--yg-border);min-width:0;padding:20px 24px}.sample-outcome-summary>div:last-child{border-right:0}.sample-outcome-summary span{color:var(--yg-muted);font-size:12px;line-height:1.5;display:block}.sample-outcome-summary strong{margin-top:12px;font-size:32px;font-weight:500;line-height:1.2;display:block}.sample-outcome-preview{padding:4px 24px}.sample-outcome-preview>div{border-bottom:var(--yg-border);grid-template-columns:.8fr .8fr 1.1fr;align-items:center;gap:16px;padding-block:16px;display:grid}.sample-outcome-preview>div:last-child{border-bottom:0}.sample-outcome-preview>div>span{font-size:14px;font-weight:550}.sample-outcome-preview small{color:var(--yg-muted);font-size:12px;font-weight:400;line-height:1.5;display:block}.sample-outcome-preview i{color:var(--yg-muted);margin-inline:6px;font-style:normal}.sample-outcome-table{display:grid}.sample-outcome-row{border-bottom:var(--yg-border);grid-template-columns:.8fr .7fr .65fr .65fr 1.5fr;align-items:center;gap:16px;min-height:56px;padding:12px 24px;font-size:14px;display:grid}.sample-outcome-row:last-child{border-bottom:0}.sample-outcome-row-head{color:var(--yg-muted);background:var(--yg-paper)}.sample-outcome-status{overflow-wrap:normal;align-items:center;gap:8px;font-size:13px;font-weight:600;line-height:1.5;display:flex}.sample-outcome-status>span{width:22px;height:22px;font:12px/1 var(--yg-mono);border:1px solid;flex-shrink:0;place-items:center;display:inline-grid}.sample-outcome-status.is-mismatch{color:var(--yg-warning)}.sample-outcome-status.is-missing{color:var(--yg-error)}.sample-outcome-status.is-unexpected{color:var(--yg-forest)}.sample-outcome-foot{border-top:var(--yg-border);color:var(--yg-muted);font-size:12px;line-height:1.5}@media (width<=640px){.sample-outcome-head,.sample-outcome-foot{align-items:flex-start;padding:18px}.sample-outcome-head{flex-direction:column}.sample-outcome-summary{grid-template-columns:1fr}.sample-outcome-summary>div{border-right:0;border-bottom:var(--yg-border);justify-content:space-between;align-items:center;gap:18px;padding:12px 18px;display:flex}.sample-outcome-summary>div:last-child{border-bottom:0}.sample-outcome-summary strong{margin-top:0;font-size:24px}.sample-outcome-preview{padding-inline:18px}.sample-outcome-preview>div{grid-template-columns:.7fr 1fr;gap:8px 12px}.sample-outcome-preview .sample-outcome-status{grid-column:1/-1}.sample-outcome-row-head{display:none}.sample-outcome-row{grid-template-columns:1fr 1fr;gap:12px 16px;padding:18px}.sample-outcome-row>span:before,.sample-outcome-row>strong:before{color:var(--yg-muted);content:attr(data-label);margin-bottom:4px;font-size:12px;font-weight:400;line-height:1.5;display:block}.sample-outcome-row .sample-outcome-status{flex-wrap:wrap;grid-column:1/-1;margin-top:4px}.sample-outcome-row .sample-outcome-status:before{width:100%}.sample-outcome-foot{flex-direction:column;gap:6px}}