.cpp-build-illustration{margin:28px 0}.cpp-build-illustration img{display:block;width:100%;height:auto;border-radius:14px}.cpp-build-illustration figcaption,.cpp-source-example figcaption{font-size:.78rem;line-height:1.7;color:var(--muted);margin:12px 0}.cpp-source-example{min-width:0;margin:24px 0}.cpp-introduction-workspace pre{max-width:100%;overflow-x:auto;white-space:pre}.cpp-local-practice{border:1px solid var(--line,#d9dfd9);border-radius:12px;padding:24px;margin:28px 0}.cpp-local-practice label{display:block;font-weight:650;margin-bottom:12px}.cpp-local-practice textarea{width:100%;min-height:250px;padding:16px;border:1px solid var(--line,#d9dfd9);border-radius:8px;background:var(--paper,#fff);color:var(--ink);font:13px/1.8 var(--font-geist-mono),monospace;resize:vertical}.cpp-local-practice [role=status]{display:flex;align-items:center;gap:8px;font-size:.8rem}.cpp-explained-solution{margin:24px 0;padding:20px;border:1px solid var(--line,#d9dfd9);border-radius:10px}.cpp-explained-solution summary{cursor:pointer;font-weight:650;line-height:1.8}.cpp-explained-solution h3{margin-top:24px}.cpp-introduction-workspace :is(textarea,summary,button):focus-visible{outline:3px solid #3279a5;outline-offset:3px}@media (max-width:620px){.cpp-local-practice{padding:16px}.cpp-explained-solution{padding:14px}}