/* Structured comparison paths shared by the CPU and GPU catalog hubs. */
.catalog-path-heading{
  max-width:980px;
  margin-bottom:34px;
}
.catalog-path-heading>p{
  max-width:900px;
}
.catalog-path-groups{
  display:grid;
  gap:42px;
}
.catalog-path-group{
  min-width:0;
}
.catalog-path-group-heading{
  display:grid;
  grid-template-columns:minmax(260px,.75fr) minmax(320px,1.25fr);
  align-items:end;
  gap:36px;
  margin-bottom:18px;
}
.catalog-path-group-heading>div>span{
  display:block;
  margin-bottom:6px;
  color:#2563eb;
  font-size:9px;
  line-height:1.3;
  font-weight:750;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.catalog-path-group-heading h3{
  margin:0;
  color:#101828;
  font-size:21px;
  line-height:1.25;
  letter-spacing:-.025em;
}
.catalog-path-group-heading>p{
  margin:0;
  color:#667085;
  font-size:12px;
  line-height:1.65;
}
.pair-comparison-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.pair-comparison-grid>a{
  display:grid;
  grid-template-columns:minmax(0,1fr) 36px;
  align-items:center;
  gap:5px 18px;
  min-width:0;
  min-height:128px;
  padding:20px;
  border:1px solid #dfe5ed;
  border-radius:14px;
  background:#fff;
  color:#101828;
  text-decoration:none;
  box-shadow:0 7px 22px rgba(15,23,42,.04);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.pair-comparison-grid>a:hover,
.pair-comparison-grid>a:focus-visible{
  border-color:#b9cae6;
  box-shadow:0 13px 30px rgba(15,23,42,.085);
  transform:translateY(-2px);
  outline:0;
}
.pair-comparison-grid .path-type{
  display:block;
  grid-column:1;
  color:#2563eb;
  font-size:8px;
  line-height:1.3;
  font-weight:750;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.pair-comparison-grid strong{
  display:block;
  grid-column:1;
  color:#101828;
  font-size:14px;
  line-height:1.4;
  letter-spacing:-.012em;
}
.pair-comparison-grid strong>small{
  color:#98a2b3;
  font-size:10px;
  font-weight:600;
}
.pair-comparison-grid .path-summary{
  display:block;
  grid-column:1;
  color:#667085;
  font-size:10px;
  line-height:1.5;
  font-weight:500;
}
.pair-comparison-grid i,
.selection-guide-grid i{
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  border-radius:50%;
  background:#edf3ff;
  color:#2563eb;
  font-size:15px;
  font-style:normal;
}
.pair-comparison-grid i{
  grid-column:2;
  grid-row:1 / span 3;
}
.selection-path-group{
  padding:28px;
  border-radius:18px;
  background:#f5f7fb;
}
.selection-guide-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.selection-guide-grid>a{
  display:flex;
  min-width:0;
  min-height:100px;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px;
  border:1px solid #dfe5ed;
  border-radius:13px;
  background:#fff;
  color:#101828;
  text-decoration:none;
}
.selection-guide-grid>a>span{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:5px;
}
.selection-guide-grid strong{
  display:block;
  color:#101828;
  font-size:13px;
  line-height:1.4;
}
.selection-guide-grid small{
  display:block;
  color:#667085;
  font-size:10px;
  line-height:1.5;
  font-weight:500;
}
@media(max-width:800px){
  .catalog-path-group-heading{grid-template-columns:1fr;gap:9px}
  .pair-comparison-grid,.selection-guide-grid{grid-template-columns:1fr}
  .selection-path-group{padding:22px}
}
@media(max-width:540px){
  .pair-comparison-grid>a{min-height:118px;padding:17px}
  .selection-path-group{margin-inline:-6px;padding:18px 14px}
}