/* Luellux arvonta 2026-10. Täydentää site.css:ää, ei korvaa mitään. Käyttää site.css:n tokeneita ja teemoja (.t-navy / .t-paper). */

/* Tilarivi herossa */
.arv-hero{padding-block:calc(var(--sec-pad) * .9) var(--sec-pad)}
.arv-hero .wrap>*+*{margin-top:16px}
.arv-hero h1{font-size:clamp(2.5rem,1.4rem + 4.6vw,5rem);line-height:.98;max-width:14ch}
.arv-hero .ingress{max-width:56ch;font-size:1.0625rem;line-height:1.5;color:var(--fg2)}
.arv-tila{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:10px 14px;border:1px solid var(--ln-strong);border-radius:var(--radius);font:400 12.5px/1.3 var(--f-mono);text-transform:uppercase;letter-spacing:.08em}
.arv-tila::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--papaya);flex:none}
.arv-tila[data-tila="kiinni"]::before{background:var(--fg2)}

/* Kaksi korttia vierekkäin */
.arv-kortit{display:grid;gap:14px}
@media (min-width:760px){.arv-kortit{grid-template-columns:1fr 1fr;gap:20px}}
.arv-kortti{display:flex;flex-direction:column;gap:10px;padding:20px}
.arv-kortti h3{font-size:1.625rem}
.arv-kortti p{color:var(--fg2)}
.arv-kortti .arv-pieni{font-size:.875rem;line-height:1.5}
.arv-kortti .arv-pieni+.arv-pieni{margin-top:0}
.arv-alennus{margin-top:14px;display:flex;flex-direction:column;gap:8px;padding:20px}
@media (min-width:760px){.arv-alennus{margin-top:20px}}
.arv-alennus h3{font-size:1.625rem}
.arv-alennus p{color:var(--fg2)}
.arv-alennus .arv-pieni{font-size:.875rem;line-height:1.5}
.arv-alennus a{text-decoration:underline}

/* Palkintolista */
.arv-palkinto{display:grid;gap:20px}
@media (min-width:900px){.arv-palkinto{grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}}
.arv-arvo{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}
.arv-arvo .paketti-summa{font-size:3rem}
.arv-huom{margin-top:14px;font-size:.9375rem;color:var(--fg2);max-width:60ch}
.arv-huom+.arv-huom{margin-top:8px}

/* Lomake */
.arv-lomake{max-width:640px}
.arv-lomake .valinta{margin-bottom:16px}
.arv-lomake .valinta legend{padding:0}
.arv-ehdollinen[hidden]{display:none}
.arv-rasti{display:flex;gap:12px;align-items:flex-start;margin:0 0 12px;font-size:.9375rem;line-height:1.5;color:var(--fg);cursor:pointer}
.arv-rasti input{flex:none;width:22px;height:22px;margin:2px 0 0;accent-color:var(--papaya-ink);cursor:pointer}
.arv-rasti a{color:inherit}
.arv-rasti.virhe{color:var(--error)}
.arv-vihje{margin:-6px 0 14px;font-size:.8125rem;line-height:1.45;color:var(--fg2)}
.arv-lomake .form-toimet{margin-top:18px}
.arv-pieni-teksti{margin-top:14px;font-size:.8125rem;line-height:1.5;color:var(--fg2);max-width:60ch}
.arv-kiinni{padding:18px 20px;border:1px solid var(--ln-strong);border-radius:var(--radius);background:var(--card)}
.arv-kiinni p+p{margin-top:8px}

/* Kiitosnäkymä ja jakolaatikko */
.arv-kiitos{max-width:640px;display:grid;gap:18px}
.arv-kiitos h3{font-size:clamp(1.75rem,1.2rem + 1.6vw,2.5rem)}
.arv-kiitos .form-kiitos{background:var(--card)}
.arv-jako{display:grid;gap:12px;padding:20px;border:1px solid var(--ln-strong);border-radius:var(--radius);background:var(--card)}
.arv-jako h4{font:400 1.375rem/1.1 var(--f-head);text-transform:uppercase;letter-spacing:.01em}
.arv-jako p{font-size:.9375rem;line-height:1.5;color:var(--fg2)}
.arv-linkki{display:flex;flex-wrap:wrap;gap:8px}
.arv-linkki input{flex:1 1 220px;min-height:46px;padding:10px 14px;background:var(--field);border:1px solid var(--ln-strong);border-radius:var(--radius);font:400 13px/1.3 var(--f-mono);color:var(--fg)}
.arv-jako .btn-rivi .btn{flex:1 1 150px}

/* Yhteinen tavoite */
.arv-mittari{margin-top:18px;max-width:520px}
.arv-mittari[hidden]{display:none}
.arv-mittari-rivi{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font:400 12.5px/1.3 var(--f-mono);text-transform:uppercase;letter-spacing:.08em}
.arv-palkki{height:10px;border:1px solid var(--ln-strong);border-radius:2px;overflow:hidden;background:transparent}
.arv-palkki>span{display:block;height:100%;width:0;background:var(--papaya-ink)}
.t-navy .arv-palkki>span{background:var(--papaya)}

/* Kutsuosio */
.arv-kutsu{display:grid;gap:24px}
@media (min-width:900px){.arv-kutsu{grid-template-columns:1fr 1fr;gap:48px;align-items:start}}
.arv-lista{list-style:none;display:grid;gap:10px;margin-top:4px}
.arv-lista li{position:relative;padding-left:20px;font-size:1rem;line-height:1.5}
.arv-lista li::before{content:"";position:absolute;left:0;top:.7em;width:9px;height:1px;background:currentColor}

/* Säännöt-sivu */
.arv-saannot{max-width:760px}
.arv-saannot h2{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.125rem);margin-top:40px;margin-bottom:12px}
.arv-saannot h2:first-of-type{margin-top:0}
.arv-saannot h3{font:500 13px/1.4 var(--f-mono);text-transform:uppercase;letter-spacing:.08em;margin:22px 0 8px}
.arv-saannot p,.arv-saannot li{font-size:1rem;line-height:1.65}
.arv-saannot p+p{margin-top:12px}
.arv-saannot ol,.arv-saannot ul{margin:10px 0 0;padding-left:22px}
.arv-saannot li+li{margin-top:6px}
.arv-saannot table{width:100%;border-collapse:collapse;margin-top:12px;font-size:.9375rem}
.arv-saannot th,.arv-saannot td{text-align:left;vertical-align:top;padding:10px 12px;border-top:1px solid var(--ln)}
.arv-saannot th{font:500 12px/1.4 var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--fg2);width:32%}
.arv-saannot .arv-sisalto{margin:0 0 32px;padding:16px 18px;border:1px solid var(--ln);border-radius:var(--radius)}
.arv-saannot .arv-sisalto ol{margin:6px 0 0}
.arv-saannot .arv-sisalto a{font-size:.9375rem}
.arv-paivitetty{margin-top:36px;font:400 12.5px/1.4 var(--f-mono);color:var(--fg2)}

/* Kutsulinkki heron alla ja voittajaosio */
.arv-hero-kutsu{margin-top:14px;font-size:.9375rem;line-height:1.5;color:var(--fg2);max-width:60ch}
.arv-hero-kutsu a{text-decoration:underline}
.arv-voittaja-sec{padding-block:clamp(28px,5vw,48px) 0}
.arv-voittaja{display:flex;flex-direction:column;gap:10px;padding:clamp(20px,3vw,32px)}
.arv-voittaja .sec-h{font-size:clamp(1.75rem,4vw,2.5rem)}
.arv-voittaja .arv-pieni{font-size:.875rem;line-height:1.5;color:var(--fg2)}
.arv-voittaja a{text-decoration:underline}