/* Sivuston perustyylit (Designin ajoympäristön korvaavat) */
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { margin: 0; background: var(--surface, #fff); color: var(--ink, #1c1a1a); font-family: var(--font-body); }
img { max-width: 100%; }
html.kk-menu-open { overflow: hidden; }
.kk-hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
.kk-sent { padding: 40px; border-radius: var(--radius-lg, 16px); background: var(--surface-alt, #f4f2ef); font-size: 17px; line-height: 1.6; outline: none; }
.kk-sent p { margin: 0; }
.kk-sent p + p { margin-top: 10px; }
.kk-sent-t { font-family: var(--font-display); font-weight: 800; font-size: 28px; line-height: 1.15; }
.kk-sent a { color: inherit; font-weight: 600; }
.kk-form-err { grid-column: 1 / -1; margin: 0; color: var(--danger, #b42318); font-weight: 600; }
.kk-skip { position: absolute; left: 16px; top: -60px; z-index: 2000; padding: 12px 18px; border-radius: 8px; background: var(--ink, #1c1a1a); color: #fff; font-weight: 600; text-decoration: none; transition: top 0.2s; }
.kk-skip:focus { top: 16px; }
.lg-logo { max-width: 86%; height: auto; }