.showcase{margin-block:2rem}.showcase-ledger{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 2.5rem;border-block:1px solid var(--border-strong)}.showcase-ledger>div{padding:1.2rem 1rem}.showcase-ledger dt{font:.8rem var(--font-mono);color:var(--text-muted)}.showcase-ledger dd{margin:.5rem 0 0;font:1.7rem var(--font-ui);color:var(--text)}.showcase-task{padding-block:1.5rem 2.5rem;border-bottom:1px solid var(--border-strong)}.showcase-task h2{margin-top:0}.showcase-number{color:var(--accent);font:.85rem var(--font-mono);letter-spacing:.08em}.showcase-result{margin-top:1.5rem;padding:1.25rem;border-left:3px solid var(--accent);background:var(--surface)}.showcase-result h3{margin:0 0 .5rem;font:1.1rem var(--font-ui)}.showcase-status{color:var(--text-muted);font:.8rem var(--font-mono)}.showcase-cost{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-block:.75rem;font-family:var(--font-ui)}.showcase-links{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;font-family:var(--font-ui)}.showcase-stage{margin-block:1rem}.showcase-stage iframe{width:100%;height:28rem;border:1px solid var(--border-strong);background:var(--bg-alt)}.showcase button{padding:.65rem 1rem;border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent-subtle);color:var(--text);font:inherit;cursor:pointer}.showcase video{display:block;width:100%;max-height:28rem;margin-top:1rem}.showcase summary{cursor:pointer;font-family:var(--font-ui)}.showcase [hidden]{display:none}@media(max-width:560px){.showcase-ledger{grid-template-columns:1fr}.showcase-ledger>div{padding:.8rem 0}.showcase-ledger dd{font-size:1.4rem}.showcase-result{padding:1rem}.showcase-stage iframe{height:25rem}}