.tutorial424{color:#303b40;max-width:1280px;margin:auto}.tutorial424 *{box-sizing:border-box}.tutorial424-heading{margin:12px 0 24px}.tutorial424-heading small{color:#8b6a32;letter-spacing:1px}.tutorial424 h1{font-size:28px;margin:8px 0}.tutorial424 h2{font-size:19px;margin:12px 0}.tutorial424 h3{font-size:16px;margin:8px 0}.tutorial424 p{line-height:1.8;overflow-wrap:anywhere}.tutorial424 button,.tutorial424-button,.tutorial424-page-help button,.tutorial424-card button{font:inherit;border:1px solid #dccdb1;background:#fffdf9;color:#614b29;border-radius:8px;padding:9px 13px;cursor:pointer;text-decoration:none;white-space:normal;line-height:1.5}.tutorial424 button:hover,.tutorial424-button:hover,.tutorial424-page-help button:hover{background:#f5ecd9}.tutorial424 button:focus-visible,.tutorial424-button:focus-visible,.tutorial424-page-help button:focus-visible,.tutorial424-card button:focus-visible{outline:2px solid #936c2d;outline-offset:3px}.tutorial424 button:disabled,.tutorial424-card button:disabled{opacity:.5;cursor:default}.tutorial424 button.tutorial424-primary{background:#9b773a;color:#fffdf9;border-color:#9b773a}.tutorial424-intro{padding:22px;border:1px solid #e2cfaa;border-radius:14px;background:linear-gradient(115deg,#fffaf0,#f1e7d3)}.tutorial424-intro button{margin:4px 8px 0 0}.tutorial424-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:20px 0}.tutorial424-tools input{min-width:180px;flex:1;border:1px solid #dccdb1;border-radius:8px;background:#fffdf9;color:#303b40;padding:12px;font:inherit}.tutorial424-filters{display:flex;gap:5px;flex-wrap:wrap}.tutorial424-filters [aria-pressed=true]{background:#eadab9;border-color:#ac8847}.tutorial424-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tutorial424-course,.tutorial424-functions article{display:flex;flex-direction:column;gap:6px;border:1px solid #e6ddce;border-radius:12px;background:#fffdf9;padding:20px}.tutorial424-course p{flex:1;margin:4px 0}.tutorial424-course small,.tutorial424-muted{color:#736b5f}.tutorial424-course>button{align-self:flex-start}.tutorial424 section{margin-bottom:28px}.tutorial424-functions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tutorial424-functions article div{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.tutorial424 details{border-bottom:1px solid #e6ddce;padding:14px 2px}.tutorial424 summary{cursor:pointer;font-weight:600}.tutorial424-lesson{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px}.tutorial424-outline{display:flex;flex-direction:column;gap:7px;align-self:start}.tutorial424-outline button{text-align:left}.tutorial424-outline [aria-current=step]{background:#eadab9;border-color:#ac8847}.tutorial424-step{min-width:0;padding:22px;border:1px solid #e6ddce;background:#fffdf9;border-radius:12px}.tutorial424-step>p{font-size:16px}.tutorial424-step figure{margin:20px 0}.tutorial424-step img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid #e6ddce}.tutorial424-step figcaption{font-size:12px;color:#736b5f;margin:8px 0}.tutorial424-note{padding:13px;background:#fff5df;border-left:3px solid #b48c47}.tutorial424-lightbox{width:min(1100px,94vw);max-height:92vh;border:1px solid #dccdb1;border-radius:12px;background:#fffdf9;padding:15px}.tutorial424-lightbox img{display:block;width:100%;height:auto;margin-top:12px}.tutorial424-page-help{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin:4px 0 10px}.tutorial424-page-help button{font-size:12px;padding:6px 10px}.tutorial424-card{position:fixed;right:20px;bottom:20px;z-index:2147483500;box-sizing:border-box;width:min(370px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 10px 45px #49381626;border:1px solid #cdb27b;border-radius:12px;padding:18px;background:#fffdf9;color:#303b40;font:14px/1.7 system-ui,"Microsoft YaHei",sans-serif;text-align:left}.tutorial424-card[style*="top"]{bottom:auto;right:auto}.tutorial424-card *{box-sizing:border-box}.tutorial424-card h2{font-size:18px;margin:10px 0}.tutorial424-card p{margin:10px 0;overflow-wrap:anywhere}.tutorial424-card small{display:block;color:#736b5f}.tutorial424-card>div:not(.tutorial424-card-top){display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tutorial424-card>button{margin-top:12px}.tutorial424-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.tutorial424-card-top strong{font-weight:500;color:#87662c}.tutorial424-card-top button{padding:3px 8px}.tutorial424-highlight{outline:3px solid #b38c44!important;outline-offset:4px!important}.tutorial424-binding-help{display:block;margin:10px 0}
@media(max-width:1000px){.tutorial424-grid,.tutorial424-functions{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial424-lesson{grid-template-columns:190px minmax(0,1fr);gap:14px}}
@media(max-width:650px){.tutorial424-grid,.tutorial424-functions,.tutorial424-lesson{grid-template-columns:minmax(0,1fr)}.tutorial424-outline{max-height:240px;overflow:auto}.tutorial424-heading h1{font-size:24px}.tutorial424-step,.tutorial424-course,.tutorial424-intro{padding:16px}.tutorial424-card{left:16px!important;right:16px!important;top:auto!important;bottom:16px!important;width:auto;max-height:50dvh}.tutorial424-tools input{width:100%;font-size:16px}.tutorial424 button,.tutorial424-card button{min-height:42px}.tutorial424-outline button{min-height:42px}}
.tutorial424-reader{width:min(1200px,96vw);max-height:92dvh;overflow:auto;border:1px solid #dccdb1;border-radius:12px;background:#faf8f3;color:#303b40;padding:20px}.tutorial424-reader>button{padding:8px 12px;border:1px solid #dccdb1;background:#fffdf9;border-radius:8px;color:#614b29;cursor:pointer}.tutorial424-reader .tutorial424-heading{margin-top:12px}

/* Original uploaded screenshots425: preserve pixels, proportions and annotations. */
.tutorial425-image-button{display:block!important;padding:0!important;border:0!important;width:100%;background:transparent!important;cursor:zoom-in!important}.tutorial425-original{margin:24px 0!important}.tutorial425-original img{width:100%;height:auto;object-fit:contain;filter:none;max-height:none}.tutorial425-original>button:last-child{margin-top:6px}.tutorial425-lightbox{width:min(1600px,98vw);padding:14px;max-height:96dvh}.tutorial425-zoom-tools{display:flex;gap:10px;flex-wrap:wrap;position:sticky;top:0;background:#fffdf9;padding:0 0 12px;z-index:1}.tutorial425-zoom-tools button{padding:8px 12px;background:#f6ecd9;border:1px solid #d8c49c;border-radius:7px;color:#5d4826;cursor:pointer;font:inherit}.tutorial425-image-scroll{max-height:calc(92dvh - 80px);overflow:auto;overscroll-behavior:contain}.tutorial425-image-scroll img{display:block;height:auto;margin:0;border-radius:0}.tutorial425-original figcaption{line-height:1.7}@media(max-width:650px){.tutorial425-lightbox{padding:10px}.tutorial425-zoom-tools button,.tutorial425-zoom-tools a{min-height:42px}.tutorial425-zoom-tools{gap:6px}.tutorial425-image-scroll{max-height:calc(90dvh - 130px)}}

/* Compact only the two standalone web navigation entries requested by the user. */
#workspace .sidebar nav .nav-standalone323{margin:0 0 4px!important;padding:0!important}
#workspace .sidebar nav .nav-standalone323>a{box-sizing:border-box;min-height:32px!important;height:32px;padding:5px 8px!important;margin:0!important;line-height:22px;font-size:12px!important;gap:8px;border-radius:6px}
#workspace .sidebar nav .nav-standalone323>a>span{font-size:14px}
@media(pointer:coarse){#workspace .sidebar nav .nav-standalone323>a{height:40px;min-height:40px!important}}