.site-actions{display:flex;align-items:center;gap:28px}.language-switch{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:.75rem;letter-spacing:.02em;color:#9298a3}.language-switch button{border:0;background:none;color:inherit;padding:8px 4px;min-height:40px;cursor:pointer}.language-switch button[aria-pressed=true]{color:#f5f6f8;text-decoration:underline;text-underline-offset:7px}.language-switch button:hover{color:#fff}.language-switch button:focus-visible{outline:2px solid #9bc3ff;outline-offset:2px}.legacy-notice{border:1px solid var(--case-line);padding:18px 24px;font-size:.9375rem;line-height:1.7;margin:30px 0 0;color:var(--case-muted)}
html[lang=en] .vf-title{font-size:clamp(.875rem,1.14vw,1.25rem);line-height:1.5}html[lang=en] .vf-question{font-size:clamp(.9375rem,1.14vw,1.25rem);line-height:1.7}html[lang=en] .vf-question br{display:none}html[lang=en] .vf-question{max-width:29em}html[lang=en] .vf-footer{letter-spacing:.08em}html[lang=en] .vf-project-copy{gap:16px 24px}html[lang=en] .vf-project{min-height:86px}
.viewfinder-home .vf-project-copy{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.viewfinder-home .vf-open{justify-self:start}
html[lang=en] .vf-question{min-height:3.4em}
@media(min-width:601px) and (max-width:1180px){html[lang=en] .vf-question{min-height:5.1em}}
h1[tabindex="-1"]:focus{outline:none}
.robot-viewer-toolbar{flex-wrap:wrap}
.robot-viewer-actions{display:flex;gap:8px}
.robot-image-dialog.evidence-original .robot-viewer-body>.evidence-crop{width:var(--evidence-native-width);max-width:none;margin:0}
.robot-case .robot-cover{background:transparent}
.robot-case .robot-cover figcaption{color:#52647e}
.robot-case .robot-case-layout{display:block;max-width:1180px;margin-inline:auto}
.case-page .case-layout{display:block;max-width:1280px;margin-inline:auto}
body[data-project=robot]{--case-bg:#f3f6fc;--case-ink:#102344;--case-muted:#52647e;--case-line:#b7c9e4;--case-accent:#2256ff}
.robot-case{max-width:1600px;margin:auto;padding:0 4.3vw}.robot-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:60px;align-items:center;padding:70px 0 50px}.robot-label{font-size:.6875rem;letter-spacing:.11em;color:#2256ff;line-height:1.65;margin:0 0 14px}.robot-intro h1{font-size:clamp(2.2rem,4vw,4rem);font-weight:550;line-height:1.2;letter-spacing:-.035em}.robot-subtitle{font-size:clamp(1.3rem,2.1vw,2rem);line-height:1.5;margin:18px 0 24px;color:#2256ff}.robot-lead{font-size:1.0625rem;line-height:1.9;max-width:650px}.robot-meta{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0 0;border-top:1px solid #b7c9e4;padding-top:22px}.robot-meta dt{font-size:.75rem;color:#647590;margin:0 0 10px}.robot-meta dd{font-size:.875rem;line-height:1.8;margin:0}.robot-boundary{font-size:.8125rem;color:#52647e;line-height:1.9;margin:20px 0 0}.robot-cover{margin:0;background:#101112;position:relative}.robot-cover figcaption{color:#b0b7c0;font-size:.625rem;text-align:center;position:absolute;bottom:14px;width:100%;padding:0 14px}.robot-timeline{display:flex;justify-content:space-between;gap:24px;padding:18px 0;border-top:2px solid #2256ff;border-bottom:1px solid #b7c9e4;font-size:.8125rem;line-height:1.7;color:#2256ff}.robot-timeline span:last-child{border-left:1px dashed #8ba4ce;padding-left:24px}
.robot-case-layout{display:grid;grid-template-columns:175px minmax(0,1fr);gap:38px;padding:42px 0 30px}.robot-sidebar{position:sticky;top:105px;align-self:start}.robot-contents summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer;font-size:.8125rem;color:#52647e;margin-bottom:22px;list-style:none}.robot-contents summary::-webkit-details-marker{display:none}.robot-contents nav{display:flex;flex-direction:column;gap:18px}.robot-contents nav a{display:grid;grid-template-columns:22px 1fr;gap:10px;color:#53657f;font-size:.8125rem;line-height:1.7}.robot-contents nav a span{color:#2256ff;font-size:.6875rem}.robot-contents nav a:hover{color:#2256ff}.robot-contents>p{font-size:.6875rem;line-height:1.8;color:#67758b;border-top:1px solid #c5d2e7;margin-top:26px;padding-top:18px}.robot-sections{min-width:0}.robot-section{background:#fcfdff;border:1px solid #b7c9e4;padding:36px;margin-bottom:30px;scroll-margin-top:104px;position:relative}.robot-section:before{content:"";position:absolute;top:10px;left:10px;width:13px;height:13px;border-top:2px solid #2256ff;border-left:2px solid #2256ff;pointer-events:none}.robot-section:after{content:"";position:absolute;bottom:10px;right:10px;width:13px;height:13px;border-bottom:2px solid #2256ff;border-right:2px solid #2256ff;pointer-events:none}.robot-section.is-review{border-left:3px dashed #779cdd;background:#f8faff}.robot-section-header{display:grid;grid-template-columns:54px minmax(0,1fr);gap:22px;align-items:start}.manual-number{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#2256ff;color:white;font-size:1.25rem;box-shadow:0 0 0 4px #eaf0fd}.robot-section-header .robot-label{margin-bottom:4px}.robot-era{font-size:.625rem;letter-spacing:.05em;line-height:1.7;margin:0 0 14px;color:#536e9a}.is-review .robot-era{display:inline-block;border:1px dashed #98b0d6;padding:5px 8px;margin-top:5px}.robot-section h2{font-size:clamp(1.4rem,2vw,1.95rem);line-height:1.45;letter-spacing:-.015em;font-weight:600;margin:0}.robot-section-intro{font-size:1rem;line-height:1.9;color:#42536c;margin:24px 0 34px;padding-bottom:26px;border-bottom:1px solid #c7d5ec}.robot-section h3{font-size:1.125rem;line-height:1.55;font-weight:600;margin:0 0 10px}.robot-section p{line-height:1.85}.robot-section p:not([class]){font-size:.9375rem;color:#445770;margin:0}.robot-split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);gap:32px}.robot-constraints{margin:28px 0 0;border-top:1px solid #c7d5ec}.robot-constraints>div{padding-top:20px}.robot-constraints dt{font-size:.875rem;color:#2256ff;margin-bottom:7px}.robot-constraints dd{font-size:.875rem;line-height:1.8;color:#52647e;margin:0}.robot-flow,.robot-inputs,.robot-decisions{padding:0;margin:0;list-style:none;display:grid;gap:18px}.robot-flow{grid-template-columns:1fr 1fr}.robot-flow li,.robot-inputs li{border:1px solid #b8c9e8;border-top:2px solid #2256ff;background:#f5f8fe;padding:22px;min-width:0}.step-number{color:#2256ff;font-size:.75rem;display:block;margin-bottom:16px}.robot-flow .robot-label{font-size:.625rem;margin-bottom:9px}.robot-flow h3{font-size:1rem}.robot-flow p:not([class]){font-size:.875rem}.robot-decisions{grid-template-columns:1fr 1fr 1fr;gap:25px;margin-bottom:32px}.robot-decisions li{position:relative;padding:18px;border:1px solid #b8c9e8;border-left:3px solid #2256ff;background:#f0f5ff}.robot-decisions .robot-label{font-size:.625rem}.decision-arrow{position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);color:#2256ff}.robot-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px}.robot-evidence{margin:0;min-width:0}.evidence-label{font-size:.75rem;line-height:1.7;color:#2256ff;margin-bottom:12px}.evidence-button{width:100%;padding:0;border:1px solid #b7c9e4;background:white;position:relative;cursor:zoom-in;display:block}.evidence-crop{display:block;width:100%;position:relative;overflow:hidden;background:#fff}.evidence-crop img{position:absolute;max-width:none;height:auto;display:block}.evidence-zoom{display:flex;gap:8px;align-items:center;position:absolute;bottom:8px;right:8px;padding:6px 9px;background:#fffffff2;color:#335480;font-size:.6875rem;border:1px solid #b7c9e4}.evidence-zoom .chevron{height:12px;width:8px}.robot-points{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:24px 32px}.robot-points li{display:flex;gap:14px;border-top:1px solid #c7d5ec;padding-top:20px;min-width:0}.point-number{flex-shrink:0;background:#2256ff;color:white;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:.6875rem;margin-top:3px}.robot-points h3{font-size:1rem}.robot-points p{font-size:.875rem!important}.robot-source{font-size:.75rem;line-height:1.9;color:#62738a;margin:27px 0 0}.qr-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.qr-layout .robot-points{grid-template-columns:1fr;gap:18px}.robot-people{padding:0;margin:20px 0;list-style:none;display:grid;gap:10px}.robot-people li{padding:13px 17px;border:1px solid #b7c9e4;font-size:.875rem;line-height:1.7}.robot-callout{border:1px solid #b7c9e4;border-left:3px solid #2256ff;background:#eef4ff;padding:20px;font-size:.875rem;color:#445770;margin:0}.estimate-intro{grid-template-columns:1fr 1fr;margin-bottom:28px}.robot-inputs{grid-template-columns:1fr 1fr 1fr}.robot-inputs h3{font-size:1rem}.robot-inputs p{font-size:.875rem!important}.robot-formula{padding:26px;border:1px solid #99b5e4;border-left:4px solid #2256ff;background:#edf4ff;margin:26px 0}.robot-formula .formula-text{font-size:1.25rem;line-height:1.7;margin:12px 0 16px}.robot-states{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.robot-state{border:1px solid #a9bfe2;box-shadow:4px 4px 0 #e5edfa;background:white;display:flex;flex-direction:column}.mock-heading{font-size:.6875rem;padding:12px 16px;background:#edf3ff;border-bottom:1px solid #b7c9e4;margin:0;color:#325785}.state-body{padding:20px;display:flex;flex:1;flex-direction:column}.state-label{color:#2256ff;border:1px solid #a9c1ec;font-size:.625rem;padding:4px 7px;align-self:start;margin-bottom:18px;line-height:1.6}.state-label.warning{color:#795619;background:#fff8e9;border-color:#dcc597}.state-body h3{font-size:1.125rem}.state-body p{font-size:.875rem!important}.mock-action{display:block;background:#edf3ff;border:1px solid #b7c9e4;color:#2256ff;font-size:.75rem;padding:12px;margin-top:24px;line-height:1.7}.validation{grid-template-columns:1.2fr 1fr;margin-top:34px}.robot-image-dialog{padding:0;border:1px solid #b7c9e4;width:min(1100px,calc(100vw - 40px));max-height:calc(100svh - 40px);background:#f3f6fc;color:#102344}.robot-image-dialog::backdrop{background:#0b172ac9;backdrop-filter:blur(5px)}.robot-viewer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid #b7c9e4;font-size:.875rem}.robot-viewer-toolbar button{border:1px solid #b7c9e4;padding:9px 14px;background:white;color:#102344;cursor:pointer}.robot-viewer-body{padding:24px;overflow:auto;max-height:calc(100svh - 130px)}.robot-viewer-body>.evidence-crop{max-width:900px;margin:auto}
@media(max-width:1180px){.robot-case-layout{grid-template-columns:150px minmax(0,1fr);gap:24px}.robot-section{padding:28px}.robot-split{grid-template-columns:1fr}.qr-layout{grid-template-columns:1fr 1fr}.robot-states{grid-template-columns:1fr}.state-body{display:grid;grid-template-columns:1fr 1.2fr;gap:0 22px}.state-label{grid-column:1}.state-body h3{grid-column:1}.state-body p{grid-column:2;grid-row:1/3}.mock-action{grid-column:1/-1;margin-top:15px}.robot-intro{gap:36px}.robot-inputs{gap:14px}.robot-inputs li{padding:18px}}
@media(max-width:900px){.robot-case-layout{display:block;padding-top:24px}.robot-sidebar{position:static}.robot-contents{border-bottom:1px solid #b7c9e4;padding-bottom:16px;margin-bottom:24px}.robot-contents summary{margin:0;font-size:.9375rem}.robot-contents nav{margin-top:20px}.robot-contents>p{margin-bottom:0}.robot-intro{grid-template-columns:1fr 1fr;gap:26px;padding-top:45px}.robot-intro h1{font-size:2.3rem}.robot-meta{grid-template-columns:1fr;gap:15px}.robot-timeline{font-size:.75rem}.robot-cover{align-self:start;margin-top:40px}.qr-layout{grid-template-columns:1fr 1fr}.robot-states{grid-template-columns:1fr}.robot-viewer-body{padding:15px}}
@media(max-width:600px){.site-actions{gap:13px}.vf-header{flex-wrap:wrap;gap:12px}.vf-header .site-actions{margin-left:auto}.vf-about{font-size:.6875rem;gap:6px}.language-switch{gap:4px;font-size:.6875rem}.topbar{padding:0 18px;gap:12px}.topbar-about{font-size:.75rem}.topbar-about .chevron{display:none}.back-link{font-size:.75rem;gap:7px}.robot-case{padding:0 20px}.robot-intro{grid-template-columns:1fr;padding:38px 0 28px;gap:28px}.robot-intro h1{font-size:2.15rem}.robot-cover{margin:0;max-width:370px;width:100%;justify-self:center}.robot-meta{grid-template-columns:1fr 1fr}.robot-timeline{flex-direction:column;gap:10px}.robot-timeline span:last-child{padding-left:0;border-left:0}.robot-section{padding:24px 18px;margin-bottom:24px;scroll-margin-top:88px}.robot-section-header{grid-template-columns:36px 1fr;gap:14px}.manual-number{width:34px;height:34px;font-size:1rem}.robot-section-header .robot-label{font-size:.5625rem;letter-spacing:.04em}.robot-era{font-size:.5625rem}.robot-section h2{font-size:1.375rem;line-height:1.5}.robot-section-intro{font-size:.9375rem;margin:20px 0 26px;padding-bottom:22px}.robot-flow,.robot-comparison,.robot-points,.robot-inputs,.qr-layout,.robot-decisions{grid-template-columns:1fr}.robot-comparison{gap:22px}.robot-flow{gap:14px}.robot-flow li{padding:20px}.robot-decisions{gap:23px}.decision-arrow{top:calc(100% + 1px);left:50%;transform:rotate(90deg)}.robot-points{gap:18px}.robot-formula{padding:20px}.robot-formula .formula-text{font-size:1.0625rem}.state-body{display:flex;padding:18px}.robot-viewer-toolbar{font-size:.75rem;padding:12px}.robot-image-dialog{width:calc(100vw - 16px);max-height:calc(100svh - 16px)}.robot-image-dialog .robot-viewer-body{padding:8px}.robot-case .case-next{flex-wrap:wrap}.robot-case .next-link strong{font-size:.9375rem}.legacy-notice{padding:15px;font-size:.875rem}html[lang=en] .vf-project{min-height:68px}html[lang=en] .vf-title{font-size:.9375rem}html[lang=en] .vf-footer{font-size:.5625rem}.robot-cover figcaption{font-size:.5625rem}}
.robot-family{margin-top:34px;padding-top:26px;border-top:1px solid #b7c9e4}
.robot-family>p{max-width:85ch;font-size:.875rem}
.robot-family-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px;align-items:end}
.robot-family .evidence-label{min-height:2.6em;margin-bottom:10px}
@media(max-width:700px){.robot-family-examples{grid-template-columns:1fr;gap:24px}.robot-family .evidence-label{min-height:0}}