/* Vextrex commercial grades: shared website/catalog guide. */
.vx-grade-guide .vx-material-legend{display:flex;flex-wrap:wrap;gap:12px 24px;margin:18px 0}
.vx-grade-guide .vx-material-key{display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:20px}
.vx-grade-guide .vx-material-badge{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:30px;height:30px;box-sizing:border-box;border-radius:3px;font-size:15px;line-height:1;font-weight:700;font-style:normal;background:var(--vx-material-color);color:var(--vx-material-ink,#fff)}
.vx-material-p{--vx-material-color:#005da8}.vx-material-m{--vx-material-color:#f5cf27;--vx-material-ink:#202020}.vx-material-k{--vx-material-color:#c62828}.vx-material-n{--vx-material-color:#23783d}.vx-material-s{--vx-material-color:#85512f}.vx-material-h{--vx-material-color:#62676c}
.vx-grade-guide .vx-material-cell{display:flex;align-items:center;gap:12px}.vx-grade-guide .vx-material-badges{display:inline-flex;gap:4px;flex:0 0 auto}
.vx-grade-guide tbody th[scope=row]{background:#fff!important;color:#20262c!important}.vx-grade-guide tbody tr:nth-child(even) th[scope=row]{background:#f3f4f5!important}
@media(max-width:600px){.vx-grade-guide .vx-material-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vx-grade-guide .vx-material-key{font-size:12px;line-height:18px}.vx-grade-guide .vx-material-cell{align-items:flex-start;flex-direction:column;gap:6px}}
.vx-grade-guide{margin:28px 0;padding:24px;border:1px solid #e2e5e8;border-radius:8px;background:#fafafa;color:#20262c;max-width:100%;box-sizing:border-box}
.vx-grade-guide h3{font-size:20px;line-height:1.35;margin:0 0 12px;font-weight:700}.vx-grade-guide p{font-size:14px;line-height:1.65;margin:12px 0}
.vx-grade-scroll{overflow:auto;max-width:100%;border:1px solid #e2e5e8;border-radius:4px}.vx-grade-guide table{border-collapse:collapse;width:100%;min-width:440px;background:#fff;text-align:left;font-size:14px}
.vx-grade-guide th,.vx-grade-guide td{padding:11px 14px;border-bottom:1px solid #e7e9eb;text-align:left;vertical-align:top}.vx-grade-guide thead{background:#20262c;color:#fff}.vx-grade-guide th[scope=row]{white-space:nowrap;font-weight:600}
.vx-grade-guide .vx-grade-note{color:#59626b;font-size:13px}.vx-grade-guide a{color:#d71920;font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.vx-grade-guide{padding:16px;margin:20px 0}.vx-grade-guide h3{font-size:18px}.vx-grade-guide th,.vx-grade-guide td{padding:10px}}

.vx-inquiry-grade{display:flex;flex-direction:column;gap:5px;font-size:13px;margin:8px 12px}.vx-inquiry-grade[hidden]{display:none}.vx-inquiry-grade select{max-width:100%;padding:9px 12px;border:1px solid #cdd1d5;border-radius:4px;background:#fff;color:#20262c;font:inherit}.vx-tech-selection{flex-wrap:wrap}