/* Automation products page (/products/). Builds on the .lab-manager-page components in site.css. */
.products-page .prod-legend{display:flex;flex-wrap:wrap;gap:12px 24px;margin:8px 0 0;padding:0;list-style:none}
.products-page .prod-legend li{display:flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:14px}
.products-page .prod-list{display:grid;gap:28px;margin-top:28px}
.products-page .prod{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;padding:28px;scroll-margin-top:96px}
.products-page .prod-top{display:flex;align-items:center;gap:14px}
.products-page .prod-no{font-size:13px;letter-spacing:.08em;color:var(--t3)}
.products-page .prod .prod-name{margin:14px 0 10px;font-size:clamp(26px,2.6vw,36px);line-height:1.05;letter-spacing:-.02em}
.products-page .prod-does{font-size:17px;line-height:1.55;color:var(--t2)}
.products-page .prod-state{margin-top:14px;padding:12px 14px;border-left:4px solid var(--ink);background:rgba(255,255,255,.5);font-size:15px;line-height:1.5}
.products-page .prod-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.products-page .prod-side{padding-left:32px;border-left:2px solid var(--ink)}
.products-page .prod-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--t3);margin:18px 0 8px}
.products-page .prod-label:first-child{margin-top:0}
.products-page .prod-flow{grid-column:1/-1;padding-top:22px;border-top:2px solid var(--ink)}
.products-page .prod-flow .sm{margin-top:10px}
.products-page .prod-person,.products-page .prod-signal{font-size:15px;line-height:1.5;color:var(--t2)}
.products-page .prod-signal a,.products-page .prod-note a,.products-page .manager-table a{text-decoration:underline}
.products-page .prod-note{margin-top:28px;max-width:760px;font-size:16px;line-height:1.55;color:var(--t2)}
.products-page .prod-scroll{overflow-x:auto}
.products-page .prod-scroll .manager-table{min-width:760px}
@media (max-width:900px){
  .products-page .prod{grid-template-columns:1fr;gap:24px;padding:22px}
  .products-page .prod-side{padding-left:0;border-left:0;padding-top:22px;border-top:2px solid var(--ink)}
}