/* Outcome-led demo: inherits the site's shared dark/light theme variables. */
.outcomes{max-width:1200px}
.outcomes-hero{padding-block:clamp(3rem,7vw,7rem)}
.outcomes-hero h1{max-width:1000px;line-height:1.04;letter-spacing:-.045em}
.outcomes .lead{max-width:820px}
.outcomes-flow,.outcome-grid,.outcome-stats{display:grid;gap:1rem}
.outcomes-flow,.outcome-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.5rem}
.outcomes-flow>div,.outcome-card,.outcome-console{border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 17%,transparent);border-radius:18px;padding:clamp(1.2rem,2vw,2rem)}
.outcomes-flow strong{display:block;font-size:1.02rem;margin-bottom:.8rem}
.outcome-card{display:flex;flex-direction:column;gap:.4rem}
.outcome-card h2{font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.12}
.outcome-card .actions{margin-top:auto}
.outcome-card button,.outcome-console button{cursor:pointer}
.outcome-console{margin-block:2rem;scroll-margin-top:3rem;background:color-mix(in srgb,currentColor 3%,transparent)}
.outcome-console-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
#outcome-gate{padding:.6rem .9rem;font:700 .8rem/1.3 system-ui,sans-serif;letter-spacing:.05em;border:1px solid currentColor;border-radius:100px}
#outcome-gate[data-gate="hold"]{background:color-mix(in srgb,#a93b16 15%,transparent);color:#b94f25}
#outcome-gate[data-gate="ready"]{background:color-mix(in srgb,#168363 15%,transparent);color:#0a8b62}
.outcome-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin:1.5rem 0}
.outcome-stats>div{padding:1rem;border-top:1px solid color-mix(in srgb,currentColor 20%,transparent)}
.outcome-stats span{display:block;font-size:.85rem;opacity:.7;margin-bottom:.5rem}
.outcome-stats strong{display:block;font-size:clamp(1.15rem,2.2vw,1.65rem);overflow-wrap:anywhere}
#outcome-actions{padding-inline-start:1.3rem}
#outcome-actions li{margin-bottom:.7rem}
#outcome-console pre{max-height:400px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
#outcome-status.error{color:#b94f25}
#outcome-upload{display:block;margin-top:.8rem;max-width:100%}
.outcome-card a,.outcome-console a{text-underline-offset:.25em}
@media(max-width:860px){.outcomes-flow,.outcome-grid{grid-template-columns:1fr}.outcome-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.outcome-console-head{flex-direction:column}}
@media(max-width:460px){.outcome-stats{grid-template-columns:1fr}.outcome-console{padding:1rem}}

.outcome-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}
.outcome-source{border:1px solid color-mix(in srgb,currentColor 15%,transparent);border-radius:14px;padding:1.3rem}
.outcome-source h3{line-height:1.2;margin:.5rem 0}
.outcome-source a{text-decoration:underline;text-underline-offset:.2em}
.outcome-source .small a{margin-right:.2rem}
#regulatory-region{display:block;margin:.5rem 0 1rem;max-width:100%;padding:.7rem;min-width:230px}
@media(max-width:760px){.outcome-reference-grid{grid-template-columns:1fr}}