:root{--musta:#14140f;--harmaa:#6b6b62;--raja:#d6d4cb;--pohja:#faf9f5;--kortti:#ffffff;--korostus:#2d5d3f;--varoitus:#9c3a2e}*{box-sizing:border-box}body{margin:0;background:var(--pohja);color:var(--musta);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.lomake-sivu{max-width:34rem;margin:0 auto;padding:1.5rem 1rem 4rem}.lomake-otsikko h1{font-size:1.5rem;margin:0 0 .4rem;line-height:1.2}.lomake-otsikko p{margin:0 0 1.5rem;color:var(--harmaa)}.ilmoitus{gap:1.25rem}.ilmoitus,.kentta{display:flex;flex-direction:column}.kentta{gap:.5rem;border:0;padding:0;margin:0;min-width:0}.kentta>span,legend{font-weight:600;font-size:.95rem;padding:0}.kuvanappi{width:100%;padding:1.75rem 1rem;font:inherit;font-size:1.05rem;font-weight:600;background:var(--korostus);color:#fff;border:0;border-radius:.5rem;cursor:pointer}.kuvanappi:hover{background:#244b33}.esikatselu{display:flex;gap:.5rem;flex-wrap:wrap}.esikatselu img{width:5rem;height:5rem;object-fit:cover;border-radius:.35rem}.sijaintitila{margin:0;padding:.75rem 1rem;border-radius:.5rem;font-size:.95rem;background:var(--kortti);border:1px solid var(--raja)}.sijaintitila.ok{border-color:var(--korostus);color:var(--korostus);font-weight:500}.napit{display:flex;gap:.5rem;flex-wrap:wrap}.napit button{flex:1 1 6rem;padding:1rem .5rem;font:inherit;cursor:pointer;background:var(--kortti);border:1px solid var(--raja);border-radius:.5rem}.napit button.valittu{background:var(--korostus);color:#fff;border-color:var(--korostus);font-weight:600}input[type=tel],textarea{padding:.85rem;font:inherit;border:1px solid var(--raja);border-radius:.5rem;background:var(--kortti);color:inherit;width:100%}textarea{resize:vertical}.laheta{padding:1.15rem;font:inherit;font-size:1.1rem;font-weight:600;cursor:pointer;background:var(--musta);color:#fff;border:0;border-radius:.5rem}.laheta:disabled{opacity:.6;cursor:default}.kysymys{padding:1rem;background:#fdf6e8;border:1px solid #e0c88a;border-radius:.5rem}.kysymys p{margin:0 0 .75rem;font-weight:600}.kysymys button{margin:0 .5rem .5rem 0;padding:.7rem 1rem;font:inherit;cursor:pointer;border-radius:.4rem;border:1px solid var(--raja);background:#fff}.virhe{color:var(--varoitus);margin:0;font-weight:600}.kuittaus{text-align:center;padding:2.5rem 1rem}.kuittaus h2{margin:0 0 1rem}.tunnus{font-size:1.6rem;font-weight:700;letter-spacing:.05em;font-family:ui-monospace,SF Mono,Menlo,monospace}.kuittaus button{margin-top:1.5rem;padding:.9rem 1.5rem;font:inherit;cursor:pointer;border-radius:.5rem;border:1px solid var(--raja);background:#fff}.lomake-jalkiteksti{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--raja);font-size:.85rem;color:var(--harmaa)}.lomake-jalkiteksti p{margin:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--korostus);outline-offset:2px}