/* Stakes card (home /02b): "Errors compound too." CSS-only toggle via two radio inputs. */
.stakes{--st-red:#e8480f;--st-bar:#ff5b22;--st-line:#c6d4c6;--st-soft:#536057;--st-mute:#68776c}
.stakes .intro h2 .st-red{color:var(--st-red)}
.stakes input.st-t{position:absolute;opacity:0;pointer-events:none}
.stakes .st-demo{margin-top:40px;border:1px solid #bccdbd;background:#fafaf8}
.stakes .st-top{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #cad7ca;padding:18px 24px;font:11px Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase;color:#37513d}
.stakes .st-toggle{display:flex;flex-shrink:0;border:1px solid #c2cfc1;padding:5px;gap:5px}
.stakes .st-toggle label{cursor:pointer;padding:11px 17px;color:#4d5b50;font:12px Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.stakes #st-late:checked ~ .st-demo label[for=st-late]{background:#111a15;color:#fff}
.stakes #st-rw:checked ~ .st-demo label[for=st-rw]{background:#00c46a;color:#111a15}
.stakes input.st-t:focus-visible ~ .st-demo .st-toggle{outline:3px solid #00c46a;outline-offset:3px}
.stakes .st-flow{list-style:none;margin:0;padding:30px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;background-image:linear-gradient(#d0dbd030 1px,transparent 1px),linear-gradient(90deg,#d0dbd030 1px,transparent 1px);background-size:28px 28px}
.stakes .st-step{position:relative;border:1px solid var(--st-line);background:#fafaf8;padding:18px 16px 16px;display:flex;flex-direction:column;gap:10px;min-height:250px;transition:opacity .3s,border-color .3s,filter .3s}
.stakes .st-step:not(:last-child):after{content:'';position:absolute;right:-15px;top:30px;width:14px;height:2px;background:var(--st-bar);transition:background .3s}
.stakes .st-no{font:11px Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--st-mute);display:flex;align-items:center;gap:9px}
.stakes .st-dot{width:9px;height:9px;border-radius:50%;background:var(--st-bar);box-shadow:0 0 0 4px #ff5b2226}
.stakes .st-step h3{font-size:21px}
.stakes .st-step p{font-size:14px;line-height:1.45}
.stakes .st-held{display:none;color:#007943!important;font-weight:600}
.stakes .st-cost{margin-top:auto;display:flex;flex-direction:column;gap:7px}
.stakes .st-bar{height:6px;background:var(--st-bar);transition:background .3s}
.stakes .st-cost span{font:10px Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--st-mute)}
.stakes .st-cost b{font-weight:600;font-size:16px}
.stakes .st-step:nth-child(1) .st-bar{width:8%}
.stakes .st-step:nth-child(2) .st-bar{width:25%}
.stakes .st-step:nth-child(3) .st-bar{width:50%}
.stakes .st-step:nth-child(4) .st-bar{width:75%}
.stakes .st-step:nth-child(5) .st-bar{width:100%}
.stakes .st-caption{display:flex;gap:25px;align-items:center;padding:18px 30px;border-top:1px solid #cad7ca;font-size:13px;color:var(--st-soft)}
.stakes .st-caption .st-on{display:none}
/* With Runwell: caught at the rule; nothing downstream inherits it */
.stakes #st-rw:checked ~ .st-demo .st-step:first-child{border-color:#00c46a;background:#dff4e7}
.stakes #st-rw:checked ~ .st-demo .st-step:first-child .st-dot{background:#00c46a;box-shadow:0 0 0 4px #00c46a33}
.stakes #st-rw:checked ~ .st-demo .st-step:first-child .st-bar{background:#00c46a}
.stakes #st-rw:checked ~ .st-demo .st-step:first-child .st-held{display:block}
.stakes #st-rw:checked ~ .st-demo .st-step:first-child .st-what{display:none}
.stakes #st-rw:checked ~ .st-demo .st-step:not(:first-child){opacity:.3;filter:grayscale(1)}
.stakes #st-rw:checked ~ .st-demo .st-step:after{background:#c6d4c6}
.stakes #st-rw:checked ~ .st-demo .st-caption .st-off{display:none}
.stakes #st-rw:checked ~ .st-demo .st-caption .st-on{display:inline}
/* stat + what each promise prevents */
.stakes .st-foot{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;margin-top:48px;align-items:start}
.stakes .st-stat strong{display:block;font-size:clamp(52px,6vw,84px);font-weight:600;letter-spacing:-.055em;line-height:1}
.stakes .st-stat p{margin-top:12px;font-size:16px}
.stakes .st-stat sup{color:#008047}
.stakes .st-pair{display:grid;grid-template-columns:1fr 28px 1fr;gap:12px;align-items:center;padding:15px 0;border-top:1px solid #cbd6cb;font-size:18px}
.stakes .st-pair:last-child{border-bottom:1px solid #cbd6cb}
.stakes .st-pair>span:first-child{color:var(--st-soft)}
.stakes .st-pair i{font:14px Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-style:normal;color:#008047}
.stakes .st-pair b{font-weight:600}
.stakes .st-source{margin-top:30px;font-size:12px;line-height:1.6;color:#7a8a7d;max-width:900px}
@media(max-width:1000px){.stakes .st-flow{padding:22px;gap:10px}.stakes .st-step h3{font-size:18px}.stakes .st-step:not(:last-child):after{right:-11px;width:10px}}
@media(max-width:760px){
.stakes .st-top{flex-direction:column;align-items:flex-start;padding:15px;font-size:9px}
.stakes .st-flow{grid-template-columns:1fr;padding:20px;gap:12px}
.stakes .st-step{min-height:0}
.stakes .st-step:not(:last-child):after{right:auto;left:22px;top:auto;bottom:-13px;width:2px;height:12px}
.stakes .st-caption{padding:16px 20px}
.stakes .st-foot{grid-template-columns:1fr;gap:28px;margin-top:36px}
.stakes .st-pair{grid-template-columns:1fr;gap:2px;font-size:17px}
.stakes .st-pair i{display:none}}
@media(prefers-reduced-motion:reduce){.stakes *{transition:none!important}}
/* Restore the supplied original's forest palette, with orange error accents. */
.card.stakes{background:#15241b;color:#f4faf5;--st-red:#ff6b38;--st-bar:#ff5b22;--st-line:#395441;--st-soft:#b9c7bd;--st-mute:#87a18f}
.stakes .kicker{border-color:#395441;color:#90ad98}.stakes .kicker span,.stakes .eyebrow{color:#00c46a}.stakes .intro .lead{color:#b9c7bd}
.stakes .st-demo{background:#111d15;border-color:#395441}.stakes .st-top{border-color:#395441;color:#a8c0af}.stakes .st-toggle{border-color:#395441}.stakes .st-toggle label{color:#b9c7bd}
.stakes #st-late:checked ~ .st-demo label[for=st-late]{background:#ff5b22;color:#111a15}
.stakes .st-flow{background-image:linear-gradient(#7cae8c0b 1px,transparent 1px),linear-gradient(90deg,#7cae8c0b 1px,transparent 1px)}
.stakes .st-step{background:#1a2a20;border-color:#3b5342;border-radius:10px}.stakes .st-step h3{color:#f4faf5}.stakes .st-step p{color:#b9c7bd}.stakes .st-cost b{color:#f4faf5}.stakes .st-bar{border-radius:3px}
.stakes .st-caption{border-color:#395441;color:#b9c7bd}.stakes .st-held{color:#00c46a!important}
.stakes #st-rw:checked ~ .st-demo .st-step:first-child{background:#1b3c28;border-color:#00c46a;box-shadow:0 0 24px #00c46a12}
.stakes #st-rw:checked ~ .st-demo .st-step:after{background:#395441}
.stakes .st-stat strong{color:#f4faf5}.stakes .st-stat p{color:#b9c7bd}.stakes .st-stat sup{color:#00c46a}.stakes .st-pair{border-color:#395441}.stakes .st-pair>span:first-child{color:#b9c7bd}.stakes .st-pair i,.stakes .st-pair b em{color:#00c46a}.stakes .st-pair b{color:#f4faf5}.stakes .st-source{color:#87a18f}.stakes .st-source a{color:#a9c8b3}

/* Stat as a failing grade: at least 86% with errors means at most 14% error-free */
.stakes .st-graded .st-score{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
.stakes .st-graded .st-label{flex-basis:100%;font:11px Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--st-mute)}
.stakes .st-graded strong{font-size:clamp(52px,6vw,84px)}
.stakes .st-grade{width:clamp(78px,8vw,108px);height:auto;color:var(--st-red);transform:rotate(-8deg);margin:0 0 -6px -2px;overflow:visible}
.stakes .st-grade text{font-family:Geist,sans-serif;font-weight:600;font-size:70px;fill:currentColor;letter-spacing:-.04em}
.stakes .st-graded p{max-width:440px}