:root{--bg:#f6f7f2;--paper:#fff;--ink:#1f2e2b;--muted:#65716b;--line:#dfe4dc;--green:#244b3c;--lime:#d9f48c;--mint:#e9f0e5;--amber:#96611c;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font:15px/1.75 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #92b554;outline-offset:4px}.site-header{height:94px;max-width:1280px;margin:auto;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:26px}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:750;text-decoration:none;flex-shrink:0;line-height:1.25}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:var(--green);color:var(--lime);font:700 22px var(--mono)}.brand-en{display:block;font-size:9px;letter-spacing:2.2px;color:var(--muted);margin-top:6px}.site-header nav{display:flex;gap:34px;font-size:14px}.site-header nav a{text-decoration:none;position:relative;padding:10px 0}.site-header nav a.active:after{position:absolute;content:"";height:3px;width:20px;border-radius:3px;background:var(--green);bottom:0;left:0}.header-label{font-size:12px;color:var(--muted)}main{max-width:1280px;padding:0 38px;margin:auto}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:64px;padding:85px 0 75px}.eyebrow{text-transform:uppercase;color:var(--green);font-weight:650;font-size:12px;letter-spacing:1.7px;display:flex;align-items:center;gap:8px;margin:0 0 22px}.tiny-dot{width:7px;height:7px;border-radius:50%;background:#719a55;display:inline-block;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,4.3vw,59px);line-height:1.35;font-weight:750;letter-spacing:-1.8px;margin-bottom:24px}h2{font-size:28px;line-height:1.45;letter-spacing:-.7px;margin-bottom:0}h3{font-size:23px;line-height:1.45;letter-spacing:-.5px}.underlined{position:relative;white-space:nowrap;background:linear-gradient(transparent 68%,var(--lime) 68%,var(--lime) 92%,transparent 92%)}.hero-desc{color:var(--muted);font-size:16px;line-height:1.95;margin-bottom:28px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:28px;border:1px solid var(--green);border-radius:9px;padding:13px 19px;text-decoration:none;font-size:14px;font-weight:650;min-height:49px}.btn.primary{background:var(--green);color:white}.btn.primary:hover{background:#163d2e}.btn.secondary{background:transparent;color:var(--green);border-color:#cfd8cc}.btn.secondary:hover{background:#edf1e8}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-meta{display:flex;align-items:center;gap:11px;margin-top:27px;font-size:11px;color:var(--muted)}.hero-meta i{width:3px;height:3px;background:#a2aaa1;border-radius:50%}.hero-visual{position:relative;padding-top:28px}.terminal{position:relative;z-index:1;background:#1c3029;color:#e3e9df;border-radius:14px;transform:rotate(-1.8deg);box-shadow:0 22px 45px #18322716;border:1px solid #3b4f43}.terminal-top{height:48px;border-bottom:1px solid #ffffff15;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:#9aaea0;font-size:11px}.traffic{display:flex;gap:6px}.traffic b{width:8px;height:8px;border-radius:50%;background:#e38c79}.traffic b:nth-child(2){background:#e7c46c}.traffic b:nth-child(3){background:#98ba79}.terminal-body{padding:24px 27px 22px;font:13px/1.9 var(--mono)}.terminal-comment{color:#8da092;font-size:12px}.terminal-body p{margin:10px 0}.prompt{color:#b8d987;margin-right:10px}.terminal-success{color:#c5dcaf}.terminal-line{height:1px;background:#ffffff10;margin:22px 0}.terminal-answer{background:#2b4437;border:1px solid #436048;padding:12px;font:12px/1.7 system-ui;border-radius:7px;margin:19px 0}.terminal-answer span{color:var(--lime);margin-right:7px}.terminal-body small{color:#8ba092;font:10px system-ui}.cursor{display:inline-block;width:7px;height:15px;vertical-align:middle;background:var(--lime);margin-left:4px}.floating-note{position:absolute;z-index:3;right:12px;top:-4px;display:flex;align-items:center;gap:10px;background:#fff;padding:12px 17px;border:1px solid var(--line);border-radius:10px;box-shadow:0 5px 15px #17342408;font-size:12px;transform:rotate(2deg)}.floating-note small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.note-icon{width:25px;height:25px;background:var(--lime);color:#3c5c29;display:grid;place-items:center;border-radius:50%;font-weight:700}.visual-caption{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:11px;margin:22px 0 0 30px;position:relative;z-index:1}.visual-caption strong{font-weight:500}.round-arrow{font-size:32px;color:#7b9179;line-height:1}.decor-grid{position:absolute;inset:10px -20px -20px 20px;background-image:radial-gradient(#bac9ae 1px,transparent 1px);background-size:17px 17px;opacity:.45;z-index:0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:26px 0 24px;gap:20px}.section-heading .eyebrow{margin-bottom:9px}.section-heading>p{font-size:13px;color:var(--muted);margin:0}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.entry-card{text-decoration:none;padding:30px 32px 0;border:1px solid var(--line);border-radius:14px;transition:transform .18s,border-color .18s}.entry-card:hover{transform:translateY(-3px);border-color:#819877}.learn-entry{background:#fff}.diagnose-entry{background:#edf2e7}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.step-overline{font-size:11px;color:var(--muted);font-weight:650;letter-spacing:1px}.entry-icon{font:600 24px var(--mono);width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--mint);color:var(--green)}.diagnose-entry .entry-icon{background:#dae7cd}.entry-card h3{margin-bottom:13px}.entry-card>p{color:var(--muted);max-width:440px;font-size:14px;line-height:1.9;margin-bottom:22px}.pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.pill-row span{font-size:11px;background:#f2f5ee;border:1px solid #e0e8d9;padding:4px 9px;border-radius:5px}.diagnose-entry .pill-row span{background:#e4eddc;border-color:#d9e4cf}.card-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:17px 0;font-size:13px;font-weight:650}.card-foot span{font-size:21px;font-weight:400}.journey-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 0;border-bottom:1px solid var(--line);margin-top:24px;font-size:12px;color:var(--muted)}.journey-label{font-weight:650;color:var(--ink)}.journey-bar b{font-weight:400;color:#a2aea0}.journey-end{color:var(--green)}.common-section{padding:35px 0 75px}.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.faq-grid button{padding:18px 0;background:none;border:0;text-align:left;color:var(--ink)}.faq-grid button>span{font:12px var(--mono);color:#89958a}.faq-grid h3{font-size:17px;margin:12px 0}.faq-grid p{color:var(--muted);font-size:13px}.faq-grid b{font-size:12px;color:var(--green)}footer{max-width:1204px;margin:auto;padding:32px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:23px;flex-wrap:wrap}.footer-brand{font-size:16px}.footer-brand .brand-mark{width:29px;height:29px;font-size:15px;border-radius:8px}footer p{font-size:12px;color:var(--muted);margin:0}footer>div{margin-left:auto;display:flex;gap:20px;align-items:center;font-size:10px;color:var(--muted)}.text-btn{background:transparent;border:0;padding:5px 0;color:var(--green);font-size:12px;text-decoration:underline;text-underline-offset:4px}.text-link{font-size:12px;color:var(--green)}.page-heading{padding:54px 0 30px}.page-heading h1{font-size:39px;margin:0 0 14px;letter-spacing:-1px}.page-heading>p:last-child{color:var(--muted);font-size:14px;margin:0}.page-heading .eyebrow{margin-bottom:12px}.route-picker{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:24px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 24px;margin-bottom:25px}label{font-size:13px;font-weight:600}select{display:block;width:100%;border:1px solid #d3dbcf;background:#fff;border-radius:7px;padding:11px 13px;color:var(--ink);font-size:14px;margin-top:7px;min-height:46px}.route-note{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);padding-bottom:12px}.learn-layout{display:grid;grid-template-columns:255px 1fr;gap:26px;align-items:start}.lesson-sidebar{position:sticky;top:18px;padding:23px 18px 23px 0}.sidebar-title{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:650}.sidebar-title span{color:var(--muted);font-weight:400;font-size:11px}.progress-track{height:4px;background:#e0e6da;margin:15px 0 22px;border-radius:4px;overflow:hidden}.progress-track>div{height:100%;background:#709452;transition:width .2s}.lesson-sidebar ol{list-style:none;padding:0;margin:0 0 15px}.lesson-sidebar li{margin-bottom:7px}.lesson-sidebar li button{width:100%;display:flex;align-items:center;gap:10px;background:transparent;border:1px solid transparent;border-radius:8px;padding:11px 9px;text-align:left;font-size:12px;color:var(--muted);line-height:1.6}.lesson-sidebar li button.current{background:#e7efdf;border-color:#d4dfc9;color:var(--green);font-weight:650}.step-number{font:11px var(--mono);width:23px;height:23px;display:grid;place-items:center;background:#fff;border:1px solid #d5decd;border-radius:50%;flex-shrink:0}.lesson-sidebar li button.done .step-number{background:var(--green);color:white;border-color:var(--green)}.mini-note{font-size:11px;color:var(--muted);line-height:1.75;margin:10px 0}.lesson-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:32px}.lesson-card h2{font-size:26px;margin:8px 0 18px}.lesson-card p{font-size:14px;line-height:1.9}.lesson-tag{font-size:11px;color:var(--green);letter-spacing:1px;font-weight:650}.lesson-card a{color:var(--green)}.command{position:relative;padding:45px 17px 18px;border:1px solid #284237;background:#1c3029;color:#e5edde;border-radius:9px;margin:18px 0}.command pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.85 var(--mono)}.cmd-label{position:absolute;top:10px;left:17px;color:#b4c3ae;font-size:10px;max-width:calc(100% - 80px);line-height:1.4}.copy{position:absolute;right:10px;top:8px;border:1px solid #59714f;background:#31482c;color:#dfedcf;font-size:10px;border-radius:5px;padding:3px 9px}.lesson-observations{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:22px 0}.lesson-observations>div{padding:16px;background:#f1f5ec;border-radius:8px;color:#50604c;font-size:12px;line-height:1.9}.lesson-observations strong{display:block;font-size:12px;color:var(--green);margin-bottom:5px}.lesson-observations .trouble{background:#fcf3e5;color:#775f3f}.lesson-observations .trouble strong{color:var(--amber)}.lesson-success{background:#f0f5e8;border:1px solid #d5e1c4;border-radius:8px;padding:13px 16px;font-size:13px;margin-top:20px}.lesson-controls{display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:25px;padding-top:21px;flex-wrap:wrap}.lesson-controls .btn{font-size:12px;min-height:43px;padding:10px 15px}.quiet-panel{margin:28px 0 60px;padding:20px 24px;border:1px solid var(--line);border-radius:10px;font-size:13px}.quiet-panel p{color:var(--muted);margin:6px 0 0}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:27px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:23px}.panel-title h2{font-size:20px;letter-spacing:-.3px}.soft-badge{font-size:10px;border-radius:4px;padding:4px 7px;background:#eaf1df;color:#4e7137;white-space:nowrap}.diagnose-layout{display:grid;grid-template-columns:1fr .93fr;gap:27px;align-items:start;margin-bottom:65px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-label{display:block;margin:17px 0 7px}.field-label span{float:right;font-size:11px;color:var(--muted);font-weight:400}.dropzone{background:#f7f9f3;border:1.5px dashed #bfceb0;border-radius:10px;text-align:center;padding:26px 15px 21px;margin:22px 0;cursor:pointer;transition:background .15s}.dropzone.over{background:#e6f2d2;border-color:#57793a}.upload-icon{width:42px;height:42px;border:1px solid #cbd8be;background:#eef4e3;border-radius:11px;font-size:23px;display:grid;place-items:center;margin:0 auto 12px;color:var(--green)}.dropzone strong,.dropzone>span,.dropzone>small{display:block}.dropzone strong{font-size:15px;margin-bottom:7px}.dropzone>span{font-size:11px;color:var(--muted)}.dropzone>small{font-size:10px;color:#7e897a;margin-top:5px}.upload-actions{display:flex;justify-content:center;gap:15px;align-items:center;margin-top:16px}.small-btn{background:#fff;border-color:#ccd8c1;min-height:35px;padding:5px 13px;font-size:11px}.image-toolbar{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);margin:14px 0 7px}.image-toolbar span{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-wrap{background:#f0f2ed;border:1px solid var(--line);border-radius:8px;overflow:hidden}.canvas-wrap canvas{display:block;max-width:100%;height:auto;touch-action:auto}.canvas-wrap canvas.masking{touch-action:none;cursor:crosshair}.mask-tools{display:flex;justify-content:space-between;align-items:center;gap:10px}.mask-tools label{font-size:11px;display:flex;align-items:center;gap:6px}input[type=checkbox],input[type=radio]{accent-color:var(--green)}textarea{width:100%;resize:vertical;border:1px solid #d3dbcf;border-radius:8px;padding:12px;font-size:13px;line-height:1.8;color:var(--ink);background:#fff;min-height:128px}textarea::placeholder{color:#8a9287}.mode-picker{display:flex;gap:20px;flex-wrap:wrap;margin-top:17px}.mode-picker label{font-size:11px;display:flex;align-items:center;gap:5px}.consent{display:flex;gap:8px;font-size:11px;color:var(--muted);align-items:flex-start;margin:14px 0}.consent input{margin-top:5px}.analyze-actions{display:flex;gap:18px;align-items:center;margin-top:20px}.analyze-actions>.btn{flex:1;justify-content:space-between}.privacy-hint{font-size:10px;text-align:center;color:var(--muted);margin:10px 0 20px}.sample-row{border-top:1px solid var(--line);padding-top:16px;display:flex;gap:7px;flex-wrap:wrap;align-items:center;font-size:10px;color:var(--muted)}.sample-row button{border:1px solid var(--line);border-radius:5px;background:#fafbf8;font-size:10px;color:var(--green);padding:4px 7px}.empty-result{border:1px solid var(--line);border-radius:14px;padding:45px 35px;background:linear-gradient(130deg,#edf2e5,#f8faf5)}.result-orbit{display:grid;place-items:center;width:55px;height:55px;border:1px solid #c6d4b7;border-radius:16px;background:#e6eedb;font-size:30px;color:#5f7d45;margin-bottom:25px}.empty-result h2{font-size:25px}.empty-result>p{font-size:13px;color:var(--muted);margin-top:10px}.empty-result ol{list-style:none;padding:0;margin:27px 0 32px}.empty-result li{font-size:13px;display:flex;gap:13px;padding:13px 0;border-bottom:1px solid #dce5d2}.empty-result li span{font:11px var(--mono);color:#7d9470;margin-top:4px}.result-promise{font-size:11px;color:var(--muted)}.ocr-status{padding:12px;background:#eef4e5;border-radius:7px;font-size:12px;margin-top:10px;white-space:pre-wrap}.ocr-status.error{background:#fff1e8;color:#8b4520}.result-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.result-header{padding:25px;background:#edf3e3;border-bottom:1px solid #d6e1cb}.result-header h2{font-size:24px;margin:13px 0}.result-header p{font-size:13px;line-height:1.9;color:#56644f;margin:0}.result-source{font-size:10px;font-weight:650;letter-spacing:1px;color:#567143}.result-body{padding:24px}.result-body h3{font-size:14px;margin:24px 0 13px}.result-body h3:first-child{margin-top:0}.evidence{background:#f5f6f2;border:1px solid #e4e7df;border-radius:7px;padding:12px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.8 var(--mono);max-height:180px;overflow:auto}.solution-step{position:relative;padding-left:30px;margin-bottom:21px}.solution-step .number{position:absolute;left:0;top:2px;border-radius:50%;background:#edf3e3;color:#557440;width:21px;height:21px;display:grid;place-items:center;font:10px var(--mono)}.solution-step h4{font-size:13px;margin:0 0 6px}.solution-step p{font-size:12px;color:var(--muted);margin:0;line-height:1.9}.solution-step .command{margin:10px 0}.result-verify{background:#f0f5e9;border-radius:8px;padding:15px;font-size:12px;line-height:1.9}.result-verify strong{display:block;color:var(--green)}.result-links{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0;font-size:11px;color:var(--green)}.result-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.result-actions .btn{font-size:12px;min-height:40px;padding:8px 12px;gap:7px}.followup-box{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.followup-box p{font-size:12px}.context-bar{background:#e8efdf;border:1px solid #d3dfc7;border-radius:8px;padding:12px 17px;font-size:12px;color:var(--green);margin-bottom:18px;display:flex;justify-content:space-between;gap:12px;align-items:center}.context-bar a{white-space:nowrap;font-weight:650}.glossary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.glossary article{background:white;border:1px solid var(--line);padding:25px;border-radius:12px}.glossary .term{font:12px var(--mono);color:#6a8359}.glossary h2{font-size:18px;margin:11px 0}.glossary p{font-size:13px;color:var(--muted);margin-bottom:15px}.glossary .when{font-size:11px;border-top:1px solid var(--line);padding-top:12px;color:#55713e}.source-panel{margin:27px 0 60px}.source-panel h2{font-size:23px;margin-bottom:12px}.source-panel p{font-size:13px;color:var(--muted)}.source-links{display:flex;flex-wrap:wrap;gap:12px 25px;font-size:12px;color:var(--green)}.toast{position:fixed;z-index:50;left:50%;bottom:24px;transform:translateX(-50%);background:#193d2d;color:white;border-radius:9px;padding:12px 19px;font-size:12px;max-width:90vw;box-shadow:0 7px 25px #0002}.toast:empty{display:none}dialog{border:1px solid var(--line);border-radius:15px;background:#fff;padding:32px;max-width:540px;width:calc(100% - 35px);color:var(--ink)}dialog::backdrop{background:#172f2570;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:27px;color:#627459}.dialog-body h2,dialog h2{font-size:24px;margin:5px 0 17px}dialog p{font-size:14px;line-height:1.95;color:var(--muted)}.mobile{display:none}.noscript{background:#fff2c6;padding:20px}code{font: .92em var(--mono);overflow-wrap:anywhere}.busy .analyze-actions .primary{opacity:.65}.error-banner{background:#fff2e8;border:1px solid #e9c7af;padding:13px;border-radius:8px;color:#8b4a29;font-size:12px;margin-bottom:15px}
@media(min-width:1500px){.hero{gap:90px}}@media(max-width:1000px){.site-header{padding:0 25px}.header-label{display:none}main{padding:0 25px}.hero{gap:30px;padding:55px 0}.hero h1{font-size:43px}.hero-meta{font-size:10px;gap:8px}.terminal-body{padding:20px}.floating-note{right:-7px;font-size:11px}.entry-card{padding:25px 25px 0}.journey-bar{font-size:10px}.learn-layout{grid-template-columns:215px 1fr;gap:20px}.lesson-card{padding:24px}.route-picker{grid-template-columns:1fr 1fr}.route-note{grid-column:1/-1;padding-bottom:0}.diagnose-layout{grid-template-columns:1fr 1fr;gap:20px}.panel{padding:22px}.panel-title h2{font-size:18px}.empty-result{padding:30px 24px}.glossary{grid-template-columns:1fr 1fr}footer{margin:0 25px}footer>div{margin-left:0}}@media(max-width:720px){.site-header{height:79px;padding:0 20px;gap:12px}.brand{font-size:18px;gap:9px}.brand-mark{width:34px;height:34px;border-radius:10px;font-size:18px}.brand-en{font-size:7px;letter-spacing:1.3px}.site-header nav{gap:17px;font-size:11px}.site-header nav a:last-child{display:none}main{padding:0 20px}.hero{grid-template-columns:1fr;gap:40px;padding:39px 0 44px}.hero .eyebrow{font-size:10px;margin-bottom:18px}.hero h1{font-size:42px;letter-spacing:-1.5px;margin-bottom:18px}.hero-desc{font-size:14px}.hero-actions{gap:10px}.hero-actions .btn{font-size:12px;padding:11px 15px;gap:16px;min-height:46px}.hero-meta{font-size:9px;gap:9px;margin-top:21px}.hero-visual{max-width:480px;width:100%;margin:0 auto;padding-top:24px}.terminal{transform:rotate(-1deg)}.floating-note{right:1px;top:-8px}.terminal-body{padding:21px 22px}.terminal-body p{font-size:12px}.terminal-comment{font-size:11px}.terminal-answer{font-size:11px}.decor-grid{inset:10px -5px -13px 10px}.visual-caption{font-size:10px;margin-top:18px}.section-heading{margin:24px 0 20px}.section-heading h2{font-size:26px}.section-heading .eyebrow{font-size:10px}.section-heading>p{display:none}.entry-grid{grid-template-columns:1fr;gap:15px}.entry-card{padding:23px 23px 0}.card-top{margin-bottom:19px}.entry-card h3{font-size:22px}.entry-card>p{font-size:13px;margin-bottom:20px}.pill-row{margin-bottom:23px}.journey-bar{flex-wrap:wrap;justify-content:flex-start;font-size:10px;gap:9px;padding:20px 0}.journey-label{flex-basis:100%;margin-bottom:4px}.common-section{padding:15px 0 40px}.faq-grid{grid-template-columns:1fr;gap:5px}.faq-grid button{border-bottom:1px solid var(--line);padding:16px 0;position:relative}.faq-grid button>span{position:absolute;left:0;top:23px}.faq-grid h3,.faq-grid p,.faq-grid b{margin-left:31px}.faq-grid h3{font-size:16px;margin-top:2px;margin-bottom:9px}.faq-grid p{font-size:12px;margin-bottom:10px}.page-heading{padding:34px 0 24px}.page-heading h1{font-size:31px;line-height:1.45}.page-heading>p:last-child{font-size:13px}.mobile{display:block}.route-picker{padding:17px;gap:15px;border-radius:10px}.route-picker label{font-size:12px}select{font-size:12px;padding:10px;min-height:43px}.route-note{font-size:11px}.learn-layout{grid-template-columns:1fr;gap:15px}.lesson-sidebar{position:static;padding:0}.lesson-sidebar ol{display:flex;overflow:auto;gap:8px;margin-bottom:6px;padding-bottom:8px}.lesson-sidebar li{flex-shrink:0;margin:0}.lesson-sidebar li button{max-width:158px;font-size:10px;padding:9px;align-items:flex-start;min-height:56px;background:#fff;border-color:var(--line)}.lesson-sidebar .progress-track{margin:11px 0 16px}.lesson-sidebar>.text-btn{display:none}.lesson-sidebar>.mini-note{display:inline;font-size:10px;margin-right:13px}.lesson-sidebar>.text-link{font-size:10px}.lesson-card{padding:22px 18px;border-radius:11px}.lesson-card h2{font-size:23px}.lesson-card p{font-size:13px}.lesson-observations{grid-template-columns:1fr;gap:10px}.lesson-observations>div{padding:13px}.command{padding:45px 13px 14px}.command pre{font-size:12px}.cmd-label{font-size:9px;left:13px}.lesson-controls{gap:12px}.lesson-controls .btn{font-size:11px;gap:5px}.lesson-controls>.text-btn{order:3;width:100%;text-align:center}.quiet-panel{margin:21px 0 42px;padding:17px;font-size:12px}.diagnose-layout{grid-template-columns:1fr;gap:18px;margin-bottom:40px}.panel{padding:20px 17px}.panel-title h2{font-size:18px}.panel-title{margin-bottom:18px}.diagnose-input .two-fields label{font-size:12px}.dropzone{margin:19px 0}.empty-result{padding:27px}.empty-result ol{margin-bottom:20px}.diagnose-output{scroll-margin-top:16px}.image-toolbar{font-size:10px}.result-header{padding:22px}.result-header h2{font-size:22px}.result-body{padding:20px}.result-actions .btn{font-size:11px}.context-bar{font-size:10px;padding:11px;align-items:flex-start}.glossary{grid-template-columns:1fr;gap:12px}.glossary article{padding:21px}.glossary p{font-size:12px}.source-panel{margin-bottom:40px}.source-links{font-size:11px;gap:14px}.field-label{font-size:12px}.field-label span{font-size:10px}footer{margin:0 20px;padding:25px 0 30px;gap:13px}footer>p{font-size:11px}footer>div{flex-wrap:wrap;gap:8px 18px;font-size:9px;width:100%}footer .text-btn{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Grid children must be allowed to shrink around long terminal commands. */
.learn-layout>*,.diagnose-layout>*,.hero>*{min-width:0}.lesson-sidebar ol{max-width:100%}.lesson-card,.diagnose-input,.result-card{overflow-wrap:anywhere}.two-fields>label,.route-picker>label{min-width:0}
/* Domestic version: phone-first camera entry. */
.camera-column{max-width:760px;margin:0 auto 64px;display:grid;gap:24px}.camera-heading{text-align:center}.camera-panel{text-align:center;padding:32px}.upload-disclosure{font-size:13px;line-height:1.8;color:var(--muted,#6a7770);text-align:left;margin:0 0 22px}.photo-button{width:100%;min-height:218px;background:#244d3d;color:#f7f8f2;border:0;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;cursor:pointer;box-shadow:0 12px 30px #244d3d15;transition:background .2s}.photo-button:hover{background:#193e2f}.photo-button svg{width:52px;height:52px;color:#d9efa2}.photo-button strong{font-size:27px;letter-spacing:1px}.photo-button span{font-size:13px;opacity:.8}.screenshot-button{display:inline-flex;gap:25px;margin:20px 0 12px;background:#fff;border:1px solid #d9e0d5;border-radius:30px;padding:10px 20px;color:#244d3d;cursor:pointer}.camera-panel .mini-note{text-align:center}.camera-controls{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}#photo-preview{margin-top:20px;text-align:left}#preview-image{display:block;max-width:100%;max-height:340px;margin:auto;border-radius:12px;object-fit:contain}.followup-form{text-align:left;margin-top:20px}.followup-form textarea{display:block;width:100%;margin:12px 0}.answer-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85}.answer-block{margin-bottom:18px}.camera-column .result-card{text-align:left}.camera-column .result-verify{white-space:pre-wrap}.route-flow{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:24px;border:1px solid #dce3d8;border-radius:18px;background:#edf3e5;margin-bottom:28px}.route-flow span{font-size:14px}.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.download-card{padding:25px;border:1px solid #dce3d8;border-radius:18px;background:#fff;min-width:0}.download-card h3{font-size:20px;margin:5px 0 12px}.download-card p{font-size:14px;color:#66736a;line-height:1.8}.download-card .download-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.download-card small{display:block;overflow-wrap:anywhere;margin-top:12px;color:#6c766e}.publisher-panel{margin:25px 0}.publisher-panel summary{font-weight:700;cursor:pointer}.publisher-panel p{line-height:1.85}.faq-photo{padding:26px;background:#fff;border:1px solid #dde3d8;border-radius:18px;color:inherit;text-decoration:none}.faq-photo span,.faq-photo p{color:#67736a}.faq-photo h3{font-size:18px}.faq-photo b{font-size:13px;color:#244d3d}.lesson-card details{background:#f5f7f1;border-radius:12px;padding:16px;margin:18px 0}.lesson-card summary{cursor:pointer;font-weight:700}.lesson-card a{overflow-wrap:anywhere}.result-header p,.result-body p{overflow-wrap:anywhere}.source-panel{margin-top:26px}.connection-warning{color:#925326!important}.photo-button:disabled{opacity:.65;cursor:wait}@media(max-width:720px){.camera-heading{text-align:left}.camera-panel{padding:20px}.photo-button{min-height:204px}.camera-column{gap:18px}.download-grid{grid-template-columns:1fr}.route-flow{justify-content:flex-start}.route-flow b{display:none}.route-flow span{border:1px solid #d5dfce;border-radius:9px;padding:8px 10px}.camera-column .empty-result{padding:30px 24px}.camera-heading h1{font-size:36px}.header-label{display:none}.publisher-panel a{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
