.processor-types{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0}.processor-types article{background:#142a40;border:1px solid #375470;border-radius:12px;padding:18px}.processor-types h2{font-size:17px;color:#a9edf4;margin:0 0 10px}.processor-types p{font-size:12px;color:#c5d3e8;line-height:1.7;margin:0}.processor-card h2{font-size:21px;line-height:1.4;margin:16px 0;color:#edf5ff}.processor-card .chip-art{height:115px}.processor-card .chip-art span{font-size:19px;padding:13px}.processor-maker{font-size:12px!important;line-height:1.8;color:#c2d3e4}.processor-maker a{color:#a7e7ed;text-decoration:underline}.processor-specs{display:grid;grid-template-columns:1fr;gap:5px;margin:18px 0;font-size:13px;line-height:1.7}.processor-specs dt{color:#94dfe9;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.processor-specs dd{margin:0 0 12px;color:#d1deed}.processor-note{font-size:12px!important;line-height:1.8;border-top:1px solid #365271;padding-top:14px;color:#b8cce3}.processor-links{display:flex;flex-direction:column;gap:13px;margin-top:auto;padding-top:18px;font-size:12px}.processor-links>a{color:#afeaf5}.processor-links .card-learning{border:1px solid #4b687a;border-radius:8px;padding:12px;line-height:1.7;background:#1c344c}.processor-links small{font-size:10px;color:#b5c8e2}#processor-count,#processor-empty{color:#c4d7e7;font-size:13px;line-height:1.8}.processor-card{overflow:hidden;min-width:0}.processor-card a{overflow-wrap:anywhere}@media(max-width:900px){.processor-types{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:540px){.processor-types{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Product listing surfaces are deliberately paired with dark, readable text. */
#processor-grid{display:grid;grid-template-columns:1fr;gap:22px}
#processor-grid .processor-card{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,2fr);background:#fff;border:1px solid #d3deec;border-top:3px solid #4c6ea3;color:#24364f;box-shadow:0 8px 24px #030b1820}
#processor-grid .processor-visual{margin:0;display:flex;flex-direction:column;justify-content:center;background:#f4f6fa;border-right:1px solid #dce3ef;padding:22px;min-width:0}
#processor-grid .processor-visual img{display:block;width:100%;height:285px;object-fit:contain;border-radius:9px}
#processor-grid .processor-visual figcaption{font-size:11px;line-height:1.7;color:#47566c;text-align:center;padding:16px 0 4px}
#processor-grid .processor-visual a{color:#254f8b;text-decoration:underline;text-underline-offset:3px}
#processor-grid .hub-card-body{padding:25px 28px;min-width:0}
#processor-grid .processor-card h2{color:#1b304d;font-size:25px;line-height:1.35;margin:12px 0}
#processor-grid .card-category{color:#284f80;background:#eaf0fa;border:1px solid #d3deef;border-radius:5px;padding:5px 10px;font-size:11px}
#processor-grid .processor-maker{color:#40536e;font-size:13px!important;line-height:1.8}
#processor-grid .processor-maker strong{color:#243c5b}
#processor-grid .processor-maker a{color:#254f8b}
#processor-grid .processor-specs{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin:18px 0}
#processor-grid .processor-specs>div{border-bottom:1px solid #e3e9f2;padding-bottom:10px;min-width:0}
#processor-grid .processor-specs dt{color:#385b88;font-size:11px;letter-spacing:.04em;margin-bottom:5px}
#processor-grid .processor-specs dd{color:#2d405b;font-size:13px;line-height:1.75;margin:0}
#processor-grid .processor-note{color:#4b5d75;border-color:#dce4ee;font-size:12px!important;line-height:1.8}
#processor-grid .processor-links{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px 20px;padding-top:12px}
#processor-grid .processor-links>a{color:#254f8b;font-size:13px;text-decoration:underline;text-underline-offset:3px}
#processor-grid .processor-links .card-learning{background:#edf2fa;border-color:#c5d3e8;color:#254f8b;padding:10px 13px;flex:1}
#processor-grid .processor-links small{color:#52647a;font-size:11px;flex-basis:100%}
@media(max-width:850px){#processor-grid .processor-card{grid-template-columns:220px minmax(0,1fr)}#processor-grid .processor-visual{padding:14px}#processor-grid .processor-visual img{height:230px}#processor-grid .hub-card-body{padding:20px}#processor-grid .processor-specs{grid-template-columns:1fr;gap:10px}}
@media(max-width:600px){#processor-grid .processor-card{grid-template-columns:1fr}#processor-grid .processor-visual{border-right:0;border-bottom:1px solid #dce3ef;padding:18px}#processor-grid .processor-visual img{height:235px}#processor-grid .processor-card h2{font-size:22px}#processor-grid .processor-specs{grid-template-columns:1fr 1fr;gap:12px}#processor-grid .processor-links{align-items:stretch;flex-direction:column}#processor-grid .processor-links .card-learning{flex:auto}}
@media(max-width:390px){#processor-grid .processor-specs{grid-template-columns:1fr}}