.tutorial-article{max-width:1280px;padding-top:3rem;padding-bottom:5rem}.tutorial-header{max-width:1000px;padding-bottom:3rem}.tutorial-breadcrumb{display:flex;flex-wrap:wrap;gap:.65rem;color:var(--text-soft);font-size:.85rem;margin-bottom:2rem}.tutorial-breadcrumb a:hover,.tutorial-byline a:hover{text-decoration:underline}.tutorial-header h1{font-size:clamp(2.15rem,4.4vw,4rem);line-height:1.12;margin-top:1.2rem;max-width:24ch}.tutorial-deck{font-size:1.12rem;line-height:1.8;max-width:75ch;color:var(--text-soft);margin-top:1.5rem}.tutorial-byline{font-size:.82rem;color:var(--text-soft);margin-top:1.25rem}.tutorial-answer{border-left:3px solid var(--secondary);padding:1rem 1.4rem;background:rgba(255,255,255,.025);margin-top:2rem;line-height:1.8}.tutorial-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:3rem;align-items:start}.tutorial-toc{position:sticky;top:7rem;font-size:.86rem}.tutorial-toc ol{list-style:none;padding:0;margin-top:1.1rem}.tutorial-toc a{display:block;padding:.5rem 0;color:var(--text-soft);line-height:1.5}.tutorial-toc a:hover{color:var(--text);text-decoration:underline;text-underline-offset:4px}.tutorial-body{min-width:0}.tutorial-verification{background:rgba(255,255,255,.025);border:1px solid var(--panel-border);padding:1.25rem;font-size:.9rem;line-height:1.75}.tutorial-verification strong{color:var(--secondary)}.tutorial-verification p{margin-top:.6rem;color:var(--text-soft)}.tutorial-section{min-width:0;padding-top:3rem;margin-top:1rem;border-top:1px solid var(--panel-border);scroll-margin-top:6rem}.tutorial-section h2{font-size:clamp(1.6rem,2.7vw,2.1rem);line-height:1.25;margin-bottom:1.3rem}.tutorial-section h3{font-size:1.1rem;line-height:1.5;font-weight:650}.tutorial-section li,.tutorial-section p{font-size:1rem;line-height:1.85;color:var(--text-soft);overflow-wrap:anywhere}.tutorial-section p+p{margin-top:1rem}.tutorial-section ul{list-style:disc;padding-left:1.3rem;margin:1.3rem 0}.tutorial-section li+li{margin-top:.6rem}.tutorial-section a{color:var(--secondary);text-decoration:underline;text-underline-offset:4px}.tutorial-section a:hover{color:var(--text)}.tutorial-links{display:grid;gap:.65rem}.tutorial-links p{font-size:.88rem}.tutorial-table{width:100%;max-width:100%;overflow-x:auto;margin:1.5rem 0;border:1px solid var(--panel-border)}.tutorial-table table{width:100%;min-width:580px;border-collapse:collapse;font-size:.9rem;line-height:1.7}.tutorial-table td,.tutorial-table th{padding:1rem;border-bottom:1px solid var(--panel-border);text-align:left;vertical-align:top}.tutorial-table th{font-weight:600}.tutorial-table thead{background:rgba(255,255,255,.04);color:var(--text)}.tutorial-table tbody td{color:var(--text-soft)}.tutorial-code{min-width:0;max-width:100%;border:1px solid var(--panel-border);background:#0e100f;margin:1.5rem 0}.tutorial-code-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:.75rem 1rem;border-bottom:1px solid var(--panel-border);font-size:.8rem;color:var(--text-soft)}.tutorial-code-toolbar span{min-width:0;overflow-wrap:anywhere}.tutorial-code button{min-height:40px;padding:.45rem .8rem;border:1px solid var(--panel-border);color:var(--text);cursor:pointer}.tutorial-code button:hover{background:rgba(255,255,255,.1)}.tutorial-code pre{display:block;max-width:100%;overflow-x:auto;padding:1.1rem;font-size:.82rem;line-height:1.8;white-space:pre;tab-size:4}.tutorial-code code{font-family:var(--font-ibm-plex-mono),monospace}.tutorial-copy-status{display:block;padding:0 1rem;font-size:.8rem;color:var(--text-soft)}.tutorial-copy-status:not(:empty){padding-bottom:.8rem}.tutorial-section figure{margin:1.5rem 0}.tutorial-section img{display:block;width:100%;height:auto}.tutorial-section figcaption{color:var(--text-soft);font-size:.84rem;line-height:1.65;margin-top:.8rem}.tutorial-faq{margin:1.5rem 0}.tutorial-faq p{margin-top:.6rem}.tutorial-source{min-width:0;margin-top:1rem}.tutorial-source summary{padding:1rem;cursor:pointer;border:1px solid var(--panel-border)}.tutorial-source .tutorial-code{margin-top:0}.tutorial-source pre{max-height:38rem;overflow:auto}@media (max-width:900px){.tutorial-layout{grid-template-columns:minmax(0,1fr);gap:2rem}.tutorial-toc{position:static;border-top:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border);padding:1rem 0}.tutorial-header{padding-bottom:2rem}.tutorial-section{padding-top:2rem}}@media (prefers-reduced-motion:reduce){html:has(.tutorial-article){scroll-behavior:auto}}