.vendor-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.vendor-card { min-width: 0; padding: 20px; border: 1px solid #303030; border-radius: 11px; background: #090909; }
.vendor-card header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding-bottom: 17px; border-bottom: 1px solid #2b2b2b; }
.vendor-card h2 { margin: 0; font-size: 17px; line-height: 1.25; }
.vendor-kicker { display: block; margin-bottom: 5px; color: #9e9e9e; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.vendor-card h2 + .vendor-kicker { margin-top: 13px; }
.vendor-card header p { margin: 0; color: #e6c176; font-size: 13px; line-height: 1.4; }
.vendor-world { flex: none; max-width: 40%; padding: 5px 9px; border: 1px solid #604e30; border-radius: 99px; color: #d9bc82; background: #18140d; font-size: 11px; text-align: center; overflow-wrap: anywhere; }
.vendor-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; margin: 18px 0 0; }
.vendor-card dl > div { min-width: 0; }
.vendor-card dt { margin-bottom: 5px; color: #9e9e9e; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.vendor-card dd { margin: 0; color: #f0f0f0; font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; }
.vendor-card dl > div:nth-last-child(-n+2) { grid-column: 1 / -1; }
.vendor-card dl > div:nth-last-child(-n+2) dd { font-family: Consolas, monospace; color: #c8c8c8; font-size: 11px; }
@media (max-width: 1150px) { .vendor-list { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .vendor-card { padding: 16px; } .vendor-card header { gap: 10px; } .vendor-card h2 { font-size: 15px; } .vendor-card dl { gap: 14px 12px; } }