.op-kl,.op-kl-sivu{--_paa:var(--op-v-paa, #143A66);--_teksti:var(--op-v-teksti, #1F2A44);--_korostus:var(--op-v-korostus, #6BCFC3);--_linkki:var(--op-v-linkki, #1D5DA8);--_cta:var(--op-v-cta, #FF8A00);--_cta-hover:var(--op-v-cta-hover, #E67A00);--_cta-teksti:var(--op-v-cta-teksti, #1F2A44);--_vaalea:var(--op-v-vaalea, #EEF9F7);--_reuna:var(--op-v-reuna, #D5EEEA);--_harmaa:var(--op-v-harmaa, #5A6478);color:var(--_teksti);box-sizing:border-box}.op-kl *,.op-kl-sivu *{box-sizing:border-box}.op-kl-sivu{max-width:1040px;margin:0 auto;padding:20px 16px 48px;font-size:17px;line-height:1.6}.op-kl-sivu a{color:var(--_linkki);overflow-wrap:anywhere}.op-kl-polku{font-size:14px;color:var(--_harmaa);margin:0 0 14px}.op-kl-polku a{color:inherit}.op-kl-ylaosa h1{color:var(--_paa);font-size:clamp(26px, 6.4vw, 38px);line-height:1.18;margin:0 0 6px;overflow-wrap:anywhere}.op-kl-paivitetty{font-size:14px;color:var(--_harmaa);margin:0 0 18px}.op-kl-sisalto>p,.op-kl-sisalto>h2,.op-kl-sisalto>h3,.op-kl-sisalto>ul{max-width:760px}.op-kl-sisalto h2,.op-kl-sisalto h3{color:var(--_paa);line-height:1.3}.op-kl-sisalto h2{font-size:22px;margin:36px 0 10px}.op-kl-sisalto h3{font-size:19px;margin:28px 0 8px}.op-kl-sisalto .op-kl-menetelma{background:var(--_vaalea);border-left:4px solid var(--_korostus);border-radius:8px;padding:14px 16px;font-size:16px;margin-top:32px}.op-kl-sisalto .op-kl-menetelma h3{margin-top:0}.op-kl{margin:20px 0 8px}.op-kl-maara{font-size:15px;color:var(--_harmaa);margin:0 0 12px}.op-kl-maara strong{color:var(--_teksti)}.op-kl-suodatin{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin:0 0 16px}.op-kl-suodatin[hidden]{display:none}.op-kl-sirut{display:flex;flex-wrap:wrap;gap:8px}.op-kl .op-kl-siru{appearance:none;font:inherit;font-size:15px;line-height:1.2;min-height:44px;padding:10px 16px;border-radius:999px;cursor:pointer;background:#fff;color:var(--_paa);border:1px solid var(--_paa)}.op-kl .op-kl-siru span{font-weight:400;opacity:.75;margin-left:2px}.op-kl .op-kl-siru[aria-pressed="true"]{background:var(--_paa);color:#fff}.op-kl .op-kl-siru:hover{background:var(--_vaalea);color:var(--_paa)}.op-kl .op-kl-siru[aria-pressed="true"]:hover{background:var(--_paa);color:#fff}.op-kl .op-kl-siru:focus-visible,.op-kl a:focus-visible,.op-kl select:focus-visible,.op-kl-sivu a:focus-visible{outline:2px solid var(--_linkki);outline-offset:2px}.op-kl-alue{font-size:15px;display:flex;align-items:center;gap:8px}.op-kl-alue select{min-height:44px;font:inherit;font-size:15px;border:1px solid var(--_reuna);border-radius:8px;padding:6px 10px}.op-kl-tyhja{color:var(--_harmaa)}.op-kl--lahi{margin-top:36px;padding-top:20px;border-top:2px solid var(--_reuna)}.op-kl-sivu .op-kl-lahi__otsikko,.op-kl-lahi__otsikko{color:var(--_paa);font-size:22px;line-height:1.3;margin:0 0 6px}.op-kl-lahi__teksti{font-size:15px;color:var(--_harmaa);margin:0 0 12px;max-width:760px}.op-kl-lista{display:grid;grid-template-columns:1fr;gap:14px;margin:0}.op-kl-kortti{position:relative;background:#fff;border:1px solid var(--_reuna);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0}.op-kl-kortti[hidden]{display:none}.op-kl-kortti__paa{display:flex;gap:12px;align-items:center;min-width:0}.op-kl-kirjain,.op-kl-logo{flex:0 0 48px;width:48px;height:48px;border-radius:10px}.op-kl-kirjain{display:flex;align-items:center;justify-content:center;background:var(--_vaalea);color:var(--_paa);border:1px solid var(--_reuna);font-weight:700;font-size:22px;line-height:1}.op-kl-logo{object-fit:contain;background:#fff;border:1px solid var(--_reuna);padding:4px}.op-kl-kortti__nimi{min-width:0}.op-kl .op-kl-nimi{font-size:18px;line-height:1.3;margin:0;color:var(--_paa);overflow-wrap:anywhere}.op-kl .op-kl-nimi a{color:inherit;text-decoration:none}.op-kl .op-kl-nimi a:hover{text-decoration:underline}.op-kl-paikka{margin:2px 0 0;font-size:14px;color:var(--_harmaa)}.op-kl-tiedot{list-style:none;margin:0;padding:0;font-size:15px;line-height:1.45}.op-kl-tiedot li{display:flex;gap:8px;align-items:flex-start;margin:0 0 6px;padding:0}.op-kl-tiedot li::before{content:none}.op-kl-tiedot li:last-child{margin-bottom:0}.op-kl-tiedot a{color:var(--_linkki);font-weight:600;display:inline-block;padding:2px 0}.op-kl-tieto{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:15px;line-height:1.45}.op-kl-tieto a{color:var(--_linkki);font-weight:600;display:inline-block;padding:2px 0}.op-kl-tieto:empty,.op-kl-hintarivi:empty,.op-kl-palvelut:empty{display:none}.op-kl-palvelut{border-top:1px solid var(--_reuna);padding-top:10px}.op-kl-palvelut__otsikko{margin:0 0 6px;font-size:13px;font-weight:700;color:var(--_harmaa)}.op-kl-puhelin{font-weight:600}.op-kl-ikoni{flex:0 0 18px;margin-top:2px;color:var(--_harmaa)}.op-kl-huom{color:var(--_harmaa);font-size:14px}.op-kl-tagit{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}.op-kl-tagit li{margin:0;font-size:13px;line-height:1.2;padding:5px 10px;border-radius:999px;background:var(--_vaalea);color:var(--_paa);border:1px solid var(--_reuna)}.op-kl-tagit li::before{content:none}.op-kl-toiminnot{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:4px}.op-kl .op-kl-nappi,.op-kl-sivu .op-kl-nappi{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:8px;font-weight:700;font-size:15px;line-height:1.2;text-decoration:none;background:var(--_cta);color:var(--_cta-teksti);border:1px solid var(--_cta);text-align:center;overflow-wrap:anywhere}.op-kl .op-kl-nappi:hover,.op-kl-sivu .op-kl-nappi:hover{background:var(--_cta-hover);border-color:var(--_cta-hover);color:var(--_cta-teksti)}.op-kl .op-kl-nappi--toissijainen{background:#fff;color:var(--_paa);border-color:var(--_paa);flex:1 1 auto}.op-kl .op-kl-nappi--toissijainen:hover{background:var(--_vaalea);color:var(--_paa);border-color:var(--_paa)}.op-kl-kortti--suositeltu{border:2px solid var(--_korostus);background:var(--_vaalea);padding:18px}.op-kl-merkki{align-self:flex-start;margin:0;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--_paa);color:#fff;border-radius:999px;padding:3px 10px}.op-kl-kortti--suositeltu .op-kl-kirjain,.op-kl-kortti--suositeltu .op-kl-logo{flex-basis:64px;width:64px;height:64px}.op-kl-kortti--suositeltu .op-kl-nimi{font-size:21px}.op-kl-lisaa{max-width:760px;margin:36px 0 0;padding:18px 16px;border:1px dashed var(--_paa);border-radius:12px;background:#fff}.op-kl-lisaa h2{color:var(--_paa);font-size:20px;line-height:1.3;margin:0 0 6px}.op-kl-lisaa p{margin:0 0 12px;font-size:16px}@media (min-width:720px){.op-kl-sivu{padding-top:32px}.op-kl-lista{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.op-kl-kortti--suositeltu{grid-column:1 / -1}.op-kl .op-kl-nappi--toissijainen{flex:0 0 auto}}@media (min-width:1000px){.op-kl-lista{grid-template-columns:repeat(3,minmax(0,1fr))}}@supports (grid-template-rows:subgrid){@media (min-width:720px){.op-kl-lista>.op-kl-kortti:not(.op-kl-kortti--suositeltu){display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:10px}.op-kl-lista>.op-kl-kortti:not(.op-kl-kortti--suositeltu)>:empty{display:block}.op-kl-lista>.op-kl-kortti:not(.op-kl-kortti--suositeltu)>.op-kl-palvelut:empty{border-top-color:#fff0}.op-kl-lista>.op-kl-kortti:not(.op-kl-kortti--suositeltu)>.op-kl-toiminnot{align-self:end}}}.op-kl-hintarivi{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:0;font-size:15px}.op-kl-hintataso strong{color:var(--_paa);letter-spacing:.05em;margin:0 2px}.op-kl-seteli{font-size:13px;padding:3px 10px;border-radius:999px;background:var(--_vaalea);border:1px solid var(--_reuna);color:var(--_paa)}.op-kl-hinnat{margin:16px 0 24px;max-width:760px}.op-kl-hinnat table{width:100%;border-collapse:collapse;font-size:15px}.op-kl-hinnat th,.op-kl-hinnat td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--_reuna);vertical-align:top}.op-kl-hinnat thead th{color:var(--_paa);font-size:14px}.op-kl-hinnat tbody th{font-weight:600}.op-kl-hinnat__lahde{font-size:14px;color:var(--_harmaa);margin:8px 0 0}@media (max-width:480px){.op-kl-hinnat th,.op-kl-hinnat td{padding:6px;font-size:14px}}.op-kl-hakemisto{columns:3 160px;column-gap:24px}.op-kl-hakemisto li{break-inside:avoid}