.visual-section{padding:40px 0;border-bottom:1px solid var(--line)}.visual-section>h2{font-size:30px;line-height:1.2}.visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.visual-card{margin:20px 0;padding:22px;border:1px solid #3b2e25;border-radius:9px;background:radial-gradient(ellipse at 80% 10%,#49241033,transparent 70%),#131313;min-width:0}.visual-card h3{font-size:20px;line-height:1.4;font-weight:500;margin:0 0 16px}.visual-card svg{display:block;width:100%;height:auto;max-height:350px}.visual-card figcaption{display:block;font-size:15px;color:#b5afa9;line-height:1.8;margin:16px 0 0;letter-spacing:0}.visual-note{font-size:14px;color:#b5afa9;line-height:1.8}.interactive-visual{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:25px;border:1px solid #3b2e25;border-radius:9px;background:#151311;margin:22px 0}.interactive-visual h3{font-size:24px;line-height:1.3;font-weight:500;margin:0 0 15px}.interactive-visual p{font-size:16px;line-height:1.8;color:#b5afa9}.interactive-visual label{display:flex;justify-content:space-between;gap:15px;font-size:15px;margin:20px 0 8px}.interactive-visual input{width:100%;accent-color:#ffad7c}.interactive-visual svg{width:100%;height:auto;align-self:center}.interactive-visual [aria-live]{color:#ffad7c;font-size:18px;min-height:2em}@media(max-width:750px){.visual-grid,.interactive-visual{grid-template-columns:1fr}.visual-card svg{max-height:260px}.interactive-visual{padding:20px;gap:15px}.visual-card{padding:18px}.visual-section>h2{font-size:27px}}
.robotics-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}.robotics-scene img{width:100%;height:auto;display:block;border-radius:6px}.robotics-scene figcaption{margin:0}.robotics-scene h3{font-size:26px}@media(max-width:750px){.robotics-scene{grid-template-columns:1fr}}
.interactive-visual>div{min-width:0}.interactive-visual select{width:100%;max-width:100%;min-width:0}.interactive-visual .check{justify-content:flex-start;align-items:center}
.interactive-visual input[type=checkbox]{width:20px;height:20px;min-height:20px;flex-shrink:0}
.robotics-scene figcaption>strong{display:block;font-size:24px;line-height:1.4;font-weight:500;margin-bottom:12px;color:#eee1d5}
.path-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;padding:14px;background:#171411;border:1px solid #493326;border-radius:9px;margin:24px 0;max-width:780px}.map-cell{aspect-ratio:1;min-height:0;width:100%;padding:0;border:1px solid #41362d;background:#101010;border-radius:3px;cursor:pointer;font-size:16px;color:#f0e4d8}.map-cell.blocked{background:#704626;border-color:#c18b5b}.map-cell.on-path{background:#34604a;border-color:#85dfb1}.map-cell.endpoint{background:#b0652d;color:#fff;opacity:1;cursor:default}.map-cell:focus-visible{outline:3px solid #fff;outline-offset:1px;z-index:1}.scenario-actions{display:flex;gap:12px;flex-wrap:wrap}.scenario-actions button{padding:12px 16px;background:#261a13;border:1px solid #714529;border-radius:6px;color:#ffad7c;cursor:pointer;font-size:14px}@media(max-width:650px){.path-grid{gap:3px;padding:8px}.map-cell{font-size:12px}}