
/* Cybernetic Pro's projector section: the existing Site theme is the design system. */
body.cp-projector-static { font-family: system-ui,-apple-system,"Segoe UI",Arial,sans-serif; }
body.cp-projector-static .cp-projectors-subnav {
  max-width:1200px; margin:0 auto; padding:14px 22px 0;
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
}
body.cp-projector-static .cp-projectors-subnav a {
  color:#27445e; font-size:14px; font-weight:650; line-height:1.3;
  padding:10px 15px; background:#fff; border:1px solid #dce5f0;
  border-radius:11px; text-decoration:none; transition:background .15s,border-color .15s;
}
body.cp-projector-static .cp-projectors-subnav a:hover { background:#eff5ff; border-color:#a8bee0; }
body.cp-projector-static .cp-projectors-subnav a[aria-current=page] {
  background:#eaf0ff; color:#2149ab; border-color:#b6c8fd;
}
body.cp-projector-static .cp-projectors-subnav a:focus-visible,
body.cp-projector-static .model-tile a:focus-visible { outline:3px solid #245df0; outline-offset:3px; }
body.cp-projector-static main.wrap { max-width:1200px; width:100%; padding-top:22px!important; }
body.cp-projector-static main.wrap h1 { color:#19334e; letter-spacing:-.025em; }
body.cp-projector-static main.wrap .filter-panel,
body.cp-projector-static main.wrap .model-tile,
body.cp-projector-static main.wrap .model-photo,
body.cp-projector-static main.wrap .specs table,
body.cp-projector-static main.wrap table.comparison {
  border-radius:14px; border-color:#e0e8f3;
}
body.cp-projector-static main.wrap .tile-name { font-weight:750; }
body.cp-projector-static .cp-brand-directory { display:grid; grid-template-columns:repeat(auto-fill,minmax(195px,1fr)); gap:12px; margin:24px 0 38px; }
body.cp-projector-static .cp-brand-directory a {
  display:block; padding:18px 17px; background:#fff; border:1px solid #dfe7f0; border-radius:13px;
  text-decoration:none; color:#1b4d88; font-weight:700; box-shadow:0 3px 10px #16314a09;
}
body.cp-projector-static .cp-brand-directory a:hover { border-color:#aec5eb; background:#f9fbff; }
body.cp-projector-static main.wrap .cp-projectors-crosslinks {
  display:flex; gap:10px; flex-wrap:wrap; margin:25px 0 8px;
}
body.cp-projector-static main.wrap .cp-projectors-crosslinks a {
  border:1px solid #dce6f0; background:#fff; border-radius:10px; padding:9px 13px; text-decoration:none;
}
@media (max-width:720px) {
 body.cp-projector-static .cp-projectors-subnav { padding:12px 15px 0; gap:6px; }
 body.cp-projector-static .cp-projectors-subnav a { padding:9px 11px; font-size:12px; }
 body.cp-projector-static .cp-brand-directory { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
 body.cp-projector-static .cp-brand-directory a { padding:13px 11px; }
}
