/* Carsteader.com - Van Life, Stealth Camping, Small Living */
:root {
  --primary: #0f766e;
  --primary-dark: #0d5a54;
  --accent: #f59e0b;
  --bg: #0b0f14;
  --card: #111922;
  --text: #e5e7eb;
  --muted: #94a3b8;
}
* { box-sizing: border-box; margin:0; padding:0 }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; background: var(--bg); color: var(--text); line-height:1.6 }
a { color: var(--accent); text-decoration:none }
img { max-width:100%; height:auto; display:block }
.container { width:min(1100px, 92%); margin:0 auto }
header { background:var(--card); border-bottom:1px solid #1f2937; position:sticky; top:0; z-index:10 }
.nav { display:flex; align-items:center; justify-content:space-between; padding:1rem 0 }
.logo { font-weight:800; font-size:1.25rem; color:#fff }
.nav-links { display:flex; gap:1.25rem }
.nav-links a { color:var(--text); opacity:.9 }
.nav-links a:hover { opacity:1; color:#fff }
.hero { padding:4rem 0; background:linear-gradient(180deg, #0b0f14, #0f172a); text-align:center }
.hero h1 { font-size:clamp(2rem,5vw,3.5rem); margin-bottom:.5rem }
.hero p { color:var(--muted); max-width:700px; margin:0 auto 1.5rem }
.btn { display:inline-block; background:var(--primary); color:#fff; padding:.75rem 1.25rem; border-radius:.5rem; font-weight:600 }
.btn:hover { background:var(--primary-dark) }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1.5rem; margin:2rem 0 }
.card { background:var(--card); border:1px solid #1f2937; border-radius:1rem; overflow:hidden }
.card-body { padding:1rem }
.card h3 { margin:.5rem 0 }
section { padding:3rem 0 }
section h2 { font-size:2rem; margin-bottom:1rem }
footer { background:var(--card); padding:2rem 0; margin-top:3rem; text-align:center; color:var(--mute) }
.breadcrumb { color:var(--muted); font-size:.9rem; margin-bottom:1rem }
@media (max-width:700px){ .nav-links{display:none} }