/* Robot architecture guides and model inspection controls. */
.ho-shell .ho-region-guide h3{font-size:18px;line-height:1.35;margin:0 0 10px;letter-spacing:-.025em}
.ho-shell .ho-region-guide>p{font-size:13px;line-height:1.6}
.ho-function-diagram{margin:18px 0 20px;padding:16px 12px 12px;background:var(--landscape-inset,#f1f0eb);border-radius:5px}
.ho-function-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;position:relative}
.ho-function-sequence>div{position:relative;text-align:center;min-width:0}
.ho-function-sequence>div:not(:last-child)::after{content:'';position:absolute;width:14px;height:1px;right:-16px;top:10px;background:var(--landscape-muted,#68717a)}
.ho-function-sequence strong{display:block;font-size:12px;line-height:1.5;font-weight:600;color:var(--landscape-ink,#171c22)}
.ho-function-sequence span{display:block;font-size:10px;line-height:1.4;margin-top:4px;color:var(--landscape-copy,#424b55)}
.ho-function-diagram figcaption{font-size:10px;line-height:1.4;color:var(--landscape-muted,#68717a);text-align:center;margin:12px 0 0;padding-top:8px;border-top:1px solid var(--landscape-line,#d7dade)}
.ho-part-roles{display:grid;gap:12px;margin:0 0 16px}
.ho-part-roles>div{display:grid;grid-template-columns:135px minmax(0,1fr);gap:16px;align-items:baseline}
.ho-part-roles dt{font-size:12px;line-height:1.5;font-weight:600;margin:0}
.ho-part-roles dt a{text-decoration:underline;text-decoration-color:var(--landscape-line,#d7dade);text-underline-offset:3px}
.ho-part-roles dt a:hover{text-decoration-color:currentColor}
.ho-part-roles dd{font-size:12px;line-height:1.55;margin:0;color:var(--landscape-copy,#424b55)}
.ho-region-guide .ho-example-link{font:550 12px/1.5 Inter,system-ui,sans-serif;color:var(--landscape-ink,#171c22);background:transparent;border:1px solid var(--landscape-line,#d7dade);border-radius:5px;padding:7px 10px;cursor:pointer;margin:0 0 14px}
.ho-region-guide .ho-example-link:hover{background:var(--landscape-inset,#f1f0eb);border-color:var(--landscape-muted,#68717a)}
.ho-architecture .ho-asimov-note{padding-top:12px;border-top:1px solid var(--landscape-line,#d7dade);margin-top:2px}
.ho-architecture .ho-inspect-actions{margin:0 0 12px}
@media(max-width:1100px) and (min-width:851px){.ho-part-roles>div{grid-template-columns:110px minmax(0,1fr);gap:10px}}
@media(max-width:600px){.ho-part-roles>div{grid-template-columns:105px minmax(0,1fr);gap:12px}.ho-region-guide .ho-example-link{min-height:44px}.ho-function-diagram{padding:14px 8px 10px}.ho-function-sequence{gap:12px}.ho-function-sequence>div:not(:last-child)::after{width:8px;right:-10px}.ho-function-sequence strong{font-size:11px}}
body.humanoid-overview-page .ho-arm-info .ho-component-context{border-left:0;padding-left:0}
body.humanoid-overview-page .ho-arm-info{min-width:0;max-width:100%}
body.humanoid-overview-page .ho-component-field>span{color:var(--landscape-copy,#424b55)}
body.humanoid-overview-page .ho-architecture .korthos-select{min-width:0!important;max-width:100%!important}
body.humanoid-overview-page .ho-architecture .korthos-select__button{border:1px solid var(--landscape-line,#d7dade)!important;border-radius:6px!important;box-shadow:none!important}
body.humanoid-overview-page .ho-architecture .korthos-select__menu:not([hidden]){display:block!important;max-width:min(100%,calc(100vw - 48px))!important;min-width:0!important;width:100%!important;max-height:min(240px,40dvh)!important;padding:5px!important;border:1px solid var(--landscape-line,#d7dade)!important;border-radius:7px!important;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
body.humanoid-overview-page .ho-model-motion .korthos-select__menu:not([hidden]){left:0!important;right:auto!important}
body.humanoid-overview-page .ho-architecture .korthos-select__option{white-space:normal!important;overflow-wrap:anywhere;border-radius:4px!important;transition:none!important}
body.humanoid-overview-page .ho-arm-info .ho-component-field select{max-width:100%;box-sizing:border-box}
body.humanoid-overview-page .ho-arm-info .ho-component-copy{color:var(--landscape-ink,#171c22)}
body.humanoid-overview-page .ho-arm-info .ho-component-evidence{border-top:0;padding-top:0}
/* Navigation stays visible while one information pane scrolls. */
body.humanoid-overview-page .ho-arm-info [hidden]{display:none!important}
body.humanoid-overview-page .ho-arm-info .ho-component-field{margin:0 0 10px;grid-template-columns:68px minmax(0,1fr)}
body.humanoid-overview-page .ho-inspection-tabs{display:flex;flex:0 0 auto;gap:18px;border-bottom:1px solid var(--landscape-line,#d7dade);margin:4px 0 14px}
body.humanoid-overview-page .ho-inspection-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--landscape-muted,#616b76);font:500 12px/1.4 Inter,system-ui,sans-serif;padding:10px 0;cursor:pointer}
body.humanoid-overview-page .ho-inspection-tabs button[aria-selected=true]{border-bottom-color:var(--landscape-ink,#171c22);color:var(--landscape-ink,#171c22);font-weight:600}
body.humanoid-overview-page .ho-inspection-tabs button:focus-visible{outline:2px solid var(--landscape-focus,#64748b);outline-offset:2px}
body.humanoid-overview-page .ho-arm-info .ho-component-explore,
body.humanoid-overview-page .ho-arm-info .ho-component-evidence{margin:0;padding:0}
body.humanoid-overview-page .ho-arm-info .ho-arm-description{padding:0;background:transparent;border-radius:0}
body.humanoid-overview-page .ho-inspection-detail{min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-gutter:stable;overscroll-behavior:contain;padding-right:8px;flex:1 1 auto}
body.humanoid-overview-page .ho-arm-info:not([hidden]){display:flex;flex-direction:column;min-height:0;overflow:visible}
body.humanoid-overview-page .ho-arm-info>h3,
body.humanoid-overview-page .ho-arm-info>.ho-component-context,
body.humanoid-overview-page .ho-arm-info>.ho-component-field{flex:0 0 auto}
@media(min-width:851px){
 body.humanoid-overview-page .ho-architecture:has(.ho-model-stage[data-arm-view]){--ho-inspection-height:clamp(400px,calc(100dvh - 150px),520px)}
 body.humanoid-overview-page .ho-architecture .ho-model-stage[data-arm-view]{height:var(--ho-inspection-height)}
 body.humanoid-overview-page .ho-arm-info:not([hidden]){height:var(--ho-inspection-height);max-height:var(--ho-inspection-height)}
}
@media(max-width:850px){body.humanoid-overview-page .ho-arm-info:not([hidden]){height:430px;max-height:430px}}
@media(max-width:600px){body.humanoid-overview-page .ho-arm-info:not([hidden]){height:360px;max-height:360px}body.humanoid-overview-page .ho-inspection-tabs{gap:16px;margin-bottom:10px}body.humanoid-overview-page .ho-inspection-tabs button{min-height:44px}}

body.humanoid-overview-page .ho-anatomy-content.ho-inspection-active>.ho-system-picker{margin-bottom:12px}

body.humanoid-overview-page .ho-inspection-tabs{gap:16px}
.ho-limb-motion h4{margin:0 0 12px}
.ho-limb-motion .ho-component-field{grid-template-columns:80px minmax(0,1fr)!important}
.ho-limb-range{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:12px}
.ho-limb-range input{grid-column:1/-1;width:100%;margin:0;accent-color:var(--landscape-ink,#273540)}
.ho-limb-range output{font-variant-numeric:tabular-nums}
.ho-limb-motion p{font-size:12px;line-height:1.6;margin:14px 0!important}
.ho-limb-motion>button{background:transparent;border:1px solid var(--landscape-line,#d7dade);border-radius:6px;padding:8px 10px;font:500 12px/1.4 Inter,system-ui,sans-serif;color:inherit;cursor:pointer}
@media(max-width:600px){body.humanoid-overview-page .ho-inspection-tabs{gap:14px}body.humanoid-overview-page .ho-inspection-tabs button{font-size:11px}}

/* Compact the inspection chrome so short panes fit within the canvas height. */
@layer appearance-study {
 html body.humanoid-overview-page .ho-arm-info>h3{font-size:15px!important;line-height:1.3!important;margin:0 0 8px!important}
 html body.humanoid-overview-page .ho-arm-info[data-source-links=true]>.ho-component-context{display:none!important}
 html body.humanoid-overview-page .ho-arm-info .ho-component-field{margin:0 0 7px!important;gap:8px!important;grid-template-columns:68px minmax(0,1fr)!important}
 html body.humanoid-overview-page .ho-arm-info .korthos-select__button,
 html body.humanoid-overview-page .ho-arm-info .ho-component-field select{min-height:32px!important;height:32px!important;padding:5px 10px!important;font-size:12px!important;line-height:20px!important}
 html body.humanoid-overview-page .ho-arm-info .ho-inspection-tabs{margin:0 0 10px!important;gap:16px!important}
 html body.humanoid-overview-page .ho-arm-info .ho-inspection-tabs button{padding:7px 0!important;min-height:32px!important}
 html body.humanoid-overview-page .ho-arm-info .ho-limb-motion .ho-component-field{margin-bottom:12px!important}
 html body.humanoid-overview-page .ho-arm-info .ho-limb-range{gap:6px!important}
 html body.humanoid-overview-page .ho-arm-info .ho-limb-motion>button{margin:10px 0 0!important;padding:5px 9px!important;min-height:30px!important}
 html body.humanoid-overview-page .ho-arm-info .ho-motion-explanation{font-size:12px!important;line-height:1.5!important;margin:10px 0 0!important}
 @media(pointer:coarse){
  html body.humanoid-overview-page .ho-arm-info .korthos-select__button,
  html body.humanoid-overview-page .ho-arm-info .ho-component-field select,
  html body.humanoid-overview-page .ho-arm-info .ho-inspection-tabs button{min-height:40px!important;height:auto!important}
 }
}

@layer appearance-study {
 html body :is(.ho-arm-toolbar,.ax-toolbar) .korthos-select{flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:150px!important;--korthos-select-width:auto!important}
 html body :is(.ho-arm-toolbar,.ax-toolbar) .korthos-select__button{width:auto!important;min-width:105px!important;min-height:32px!important;height:32px!important;padding:5px 28px 5px 10px!important;font-size:12px!important;line-height:20px!important;border-radius:6px!important}
 html body :is(.ho-arm-toolbar,.ax-toolbar) .korthos-select__menu{width:150px!important;min-width:0!important;max-height:180px!important;padding:4px!important}
 html body :is(.ho-arm-toolbar,.ax-toolbar) .korthos-select__option{min-height:32px!important;padding:6px 10px!important;font-size:12px!important}
 @media(pointer:coarse){html body :is(.ho-arm-toolbar,.ax-toolbar) .korthos-select__button{min-height:40px!important;height:40px!important}}
}

@layer appearance-study {
html body .ho-shell .ho-intro{padding:20px 24px!important;border-radius:10px!important}
html body .ho-shell .ho-intro-title{gap:16px!important;flex-wrap:wrap!important}
html body .ho-shell .ho-intro h1{font-size:clamp(26px,3vw,36px)!important;line-height:1.15!important;max-width:none!important;margin:0!important}
html body .ho-shell .ho-intro>p{font-size:14px!important;line-height:1.55!important;max-width:90ch!important;margin:12px 0!important}
html body .ho-shell .ho-intro .landscape-markets a{font-size:12px!important;padding:7px 10px!important}
html body .ho-shell .ho-intro>.landscape-lenses{margin-top:0!important}
@media(max-width:600px){html body .ho-shell .ho-intro{padding:16px!important}html body .ho-shell .ho-intro-title{gap:10px!important}}
}