.lab{max-width:1040px;padding-top:64px}.lab>h1{font-size:clamp(2.8rem,6vw,4.7rem);max-width:850px}.lab>.intro{max-width:680px}.lab>.subintro{max-width:720px}.experiment{margin-top:40px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.experiment-head{padding:28px 30px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.experiment-head h2{font-size:2rem}.experiment-head .tag{margin-bottom:8px}.result-label{border-radius:30px;background:#e3e9e4;padding:8px 16px;font:700 13px Consolas,monospace}.result-label[data-state=partial]{background:#f6e4ce;color:#87400e}.result-label[data-state=failed]{background:#f8ddd7;color:#852c19}.result-label[data-state=complete]{background:#dcebcf;color:#31521e}.experiment>label{display:block;font-weight:700;font-size:13px;margin:8px 30px}.experiment select{display:block;width:calc(100% - 60px);max-width:520px;font:inherit;color:var(--ink);background:#f8f9f5;border:1px solid #8c9c90;border-radius:6px;padding:12px}.experiment select{margin:0 30px}.explanation{padding:18px 30px 0;font-size:15px;min-height:75px;max-width:820px;margin-bottom:0}.execution{padding:10px 30px 22px;color:var(--muted);font-size:12px;margin-bottom:0}.execution-grid{display:grid;grid-template-columns:.85fr 1.15fr;border-top:1px solid var(--line)}.inputs,.output{padding:25px 30px;min-width:0}.inputs{background:#f0f4eb;border-right:1px solid var(--line)}.output{background:var(--ink);color:#eff6e9}.execution-grid h3{font-size:19px;margin-bottom:24px}.code-label{font:11px Consolas,monospace;margin-bottom:8px;color:var(--muted)}pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:12px/1.65 Consolas,monospace;margin:0 0 24px}#response{margin-bottom:0;font-size:12px;min-height:250px}.facts{display:grid;grid-template-columns:1fr .65fr 1.5fr;margin:0;padding:20px 30px;background:#eaf0e5;gap:15px}.facts dt{color:var(--muted);font-size:11px!important;margin:0}.facts dd{color:var(--ink);font:700 14px/1.5 Consolas,monospace!important}.reading,.source-section{padding-top:58px;max-width:810px}.reading h2,.source-section h2{font-size:2.3rem;margin-bottom:25px}.reading p,.source-section>p{font-size:15px}.reading code{font-size:13px}.run-command{margin-top:24px}.commands{background:#eaf0e5;border:1px solid var(--line);border-radius:6px;padding:18px}.source-code{border:1px solid var(--line);border-radius:6px;margin:15px 0;padding:14px 20px}.source-code pre{margin:20px 0 4px;max-height:600px;overflow:auto}.source-section .limits{margin-top:23px}.commission{margin-top:42px;background:var(--ink);color:var(--paper);border-radius:10px;padding:30px}.commission h3{font-size:24px}.commission p{font-size:15px;max-width:650px}.commission a{font-size:13px;font-weight:700}.notice{background:#f6e4ce;padding:15px}.lab select:focus-visible{outline:3px solid #d2e877;outline-offset:3px}@media(max-width:700px){.lab{padding-top:38px}.execution-grid{grid-template-columns:1fr}.inputs{border-right:0}.experiment-head{padding:24px 20px 14px}.experiment-head h2{font-size:1.7rem}.experiment>label{margin-inline:20px}.experiment select{margin-inline:20px;width:calc(100% - 40px);font-size:14px}.explanation,.execution{padding-left:20px;padding-right:20px}.inputs,.output{padding:22px 20px}.facts{padding:20px;grid-template-columns:1fr 1fr}.facts>div:last-child{grid-column:1/-1}.result-label{padding:7px 11px;font-size:12px}.reading,.source-section{padding-top:42px}.reading h2,.source-section h2{font-size:2rem}.commission{padding:24px}.source-code{padding:12px}.execution-grid pre{font-size:11px}}@media(max-width:360px){.experiment-head{align-items:flex-start;flex-direction:column}.lab>h1{font-size:2.55rem}}
