:root{--tut-navy:#010347;--tut-green:#72b52b;--tut-green-dk:#5c9a1f;--tut-green-soft:#eef7e3;--tut-gray:#6b7280;--tut-gray-soft:#f5f6f8;--tut-border:#ececec}body{display:block!important;overflow:visible!important}#app-container{display:block!important;overflow:visible!important}.public-navbar-bg.sticky-top{position:sticky!important;top:0;z-index:2000}#tutorial-sidebar,#tutorial-sidebar *,#content,#content *{box-sizing:border-box}.wrapper.tutorial{display:flex;align-items:flex-start;width:100%;gap:0;background:#fff;padding:0}#tutorial-sidebar{position:sticky;top:80px;align-self:flex-start;min-width:270px;max-width:270px;height:100vh;max-height:100vh;background:#fff;color:#111827;border:1px solid var(--tut-border);flex-shrink:0;overflow-y:auto;overflow-x:hidden;transition:all .3s;scrollbar-color:#fff3 transparent}#tutorial-sidebar::-webkit-scrollbar{width:6px}#tutorial-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}#tutorial-sidebar.active{margin-left:-270px}#tutorial-sidebar .sidebar-header{background:#fff;padding:1.25rem 1.25rem .75rem;border-bottom:1px solid var(--tut-border)}#tutorial-sidebar .menu{overflow:visible;max-height:none}#tutorial-sidebar .sidebar-header h3{font-size:.8rem;font-weight:700;letter-spacing:.12em;color:var(--tut-gray);margin:0;text-align:center;text-transform:uppercase}#tutorial-sidebar ol,#tutorial-sidebar ul,#tutorial-sidebar li{list-style:none!important;margin:0!important}#tutorial-sidebar .menu{display:flex;flex-direction:column;gap:.15rem;padding:.5rem 0}#tutorial-sidebar .collapse{padding-top:.15rem}#tutorial-sidebar li::before,#tutorial-sidebar li::marker{content:none!important;display:none!important}#tutorial-sidebar a{display:block;color:inherit;text-decoration:none;transition:background .18s ease,color .18s ease,border-color .18s ease}#tutorial-sidebar .main{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.9rem 1.25rem .9rem 1.5rem;font-size:.95rem;font-weight:600;line-height:1.4;color:#111827;cursor:pointer;border-left:3px solid transparent;letter-spacing:.01em}#tutorial-sidebar .dropdown-toggle::after{content:none!important}#tutorial-sidebar .main::after{content:'';flex:0 0 auto;display:inline-block;margin-left:.5rem;border-top:.32em solid;border-right:.32em solid transparent;border-left:.32em solid transparent;color:var(--tut-green);transition:transform .2s ease}#tutorial-sidebar .dropdown-toggle[aria-expanded='true'] .main::after{transform:rotate(180deg)}#tutorial-sidebar .main:hover{background:var(--tut-gray-soft);color:var(--tut-green-dk)}#tutorial-sidebar .main.active{background:var(--tut-green-soft);color:var(--tut-green-dk);border-left-color:var(--tut-green)}#tutorial-sidebar .sub-main{display:block;width:100%;padding:.75rem 1.25rem .75rem 2.7rem;font-size:.875rem;line-height:1.45;color:var(--tut-gray);border-left:3px solid transparent;letter-spacing:.01em}#tutorial-sidebar .sub-main:hover{background:var(--tut-gray-soft);color:var(--tut-green-dk)}#tutorial-sidebar .sub-main.active{background:var(--tut-green-soft);color:var(--tut-green-dk);font-weight:600;border-left-color:var(--tut-green)}#tutorial-sidebar .single-link .main::after{content:none}#content{flex:1;min-width:0;padding:0;background:#fff;transition:all .3s ease}#content .navbar-toggle{padding:1rem 1rem 1rem 1.5rem;background:0 0;border-bottom:0;box-shadow:none}#content .btn.btn-info.sidebar-toggle{background:var(--tut-green);border:0;color:#fff;border-radius:8px;padding:.55rem .9rem}#content .btn.btn-info.sidebar-toggle:hover,#content .btn.btn-info.sidebar-toggle:focus{background:var(--tut-green-dk);color:#fff}#content .tutorial-content{padding:0 1.5rem 1rem 2rem;max-width:min(1000px,100%);margin:0;text-align:left;counter-reset:tutorial-step}.tutorial-section{padding-top:2.5rem;margin-top:2.5rem;border-top:1px solid var(--tut-border);scroll-margin-top:1.5rem}.tutorial-section:first-of-type{padding-top:0;margin-top:0;border-top:0}.tutorial-section-title{font-family:'Lora',serif;font-size:1.5rem;font-weight:700;color:var(--tut-navy);margin:0 0 1rem;line-height:1.25}#content .tutorial-content .tutorial-step-eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tut-green);margin-bottom:.75rem}#content .tutorial-content h1{font-family:'Lora',serif;font-size:2.25rem;font-weight:800;color:var(--tut-navy);margin:0 0 .75rem;line-height:1.15}#content .tutorial-content .title-line{border:0;border-top:2px solid var(--tut-green);width:60px;margin:0 0 1.5rem;opacity:1}#content .tutorial-content .tutorial-subtitle{color:#667085;font-size:1.05rem;line-height:1.6;margin-bottom:2rem}#content .tutorial-content ol{counter-reset:none;list-style:none;padding:0;margin:0 0 2rem}#content .tutorial-content ol>li{counter-increment:tutorial-step;display:block;position:relative;padding-left:2.25rem;margin-bottom:1.75rem;font-size:1.05rem;line-height:1.6;color:#111827}#content .tutorial-content ol>li::before{content:counter(tutorial-step) '.';font-weight:700;color:var(--tut-navy);position:absolute;left:0;top:0;min-width:1.75rem;line-height:1.5}#content .tutorial-content ol>li h4{font-family:'Source Sans 3',sans-serif;font-size:1.05rem;font-weight:600;color:#111827;margin:0 0 1rem;line-height:1.5}#content .tutorial-content .links,#content .tutorial-content .links:hover{color:#1a74bb;text-decoration:underline}#content .tutorial-content img.tutorial-step{display:block;width:100%;margin:0 0 .5rem;border:6px solid var(--tut-green);border-radius:12px;box-shadow:0 10px 25px #00044714}.tutorial-tip{display:flex;gap:.75rem;align-items:flex-start;background:#fff7e6;border:1px solid #ffe1a8;border-radius:12px;padding:1rem 1.25rem;margin:1.5rem 0;color:#7a5300}.tutorial-tip>i{margin-top:.15rem;color:#d97706;flex-shrink:0}.tutorial-tip>div{flex:1;min-width:0}#content .tutorial-tip ul{counter-reset:none;list-style:disc;padding-left:1.25rem;margin:.5rem 0 0}#content .tutorial-tip ul>li{counter-increment:none;display:list-item;list-style:disc;padding-left:0;position:static;margin:0 0 .5rem;font-size:.95rem;line-height:1.55;color:inherit}#content .tutorial-tip ul>li:last-child{margin-bottom:0}#content .tutorial-tip ul>li::before{content:none!important;display:none!important}.tutorial-tip ol{counter-reset:tip-item;padding-left:1.1rem;list-style:decimal;margin:0}.tutorial-tip ol>li{counter-increment:tip-item;display:list-item;margin-bottom:.4rem;font-size:.95rem;color:inherit}.tutorial-tip ol>li::before{content:none!important}.tutorial-note{display:flex;align-items:flex-start;gap:.5rem;font-size:.92rem;color:#6b7280;line-height:1.5;margin:-0.5rem 0 1rem;padding-left:.25rem}.tutorial-note i{color:#9aa0a6;margin-top:.15rem;flex-shrink:0}#content .tutorial-pager{max-width:min(1000px,100%);margin:2rem 0 1rem;padding:1.5rem 1.5rem 0 2rem;border-top:1px solid var(--tut-border)}.tutorial-progress{background:var(--tut-gray-soft);border-radius:999px;height:6px;overflow:hidden;margin-bottom:1rem}.tutorial-progress-bar{height:100%;background:var(--tut-green);border-radius:999px;transition:width .3s ease}.tutorial-pager-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.tutorial-step-label{color:#9aa0a6;font-size:.85rem}.tutorial-pager-actions{display:flex;gap:.75rem}.btn-tutorial-back,.btn-tutorial-next{border-radius:999px;padding:.55rem 1.4rem;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .2s ease;display:inline-flex;align-items:center;gap:.35rem}.btn-tutorial-back{background:#fff;border:1px solid #ddd;color:#555}.btn-tutorial-back:hover{background:var(--tut-gray-soft);color:#555}.btn-tutorial-back.disabled{opacity:.5;pointer-events:none}.btn-tutorial-next{background:var(--tut-green);color:#fff}.btn-tutorial-next:hover{background:var(--tut-navy);color:#fff}.btn-back-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--tut-green-dk);border:2px solid var(--tut-green-dk);border:0;box-shadow:0 8px 20px #00044740;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;z-index:1020;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease,visibility .25s}.btn-back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.btn-back-to-top:hover,.btn-back-to-top:focus{background:var(--tut-green);color:#fff;box-shadow:0 12px 24px #72b52b59;outline:none}@media(max-width:991px){.wrapper.tutorial{flex-direction:column;padding:1rem 1rem 3rem;gap:0}#tutorial-sidebar{position:fixed;top:80;left:0;height:calc(100vh - 80px);max-height:calc(100vh - 80px);z-index:1040;margin-left:-280px;overflow-y:auto;border-radius:0;box-shadow:4px 0 20px #00000014}#tutorial-sidebar.active{margin-left:0}#content .navbar-toggle{padding:.75rem 1rem .75rem 0}#content .navbar-toggle .container-fluid{padding-left:0!important;padding-right:0!important}#content .tutorial-content{padding:0}#content .tutorial-pager{padding:1.25rem 0 0}#content .tutorial-content h1{font-size:1.75rem}.tutorial-section-title{font-size:1.25rem}.btn-back-to-top{bottom:1.25rem;right:1.25rem;width:44px;height:44px;font-size:1rem}}