*{box-sizing:border-box}body{margin:0;background:#dce2df;color:#162c31;font:13px/1.65 Arial,sans-serif}html{scroll-behavior:smooth}a{color:inherit}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #e77b32;outline-offset:4px}.skip-link{position:fixed;top:-100px;left:15px;background:#e77b32;padding:10px;z-index:99}.skip-link:focus{top:10px}.scan-header{display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #b1bdb7;padding:18px 25px;background:#f8faf8;font-size:11px}.scan-header>a:first-child{font-size:22px;font-weight:700;letter-spacing:-1px;text-decoration:none}.scan-header>a:first-child span{font-size:27px;margin-right:10px;color:#e77b32}.scan-header>span{color:#5a7163;margin-right:auto;margin-left:25px}.scan-header>a:last-child{text-underline-offset:4px}.scan-workspace{display:grid;grid-template-columns:230px minmax(0,1fr) 220px;min-height:680px;height:calc(100svh - 70px);max-height:960px;border-bottom:1px solid #b1bdb7}.scan-rail{padding:30px 22px;background:#e9edea;border-right:1px solid #b1bdb7}.scan-rail h1{font-size:34px;line-height:1.08;letter-spacing:-1.8px;margin:0 0 20px;font-weight:500}.scan-rail p{font-size:11px;color:#74877c;margin-bottom:35px}.scan-mode{display:flex;flex-direction:column;gap:5px;margin-bottom:35px}.scan-mode button{background:#e0e7e1;border:1px solid #b7c6ba;padding:11px 14px;text-align:left;font-size:11px;color:#446452}.scan-mode button[aria-pressed=true]{background:#162c31;color:#e6f6ed;border-color:#162c31}.scan-rail label{display:block;margin:22px 0;font:10px monospace}.scan-rail input{display:block;width:100%;margin-top:12px;accent-color:#e77b32}#scan-reset{width:100%;padding:10px;border:1px solid #b1bdb7;background:transparent;color:#526a5e;font:10px monospace}.scan-read{display:block;font-size:10px;margin-top:35px;text-underline-offset:4px}.scan-viewport{position:relative;min-width:0;overflow:hidden;background-color:#f1f5f1;background-image:linear-gradient(#314f3d08 1px,transparent 1px),linear-gradient(90deg,#314f3d08 1px,transparent 1px);background-size:24px 24px}.viewport-top,.viewport-bottom{position:absolute;z-index:2;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:9px monospace;color:#789181}.viewport-top{top:17px}.viewport-top button{font:9px monospace;background:#f8faf8;border:1px solid #a6bbad;color:#446452;padding:6px 10px}.viewport-bottom{bottom:20px}#space-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}.axis-widget{position:absolute;bottom:55px;left:25px;display:flex;gap:6px;font:9px monospace}.axis-widget span{padding:5px;border-top:2px solid #c66f3f}.axis-widget span:nth-child(2){border-color:#79a99c}.axis-widget span:nth-child(3){border-color:#4b7da5}.scan-inspector{background:#e9edea;border-left:1px solid #b1bdb7;padding:25px 20px}.scan-inspector h2{font:12px monospace;font-weight:400;margin:0 0 28px}.scan-inspector dl{font:9px/1.8 monospace}.scan-inspector dt{color:#5a7163;margin-top:20px}.scan-inspector dd{margin:3px 0;color:#304d3b;overflow-wrap:anywhere}.scan-inspector>p{font-size:10px;color:#5a7163;margin-top:25px}.mini-plan{height:125px;border:2px solid #79a99c;margin-top:35px;position:relative;background:#f1f5ef}.mini-plan i{position:absolute;border:1px solid #79a99c;width:45px;height:65px;left:15px;top:15px}.mini-plan i:nth-child(2){width:40px;height:35px;left:auto;right:10px;top:auto;bottom:10px}.mini-plan b{position:absolute;left:45%;top:0;width:20%;height:3px;background:#e9edea}.scan-docs{display:grid;grid-template-columns:1fr 1.25fr;gap:100px;max-width:1150px;margin:auto;padding:80px 30px}.scan-docs h2{font-size:45px;line-height:1.08;letter-spacing:-2px;font-weight:500;margin:0 0 25px}.scan-docs>div>p{font-size:14px;max-width:400px;color:#4c6656}.download{display:inline-block;font:11px monospace;background:#e77b32;color:#162c31;padding:12px 18px;text-decoration:none;margin-top:15px}.scan-process article{border-bottom:1px solid #b1bdb7;padding:20px 0}.scan-process article:first-child{padding-top:0}.scan-process h3{font:14px monospace;font-weight:400;margin:0 0 12px}.scan-process p{font-size:12px;color:#4c6656;max-width:470px}.scan-reference{display:grid;grid-template-columns:1fr 1.5fr;gap:100px;background:#f0f4ef;padding:60px max(5%,calc((100vw - 1100px)/2))}.scan-reference h2{font:18px monospace;font-weight:400;margin:0}.scan-reference details{border-bottom:1px solid #c5d0c6}.scan-reference summary{padding:17px 0;font-size:12px;cursor:pointer}.scan-reference details>p{font-size:11px;color:#4c6656}.scan-status{display:flex;align-items:center;gap:25px;padding:18px 25px;background:#162c31;color:#a3bcac;font:9px monospace}.scan-status>span{margin-right:auto}.scan-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#e77b32;margin-right:8px}.scan-status a{text-decoration:none}
@media(max-width:1000px){.scan-workspace{grid-template-columns:185px minmax(0,1fr);min-height:650px}.scan-inspector{display:none}.scan-rail{padding:25px 18px}.scan-rail h1{font-size:30px}.scan-header>span{display:none}}
@media(max-width:650px){.scan-header{padding:17px 6%;gap:20px}.scan-header>a:first-child{font-size:20px}.scan-header>a:last-child{font-size:10px}.scan-workspace{display:flex;flex-direction:column;height:auto;min-height:0}.scan-rail{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:25px 6%;border-right:0;border-bottom:1px solid #b1bdb7}.scan-rail h1{font-size:32px;margin:0}.scan-rail>p{font-size:10px;margin:0;align-self:center}.scan-mode{grid-column:1/-1;flex-direction:row;margin:0}.scan-mode button{flex:1;padding:9px 12px}.scan-rail label{margin:0}.scan-rail label input{margin-top:8px}#scan-reset{justify-self:start;width:auto;padding:8px 15px;grid-column:1}.scan-read{grid-column:2;margin:0;align-self:center;justify-self:end}.scan-viewport{height:440px;flex:none}.viewport-top,.viewport-bottom{font-size:8px;left:15px;right:15px}.viewport-top button{font-size:8px}.scan-docs{grid-template-columns:1fr;padding:45px 7%;gap:35px}.scan-docs h2{font-size:37px}.scan-docs>div>p{font-size:13px}.scan-reference{grid-template-columns:1fr;padding:40px 7%;gap:25px}.scan-reference h2{font-size:17px}.scan-status{flex-wrap:wrap;padding:20px 6%;gap:15px}.scan-status>span{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Mobile touch and compact viewport refinements */

@media(max-width:650px){.scan-header>a:last-child{display:flex;align-items:center;min-height:44px}.scan-header{padding-block:10px}.scan-rail input{height:44px;margin:0!important}.scan-rail label{font-size:11px;min-width:0}.scan-mode button,#scan-reset{min-height:44px}.scan-read{display:flex;align-items:center;min-height:44px}.viewport-top button{min-height:44px;font-size:10px}.viewport-top{top:12px;gap:12px}.viewport-top>span{max-width:48%}.scan-status{gap:4px 22px;font-size:11px}.scan-status a{display:flex;align-items:center;min-height:44px}.scan-reference summary{min-height:48px;font-size:13px}.scan-reference details>p{font-size:12px}.scan-viewport{height:390px}.viewport-bottom{font-size:9px;gap:12px}}

@media(max-width:1000px) and (max-height:500px){button{min-height:44px}input[type=range]{min-height:44px}select{font-size:16px;min-height:44px}}