/* Yhteinen tyyli kiitos-, ehto- ja tietosuojasivuille */
:root { --teksti: #1d1d1b; --heikko: #6b6a66; --korostus: #ffe500; }
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--teksti); background: #eceae4; }
header { background: #1d1d1b; border-bottom: 4px solid var(--korostus); padding: 14px 20px; }
header a { color: var(--korostus); font-weight: 700; font-size: 18px; text-decoration: none; }
main { max-width: 760px; margin: 24px auto; background: #fff; border-radius: 10px; padding: 28px 32px; box-shadow: 0 1px 4px rgba(0,0,0,.1); }
h1 { margin-top: 0; font-size: 26px; }
h2 { font-size: 18px; margin-top: 28px; }
p, li { color: #2b2b29; }
.huom { background: #fffbd6; border-radius: 6px; padding: 12px 14px; }
.painike { display: inline-block; background: #1d1d1b; color: var(--korostus); font-weight: 700; padding: 10px 18px; border-radius: 6px; text-decoration: none; }
footer { text-align: center; color: var(--heikko); font-size: 13px; padding: 0 16px 32px; }
footer a { color: inherit; }
@media (max-width: 600px) { main { margin: 0; border-radius: 0; padding: 20px 16px; } }