/* plx.css - additions for the rebuilt IT Hardware Offers pages.
   Namespaced plx- so nothing here can collide with style.css. */
.plx-nav{background:#0B2B33;border-top:1px solid rgba(255,255,255,.08);
  padding:0 max(16px,calc((100% - 1120px)/2));display:flex;flex-wrap:wrap;gap:2px}
.plx-nav a{color:#CFE3E1;font-family:Inter,system-ui,sans-serif;font-size:13.5px;
  font-weight:500;text-decoration:none;padding:11px 13px;border-radius:7px}
.plx-nav a:hover{background:rgba(255,255,255,.09);color:#fff}
.plx-hero{padding:30px 0 34px}
.plx-h1{font-size:30px;max-width:36ch;line-height:1.22}
.plx-sub{margin:10px 0 0;color:#9FC0BD;font-size:14.5px;max-width:70ch}
.plx-sub b{color:#2DD4C8}
.plx-toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.plx-toc a{background:rgba(255,255,255,.08);color:#CFE3E1;border-radius:20px;
  padding:6px 13px;font-size:13px;text-decoration:none}
.plx-toc a:hover{background:rgba(45,212,200,.18);color:#fff}
.plx-note{font-size:13.5px;line-height:1.6}
.plx-block{width:100%;text-align:center;box-sizing:border-box;display:block;margin-top:10px}
.plx-body{max-width:74ch;margin:38px 0 0}
.plx-body h2{font-size:20px;margin:30px 0 10px;line-height:1.3}
.plx-body p{font-size:15px;line-height:1.72;margin:0 0 13px;color:#2C4247}
.plx-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));
  gap:13px;margin:6px 0 4px}
.plx-check{border:1px solid #DDE7E6;border-left:3px solid #2DD4C8;border-radius:8px;
  padding:13px 15px;background:#FBFDFD}
.plx-check b{display:block;font-size:14px;color:#0B2B33;margin-bottom:4px}
.plx-check p{margin:0;font-size:13.5px;line-height:1.6;color:#4A6065}
.plx-rel{margin-top:40px}
.plx-rel h2{font-size:19px;margin:0 0 13px}
.plx-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:11px}
.plx-cards a{border:1px solid #DDE7E6;border-radius:9px;padding:13px 15px;
  text-decoration:none;display:block;background:#fff}
.plx-cards a:hover{border-color:#2DD4C8;background:#F6FCFB}
.plx-cards b{display:block;font-family:ui-monospace,Consolas,monospace;font-size:13px;
  color:#0F7A71;margin-bottom:4px}
.plx-cards span{display:block;font-size:13.5px;color:#2C4247;line-height:1.45}
.plx-chips{display:flex;flex-wrap:wrap;gap:8px}
.plx-chips a{border:1px solid #DDE7E6;border-radius:20px;padding:6px 13px;font-size:12.5px;
  font-family:ui-monospace,Consolas,monospace;color:#0F7A71;text-decoration:none;background:#fff}
.plx-chips a:hover{border-color:#2DD4C8;background:#F6FCFB}
.plx-other{flex-wrap:wrap;gap:16px}
.plx-catsec{border-top:1px solid #E1EAE9}
.plx-catsec h2{font-size:21px;display:flex;align-items:baseline;gap:11px;flex-wrap:wrap}
.plx-count{font-size:12.5px;font-weight:500;color:#5F7378}
.plx-lead{max-width:74ch;font-size:14.5px;line-height:1.7;color:#4A6065;margin:8px 0 18px}
.plx-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:10px}
.plx-list a{border:1px solid #DDE7E6;border-radius:9px;padding:12px 14px;text-decoration:none;
  display:block;background:#fff}
.plx-list a:hover{border-color:#2DD4C8;background:#F6FCFB}
.plx-list b{display:block;font-family:ui-monospace,Consolas,monospace;font-size:12.5px;
  color:#0F7A71}
.plx-list span{display:block;font-size:13.5px;color:#2C4247;margin:4px 0 5px;line-height:1.45}
.plx-list i{font-style:normal;font-size:11px;letter-spacing:.07em;text-transform:uppercase;
  color:#5F7378;font-weight:700}
.plx-more{margin:16px 0 0;font-size:14px}
@media(max-width:700px){.plx-h1{font-size:24px}.plx-nav{padding:0 14px}}