@charset "UTF-8";
:root{--blue:#2465e8;--blue-dark:#174ab5;--blue-wash:#edf3ff;--ink:#19283d;--muted:#627186;--line:#e1e7ef;--paper:#fff;--canvas:#f8fafc;--teal:#087f78;--amber:#ab6b16;--radius:16px;--header:72px;--shadow:0 14px 36px rgba(25,40,61,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--canvas);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button{color:inherit}button,a,input,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #75a6ff}button{touch-action:manipulation}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.22}svg.icon,svg.tiny,svg.large-icon{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon{width:22px;height:22px}.tiny{width:16px;height:16px}.large-icon{width:48px;height:48px}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;left:18px;top:-100px;padding:12px 20px;background:var(--ink);color:#fff;z-index:100}.skip-link:focus{top:12px}[hidden]{display:none!important}
.guide-original-header{height:var(--header);position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.header-inner{max-width:1536px;height:100%;margin:auto;padding:0 38px;display:flex;align-items:center;gap:50px}.brand{font-weight:800;font-size:24px;letter-spacing:-1px;white-space:nowrap;display:flex;align-items:center;gap:10px}.brand-blue{color:var(--blue)}.brand-domain{color:#53667e;font-size:.71em;letter-spacing:-.5px}.brand-mark{display:grid;grid-template-columns:8px 8px;gap:3px;transform:rotate(-6deg);margin-right:1px}.brand-mark i{background:var(--blue);height:8px;border-radius:2px}.brand-mark i:nth-child(2){background:#9cbcff}.brand-mark i:last-child{grid-column:1/-1;width:8px;justify-self:center}.top-nav{display:flex;gap:7px;align-items:center;flex:1;height:100%}.top-nav a{display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 15px;border-radius:8px;font-size:14px;font-weight:600;white-space:nowrap;position:relative}.top-nav a:hover{background:#f3f6fb}.top-nav a[aria-current=page]{color:var(--blue);background:var(--blue-wash)}.top-nav a[aria-current=page]:after{content:"";position:absolute;bottom:-14px;height:3px;width:28px;border-radius:2px;background:var(--blue)}.external{opacity:.4;width:12px}.account-link{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:650;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:white}.account-link:hover{border-color:#9ebbed}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:white}.icon-button:hover{background:var(--blue-wash);color:var(--blue)}.menu-button{display:none}
.page-layout{max-width:1536px;margin:auto;display:grid;grid-template-columns:228px minmax(0,1fr);gap:52px;padding:0 38px}.sidebar{border-right:1px solid var(--line);padding-right:22px}.sidebar-inner{position:sticky;top:var(--header);padding:34px 0 22px;max-height:calc(100vh - var(--header));overflow:auto;scrollbar-width:thin}.sidebar-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:750;margin-bottom:28px}.sidebar-title svg{color:var(--blue)}.nav-label{font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:1.05px;color:#8a96a6;display:block;margin:23px 0 9px 10px}.toc-link{display:flex;align-items:center;gap:10px;padding:10px 9px;margin:3px 0;border-radius:8px;font-size:12px;font-weight:600;color:#617188;line-height:1.4;position:relative;min-height:40px}.toc-link>.icon{width:17px;height:17px}.toc-link:hover{background:#f0f4fa;color:var(--ink)}.toc-link.active{color:var(--blue);background:#eaf1ff}.toc-link.active:before{content:"";position:absolute;left:-2px;width:3px;height:17px;border-radius:2px;background:var(--blue)}.letters-icon{font-size:14px;font-weight:700;width:17px}.nav-divider{height:1px;background:var(--line);margin:20px 8px 13px}.read-dot{display:none;margin-left:auto;width:6px;height:6px;border-radius:100%;background:#27978a;flex:none}.read-dot.read{display:block}.learning-progress{margin:26px 9px 0;font-size:10px}.learning-progress>div:first-child{display:flex;gap:6px;justify-content:space-between;color:var(--muted)}.learning-progress strong{color:var(--ink);white-space:nowrap}.progress-track{height:4px;background:#e4eaf3;border-radius:8px;margin-top:10px;overflow:hidden}.progress-track>span{display:block;height:100%;width:0;background:var(--blue);transition:width .25s}.learning-progress p{color:#8a96a6;font-size:10px;margin:8px 0 0}.support-box{border:1px solid var(--line);border-radius:11px;display:flex;gap:8px;align-items:center;padding:13px 10px;margin:23px 0 0;background:#fff}.support-box>.icon{width:18px;height:18px;color:#7b8daa}.support-box>span{flex:1}.support-box strong{font-size:11px;display:block}.support-box small{font-size:10px;display:block;color:var(--muted);margin-top:2px}.support-box>.tiny{width:12px;height:12px;color:#8a9bb0}.support-box:hover{border-color:#a5bef0}main{min-width:0}
.utility-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:26px}.breadcrumb{font-size:11px;color:#7e8da1}.breadcrumb span{color:#aeb8c6;margin:0 8px}.search-wrap{position:relative;width:258px;z-index:25}.search-field{border:1px solid var(--line);display:flex;align-items:center;gap:9px;border-radius:9px;height:38px;background:white;padding:0 11px;color:#8795a8}.search-field>.icon{width:16px;height:16px}.search-field input{background:none;border:0;width:100%;min-width:0;font-size:12px;color:var(--ink);outline:none}.search-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #2465e811}.search-field kbd{border:1px solid var(--line);border-radius:3px;padding:0 4px;color:#8a96a6;font-size:10px}.search-results{position:absolute;right:0;top:45px;width:340px;max-width:calc(100vw - 40px);padding:6px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px #1b2c4522;max-height:370px;overflow-y:auto}.search-results a{display:block;padding:12px;border-radius:8px;font-size:13px}.search-results a:hover,.search-results a:focus{background:var(--blue-wash);color:var(--blue)}.search-results small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.search-results p{font-size:12px;color:var(--muted);padding:12px;margin:0}
.intro-heading{padding-top:42px}.eyebrow{display:block;font-size:10px;font-weight:750;letter-spacing:1.15px;text-transform:uppercase;color:#7b8aa0;margin-bottom:12px}.intro-heading>.eyebrow{display:flex;gap:8px;align-items:center;color:var(--blue)}.eyebrow-line{width:22px;height:2px;background:var(--blue)}h1{font-size:clamp(36px,3.5vw,52px);letter-spacing:-2px;line-height:1.12;font-weight:780;margin-bottom:20px}.intro-heading h1 span{color:var(--blue)}.intro-copy{font-size:15px;line-height:1.7;color:var(--muted);max-width:720px;margin-bottom:30px}.start-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.start-card{background:white;border:1px solid var(--line);border-radius:14px;padding:20px 19px 17px;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s}.start-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b3c7e9}.card-top{display:flex;align-items:center;gap:9px;margin-bottom:19px}.feature-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#edf7f5;color:var(--teal);flex:none}.feature-icon .icon{width:19px;height:19px}.card-kicker{font-size:9px;font-weight:750;letter-spacing:.15px;color:var(--muted)}.card-arrow{width:17px;height:17px;margin-left:auto;color:#9dacbf}.scanner-card .feature-icon{background:#fff5e5;color:var(--amber)}.constructor-card .feature-icon{background:var(--blue-wash);color:var(--blue)}.start-card h2{font-size:20px;font-weight:750;letter-spacing:-.65px;margin-bottom:12px}.start-card p{font-size:12px;line-height:1.65;color:var(--muted);margin-bottom:22px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1f6;padding-top:14px;font-size:11px;font-weight:650;margin-top:auto;color:var(--teal)}.scanner-card .card-bottom{color:var(--amber)}.constructor-card .card-bottom{color:var(--blue)}.card-bottom svg{width:13px}.first-tip{margin-top:16px;display:flex;align-items:center;gap:13px;border:1px solid #e4ebf5;border-radius:12px;padding:13px 16px;background:#f0f5fc}.first-tip>.icon{width:18px;height:18px;color:var(--blue)}.first-tip p{font-size:11px;color:var(--muted);margin:0;flex:1;line-height:1.6}.first-tip strong{color:var(--ink)}.first-tip a{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:var(--blue);white-space:nowrap;padding:7px}.observed-section{scroll-margin-top:100px}
.lesson-section{margin-top:60px;padding-top:41px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-start;gap:17px;margin-bottom:24px}.section-number{width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex:none;background:#edf1f7;border:1px solid #e3e8ef;border-radius:11px;font-size:12px;font-weight:750;color:#7a8ca7;margin-top:4px}.section-heading .eyebrow{margin-bottom:8px;font-size:9px}.section-heading h2{font-size:28px;letter-spacing:-.9px;margin-bottom:10px;font-weight:750}.section-heading p{font-size:13px;line-height:1.7;color:var(--muted);max-width:740px;margin-bottom:0}.lesson-section[data-accent=teal] .section-number{background:#eaf6f3;color:var(--teal);border-color:#d6ede7}.lesson-section[data-accent=amber] .section-number{background:#fff6e8;color:var(--amber);border-color:#f2e5cf}.lesson-section[data-accent=blue] .section-number{background:#ecf2ff;color:var(--blue);border-color:#d9e5fd}.lesson-tools{display:flex;align-items:center;gap:8px;margin:0 0 22px 55px;flex-wrap:wrap}.small-tag{padding:4px 9px;border:1px solid var(--line);border-radius:5px;color:#77859a;font-size:10px;background:#fff}.lesson-tools .tool-kind{background:none;border:0;padding-left:0;font-weight:650;color:#4e6078}.lesson-body{display:grid;grid-template-columns:minmax(220px,28%) minmax(0,1fr);gap:24px;align-items:start}.steps-list{display:flex;flex-direction:column;gap:7px}.step-button{display:flex;text-align:left;align-items:flex-start;gap:12px;width:100%;padding:15px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);line-height:1.5;transition:background .15s}.step-button:hover{background:#f0f4fa}.step-button[aria-selected=true]{border-color:#cadbfc;background:#f0f5ff;color:var(--ink)}.step-counter{height:24px;min-width:24px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:#edf1f6;border:1px solid #dee5ef;border-radius:50%;margin-top:1px;color:#7c8b9e}.step-button[aria-selected=true] .step-counter{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 0 0 4px #2465e80b}.step-copy strong{display:block;font-size:12px;font-weight:700;margin:0 0 6px}.step-copy small{display:block;font-size:11px;line-height:1.7;font-weight:400}.step-button:not([aria-selected=true]) .step-copy small{color:#7d8a9c}.lesson-viewer{min-width:0;border:1px solid #dce5f0;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 6px 18px #243c6010}.viewer-bar{min-height:39px;padding:8px 12px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #e6ebf3;background:#fbfcfe}.viewer-dots{display:flex;gap:4px}.viewer-dots i{height:5px;width:5px;border-radius:50%;background:#dbe2ed}.viewer-path{font-size:9px;letter-spacing:.15px;color:#9ba6b6;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.viewer-step{font-size:9px;color:#7b8ca4;white-space:nowrap;margin-left:auto;padding:3px 6px;background:#eef2f8;border-radius:4px}.viewer-expand{background:none;border:0;display:flex;gap:4px;align-items:center;color:#6881a7;font-size:9px;padding:5px;min-height:26px}.viewer-expand:hover{color:var(--blue)}.viewer-expand svg{width:13px;height:13px}.shot-canvas{position:relative;background:#f0f3f8;isolation:isolate}.shot-image{display:block;width:100%;height:auto}.shot-hotspot{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);transform:translate(-50%,-50%);border:3px solid #fff;background:var(--blue);color:#fff;border-radius:50%;width:30px;height:30px;padding:0;box-shadow:0 2px 10px #1146a76b;display:flex;align-items:center;justify-content:center;font-weight:750;font-size:11px;z-index:2;transition:box-shadow .15s}.shot-hotspot:hover,.shot-hotspot[aria-pressed=true]{box-shadow:0 0 0 5px #2465e82a,0 2px 10px #1146a75a}.shot-hotspot[aria-pressed=true]{background:#174fca}.annotation-row{display:flex;gap:10px;align-items:flex-start;min-height:66px;padding:13px 14px;background:#fff;border-top:1px solid #e5eaf2}.annotation-number{display:flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:6px;background:var(--blue-wash);color:var(--blue);font-size:10px;font-weight:750}.annotation-text{min-width:0;flex:1}.annotation-text strong{font-size:11px;display:block;margin-bottom:3px}.annotation-text p{font-size:10px;line-height:1.7;color:var(--muted);margin:0}.annotation-controls{display:flex;gap:3px;margin-left:auto;align-self:center}.annotation-controls button{background:transparent;border:1px solid var(--line);width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#7e8eaa}.annotation-controls button:first-child svg{transform:rotate(180deg)}.annotation-controls svg{width:12px;height:12px}.annotation-controls button:hover{border-color:#aec7fa;color:var(--blue)}.viewer-caption{font-size:9px;color:#8795a9;padding:8px 14px;background:#fcfdff;border-top:1px solid #edf1f6;display:flex;gap:7px;align-items:center}.viewer-caption svg{width:11px;height:11px}.lesson-footer{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-top:21px;flex-wrap:wrap}.lesson-actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;border:1px solid transparent;min-height:40px;padding:10px 16px;font-size:11px;font-weight:700;line-height:1.4;text-align:center;transition:background .15s,box-shadow .15s}.btn .icon{width:15px;height:15px}.btn .tiny{width:14px;height:14px}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 3px 7px #2465e815}.btn.primary:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.btn.secondary{background:#fff;border-color:#d6e0ed;color:#526986}.btn.secondary:hover{border-color:#9bb9ef;color:var(--blue);background:#fbfcff}.text-link,.text-button{font-size:11px;font-weight:650;color:var(--blue);display:inline-flex;gap:6px;align-items:center;line-height:1.6}.text-link:hover,.text-button:hover{text-decoration:underline}.text-button{border:0;background:none;padding:8px}.read-button{border:1px solid var(--line);border-radius:7px;background:transparent;padding:8px 11px;color:#7b8ca3;display:flex;align-items:center;gap:7px;font-size:10px}.read-button .icon{width:14px;height:14px}.read-button[aria-pressed=true]{color:var(--teal);border-color:#bce0d7;background:#eff8f5}.lesson-note{display:flex;align-items:flex-start;gap:9px;margin-top:19px;padding:12px 14px;border-left:2px solid #bfcee3;background:#f1f5fa;border-radius:0 8px 8px 0}.lesson-note .icon{width:15px;height:15px;color:#71849e;margin-top:2px}.lesson-note p{font-size:11px;line-height:1.7;margin:0;color:#6d7e96}.inline-term{display:inline;padding:0;border:0;background:none;color:#446dba;border-bottom:1px dashed #abc1e9;cursor:pointer;font-size:inherit;line-height:inherit}.inline-term:hover{color:var(--blue)}
.lesson-examples-callout{margin:0 0 24px 55px;border:1px solid #dbe6fd;background:#f3f7ff;padding:12px 15px;border-radius:10px;display:flex;align-items:center;gap:10px}.lesson-examples-callout>.icon{color:var(--blue);width:19px;height:19px}.lesson-examples-callout p{font-size:11px;color:#647a9c;margin:0;flex:1}.lesson-examples-callout strong{color:#315787}.lesson-examples-callout a{white-space:nowrap;font-size:11px;font-weight:700;color:var(--blue);display:flex;align-items:center;gap:5px}.lesson-examples-callout a svg{width:14px;height:14px}.faq-section,.glossary-section{padding-top:44px;margin-top:56px;border-top:1px solid var(--line)}.faq-list{border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}.faq-list details+details{border-top:1px solid #e8edf4}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:15px;justify-content:space-between;font-size:13px;font-weight:650;padding:19px 22px;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{width:16px;height:16px;color:#8b9cb4;transition:transform .2s;flex:none}.faq-list details[open] summary{color:var(--blue);padding-bottom:10px}.faq-list details[open] summary svg{transform:rotate(90deg);color:var(--blue)}.faq-list details>p{padding:0 55px 20px 22px;font-size:12px;color:var(--muted);line-height:1.75;margin-bottom:0}.faq-list details>p a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.glossary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.glossary-button{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:8px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:15px 16px;font-size:12px;font-weight:650;min-height:54px}.glossary-button svg{width:13px;height:13px;color:#8ca0bb}.glossary-button:hover{color:var(--blue);border-color:#b6cdf4;background:#fcfdff}.next-step{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px;margin-top:50px;border:1px solid #d8e4fa;background:#eef4ff;border-radius:15px}.next-step>div{min-width:0}.next-step h2{font-size:24px;letter-spacing:-.7px;margin:0 0 10px}.next-step p{font-size:12px;line-height:1.75;color:#617897;max-width:490px;margin:0}.next-step .eyebrow{font-size:9px;color:#6f8ebd}.next-actions{display:flex;flex-direction:column;gap:8px;flex:none;min-width:190px}.page-footer{display:flex;align-items:center;gap:20px;margin:38px 0 0;padding:23px 0 30px;border-top:1px solid var(--line);color:#8997ab;font-size:9px}.page-footer p{margin:0;flex:1}.page-footer>a:last-child{margin-left:auto;white-space:nowrap}.footer-brand{font-size:14px;gap:0;letter-spacing:-.6px;color:#526780}.page-footer>a:last-child:hover{color:var(--blue)}
dialog{border:1px solid #d6e0ee;border-radius:17px;padding:0;background:#fff;box-shadow:0 25px 100px #132b4d40;color:var(--ink);max-height:calc(100dvh - 36px)}dialog::backdrop{background:rgba(21,35,57,.60);backdrop-filter:blur(3px)}.dialog-header{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}.dialog-header h2{font-size:19px;letter-spacing:-.5px;margin:0}.dialog-header .eyebrow{font-size:9px;margin-bottom:6px}.dialog-controls{display:flex;gap:7px;flex:none}.dialog-header .icon-button{height:36px;min-width:36px;border-radius:8px}.dialog-header .icon-button .icon{width:19px;height:19px}.image-dialog{width:min(1300px,calc(100vw - 40px))}.large-image-scroll{padding:16px;background:#edf1f7;overflow:auto;max-height:calc(100dvh - 205px);min-height:150px;text-align:center}.large-image-scroll img{display:block;margin:auto;width:auto;height:auto;max-height:calc(100dvh - 245px);max-width:100%;object-fit:contain;border-radius:6px;box-shadow:0 1px 8px #1229461a}.large-image-scroll.zoomed img{max-height:none;max-width:none}.dialog-image-caption{padding:13px 22px;margin:0;font-size:11px;color:var(--muted);line-height:1.65}.examples-dialog{width:min(800px,calc(100vw - 34px))}.examples-content{padding:22px}.examples-content>p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:22px}.example-learning{display:grid;grid-template-columns:28px 1fr 28px 1fr;gap:12px;align-items:start;margin-bottom:22px;border-radius:10px;background:#f4f7fc;padding:15px}.example-learning>span{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#e5eeff;border-radius:6px;color:var(--blue);font-size:11px;font-weight:700}.example-learning p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.example-learning strong{color:var(--ink)}.real-example{border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.example-type{font-size:10px;color:#7a8ba4}.real-example h3{font-size:23px;margin:9px 0}.real-example p{font-size:12px;line-height:1.7;margin-bottom:0;color:var(--muted);max-width:390px}.real-example .btn{flex:none}.examples-note{display:flex;gap:10px;align-items:flex-start;padding-top:20px}.examples-note svg{width:18px;height:18px;color:#6d84a8;flex:none}.examples-note p{font-size:11px;color:var(--muted);line-height:1.65;margin:0}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 22px;border-top:1px solid var(--line);background:#fafcfe}.term-dialog{width:min(490px,calc(100vw - 34px))}.term-dialog>p{padding:23px;font-size:15px;line-height:1.8;color:#62748f;margin:0}.term-dialog .dialog-header h2{font-size:23px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#1e3453;color:#fff;box-shadow:0 10px 40px #162d5040;border-radius:10px;padding:12px 19px;font-size:12px;z-index:80;max-width:calc(100vw - 32px);text-align:center;transition:transform .2s,opacity .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.constructor-preview{max-width:1190px;margin:auto;padding:29px 30px 0}.preview-breadcrumb{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8291a7;margin-bottom:35px}.preview-breadcrumb a{color:#5279b8}.constructor-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px}.constructor-heading h1{font-size:36px;letter-spacing:-1.3px;margin:0 0 12px}.constructor-heading p{color:var(--muted);font-size:13px;margin-bottom:0}.constructor-heading>.btn{flex:none}.examples-banner{display:flex;align-items:center;gap:15px;padding:20px 22px;border:1px solid #cddffd;border-radius:12px;background:#eef4ff}.examples-icon{display:flex;width:40px;height:40px;align-items:center;justify-content:center;flex:none;border:1px solid #d3e0fb;border-radius:11px;background:#fff;color:var(--blue)}.examples-banner>div{flex:1}.examples-banner strong{font-size:14px}.examples-banner p{font-size:11px;line-height:1.6;margin:4px 0 0;color:#6a80a1}.examples-banner>.text-link{font-size:11px;flex:none}.training-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:34px 0 16px}.training-heading h2{font-size:20px;margin:0 0 8px;letter-spacing:-.5px}.training-heading p{font-size:12px;color:var(--muted);margin:0}.training-builder{display:grid;grid-template-columns:250px minmax(0,1fr);border:1px solid #d9e2ee;border-radius:13px;overflow:hidden;background:#fff;min-height:435px}.training-palette{border-right:1px solid var(--line);padding:15px;background:#fbfcfe}.training-palette>.nav-label{margin:5px 0 16px 2px}.training-block{display:flex;width:100%;gap:12px;align-items:center;text-align:left;border:1px solid #dce4ef;border-radius:9px;background:#fff;padding:14px 12px;margin-bottom:10px;cursor:grab}.training-block:active{cursor:grabbing}.training-block:hover{border-color:#9abbf3;box-shadow:0 3px 8px #244d9020}.training-block>.icon{width:22px;color:#4a7bcc}.training-block>.tiny{width:14px;color:#91a6c5;margin-left:auto}.training-block strong{display:block;font-size:12px}.training-block small{display:block;font-size:10px;margin-top:4px;color:#7e8ea5}.score-icon{font-size:13px;font-weight:700;width:23px;color:#538b7e;flex:none}.palette-note{display:flex;gap:8px;font-size:10px;color:#8b9ab0;line-height:1.6;padding:12px 3px}.palette-note svg{width:15px;height:15px;flex:none}.palette-note p{margin:0}.training-canvas{background-color:#f3f6fc;background-image:linear-gradient(#dbe4f155 1px,transparent 1px),linear-gradient(90deg,#dbe4f155 1px,transparent 1px);background-size:24px 24px;min-height:435px;position:relative;padding:0 25px 22px;transition:background-color .2s}.training-canvas.drag-over{background-color:#e5efff;outline:3px dashed #83aaf0;outline-offset:-6px}.canvas-top{height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce5f2;margin:0 -25px 20px;padding:0 21px;background:#fcfdff}.canvas-top strong{font-size:12px;color:#607593}.canvas-top>span{font-size:10px;color:#8c9bb0}.canvas-empty{text-align:center;padding:43px 10px;color:#7a8fab}.canvas-empty>.large-icon{width:43px;height:43px;color:#91aade;margin-bottom:16px}.canvas-empty h3{font-size:17px;color:#526d95;margin-bottom:10px}.canvas-empty p{font-size:12px;line-height:1.7;margin-bottom:18px}.chain-list{max-width:520px;margin:auto}.chain-item{position:relative;display:flex;gap:11px;align-items:center;padding:14px 14px 14px 9px;border:1px solid #bed0ec;border-left:3px solid var(--blue);border-radius:10px;box-shadow:0 4px 12px #29497c0a;background:white;margin-top:25px}.chain-item:first-child{margin-top:0}.chain-item:before{content:"И";position:absolute;font-size:9px;font-weight:750;color:#8da1bf;top:-22px;left:50%;transform:translateX(-50%)}.chain-item:first-child:before{display:none}.chain-item[data-type=forecast]{border-left-color:#1d967f}.chain-item[data-type=forecast]:before{content:"↓"}.chain-item .grip{color:#b1c0d3;width:18px;flex:none}.chain-item .chain-copy{flex:1}.chain-copy strong{font-size:12px}.chain-copy p{font-size:10px;color:#8294ad;margin:4px 0 0}.chain-actions{display:flex;gap:3px}.chain-actions button{width:27px;height:29px;display:flex;align-items:center;justify-content:center;border:1px solid #e6ebf2;border-radius:5px;background:#fff;color:#8397b5;font-size:12px}.chain-actions button:hover{color:var(--blue);background:var(--blue-wash)}.chain-actions button:disabled{opacity:.3}.chain-actions svg{width:12px;height:12px}.chain-explanation{display:flex;align-items:flex-start;gap:9px;background:#e8f4f1;border:1px solid #cce4dc;border-radius:8px;padding:11px 13px;margin:20px auto 0;max-width:520px}.chain-explanation svg{width:15px;height:15px;color:#238e77;flex:none}.chain-explanation p{font-size:10px;color:#608579;line-height:1.65;margin:0}.training-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px}.training-footer p{font-size:11px;color:#8291a7;max-width:570px;margin:0;line-height:1.7}.training-footer .btn{flex:none}.constructor-followups{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px}.constructor-followups>a{display:flex;align-items:center;gap:14px;padding:21px;border:1px solid var(--line);border-radius:11px;background:#fff}.constructor-followups>a>.icon:first-child{color:#5a83c6}.constructor-followups>a>span{flex:1}.constructor-followups strong{display:block;font-size:12px}.constructor-followups small{display:block;font-size:10px;color:#7f90a9;margin-top:4px}.constructor-followups>a>.icon:last-child{width:17px;color:#9cafc8}.constructor-followups>a:hover{border-color:#b7cdf1}
@media(min-width:1550px){.intro-heading{padding-top:48px}.start-card{padding:25px}.start-card h2{font-size:23px}.card-kicker{font-size:10px}.lesson-body{grid-template-columns:260px minmax(0,1fr)}.step-copy strong{font-size:13px}.step-copy small{font-size:12px}.annotation-text strong{font-size:12px}.annotation-text p{font-size:11px}}
@media(max-width:1200px){.header-inner{gap:26px;padding:0 26px}.top-nav a{padding:10px 12px;font-size:12px}.page-layout{grid-template-columns:198px minmax(0,1fr);gap:29px;padding:0 26px}.sidebar{padding-right:14px}.toc-link{font-size:10px;gap:8px}.sidebar-title{font-size:14px}.nav-label{font-size:9px;letter-spacing:.55px}.start-card{padding:17px 14px}.card-kicker{font-size:8px}.card-top{gap:7px}.card-arrow{display:none}.start-card h2{font-size:18px}.start-card p{font-size:11px}.card-bottom{font-size:10px}.lesson-body{grid-template-columns:210px minmax(0,1fr);gap:16px}.step-button{padding:12px 9px;gap:9px}.step-copy strong{font-size:11px}.step-copy small{font-size:10px}.section-heading h2{font-size:25px}.lesson-tools{margin-left:0}.lesson-examples-callout{margin-left:0}.next-step{padding:25px}.next-step p{font-size:11px}}
@media(max-width:1020px){.page-layout{display:block;max-width:920px;padding:0 28px}.sidebar{border-right:0;padding:0;position:sticky;top:var(--header);z-index:24;background:#f8fafcf5;margin:0 -28px;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.sidebar-inner{position:static;max-height:none;padding:9px 28px;display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;align-items:center}.sidebar-inner::-webkit-scrollbar{display:none}.sidebar-title,.sidebar .nav-label,.sidebar .nav-divider,.learning-progress,.support-box{display:none}.toc-link{white-space:nowrap;font-size:10px;padding:8px 10px;min-height:32px;margin:0;gap:7px;flex:none}.toc-link .icon{width:14px;height:14px}.toc-link.active:before{display:none}.read-dot.read{display:none}:root{--header:66px}.header-inner{gap:18px;padding:0 24px}.brand{font-size:22px}.top-nav{gap:2px}.top-nav a{font-size:11px;padding:8px 10px}.top-nav a[aria-current=page]:after{bottom:-15px}.account-link{padding:9px;font-size:11px}.account-link .icon{width:16px;height:16px}.observed-section{scroll-margin-top:140px}html{scroll-padding-top:140px}.intro-heading{padding-top:34px}.intro-heading h1{font-size:45px}.intro-copy{font-size:14px}.card-kicker{font-size:9px}.start-card h2{font-size:20px}.start-card p{font-size:12px}.lesson-body{grid-template-columns:220px minmax(0,1fr);gap:19px}.step-copy strong{font-size:12px}.step-copy small{font-size:11px}.section-heading p{font-size:12px}.constructor-preview{max-width:920px}.constructor-heading h1{font-size:30px}.examples-banner{gap:12px;flex-wrap:wrap}.examples-banner>.text-link{padding:5px}.training-builder{grid-template-columns:220px minmax(0,1fr)}.training-block{gap:8px;padding:12px 9px}.training-block small{font-size:9px}.constructor-followups strong{font-size:11px}}
@media(max-width:760px){:root{--header:62px}.guide-original-header{height:62px}.header-inner{padding:0 18px;gap:11px}.brand{font-size:23px}.top-nav{display:none;position:absolute;top:61px;left:0;right:0;height:auto;background:#fff;padding:13px 18px;border-bottom:1px solid var(--line);box-shadow:0 15px 25px #1934560c;flex-wrap:wrap;gap:5px}.top-nav.open{display:flex}.top-nav a{min-height:40px;flex:1 1 40%;font-size:12px}.top-nav a[aria-current=page]:after{display:none}.account-link{margin-left:auto;border:0;padding:8px}.account-link span{display:none}.account-link .icon{width:20px;height:20px}.menu-button{display:flex;min-width:37px;height:37px;border:0;background:#f3f6fb;border-radius:8px}.menu-button .icon{width:20px;height:20px}.page-layout{padding:0 18px}.sidebar{top:62px;margin:0 -18px}.sidebar-inner{padding:8px 18px}.toc-link{font-size:10px;padding:7px 9px}.toc-link>.icon,.letters-icon{display:none}.utility-row{padding-top:21px;gap:10px}.breadcrumb{font-size:10px;white-space:nowrap}.search-wrap{width:205px;max-width:56%}.search-field{height:35px;padding:0 9px;gap:6px}.search-field input{font-size:10px}.search-field kbd{display:none}.intro-heading{padding-top:30px}.eyebrow{font-size:9px;letter-spacing:.9px}.intro-heading h1{font-size:35px;letter-spacing:-1.4px;margin-bottom:17px}.intro-copy{font-size:13px;line-height:1.7;margin-bottom:23px}.desktop-break{display:none}.start-cards{grid-template-columns:1fr;gap:10px}.start-card{display:grid;grid-template-columns:42px minmax(0,1fr) 25px;column-gap:12px;row-gap:0;padding:17px 15px;border-radius:12px;position:relative}.card-top{display:contents}.feature-icon{grid-row:1/4;width:37px;height:37px;grid-column:1;margin-top:4px;border-radius:11px}.card-kicker{grid-column:2;grid-row:1;font-size:8px;letter-spacing:.2px;margin-bottom:4px}.card-arrow{display:block;grid-column:3;grid-row:2;width:18px;height:18px;align-self:center;justify-self:end}.start-card h2{grid-column:2;grid-row:2;font-size:17px;letter-spacing:-.5px;margin-bottom:6px;line-height:1.3}.start-card h2 br{display:none}.start-card p{grid-column:2;grid-row:3;font-size:11px;margin:0;line-height:1.6}.card-bottom{display:none}.first-tip{padding:12px;gap:9px;align-items:flex-start}.first-tip p{font-size:10px}.first-tip>a{display:none}.first-tip>.icon{margin-top:3px;width:16px;height:16px}.lesson-section{margin-top:39px;padding-top:30px}.section-heading{gap:11px;margin-bottom:17px}.section-number{height:31px;width:31px;font-size:10px;border-radius:8px}.section-heading .eyebrow{font-size:8px;letter-spacing:.7px;margin-bottom:7px}.section-heading h2{font-size:23px;letter-spacing:-.7px;line-height:1.25;margin-bottom:9px}.section-heading p{font-size:12px;line-height:1.7}.lesson-tools{gap:5px;margin-bottom:17px}.small-tag{font-size:8px;padding:4px 7px}.lesson-body{display:flex;flex-direction:column;gap:13px}.steps-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}.step-button{padding:10px 9px;gap:8px;border:1px solid #e1e7f0;background:white;border-radius:8px}.step-counter{height:21px;min-width:21px;font-size:9px}.step-copy strong{font-size:10px;font-weight:650;margin:2px 0 0;line-height:1.5}.step-copy small{display:none}.step-button[aria-selected=true] .step-counter{box-shadow:none}.lesson-viewer{width:100%;border-radius:10px}.viewer-bar{min-height:37px;padding:7px 9px;gap:6px}.viewer-path{font-size:8px}.viewer-expand span{display:none}.viewer-step{font-size:8px;padding:3px 5px}.viewer-expand{min-height:24px}.viewer-dots{display:none}.shot-hotspot{width:26px;height:26px;border-width:2px;font-size:10px}.annotation-row{padding:12px 10px;gap:8px;min-height:83px}.annotation-text strong{font-size:11px}.annotation-text p{font-size:10px;line-height:1.65}.annotation-number{min-width:20px;height:20px;font-size:9px}.annotation-controls{gap:2px;flex-direction:column}.annotation-controls button{height:24px;width:24px}.viewer-caption{font-size:8px;padding:8px 10px}.lesson-footer{margin-top:15px;gap:13px;align-items:flex-start}.lesson-actions{gap:10px}.btn{font-size:11px;padding:10px 13px;min-height:42px}.btn .icon{width:15px}.read-button{font-size:9px;min-height:34px;padding:6px 8px}.lesson-note{padding:11px;margin-top:16px;gap:8px}.lesson-note p{font-size:10px}.lesson-examples-callout{padding:12px;flex-wrap:wrap;gap:8px;margin-bottom:18px}.lesson-examples-callout>.icon{width:17px}.lesson-examples-callout p{font-size:10px;flex-basis:calc(100% - 33px)}.lesson-examples-callout a{font-size:10px;margin-left:25px}.faq-section,.glossary-section{margin-top:36px;padding-top:30px}.faq-list summary{font-size:12px;padding:16px}.faq-list details>p{font-size:11px;padding:0 37px 17px 16px}.faq-list summary svg{width:14px}.glossary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.glossary-button{padding:12px;font-size:11px;min-height:47px}.next-step{padding:22px;display:block;margin-top:35px}.next-step h2{font-size:23px}.next-step p{font-size:12px}.next-actions{margin-top:21px;flex-direction:column;gap:8px}.page-footer{gap:12px;flex-wrap:wrap;padding:20px 0 25px;margin-top:28px;font-size:8px}.page-footer p{flex-basis:60%;font-size:8px;line-height:1.6}.footer-brand{font-size:13px}.page-footer>a:last-child{font-size:9px}.dialog-header{padding:15px;gap:12px}.dialog-header h2{font-size:16px}.dialog-header .eyebrow{font-size:8px}.dialog-header .icon-button{height:34px;min-width:34px}.image-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 18px);border-radius:12px}.dialog-controls{gap:4px}.large-image-scroll{padding:9px;max-height:calc(100dvh - 180px);min-height:120px}.large-image-scroll img{max-height:calc(100dvh - 210px)}.dialog-image-caption{font-size:10px;padding:12px 15px}.examples-dialog{width:calc(100vw - 24px);border-radius:12px}.examples-content{padding:16px}.examples-content>p{font-size:12px}.example-learning{grid-template-columns:24px 1fr;font-size:11px;gap:12px}.real-example{display:block;padding:17px}.real-example h3{font-size:22px}.real-example p{font-size:12px}.real-example .btn{margin-top:16px}.dialog-footer{padding:13px 15px;flex-wrap:wrap;gap:8px}.dialog-footer .btn{flex:1;font-size:10px}.examples-note p{font-size:10px}.term-dialog>p{font-size:14px;padding:20px}.constructor-preview{padding:23px 18px 0}.preview-breadcrumb{margin-bottom:25px;font-size:10px}.preview-breadcrumb>span{display:none}.constructor-heading{display:block;margin-bottom:23px}.constructor-heading h1{font-size:31px;letter-spacing:-1.2px}.constructor-heading p{font-size:12px;line-height:1.65}.constructor-heading>.btn{margin-top:17px}.examples-banner{padding:16px;gap:10px}.examples-icon{height:35px;width:35px}.examples-banner>div{min-width:200px;flex-basis:calc(100% - 48px)}.examples-banner strong{font-size:13px}.examples-banner p{font-size:11px}.examples-banner>.btn{flex:1;margin-top:4px}.examples-banner>.text-link{padding:8px 3px;margin-top:4px;font-size:10px}.training-heading{margin-top:27px;gap:10px;align-items:flex-start}.training-heading h2{font-size:18px}.training-heading p{font-size:11px;line-height:1.7}.training-heading .text-button{font-size:10px;white-space:nowrap}.training-builder{grid-template-columns:1fr;min-height:0}.training-palette{border-right:0;border-bottom:1px solid var(--line);padding:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.training-palette>.nav-label{grid-column:1/-1;margin:0 0 2px;font-size:8px}.training-block{margin:0;display:flex;flex-direction:column;text-align:center;justify-content:center;gap:7px;padding:12px 6px;border-radius:8px}.training-block>.tiny,.training-block small,.palette-note{display:none}.training-block strong{font-size:10px}.training-block>.icon{height:21px;width:21px}.training-block .score-icon{font-size:12px;height:21px}.training-canvas{padding:0 13px 20px;min-height:350px}.canvas-top{margin:0 -13px 17px;padding:0 13px;height:43px}.canvas-top strong{font-size:11px}.canvas-empty{padding:22px 5px}.canvas-empty h3{font-size:17px}.canvas-empty p{font-size:11px}.chain-item{padding:12px 8px;gap:7px}.chain-item .grip{width:12px}.chain-copy strong{font-size:11px}.chain-copy p{font-size:9px}.chain-actions button{width:25px;height:28px}.training-footer{display:block}.training-footer p{font-size:10px}.training-footer>.btn{width:100%;margin-top:15px}.constructor-followups{grid-template-columns:1fr;gap:10px;margin-top:24px}.constructor-followups>a{padding:17px}.constructor-followups strong{font-size:11px}.constructor-followups small{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.start-card:hover{transform:none}}
@media print{.guide-original-header,.sidebar,.search-wrap,.read-button,.viewer-expand,.lesson-actions,.next-step,.page-footer,.shot-hotspot,.annotation-controls{display:none!important}.page-layout{display:block;padding:0}.intro-heading{padding-top:0}.intro-heading h1{font-size:30px}.lesson-section{break-inside:avoid;margin-top:25px;padding-top:20px}.lesson-body{grid-template-columns:220px 1fr}.step-copy small{display:block!important}.start-cards{grid-template-columns:repeat(3,1fr)}body{background:white}}

/* Reading and focus refinements shared by desktop and mobile. */
body.dialog-open{overflow:hidden}.mobile-step-description{display:none}.noscript-message{padding:20px;background:#fff2cc}.observed-section{scroll-margin-top:0}.faq-list details{scroll-margin-top:5px}.lesson-viewer:focus-visible{outline:3px solid #75a6ff;outline-offset:4px}.training-block.added{border-color:#bddad3;background:#f0f8f5}.training-block.added>.tiny{color:#278674}.chain-explanation.needs-attention{background:#fff8e9;border-color:#ead9ae}.chain-explanation.needs-attention p,.chain-explanation.needs-attention svg{color:#856423}
.nav-label,.lesson-tools .small-tag,.viewer-caption,.viewer-path,.viewer-step,.step-button:not([aria-selected=true]) .step-copy small,.learning-progress p,.training-block small,.chain-copy p,.training-footer p,.preview-breadcrumb,.constructor-followups small,.palette-note{color:var(--muted)}.step-copy small{font-size:12px}.step-copy strong{font-size:13px}.annotation-text p{font-size:12px}.annotation-text strong{font-size:12px}.viewer-caption{font-size:10px}.lesson-note p{font-size:12px}
@media(max-width:760px){.mobile-step-description{display:block;margin:0;padding:12px 13px;font-size:12px;line-height:1.65;color:var(--muted);border-bottom:1px solid var(--line);background:#fcfdff}.step-copy strong{font-size:11px}.annotation-text p,.annotation-text strong{font-size:11px}.viewer-caption{font-size:9px}.lesson-note p{font-size:11px}.examples-banner>div{min-width:0}.chain-copy{min-width:0}.chain-actions{flex:none}.search-field input{font-size:12px}.start-card p{font-size:12px}}

/* Integration: the real site header keeps account and language controls. */
.guide-page > .site-header { position:sticky; top:0; z-index:30; height:auto; }
html:has(body.guide-page) { scroll-padding-top:calc(var(--header) + 18px); }
.guide-page .sidebar { top:var(--header); }
@media(max-width:1020px) { html:has(body.guide-page) { scroll-padding-top:calc(var(--header) + 70px); } }
@media print { .guide-page > .site-header { display:none!important; } }