/* Minimal responsive styles for prototype */
:root{--content-width:900px;--accent:#c94a2a}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;color:#222;line-height:1.5}
.container{max-width:var(--content-width);margin:0 auto;padding:1rem}
.site-header{background:#fff;border-bottom:1px solid #eee}
.site-title{margin:0;padding:1rem 0;font-size:1.125rem}
.main-nav{display:flex;gap:0.5rem;flex-wrap:wrap}
.main-nav a{color:#333;text-decoration:none;padding:0.25rem 0.5rem}
.hero{background:linear-gradient(180deg,rgba(0,0,0,0.03),transparent);padding:2rem 0;text-align:center}
.hero h2{margin:0;font-size:1.5rem}
.lead{color:#555}
.btn{display:inline-block;margin:0.5rem;padding:0.6rem 1rem;background:var(--accent);color:#fff;border-radius:6px;text-decoration:none}
.btn.secondary{background:#666}
.page{padding:1rem 0}
.site-footer{border-top:1px solid #eee;padding:1rem 0;color:#666}

@media(min-width:700px){
  .hero h2{font-size:2.25rem}
  .site-title{font-size:1.5rem}
}