.robotics-directory{max-width:1180px;padding-top:18px}.directory-nav{margin:0 0 26px;gap:0;border-bottom:1px solid var(--line)}.directory-nav .button{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding:13px 16px;font-size:14px;color:var(--muted);white-space:normal}.directory-nav .button[aria-current=page]{border-bottom-color:var(--green);color:var(--ink);font-weight:600}.robotics-heading{margin-bottom:30px}.robotics-heading h1{font-size:36px;margin:6px 0 10px}.robotics-heading>p:last-child{color:var(--muted);font-size:15px;max-width:650px}.robot-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px}.robot-section-heading h2{font:600 15px system-ui;margin:0}.robot-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px;border-top:1px solid var(--line)}.robot-category{display:grid;grid-template-columns:22px minmax(0,1fr) 22px;gap:12px;align-items:start;background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--line);border-radius:0;padding:17px 0;text-align:left;min-height:106px;width:100%}.robot-category>span:first-of-type{display:grid;gap:6px}.robot-category strong{font:600 14px/1.4 system-ui;overflow-wrap:anywhere}.robot-category>span>span{font-size:12px;line-height:1.5;color:var(--muted)}.robot-category>.ui-icon{margin-top:1px;width:21px;height:21px}.robot-category .category-count{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted);text-align:right}.robot-category:hover,.robot-category[aria-pressed=true]{background:#edf3ef}.robot-category[aria-pressed=true]{box-shadow:inset 0 -2px var(--green)}.robot-search{margin-top:30px;max-width:none}.robot-search>.search-line{max-width:800px}.robot-shapes{border:0;border-bottom:1px solid var(--line);padding:0 0 18px;margin:24px 0 0;min-width:0}.robot-shapes legend{font:600 14px system-ui;margin-bottom:13px;padding:0}.robot-shapes>div{display:flex;flex-wrap:wrap;gap:9px}.shape-choice{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:4px;padding:8px 10px;font:500 13px/1.4 system-ui;min-height:38px;cursor:pointer;max-width:100%}.shape-choice:has(input:checked){background:var(--blue);border-color:#78968b}.shape-choice input{width:15px;height:15px;min-height:15px;flex:0 0 15px;margin:0;padding:0}.shape-choice .ui-icon{width:16px;height:16px;flex:0 0 16px}.robot-filter-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:15px}.robot-active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px}.robot-selection{display:inline-block;background:#edf2ee;padding:3px 7px;font-size:12px;border-radius:3px;overflow-wrap:anywhere}.robot-empty{padding:28px 0 38px;border-bottom:1px solid var(--line)}.robot-empty>.ui-icon{width:28px;height:28px;margin-bottom:8px}.robot-empty h2{font:600 19px/1.4 system-ui;margin:3px 0 9px}.robot-empty p{font-size:14px;color:var(--muted);margin-bottom:16px}.robot-result{padding:23px 0;border-bottom:1px solid var(--line)}.robot-result h2{margin:0}.robot-title{font:23px Georgia,serif;text-align:left;background:transparent;color:var(--ink);padding:0;border:0}.robot-result p{max-width:750px;font-size:14px}.robot-result .official-links{margin-bottom:0}#robot-details{position:fixed;inset:0 0 0 auto;margin:0;width:min(560px,100%);max-width:100%;height:100dvh;max-height:100dvh;border:0;border-left:1px solid var(--line);padding:0;overflow:auto;overscroll-behavior:contain;color:var(--ink);background:white}#robot-details::backdrop{background:#15251d55}#robot-detail-body{padding:25px 26px;font-size:14px;overflow-wrap:anywhere}#robot-detail-title{font-size:28px}.robotics-directory .search-line button{display:inline-flex;gap:7px;align-items:center}.robotics-directory .result-count{margin-bottom:0}.robotics-directory .official-links a{display:inline-flex;gap:7px;align-items:center}
.robot-listing-heading{display:flex;align-items:center;gap:14px;min-height:36px}.robot-listing-heading h2{min-width:0;overflow-wrap:anywhere}.robot-listing-heading .vendor-logo,.robot-listing-heading .vendor-initials{margin:0}.robot-title{overflow-wrap:anywhere}#robot-detail-body .detail-heading h2{min-width:0;overflow-wrap:anywhere}.vendor-logo[src*="/anybotics-anymal."]{width:100px;flex-basis:100px;background:#243128;padding:6px}
.robot-environments{margin-top:24px}.robotics-directory .robot-search{max-width:none;display:block}.robotics-directory .robot-category-grid button{max-width:100%}.robot-search>.search-line{display:grid}.robotics-directory .robot-search{gap:0}
@media(max-width:850px){.robot-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.robot-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.robotics-directory{padding-top:10px}.directory-nav{margin-bottom:22px;display:grid;grid-template-columns:auto auto minmax(0,1fr)}.directory-nav .button{font-size:12px;padding:11px 9px;line-height:1.5}.robotics-heading h1{font-size:29px}.robotics-heading{margin-bottom:25px}.robot-category-grid{gap:0 15px}.robot-category{grid-template-columns:18px minmax(0,1fr);gap:9px;min-height:115px;padding:15px 0}.robot-category>.ui-icon{width:18px;height:18px}.robot-category .category-count{grid-column:2;grid-row:2;text-align:left}.robot-category strong{font-size:13px}.robot-category>span>span{font-size:12px}.shape-choice{padding:8px;gap:6px;font-size:12px}.robot-filter-fields{grid-template-columns:1fr}.robot-empty h2{font-size:18px}#robot-detail-body{padding:22px 20px}.robot-search{margin-top:24px}}