.road-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.road-hero h2{margin:0 0 6px;font-size:28px}.road-hero p{margin:0;color:var(--muted);max-width:720px}.road-controls{display:grid;grid-template-columns:1fr 220px auto;gap:10px;margin:16px 0}.road-controls input,.road-controls select{border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:10px 12px;background:var(--card);color:var(--text);font:inherit}.road-check{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.road-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.road-card{background:var(--card);border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px}.road-img-wrap{height:150px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.03);border-radius:14px}.road-img-wrap img{max-width:130px;max-height:130px;object-fit:contain}.road-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:6px}.road-meta span:first-child{font-weight:700;color:var(--brand)}.road-badge{background:var(--brand);color:#fff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.road-card h3{margin:0;font-size:17px}.road-card h4{margin:2px 0 8px;font-size:18px}.road-card p{margin:6px 0;color:var(--muted);font-size:14px}.road-disclaimer{margin-top:18px;color:var(--muted);font-size:12px}.road-quiz{margin:14px 0}.road-quiz-box{border:1px solid rgba(228,87,69,.25);background:rgba(228,87,69,.06);border-radius:16px;padding:14px}.road-quiz-box img{display:block;max-width:120px;max-height:120px;margin:8px auto}.road-quiz-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.road-quiz-options button{background:#fff;color:#111;border:1px solid rgba(0,0,0,.12)}.road-feedback{font-weight:700;margin-top:10px}:root[data-theme="dark"] .road-controls input,:root[data-theme="dark"] .road-controls select{border-color:#2a2f37}:root[data-theme="dark"] .road-img-wrap{background:#1b1f26}:root[data-theme="dark"] .road-quiz-options button{background:#22272f;color:#eaeef5;border-color:#2a2f37}@media(max-width:720px){.road-hero{flex-direction:column}.road-controls{grid-template-columns:1fr}.road-img-wrap{height:130px}}