:root { font-family: system-ui, sans-serif; color: #172d3d; background: #f2f5f7; }
body { margin: 0; }
header, main { max-width: 1050px; margin: auto; padding: 24px; }
header { padding-bottom: 0; }
h1 { margin-bottom: 0; }
section { background: white; padding: 24px; margin-bottom: 24px; border-radius: 8px; }
label { display: flex; flex-direction: column; gap: 6px; }
input, textarea, button { font: inherit; padding: 10px; border: 1px solid #a5b4c0; border-radius: 4px; }
button { cursor: pointer; background: #173f59; color: white; }
button:disabled { opacity: .5; cursor: default; }
a { color: #13567d; }
.toolbar { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; }
#carForm { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.wide { grid-column: 1 / -1; }
#listingsGrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; margin: 20px 0; }
article { padding: 18px; border: 1px solid #d6dfe5; border-radius: 6px; overflow-wrap: anywhere; }
article h3 { margin-top: 0; }
.price { font-size: 1.3rem; font-weight: bold; }
.hint { color: #536676; font-size: .9rem; }
#tokenBox { overflow-wrap: anywhere; }
@media (max-width: 600px) { #carForm { grid-template-columns: 1fr; } main, header { padding: 16px; } }