/* DAYAN robot catalogs: page-local styling; approved header/footer retained. */
.rb-page{line-height:1.55;overflow-wrap:break-word;--shadow:0 8px 24px rgba(16,43,89,.045)}
.rb-page *{min-width:0}
.rb-page [hidden]{display:none!important}
.rb-page .breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:4px;color:#7890af}
.rb-page .breadcrumbs span{margin:0 5px}
.rb-page .rb-related-nav{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:13px;font-weight:750;color:#0a68e8;padding-top:18px;padding-bottom:0}
.rb-page .hero-media{position:relative}
.rb-page .hero-media [data-zoom]{cursor:zoom-in}
.rb-page .hero-media img{border-radius:11px}
.rb-page :is(.tasks,.integration,.info-grid){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.rb-page :is(.task,.step,.info){padding:23px;border:1px solid #dce7f4;border-radius:13px;background:#fff;box-shadow:0 8px 24px rgba(16,43,89,.025)}
.rb-page :is(.task,.step,.info) h3{font-size:19px;line-height:1.25;margin:0 0 9px}
.rb-page :is(.task,.step,.info) p{font-size:14px;line-height:1.65;margin:0;color:#697f9f}
.rb-page :is(.task,.info) i{width:40px;height:40px;margin-bottom:15px;border-radius:10px;font-size:21px}
.rb-page .step .n{font-size:23px;font-weight:850;color:#0a68e8;margin-bottom:17px}
.rb-page .section-head{display:flex;gap:20px;align-items:start}
.rb-page .intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}
.rb-page .copy{padding:30px;background:white;border:1px solid #dce7f4;border-radius:14px}
.rb-page .copy h2{font-size:34px;line-height:1.15;letter-spacing:-.03em;margin:0 0 20px}
.rb-page .copy p{font-size:15px;line-height:1.7;color:#697f9f;margin:0 0 15px}
.rb-page .copy p:last-child{margin-bottom:0}
.rb-page .intro-img{border-radius:14px;background:#edf4fb;border:1px solid #dce7f4;overflow:hidden;display:flex;align-items:center}
.rb-page .intro-img img{width:100%;height:auto;object-fit:contain}
.rb-page .cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:25px;background:#0c2748;color:white;padding:27px 30px;border-radius:14px;border:1px solid #0c2748;margin-top:0!important}
.rb-page .cta h2{font-size:30px;line-height:1.2;margin:0 0 10px;color:#fff}
.rb-page .cta p{font-size:15px;line-height:1.65;color:#d6e2f1;margin:0}
.rb-page .cta a.btn-primary{color:#fff;white-space:normal;text-align:center}
#rb-overview .hero-card{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}
#rb-overview .hero-media{padding:0;background:#edf3f8;display:block;min-height:400px}
#rb-overview .hero-media img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:52% 50%;border-radius:0}
#rb-overview .hero-badge{bottom:18px;left:18px;right:auto;font-size:11px;max-width:calc(100% - 36px);background:rgba(255,255,255,.95);border-radius:8px;padding:9px 12px}
#rb-overview .quickfacts{grid-template-columns:repeat(2,minmax(0,1fr))}
#rb-overview .quickfacts .fact:last-child{grid-column:1/-1}
#rb-overview #robots{padding-top:8px}
#rb-overview .robot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#rb-overview .rb-type-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);text-decoration:none;background:#fff;border:1px solid #dce7f4;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(16,43,89,.04);transition:transform .2s,border-color .2s,box-shadow .2s}
#rb-overview .rb-type-card:hover{transform:translateY(-3px);border-color:#9dc4f8;box-shadow:0 14px 32px rgba(16,43,89,.09)}
#rb-overview .rb-type-image{background:#f2f5f8;display:flex;align-items:center;justify-content:center;padding:14px}
#rb-overview .rb-type-image img{width:100%;height:300px;object-fit:contain;display:block;border-radius:10px}
#rb-overview .robot-copy{padding:25px 24px;display:flex;flex-direction:column}
#rb-overview .robot-copy .num{font-size:10px;font-weight:800;color:#0a68e8;letter-spacing:.11em;margin-bottom:13px}
#rb-overview .robot-copy h3{font-size:27px;line-height:1.13;letter-spacing:-.03em;margin:0 0 15px;color:#102b59}
#rb-overview .robot-copy p{font-size:14px;line-height:1.6;color:#697f9f;margin:0 0 16px}
#rb-overview .robot-copy .points{display:grid;gap:8px;margin-bottom:20px}
#rb-overview .robot-copy .point{font-size:12px;line-height:1.5;position:relative;padding-left:16px;color:#314e78}
#rb-overview .robot-copy .point:before{content:'✓';position:absolute;left:0;top:0;color:#0a68e8;font-size:12px}
#rb-overview .rb-type-open{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e4edf7;padding-top:14px;font-size:14px;font-weight:850;color:#0a68e8}
:is(#rb-delta,#rb-cobot) .hero-media{padding:24px;background:#f3f6fa}
:is(#rb-delta,#rb-cobot) .hero-media img{height:440px;width:100%;max-height:440px;object-fit:contain}
:is(#rb-delta,#rb-cobot) .hero-badge{display:none}
:is(#rb-delta,#rb-cobot) .selector-section{padding:10px 0 30px}
:is(#rb-delta,#rb-cobot) .selector{border-radius:14px;box-shadow:0 8px 24px rgba(16,43,89,.04)}
:is(#rb-delta,#rb-cobot) .selector-head{padding:25px 28px}
:is(#rb-delta,#rb-cobot) .selector-head h2{font-size:32px;line-height:1.15;letter-spacing:-.025em}
:is(#rb-delta,#rb-cobot) .selector-head p{font-size:15px;line-height:1.6;color:#697f9f}
:is(#rb-delta,#rb-cobot) .selector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(#rb-delta,#rb-cobot) :is(.selector-controls,.selector-result){padding:25px 28px}
:is(#rb-delta,#rb-cobot) .selector-controls input,:is(#rb-delta,#rb-cobot) .selector-controls select{font-size:15px;min-height:46px;width:100%}
:is(#rb-delta,#rb-cobot) .two{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(#rb-delta,#rb-cobot) .selector-result{background:linear-gradient(135deg,#edf5ff,#f8fbff)}
:is(#rb-delta,#rb-cobot) .match{border-radius:10px;padding:14px;grid-template-columns:minmax(0,1fr) auto}
:is(#rb-delta,#rb-cobot) .match span{font-size:12px;line-height:1.6}
:is(#rb-delta,#rb-cobot) .match button{min-height:40px;padding:10px 14px}
:is(#rb-delta,#rb-cobot) .rb-input-error{color:#8a3b12;background:#fff3e7;border:1px solid #f1d0ad;padding:12px;border-radius:8px;font-size:13px;line-height:1.5;margin:0 0 18px}
:is(#rb-delta,#rb-cobot) .model-card{border-radius:13px;display:flex;flex-direction:column;min-width:0}
:is(#rb-delta,#rb-cobot) .model-card.hidden{display:none}
:is(#rb-delta,#rb-cobot) :is(.model-img,.model-image){height:300px;background:#f0f4f9;padding:14px}
:is(#rb-delta,#rb-cobot) :is(.model-img,.model-image) img{height:100%;width:100%;object-fit:contain;border-radius:10px}
:is(#rb-delta,#rb-cobot) .model-body{padding:21px;display:flex;flex-direction:column;flex:1}
:is(#rb-delta,#rb-cobot) .model-body h3{font-size:25px;letter-spacing:-.03em}
:is(#rb-delta,#rb-cobot) .model-top{align-items:start}
:is(#rb-delta,#rb-cobot) .badge{white-space:normal;text-align:right;border-radius:6px}
:is(#rb-delta,#rb-cobot) .model-kicker{font-size:11px}
:is(#rb-delta,#rb-cobot) .mini-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px}
:is(#rb-delta,#rb-cobot) .mini-specs>div{border-radius:8px;padding:11px}
:is(#rb-delta,#rb-cobot) .mini-specs span{font-size:11px;line-height:1.4}
:is(#rb-delta,#rb-cobot) .mini-specs b{font-size:13px;line-height:1.4}
:is(#rb-delta,#rb-cobot) .card-actions{margin-top:auto;display:flex;gap:9px}
:is(#rb-delta,#rb-cobot) .card-actions .btn{font-size:13px;padding:11px 10px;white-space:normal;text-align:center;min-width:0}
:is(#rb-delta,#rb-cobot) .filter{font-size:13px;border-radius:8px;padding:10px 15px;min-height:40px}
#rb-delta .models-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#rb-cobot .models-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#rb-cobot .model-image{height:350px}
#rb-cobot .compare{overflow-x:auto;max-width:100%;border-radius:14px;background:white}
#rb-cobot .compare-row{min-width:840px;grid-template-columns:1.2fr repeat(4,minmax(0,1fr))}
#rb-cobot .compare-row>div{font-size:13px;line-height:1.5;padding:13px 16px}
:is(#rb-delta,#rb-cobot) .notice{margin-top:18px;padding:18px 21px;border-radius:12px;font-size:14px;line-height:1.65}
:is(#rb-delta,#rb-cobot) .modal{padding:18px;background:rgba(6,23,43,.76);z-index:1000}
:is(#rb-delta,#rb-cobot) .modal-card{border-radius:16px;width:min(1120px,96vw);max-height:92vh;max-height:92dvh;overflow:auto;overscroll-behavior:contain}
:is(#rb-delta,#rb-cobot) .modal-head{padding:18px 24px;align-items:center}
:is(#rb-delta,#rb-cobot) .modal-head h2{font-size:28px;line-height:1.2}
:is(#rb-delta,#rb-cobot) .close{flex:0 0 42px;height:42px;width:42px;border-radius:9px}
:is(#rb-delta,#rb-cobot) .modal-content{padding:24px;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:24px}
:is(#rb-delta,#rb-cobot) .modal-image{border-radius:10px}
:is(#rb-delta,#rb-cobot) .modal-image img{max-height:410px;width:100%;height:auto;object-fit:contain}
:is(#rb-delta,#rb-cobot) .spec-table{width:100%;table-layout:fixed;border-radius:10px}
:is(#rb-delta,#rb-cobot) .spec-table :is(th,td){overflow-wrap:anywhere;line-height:1.5;font-size:13px;padding:11px 13px}
:is(#rb-delta,#rb-cobot) .spec-table th{width:51%}
:is(#rb-delta,#rb-cobot) .joint-table{width:100%;table-layout:fixed}
:is(#rb-delta,#rb-cobot) .joint-table :is(th,td){overflow-wrap:anywhere;line-height:1.5}
:is(#rb-delta,#rb-cobot) .cycle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(#rb-delta,#rb-cobot) .cycle div{gap:12px}
/* Source-only notes retain their exact technical content on the child pages. */
@media(max-width:1199px){
#rb-overview .rb-type-card{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
#rb-overview .robot-copy{padding:21px 20px}#rb-overview .robot-copy h3{font-size:23px}
#rb-delta .models-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1024px){
#rb-overview .hero-card{grid-template-columns:1fr}#rb-overview .hero-media{height:370px;min-height:0}
#rb-overview .hero-media img{height:100%;max-height:none;object-fit:cover}
#rb-overview .rb-type-card{grid-template-columns:1fr}#rb-overview .rb-type-image img{height:275px}
.rb-page .intro-grid{grid-template-columns:1fr}.rb-page .intro-img{max-height:450px;justify-content:center}
.rb-page .intro-img img{max-height:430px;object-fit:contain}
.rb-page :is(.tasks,.integration,.info-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
:is(#rb-delta,#rb-cobot) .hero-media img{height:380px;max-height:380px;object-fit:contain}
:is(#rb-delta,#rb-cobot) .selector-grid{grid-template-columns:1fr}
:is(#rb-delta,#rb-cobot) .selector-controls{border-right:0;border-bottom:1px solid #dce7f4}
.rb-page .cta{grid-template-columns:1fr}
}
@media(max-width:767px){
#rb-overview .hero-media{height:290px}
:is(#rb-delta,#rb-cobot) .modal-content{grid-template-columns:1fr}
:is(#rb-delta,#rb-cobot) .modal-image img{max-height:240px}
}
@media(max-width:640px){
.rb-page .rb-related-nav{font-size:12px;gap:12px}
#rb-overview .robot-grid{grid-template-columns:1fr;gap:16px}
#rb-overview .rb-type-image{padding:16px}#rb-overview .rb-type-image img{height:280px}
#rb-overview .robot-copy{padding:24px}#rb-overview .robot-copy h3{font-size:28px}
#rb-overview .hero-badge{font-size:10px}
.rb-page .copy{padding:24px}.rb-page .copy h2{font-size:28px}
:is(#rb-delta,#rb-cobot) .hero-media{padding:16px}
:is(#rb-delta,#rb-cobot) .hero-media img{height:300px;max-height:300px}
:is(#rb-delta,#rb-cobot) :is(.selector-head,.selector-controls,.selector-result){padding:23px 20px}
:is(#rb-delta,#rb-cobot) .selector-head h2{font-size:28px}
:is(#rb-delta,#rb-cobot) .two{grid-template-columns:1fr;gap:0}
:is(#rb-delta,#rb-cobot) .models-grid{grid-template-columns:1fr}
:is(#rb-delta,#rb-cobot) :is(.model-img,.model-image){height:300px}
:is(#rb-delta,#rb-cobot) .modal{padding:10px}
:is(#rb-delta,#rb-cobot) .modal-content{padding:16px;gap:18px}
:is(#rb-delta,#rb-cobot) .modal-head{padding:15px 16px}
:is(#rb-delta,#rb-cobot) .modal-head h2{font-size:24px}
:is(#rb-delta,#rb-cobot) .spec-table :is(th,td){font-size:12px;padding:10px}
:is(#rb-delta,#rb-cobot) .notice{padding:17px;font-size:13px}
.rb-page .cta{padding:24px}.rb-page .cta h2{font-size:28px}
}
@media(max-width:460px){.rb-page :is(.tasks,.integration,.info-grid){grid-template-columns:1fr}
#rb-overview .hero-badge{bottom:12px;left:12px}
:is(#rb-delta,#rb-cobot) .card-actions{flex-wrap:wrap}
:is(#rb-delta,#rb-cobot) .card-actions .btn{flex:1 1 100%}
:is(#rb-delta,#rb-cobot) .cycle-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.rb-page *{scroll-behavior:auto;transition:none!important}.rb-page .rb-type-card:hover{transform:none}}
/* Original source used a two-column pseudo-element list; reset its layout for the full-card link. */
#rb-overview .robot-copy .point{display:block;grid-template-columns:none}
#rb-overview .robot-copy .point:before{width:auto;height:auto;background:none;border-radius:0;display:block;color:#0a68e8;font-size:12px}
#rb-overview .cta{background:#0c2748;border-color:#0c2748;color:#fff}
#rb-overview .cta h2{color:#fff}#rb-overview .cta p{color:#d6e2f1}
#rb-overview .intro-img{display:flex;align-items:center;background:#eef4fa}
#rb-overview .intro-img img{height:auto;object-fit:contain}
/* A definite image box prevents the source grid's auto minimum from clipping tall robot renders. */
:is(#rb-delta,#rb-cobot) .model-image{display:block}
:is(#rb-delta,#rb-cobot) :is(.model-img,.model-image) img{max-height:100%;min-height:0}