/* Use the same local font, palette and catalogue components as the SANGDO site. */
.remote-robot-page{color:#354450;font:16px/1.65 SangdoRoboto,Arial,Helvetica,sans-serif;background:#fff}
.remote-robot{font-family:SangdoRoboto,Arial,Helvetica,sans-serif;color:#354450}
.remote-robot .wrap{max-width:1240px;padding-inline:32px}
.remote-robot p{margin-top:0}
.remote-robot .breadcrumb{font-size:12px;letter-spacing:.05em;margin-top:30px}
.remote-robot .title{padding:22px 0 40px}
.remote-robot .title h1{font-size:clamp(32px,4vw,44px);color:#18394f}
.remote-robot .title hr{border-color:#00789f}
.remote-robot .robot-hero{grid-template-columns:1.05fr 1fr;gap:56px;padding-bottom:40px}
.remote-robot .robot-hero figure{max-width:none;min-width:0}
.remote-robot .robot-hero img{aspect-ratio:1276/958;object-fit:contain;background:#f4f7f9}
.remote-robot .hero h2{font-size:32px;color:#173950;font-weight:500;line-height:1.25}
.remote-robot .hero figcaption{font-size:12px;letter-spacing:0;color:#687c8c}
.remote-robot .intro{font-size:16px;max-width:none;color:#506679}
.remote-robot .overview-facts{font-size:14px;margin-bottom:20px}
.remote-robot .overview-facts>div{grid-template-columns:1fr 1.15fr;padding-block:8px}
.remote-robot .eyebrow{font-size:11px;letter-spacing:.07em;color:#00749d}
.remote-robot .button{font-size:14px;font-weight:600;min-height:44px;gap:22px;padding:10px 18px;border-color:#00749d;color:#006d94}
.remote-robot .section-nav{font-size:14px;gap:20px;padding:15px 0;margin-bottom:48px;overflow-x:auto}
.remote-robot section[id]{scroll-margin-top:18px;margin-bottom:54px}
.remote-robot .section-heading{margin-bottom:18px}
.remote-robot .section-heading h2{font-size:28px;color:#173950;font-weight:500}
.remote-robot h3{font-size:20px;line-height:1.4;font-weight:500;color:#173950;margin:0 0 10px}
.remote-robot .robot-lead{color:#5c7081;max-width:780px;margin-bottom:24px}
.robot-components{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.robot-components figure{min-width:0}
.robot-component-image{aspect-ratio:5/4;display:flex;align-items:center;justify-content:center;background:#f5f8fa;overflow:hidden;padding:14px}
.robot-component-image img{width:100%;height:100%;object-fit:contain}
.robot-component-image img.robot-lever-pair{transform:scale(1.28)}
.robot-components figcaption{border-top:2px solid #d9e6ed;padding-top:16px;margin-top:14px}
.robot-components h3{font-size:18px}
.robot-components p{font-size:14px;color:#617585;margin-bottom:0}
.robot-split,.robot-mobility-layout{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.robot-copy p{color:#506679;font-size:15px}
.robot-feature-list{margin:22px 0 0}
.robot-feature-list>div{border-top:1px solid #dce6ed;padding:12px 0}
.robot-feature-list dt{font-size:15px;font-weight:600;color:#264a61}
.robot-feature-list dd{margin:4px 0 0;font-size:14px;color:#617585}
.remote-robot .zoom{display:block;width:100%;padding:0;background:transparent;border:0;text-align:left;color:#5e7485}
.remote-robot .zoom span{display:block;padding-top:8px;font-size:12px;text-align:left}
.robot-photo .zoom img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f4f7f9}
.robot-field .zoom img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#f4f7f9}
.robot-operation-copy,.robot-options-copy{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:24px}
.robot-operation-copy article,.robot-options-copy article{border-top:1px solid #dce6ed;padding-top:18px}
.robot-operation-copy p,.robot-options-copy p{font-size:15px;color:#506679;margin-bottom:0}
.robot-mobility-layout{align-items:start}
.remote-robot .robot-case{margin:22px 0 0;max-width:280px}
.robot-case img{width:100%;height:auto}
.robot-case figcaption{font-size:12px;color:#687c8c;padding-top:6px}
.robot-options-copy{margin:0 0 26px}
.robot-table-scroll{max-width:100%;overflow-x:auto}
.remote-robot .robot-option-table{border-collapse:collapse;width:100%;min-width:670px;font-family:inherit;font-size:14px;text-align:center;table-layout:fixed}
.remote-robot .robot-option-table th,.remote-robot .robot-option-table td{font:inherit;text-align:center}
.remote-robot .robot-option-table th{font-weight:600}
.remote-robot .robot-option-table tr>:first-child{text-align:left}
.robot-option-table caption{text-align:left;padding:0 0 12px;color:#173950;font-size:16px;font-weight:500}
.robot-option-table thead{background:#e9f1f8;color:#355570}
.robot-option-table th{font-weight:600}
.robot-option-table tbody th{background:#f4f7fa}
.robot-option-table th:first-child{width:15%}
.robot-option-table th:nth-child(2){width:21%}
.robot-option-table th:nth-child(3){width:21%}
.robot-option-table td,.robot-option-table th{border:1px solid #dce6ed;overflow-wrap:break-word}
.remote-robot .robot-note{font-size:13px;color:#687c8c;line-height:1.55;margin-top:12px}
.remote-robot .inquiry{background:#f3f7f9;border:1px solid #dce6ed;padding:28px 30px;gap:28px;margin-bottom:54px}
.remote-robot .inquiry h2{font-size:28px;color:#173950}
.remote-robot .inquiry p{font-size:14px;margin:5px 0 0}
.remote-robot dialog{width:min(1100px,94vw);max-width:94vw;max-height:92vh;border:1px solid #dce6ed;padding:18px;background:#fff}
.remote-robot dialog::backdrop{background:#102738aa}
.remote-robot .dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px;font-size:14px}
.remote-robot .dialog-head button{min-width:78px;min-height:44px;background:#f0f5f8;border:1px solid #c8d8e3;color:#173950}
.remote-robot .dialog-image img{width:100%;height:auto;max-height:74vh;object-fit:contain}
.robot-footer{padding:26px 24px;text-align:center;color:#6a7a86;font:12px SangdoRoboto,Arial,sans-serif;border-top:1px solid #e4ebf0}
.robot-skip{position:fixed;top:-100px;left:20px;z-index:2000;background:#fff;color:#006d94;padding:12px}
.robot-skip:focus{top:10px}
.remote-robot-category .integration-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.remote-robot-category .integration-card>a{padding:16px}
.remote-robot-category .integration-card h2{font-size:20px;min-height:54px}
@media(max-width:1100px) and (min-width:768px){.remote-robot-category .integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.remote-robot-category .integration-grid{grid-template-columns:1fr}}
@media(max-width:900px){.remote-robot .robot-hero{gap:28px}.robot-components{grid-template-columns:repeat(2,minmax(0,1fr))}.robot-split,.robot-mobility-layout{gap:28px}.remote-robot .hero h2{font-size:28px}}
@media(max-width:600px){.remote-robot .wrap{padding-inline:20px}.remote-robot .breadcrumb{font-size:10px;margin-top:20px}.remote-robot .title{padding:16px 0 26px}.remote-robot .title h1{font-size:32px}.remote-robot .robot-hero,.robot-split,.robot-mobility-layout{grid-template-columns:1fr;gap:24px}.remote-robot .hero h2{font-size:28px}.remote-robot .robot-hero{padding-bottom:28px}.remote-robot .section-nav{margin-bottom:32px;gap:22px}.remote-robot section[id]{margin-bottom:38px;scroll-margin-top:14px}.remote-robot .section-heading h2{font-size:25px}.robot-components{gap:24px 16px}.robot-components h3{font-size:16px}.robot-components p{font-size:13px}.robot-component-image{padding:8px}.robot-operation-copy,.robot-options-copy{grid-template-columns:1fr;gap:22px}.robot-copy p{font-size:15px}.remote-robot .inquiry{padding:22px;display:flex;flex-direction:column;align-items:flex-start}.remote-robot .inquiry h2{font-size:25px}.remote-robot .robot-case{max-width:260px}.remote-robot .dialog-head{font-size:12px}.remote-robot dialog{padding:12px}.remote-robot .dialog-image img{max-height:65vh}}