/* yhteys.css v1.0 (2025-10-05) */
:root { --maxw:960px; }
body { margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; color:#222; background:#fff; }
.site-header { max-width:var(--maxw); margin:.75rem auto 0; padding:0 1rem; }
.logo--text { font-weight:700; font-size:1.25rem; text-decoration:none; color:#1b5e20; }
.container { max-width:var(--maxw); margin:1.5rem auto; padding:0 1rem; }
h1 { font-size:clamp(1.5rem,2.2vw+1rem,2.2rem); margin:.2rem 0 1rem; }
.contact-form { max-width:720px; margin-top:1rem; display:flex; flex-direction:column; gap:.6rem; }
input,textarea { border:1px solid #e5e7eb; border-radius:12px; padding:.7rem .9rem; font:inherit; }
input:focus,textarea:focus { outline:none; border-color:#2e7d32; box-shadow:0 0 0 3px rgba(46,125,50,.15); }
.actions { display:flex; gap:.6rem; flex-wrap:wrap; margin-top:.6rem; }
.btn { background:#2e7d32; color:#fff; border:none; border-radius:10px; padding:.65rem 1rem; text-decoration:none; }
.btn:hover { background:#1b5e20; }
.btn-secondary { background:#eef1f2; color:#222; border:none; border-radius:10px; padding:.65rem 1rem; text-decoration:none; }
.footer { margin-top:2rem; padding:1.25rem 0; background:#fff; border-top:1px solid #e6e6e6; font-size:.95rem; color:#666; }
.footer .inner { max-width:var(--maxw); margin:0 auto; padding:0 1rem; }
.hp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }