.op-sivu{background:var(--surface);color:var(--ink);padding-block:18px clamp(48px,7vw,88px);scroll-margin-top:120px}.op-navirivi{flex-wrap:wrap;align-items:center;gap:4px 22px;display:flex}.op-takaisin{margin-bottom:0;text-decoration:none}.op-takaisin:hover{text-decoration:underline}.op-navirivi.on-takaisin .op-murut{display:none}.op-aihemerkki{background:color-mix(in srgb, var(--primary) 12%, var(--surface));color:var(--primary-strong);border-radius:999px;padding:6px 13px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-block}a.op-aihemerkki:hover{background:color-mix(in srgb, var(--primary) 20%, var(--surface))}.op-merkit{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.op-otsake .op-merkit+h1,.op-otsake .op-aihemerkki+h1{margin-top:16px}.op-lukuaikamerkki{border:1px solid var(--border-strong);color:var(--ink-muted);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.9rem;font-weight:600;display:inline-flex}.op-tiedot{color:var(--ink-muted);flex-wrap:wrap;gap:4px 0;margin:16px 0 0;font-size:.95rem;display:flex}.op-tiedot span+span:before{content:"·";color:var(--border-strong);margin-inline:10px}.op-murut ol{color:var(--ink-muted);flex-wrap:wrap;gap:4px 0;margin:0;padding:0;font-size:.86rem;list-style:none;display:flex}.op-murut li+li:before{content:"/";color:var(--border-strong);margin-inline:8px}.op-murut a{color:inherit;text-decoration:none}.op-murut a:hover{color:var(--primary);text-decoration:underline}.op-murut li:last-child span{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:40ch;display:inline-block;overflow:hidden}.op-otsake{max-width:820px;padding-block:clamp(26px,4vw,48px) clamp(22px,3vw,36px)}.op-ylarivi{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--primary);flex-wrap:wrap;gap:4px 0;margin:0;font-size:.76rem;display:flex}.op-ylarivi>span+span:before{content:"·";color:var(--border-strong);margin-inline:9px}.op-otsake h1{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:14px 0 0;font-size:clamp(2.05rem,2.6vw + 1.1rem,3.15rem);font-weight:600;line-height:1.08}.op-ingressi{max-width:62ch;color:var(--ink-muted);margin:18px 0 0;font-size:clamp(1.1rem,.4vw + 1rem,1.25rem);line-height:1.55}.op-asettelu{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr);gap:clamp(32px,5vw,72px);padding-top:clamp(26px,3.5vw,40px);display:grid}@media (min-width:1024px){.op-asettelu{grid-template-columns:minmax(0,1fr) 290px}.op-palsta{align-self:start;position:sticky;top:96px}}.op-teksti{max-width:70ch;font-size:1.08rem;line-height:1.72}.op-teksti>p,.op-teksti>ul,.op-teksti>ol{margin:0 0 1.05em}.op-teksti h2{font-family:var(--font-display);text-wrap:balance;margin:1.9em 0 .55em;scroll-margin-top:96px;font-size:clamp(1.45rem,.9vw + 1.1rem,1.85rem);font-weight:600;line-height:1.2}.op-teksti>h2:first-child{margin-top:0}.op-teksti h3{margin:1.5em 0 .4em;font-size:1.12rem;font-weight:700;line-height:1.35}.op-teksti ul,.op-teksti ol{padding-left:1.3em}.op-teksti li{margin-bottom:.45em;padding-left:.2em}.op-teksti li::marker{color:var(--primary);font-weight:700}.op-teksti a{color:var(--primary-strong);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--primary) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--primary) 45%, transparent);text-underline-offset:3px}.op-teksti a:hover{-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.op-teksti strong{font-weight:700}.op-nosto{background:color-mix(in srgb, var(--primary) 8%, var(--surface));margin:1.6em 0;padding:20px 24px}.op-nosto p{margin:0}.op-nosto-otsikko{font-family:var(--font-display);color:var(--primary-strong);font-size:1.16rem;font-weight:600;margin-bottom:6px!important}.op-taulukko{margin:1.5em 0 1.8em;overflow-x:auto}.op-taulukko table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.98rem;line-height:1.45}.op-taulukko th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);border-bottom:2px solid var(--primary-strong);padding:10px 14px 10px 0;font-size:.8rem;font-weight:700}.op-taulukko td{vertical-align:top;border-bottom:1px solid var(--border);padding:12px 14px 12px 0}.op-taulukko td:first-child{font-weight:600}.op-kehotus{background:var(--primary-strong);color:var(--on-primary);border-radius:var(--radius-s);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 32px;margin:2em 0;padding:clamp(22px,3vw,32px) clamp(22px,3vw,36px);display:flex}.op-kehotus.is-loppu{margin:clamp(40px,6vw,72px) 0 0;padding-block:clamp(28px,4vw,44px)}.op-kehotus>div{flex:340px}.op-kehotus p{margin:0}.op-kehotus-otsikko{font-family:var(--font-display);font-size:clamp(1.3rem,1vw + 1rem,1.7rem);font-weight:600;line-height:1.2}.op-kehotus.is-loppu .op-kehotus-otsikko{font-size:clamp(1.5rem,1.4vw + 1rem,2.1rem)}.op-kehotus-teksti{opacity:.92;max-width:56ch;line-height:1.55;margin-top:8px!important}.op-kehotus .btn,.op-teksti .op-kehotus .btn{color:var(--on-accent);flex:none;padding:15px 26px;font-size:1.02rem;text-decoration:none}.op-ukk{margin-top:2.6em}.op-ukk h2{margin-top:0}.op-ukk-lista .faq-item p{font-size:1rem}.op-palsta{gap:28px;font-size:.97rem;display:grid}.op-palsta-osio{border-top:2px solid var(--primary-strong);padding-top:14px}.op-palsta-otsikko{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 10px;font-size:.74rem}.op-sisallys{counter-reset:sis;margin:0;padding:0;list-style:none}.op-sisallys li{counter-increment:sis;grid-template-columns:22px 1fr;padding-block:6px;line-height:1.4;display:grid}.op-sisallys li:before{content:counter(sis);font-family:var(--font-mono);color:var(--primary);padding-top:2px;font-size:.8rem}.op-sisallys a,.op-palsta-linkit a{color:var(--ink);text-decoration:none}.op-sisallys a:hover,.op-palsta-linkit a:hover{color:var(--primary);text-decoration:underline}.op-palsta-opas{font-family:var(--font-display);color:var(--primary-strong);font-size:1.2rem;font-weight:600;text-decoration:none}.op-palsta-opas:hover{text-decoration:underline}.op-palsta-linkit{gap:7px;margin:0;padding:0;list-style:none;display:grid}.op-palsta-linkit.is-kaksi{grid-template-columns:1fr 1fr}.op-alueet{color:var(--ink-muted);margin:0;line-height:1.6}.op-lisaa{margin-top:clamp(40px,6vw,64px)}.op-lisaa h2{font-family:var(--font-display);margin:0 0 6px;font-size:1.6rem;font-weight:600}.op-artikkelilista{margin:0;padding:0;list-style:none;display:grid}@media (min-width:760px){.op-artikkelilista{grid-template-columns:1fr 1fr;column-gap:clamp(28px,4vw,56px)}.op-artikkelilista.is-tiivis{grid-template-columns:repeat(3,1fr)}}.op-artikkelilista li{border-top:1px solid var(--border)}.op-artikkelilista a{color:inherit;gap:8px;padding-block:20px 22px;text-decoration:none;display:grid}.op-artikkeli-otsikko{font-family:var(--font-display);text-wrap:balance;font-size:1.32rem;font-weight:600;line-height:1.22}.op-artikkelilista.is-tiivis .op-artikkeli-otsikko{font-size:1.15rem}.op-artikkeli-ingressi{-webkit-line-clamp:3;color:var(--ink-muted);-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.op-artikkelilista a:hover .op-artikkeli-otsikko,.op-nostoartikkeli:hover .op-nostoartikkeli-otsikko{color:var(--primary-strong);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1.5px}.op-osio-otsikko{font-family:var(--font-display);margin:0;font-size:clamp(1.6rem,1.2vw + 1.1rem,2.2rem);font-weight:600;line-height:1.15}@media (min-width:1024px){.op-etusivu-otsake{grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);align-items:start;gap:clamp(40px,5vw,80px);padding-bottom:clamp(36px,4vw,56px);display:grid}.op-etusivu-otsake .op-otsake{padding-bottom:0}.op-etusivu-otsake .op-aloita{margin-top:clamp(26px,4vw,48px)}}.op-aloita{border-top:2px solid var(--primary-strong);margin-bottom:clamp(28px,4vw,0px);padding-top:14px}.op-aloita ul{margin:0;padding:0;list-style:none}.op-aloita li+li{border-top:1px solid var(--border)}.op-aloita a{color:var(--ink);gap:4px;padding-block:13px;text-decoration:none;display:grid}.op-aloita-otsikko{font-family:var(--font-display);font-size:1.08rem;font-weight:600;line-height:1.28}.op-aloita-meta{color:var(--ink-muted);font-size:.84rem}.op-aloita a:hover .op-aloita-otsikko{color:var(--primary-strong);text-underline-offset:3px;text-decoration:underline}.op-oppaat{background:var(--primary-strong);color:var(--on-primary);padding-block:clamp(40px,5.5vw,68px)}.op-oppaat .op-osio-otsikko{color:var(--on-primary)}.op-oppaat-yla{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 32px;display:flex}.op-oppaat-yla p{max-width:46ch;color:color-mix(in srgb, var(--on-primary) 78%, transparent);margin:0;font-size:1rem}.op-oppaat-lista{background:color-mix(in srgb, var(--on-primary) 18%, transparent);border:2px solid color-mix(in srgb, var(--on-primary) 18%, transparent);gap:2px;margin:26px 0 0;padding:0;list-style:none;display:grid}@media (min-width:760px){.op-oppaat-lista{grid-template-columns:1fr 1fr}}.op-oppaat-lista a{padding:clamp(22px,2.6vw,32px);background:var(--primary-strong);height:100%;color:inherit;gap:8px;padding-right:64px;text-decoration:none;transition:background .15s;display:grid;position:relative}.op-oppaat-lista a:hover{background:color-mix(in srgb, var(--primary-strong) 82%, var(--primary))}.op-opas-nimi{font-family:var(--font-display);font-size:clamp(1.35rem,1vw + 1rem,1.7rem);font-weight:600;line-height:1.15}.op-opas-kuvaus{opacity:.86;font-size:.98rem;line-height:1.5}.op-opas-nuoli{color:var(--accent);font-size:1.4rem;transition:transform .15s;position:absolute;top:clamp(22px,2.6vw,32px);right:clamp(22px,2.6vw,32px)}.op-oppaat-lista a:hover .op-opas-nuoli{transform:translate(4px)}.op-artikkelit{padding-block:clamp(40px,6vw,72px) 0;scroll-margin-top:80px}.op-artikkelit-yla{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:14px 24px;margin-bottom:22px;display:flex}.op-suodatin{flex-wrap:wrap;gap:8px;display:flex}.op-suodatin a{border:1px solid var(--border-strong);color:var(--ink);border-radius:999px;padding:8px 14px;font-size:.92rem;font-weight:600;text-decoration:none}.op-suodatin a span{font-family:var(--font-mono);color:var(--ink-muted);margin-left:4px;font-size:.78rem;font-weight:400}.op-suodatin a:hover{border-color:var(--primary)}.op-suodatin a[aria-current=page]{background:var(--primary-strong);border-color:var(--primary-strong);color:var(--on-primary)}.op-suodatin a[aria-current=page] span{color:inherit;opacity:.75}.op-nostoartikkeli{border-top:2px solid var(--primary-strong);color:inherit;gap:12px;padding:clamp(24px,3vw,36px) 0 clamp(26px,3vw,38px);text-decoration:none;display:grid}.op-nostoartikkeli-otsikko{max-width:24ch;font-family:var(--font-display);text-wrap:balance;font-size:clamp(1.8rem,2vw + 1.1rem,2.7rem);font-weight:600;line-height:1.1}.op-nostoartikkeli-ingressi{max-width:64ch;color:var(--ink-muted);font-size:1.08rem;line-height:1.6}.op-lue{color:var(--primary-strong);font-weight:700}.op-kaupungit{background:var(--bg);margin-top:clamp(40px,6vw,72px);padding-block:clamp(32px,4.5vw,52px)}.op-kaupungit-teksti{max-width:62ch;color:var(--ink-muted);margin:10px 0 0;line-height:1.55}.op-kaupungit-lista{border-top:1px solid var(--border-strong);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:22px 0 0;padding:0;list-style:none;display:grid}.op-kaupungit-lista li{border-bottom:1px solid var(--border-strong)}.op-kaupungit-lista a{font-family:var(--font-display);color:var(--ink);padding:14px 4px;font-size:1.15rem;font-weight:600;text-decoration:none;display:block}.op-kaupungit-lista a span{font-family:var(--font-body);color:var(--ink-muted);font-size:.78rem;font-weight:500;display:block}.op-kaupungit-lista a:hover{color:var(--primary-strong)}.op-etusivu .op-kehotus.is-loppu{margin-top:clamp(40px,6vw,72px)}.op-kuva{aspect-ratio:16/10;background:var(--bg);border-radius:var(--radius-s);display:block;position:relative;overflow:hidden}.op-kuva img{object-fit:cover;transition:transform .35s}.op-kansikuva{aspect-ratio:3;margin-bottom:clamp(26px,3.5vw,40px)}.op-aiheet-pikalinkit{flex-wrap:wrap;gap:8px;margin:-6px 0 clamp(30px,4vw,48px);display:flex}.op-aiheet-pikalinkit a{border:1px solid var(--border-strong);color:var(--ink);border-radius:999px;padding:8px 14px;font-size:.92rem;font-weight:600;text-decoration:none}.op-aiheet-pikalinkit a:hover{border-color:var(--primary);color:var(--primary-strong)}.op-aihe{border-top:1px solid var(--border);padding-block:clamp(32px,4.5vw,56px);scroll-margin-top:80px}.op-aihe-sisalto{gap:22px clamp(32px,4vw,64px);display:grid}@media (min-width:1024px){.op-aihe-sisalto{grid-template-columns:320px minmax(0,1fr);align-items:start}.op-aihe .op-kortit{grid-template-columns:repeat(2,minmax(0,1fr))}}.op-aihe .op-osio-otsikko{text-wrap:balance;font-size:clamp(1.5rem,.8vw + 1.15rem,1.9rem)}.op-aihe-esittely p{max-width:44ch;color:var(--ink-muted);margin:10px 0 0;line-height:1.55}.op-aihe-opas{color:var(--primary-strong);margin-top:14px;font-weight:700;text-decoration:none;display:inline-block}.op-aihe-opas:hover{text-underline-offset:3px;text-decoration:underline}.op-kortit{gap:28px clamp(20px,2.4vw,32px);margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.op-kortit{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.op-kortit{grid-template-columns:repeat(3,minmax(0,1fr))}}.op-kortti{color:inherit;gap:10px;text-decoration:none;display:grid}.op-kortti-otsikko{font-family:var(--font-display);text-wrap:balance;margin-top:4px;font-size:1.14rem;font-weight:600;line-height:1.25}.op-kortti-meta{color:var(--ink-muted);font-size:.86rem}.op-kortti:hover .op-kortti-otsikko{color:var(--primary-strong);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px}.op-kortti:hover .op-kuva img{transform:scale(1.03)}.op-lisaa .op-kortit{margin-top:18px}.op-etusivu .op-kaupungit{margin-top:0}@media (prefers-reduced-motion:reduce){.op-opas-nuoli,.op-oppaat-lista a,.op-kuva img{transition:none}}.hn{margin-bottom:2.4em}.hn>h2:first-child{margin-top:0}.hn h3{font-family:var(--font-display);margin:1.8em 0 .5em;font-size:clamp(1.15rem,.5vw + 1rem,1.35rem);font-weight:600;line-height:1.25}.hn-luvut{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-s);grid-template-columns:repeat(4,1fr);gap:1px;margin:1.2em 0 .6em;display:grid;overflow:hidden}.hn-luvut>div{background:var(--surface);padding:14px 16px}.hn-luvut>div:first-child{background:color-mix(in srgb, var(--primary) 9%, var(--surface))}.hn-luvut dt{color:var(--ink-muted);font-size:.8rem;line-height:1.3}.hn-luvut dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;margin:6px 0 0;font-size:clamp(1.2rem,.8vw + .95rem,1.5rem);font-weight:600;line-height:1.1}@media (max-width:640px){.hn-luvut{grid-template-columns:1fr 1fr}}.hn-pieni,.hn-lahde{color:var(--ink-muted);font-size:.86rem;line-height:1.55}.hn-kaavio{width:100%;height:auto;margin-top:4px;display:block}.hn-ruudukko{stroke:var(--border);stroke-width:1px}.hn-akseli{fill:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:12px}.hn-alue{fill:color-mix(in srgb, var(--primary) 12%, transparent)}.hn-viiva{fill:none;stroke:var(--primary);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.hn-piste{fill:var(--surface);stroke:var(--primary-strong);stroke-width:2.5px}.hn-pistearvo{fill:var(--primary-strong);font-size:13px;font-weight:700}.hn-taulukko-kaari{border:1px solid var(--border);border-radius:var(--radius-s);margin:.4em 0 0;overflow-x:auto}.hn-taulukko{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9rem;line-height:1.35}.hn-taulukko th,.hn-taulukko td{border-bottom:1px solid var(--border);text-align:right;white-space:nowrap;padding:9px 12px}.hn-taulukko tbody tr:last-child>*{border-bottom:0}.hn-taulukko thead th{color:var(--ink-muted);background:var(--surface-raised);font-size:.78rem;font-weight:600}.hn-taulukko th:first-child{text-align:left;white-space:normal;min-width:170px}.hn-taulukko tbody th{font-weight:500}.hn-pnro{margin-right:4px;font-weight:700}.hn-lisaa{margin-top:10px}.hn-lisaa summary{cursor:pointer;color:var(--primary-strong);margin-bottom:10px;font-weight:600}.hn-lahde{margin-top:1.4em}.hn-kehotus{margin-top:1em}.hn-kehotus a{color:var(--primary-strong);font-weight:700}.hn-linkki{background:color-mix(in srgb, var(--primary) 8%, var(--surface));border:1px solid color-mix(in srgb, var(--primary) 22%, var(--border));border-radius:var(--radius-s);margin:0 0 2em;padding:18px 20px}.hn .hn-linkki{margin-top:1.6em}.hn-linkki p{margin:0 0 8px;font-size:.98rem;line-height:1.55}.hn-linkki-otsikko{font-family:var(--font-display);font-weight:600;font-size:1.15rem!important}.hn-linkki a{color:var(--primary-strong);font-weight:700}.hn-kaupungit{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:.6em 0 .4em;padding:0;list-style:none;display:grid}.hn-kaupungit a{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--surface);color:var(--ink);flex-direction:column;gap:2px;padding:12px 14px;text-decoration:none;transition:border-color .15s;display:flex}.hn-kaupungit a:hover{border-color:var(--primary)}.hn-kaupunki-nimi{font-weight:700}.hn-kaupunki-hinta{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:.9rem}.hn-taulukko tbody th a{color:var(--primary-strong);font-weight:700}.hk{--hk-tyhja:#e7e9e5;margin:.6em 0 0}.hk-alue{max-width:440px;margin:0 auto;position:relative}.hk-svg{width:100%;height:auto;display:block}.hk-kunta{stroke:#fff;stroke-width:.6px;transition:opacity .1s}.hk-kunta.on-sivu{cursor:pointer}.hk-kunta.is-valittu{stroke:var(--ink);stroke-width:1.6px}.hk-vihje{z-index:2;background:var(--ink);color:#fff;pointer-events:none;white-space:nowrap;border-radius:8px;flex-direction:column;gap:1px;min-width:140px;padding:9px 12px;font-size:.9rem;line-height:1.35;display:flex;position:absolute;transform:translate(14px,-50%);box-shadow:0 10px 24px -12px #00000080}.hk-vihje-pieni{opacity:.8;font-size:.78rem}.hk-selite{margin-top:12px}.hk-valittu{text-align:center;min-height:1.6em;margin:0 0 10px;font-weight:600}.hk-valittu a{color:var(--primary-strong)}.hk-luokat{color:var(--ink-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:0 0 8px;padding:0;font-size:.82rem;list-style:none;display:flex}.hk-luokat li{align-items:center;gap:6px;display:flex}.hk-nappi{border:1px solid #00000014;border-radius:3px;width:14px;height:14px}.hk .hn-pieni{text-align:center}@media (hover:none){.hk-vihje{display:none}}.hk-vihje.is-vasen{transform:translate(calc(-100% - 14px),-50%)}
