:root{color-scheme:light;font-family:Segoe UI,Georgia,serif;line-height:1.5;background:radial-gradient(circle at top left,#d9ebe3 0%,transparent 45%),linear-gradient(160deg,#f7f4ef,#e8eef2);color:#1d2a32}body{margin:0;min-height:100vh}.shell{max-width:66rem;margin:0 auto;padding:1.75rem 1.5rem 2.5rem}h1{margin:0 0 .25rem;font-size:clamp(1.85rem,3.5vw,2.75rem);letter-spacing:-.03em}.intro{margin-bottom:.85rem}.lede{margin:0 0 .5rem;font-size:1.1rem;color:#2f4450}.thesis{margin:0 0 .3rem;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;letter-spacing:.01em;text-transform:uppercase;color:#1d2a32}.thesis-explain,.prompt{margin:0 0 .45rem;max-width:38rem;color:#4d646f}.prompt{margin-bottom:0}.steps{margin:0 0 1rem;padding-left:1.25rem;max-width:38rem;color:#2f4450}.steps li+li{margin-top:.35rem}.steps strong{color:#1d2a32}.demo{display:grid;grid-template-columns:minmax(11rem,13rem) 720px;gap:1rem 1.25rem;align-items:start}.engine-status{width:100%;padding:.85rem 1rem;border:1px solid #4d646f;background:#ffffffb8}.engine-label{margin:0 0 .15rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4d646f}.engine-state{margin:0 0 .35rem;font-size:1.45rem;font-weight:700;letter-spacing:.02em;line-height:1.2}.engine-status.is-valid .engine-state{color:#1f5c45}.engine-status.is-degraded .engine-state{color:#8a5a12}.engine-status.is-invalid .engine-state{color:#8a2f2f}.engine-hint{margin:0 0 .75rem;font-size:.88rem;color:#4d646f}.engine-metrics{margin:0;display:grid;gap:.45rem}.engine-metrics div{display:grid;grid-template-columns:6.5rem 1fr;gap:.35rem;align-items:baseline}.engine-metrics dt{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#4d646f}.engine-metrics dd{margin:0;font-family:ui-monospace,Consolas,monospace;font-size:.92rem}.board{position:relative;box-sizing:border-box;width:720px;max-width:100%;height:360px;resize:both;overflow:hidden;border:1px solid #4d646f;background:#e8eef2}.item{box-sizing:border-box;padding:.6rem .75rem;color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden}.item h2,.item p{margin:0}.item p{margin-top:.25rem;font-size:.85rem;line-height:1.3;opacity:.95}.chart{background:#2f6f5e}.table{background:#3d5a80}.details{background:#6b4f7a}.metric{background:#8a4b2f}.metric p{font-size:.78rem;line-height:1.2;overflow-wrap:anywhere}.dev-tools{margin-top:1.25rem;padding-top:.75rem;border-top:1px solid rgba(77,100,111,.35)}.focus-probe{font:inherit;font-size:.8rem;color:#4d646f;background:transparent;border:1px solid rgba(77,100,111,.45);padding:.25rem .55rem;cursor:pointer}.focus-probe:focus-visible{outline:2px solid #2f6f5e;outline-offset:2px}code{font-family:ui-monospace,Consolas,monospace;font-size:.92em}@media(max-width:48rem){.demo{grid-template-columns:1fr}.board{width:100%}}