@import url('/style.css');
:root{--ink:#173d35;--accent:#0d6b54;--paper:#f8faf6;--line:#d3dfd7;--muted:#52635a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink)}a{color:var(--accent)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c78e2e;outline-offset:4px}button:disabled{cursor:default;opacity:.45}.walk-top{max-width:1280px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.walk-top>a{font-weight:850;text-decoration:none;font-size:1.2rem}.walk-top nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:.88rem}.walk-top nav a{text-decoration:none}.walk-main{max-width:1280px;padding:44px 32px;margin:auto}.walk-hero{max-width:940px;margin-bottom:28px}.walk-hero h1{font-size:clamp(2rem,4.3vw,3.7rem);line-height:1.08;letter-spacing:-.045em;margin:12px 0 20px}.walk-hero .lead{max-width:780px;font-size:1.15rem;line-height:1.65}.kicker{text-transform:uppercase;letter-spacing:.14em;font-weight:750;font-size:.72rem;color:var(--accent)}.walk-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:24px 0}.walk-actions .button{background:var(--ink);color:white;border-color:var(--ink)}.quiet-button{border:1px solid var(--line);background:white;color:var(--ink);padding:11px 16px;border-radius:6px;text-decoration:none;font-weight:650;font-size:.88rem}.walk-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:30px;align-items:start}.walk-console{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 12px 40px #173d3507}.progress-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:.8rem;margin-bottom:12px}.progress-heading span:last-child{color:var(--muted)}.walk-progress{height:4px;background:#e6ede8;border-radius:8px;overflow:hidden;margin-bottom:20px}.walk-progress span{display:block;width:16.666%;height:100%;background:var(--accent);transition:width .2s}.step-index{list-style:none;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:0 0 24px}.step-index a{display:block;background:#f1f5f1;padding:9px 4px;text-align:center;border:1px solid transparent;border-radius:5px;text-decoration:none;font-size:.8rem;font-weight:700}.step-index a[aria-current=step]{background:#e1eee7;border-color:#93b7a2}.walk-step{padding:20px 0;border-bottom:1px solid var(--line);scroll-margin-top:24px}.js .walk-step{border:0;min-height:220px}.js .walk-step[hidden]{display:none}.walk-step .step-no{color:var(--accent);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:750}.walk-step h2{font-size:1.55rem;line-height:1.2;letter-spacing:-.02em;margin:10px 0 16px}.walk-step p{line-height:1.7;color:#314c40;font-size:1rem}.step-result{background:#f0f6f0;border-radius:7px;padding:12px 15px;margin-top:20px;font-size:.88rem;line-height:1.6}.step-result strong{display:block;color:var(--accent);font-size:.67rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px}.walk-pager{display:none;gap:10px;justify-content:space-between;margin-top:22px}.js .walk-pager{display:flex}.walk-pager button{flex:1;max-width:49%;text-align:left;line-height:1.35;font-size:.82rem}.walk-pager button:last-child{background:var(--ink);color:#fff}.walk-toolbar{display:none;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:.8rem}.js .walk-toolbar{display:flex}.walk-toolbar button{background:none;padding:2px 0;color:var(--accent);border:0;text-decoration:underline}.live-status{min-height:20px;font-size:.8rem;margin-top:14px;color:var(--muted)}.visual-column{position:sticky;top:20px}.product-view{margin:0;background:#eee6d9;border-radius:14px;overflow:hidden;border:1px solid var(--line)}.product-view img{width:100%;height:auto;display:block}.product-view figcaption{font-size:.72rem;line-height:1.5;background:#fff;padding:10px 15px;color:var(--muted)}.demo{display:none;background:#edf3ed;border:1px solid var(--line);border-radius:14px;padding:20px;margin-top:16px}.js .demo{display:block}.demo>p:first-child{font-size:.67rem;margin:0 0 12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#496758}.model-screen{background:#10271f;color:white;aspect-ratio:16/9;border:8px solid #243f35;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:14px;text-align:center}.model-screen .model-caption{position:absolute;bottom:7px;left:7px;right:7px;font-size:.6rem;opacity:.75}.model-content{width:100%;font-weight:700;line-height:1.2;max-height:100%;overflow:hidden}.model-value{font-size:clamp(2.2rem,4.5vw,4rem);font-variant-numeric:tabular-nums;letter-spacing:-.05em}.model-label{font-size:1rem;font-weight:500;margin-bottom:12px}.model-note{font-size:.8rem;margin-top:8px}.model-paper{background:white;color:#173d35;max-width:80%;margin:auto;padding:15px;min-height:130px;border-radius:2px;text-align:left;font-size:.85rem;transition:max-width .2s}.model-paper h3{font-size:1rem;margin:0 0 14px}.model-paper p{margin:8px 0;font-size:.73rem;font-weight:450}.model-paper[data-fit=width]{max-width:100%;transform:scale(1.05);transform-origin:top center}.model-photo{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.model-screen[data-mode=photos] .model-content{height:100%}.model-screen[data-mode=qr] .model-content img,.model-screen[data-mode=connect] .model-content img{width:92px;height:92px;background:white;padding:5px}.model-screen[data-mode=qr] .model-label,.model-screen[data-mode=connect] .model-label{font-size:.8rem;margin:6px}.demo-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;align-items:center}.demo-controls label{font-size:.73rem;display:flex;gap:6px;align-items:center}.demo-controls input[type=text]{width:100%;padding:9px;border:1px solid #adc2b1;border-radius:4px;background:white}.demo-controls select,.demo-controls button{border:1px solid #adc2b1;border-radius:4px;padding:8px 10px;background:#fff;color:var(--ink);font-size:.74rem}.demo-controls input[type=checkbox]{accent-color:var(--accent)}.demo-small{margin:12px 0 0;font-size:.7rem;line-height:1.6;color:var(--muted)}.walk-details{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:36px}.walk-details h2,.walk-related h2,.machine-resources h2{font-size:1.7rem;line-height:1.2;margin:10px 0 20px}.walk-details p,.walk-details li{line-height:1.7;color:#314c40}.walk-details ul{padding-left:20px}.walk-details li{margin-bottom:13px}.walk-details details{border-bottom:1px solid var(--line);padding:15px 0}.walk-details summary{font-weight:700;cursor:pointer}.walk-related,.machine-resources{margin-top:44px;border-top:1px solid var(--line);padding-top:32px}.walk-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.walk-card{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden;text-decoration:none;color:var(--ink)}.walk-card img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#f3eee5;display:block}.walk-card .card-copy{display:block;padding:20px}.walk-card h2,.walk-card h3{font-size:1.12rem;line-height:1.3;margin:0 0 12px}.walk-card p{font-size:.85rem;line-height:1.6;color:var(--muted);margin:0 0 12px}.walk-card .arrow{font-size:.75rem;color:var(--accent);font-weight:750}.walk-grid{margin:36px 0}.walk-bottom{background:#173d35;color:white;padding:32px;border-radius:13px;margin-top:40px;display:flex;gap:24px;align-items:center;justify-content:space-between}.walk-bottom h2{font-size:1.8rem;margin:0 0 12px;line-height:1.2}.walk-bottom p{margin:0;line-height:1.65;max-width:620px;font-size:.95rem}.walk-bottom .button{background:white;color:#173d35;white-space:nowrap}.machine-resources p{font-size:.88rem;line-height:1.7;max-width:850px}.machine-links{display:flex;gap:20px;flex-wrap:wrap;font-size:.85rem}.walk-footer{max-width:1280px;margin:40px auto 0;padding:28px 32px;border-top:1px solid var(--line)}.walk-footer .footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 22px;margin:20px 0}.walk-footer a{font-size:.78rem}.walk-footer p{font-size:.75rem;color:var(--muted);line-height:1.7}.no-js-message{font-size:.8rem;padding:12px;background:#f1e9d8}.js .no-js-message{display:none}.download-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.download-list a{border:1px solid var(--line);padding:15px;background:white;border-radius:7px;font-size:.85rem;line-height:1.6}.illustration-tag{font-size:.72rem;color:var(--muted);line-height:1.6}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.walk-layout{grid-template-columns:1fr}.visual-column{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.demo{margin:0}.walk-cards{grid-template-columns:repeat(2,1fr)}.walk-top{align-items:flex-start}.walk-top nav{gap:12px}.walk-details{gap:24px}.model-value{font-size:2.5rem}}
@media(max-width:600px){.walk-top,.walk-main,.walk-footer{padding-left:20px;padding-right:20px}.walk-top{flex-direction:column;gap:14px}.walk-main{padding-top:30px}.walk-hero h1{font-size:2.3rem}.walk-layout{gap:18px}.walk-console{padding:20px}.visual-column,.walk-details,.walk-cards,.download-list{grid-template-columns:1fr}.walk-step h2{font-size:1.35rem}.walk-pager button{font-size:.75rem;padding:10px}.walk-bottom{padding:25px;flex-direction:column;align-items:flex-start}.walk-footer .footer-links{grid-template-columns:1fr 1fr}.model-value{font-size:3.5rem}.js .walk-step{min-height:240px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.walk-top nav,.walk-actions,.walk-pager,.walk-toolbar,.demo,.walk-related,.walk-bottom,.machine-resources,.walk-footer,.step-index,.walk-progress,.live-status{display:none!important}.walk-layout,.walk-details{display:block}.walk-main{padding:0}.walk-step,.js .walk-step[hidden]{display:block!important;min-height:0;break-inside:avoid}.visual-column{position:static;max-width:400px}.walk-console{box-shadow:none;border:0;padding:0}.walk-hero h1{font-size:26pt}.product-view{max-width:360px}.walk-step h2{font-size:15pt}.walk-step p{font-size:10pt}.walk-hero{margin:0}.walk-details details p{display:block}.walk-details{margin-top:15px}}
.reader-select{display:block;margin:25px 0;font-size:.85rem;font-weight:650}.reader-select select{display:block;margin-top:9px;max-width:100%;width:720px;padding:12px;border:1px solid var(--line);background:white;color:var(--ink);border-radius:6px}.reader-layout{display:grid;grid-template-columns:1fr .8fr;gap:35px;align-items:start}.reader-layout figure{margin:0}.reader-layout figure>img{display:block;max-width:100%;height:auto;border:1px solid var(--line);box-shadow:0 9px 28px #173d3510;background:#fff}.reader-layout figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;font-size:.75rem}.reader-layout button{padding:9px 12px;border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink);font-size:.75rem}.reader-layout h3{font-size:1.5rem;line-height:1.3;margin-top:12px}.reader-layout p{line-height:1.7}.reader-notes{display:grid;gap:12px;margin:22px 0}.reader-notes a{padding:14px;border:1px solid var(--line);border-radius:6px;background:white;font-size:.88rem;line-height:1.5}@media(max-width:650px){.reader-layout{grid-template-columns:1fr}}@media print{[data-iiif-reader]{display:none}}