:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--navy:#14294b;--navy-tumma:#0c1b3a;--kulta:#f3ad00;--oranssi:#e97600;--fontti-otsikot:"Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--page:#f7f6f2;--surface-1:#fff;--surface-2:#f1f0eb;--border:#e2e0d8;--text-primary:var(--navy-tumma);--text-secondary:#3e4c66;--text-muted:#67728a;--accent:var(--navy);--accent-text:#fff;--accent-soft:#e6ebf3;--sun:var(--kulta);--sun-soft:#fdf1d6;--sun-text:#94600a;--danger:#b42318;--danger-soft:#fdecea;--grid:#e6e9ee;--axis:#b8c0cc;--series-1:var(--navy);--series-2:#e99c00;--series-3:#12867a;--series-4:#7b5cc4;--panel:var(--navy);--panel-frame:var(--navy-tumma);--panel-cell:#fff;--shadow:0 1px 2px #0c1b3a0a, 0 2px 8px #0c1b3a0d;--shadow-lift:0 4px 10px #0c1b3a0f, 0 12px 28px #0c1b3a17;--radius:14px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--page:#0b1424;--surface-1:#111d33;--surface-2:#19273f;--border:#273856;--text-primary:#eef2f8;--text-secondary:#b6c1d3;--text-muted:#8796ad;--accent:var(--kulta);--accent-text:var(--navy-tumma);--accent-soft:#2c2714;--sun:#f5b52e;--sun-soft:#2c2714;--sun-text:var(--kulta);--danger:#f97066;--danger-soft:#3a1a18;--grid:#22314b;--axis:#3a4c6b;--series-1:#7ea6e6;--series-2:var(--kulta);--series-3:#3cc3b1;--series-4:#b39ce8;--panel:#1d3a66;--panel-frame:#9db8dc;--panel-cell:#fff;--shadow:0 1px 3px #0006;--shadow-lift:0 8px 24px #00000080}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--page);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3{font-family:var(--fontti-otsikot);margin:0;font-weight:700;line-height:1.2}h1{letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.5rem)}h2{letter-spacing:-.01em;font-size:1.375rem}h3{font-size:1rem}a{color:var(--accent)}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[id]{scroll-margin-top:72px}.sisalto{max-width:1240px;margin:0 auto;padding:0 16px}.sivun-ylaosa{z-index:10;background:color-mix(in srgb, var(--surface-1) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0}.sivun-ylaosa .sisalto{justify-content:space-between;align-items:center;gap:16px;height:56px;display:flex}.logo{font-family:var(--fontti-otsikot);letter-spacing:.01em;color:var(--text-primary);align-items:center;gap:10px;font-size:1.25rem;font-weight:400;text-decoration:none;display:inline-flex}.logo img{width:auto;height:26px}.logo b{font-weight:800}.sivun-ylaosa .sisalto{grid-template-columns:1fr auto 1fr;display:grid}.ylaosa-otsikko{color:var(--text-secondary);font-family:var(--fontti-otsikot);letter-spacing:.02em;text-align:right;justify-self:end;margin:0;font-size:.8125rem;font-weight:600}.ylaosa-tila{border-bottom:0;align-self:stretch;width:auto}.ylaosa-tila button{font-family:var(--fontti-otsikot);white-space:nowrap;flex:none;margin-bottom:-1px;padding:0 16px;font-size:.9375rem}@media (width<=900px){.ylaosa-otsikko{max-width:170px;font-size:.6875rem;line-height:1.3}}@media (width<=640px){.sivun-ylaosa .sisalto{grid-template-rows:52px 44px;grid-template-columns:auto 1fr;gap:0 12px;height:auto}.ylaosa-tila{border-top:1px solid var(--border);grid-area:2/1/auto/-1;margin:0 -16px}.ylaosa-tila button{flex:1;padding:0 8px;font-size:.875rem}.ylaosa-otsikko{grid-area:1/2;align-self:center;max-width:150px}.sivun-ylaosa .logo{font-size:1.0625rem}.sivun-ylaosa .logo img{height:22px}[id]{scroll-margin-top:112px}}.evasteet{z-index:50;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);width:min(520px,100% - 32px);max-height:calc(100vh - 32px);box-shadow:var(--shadow-lift);padding:18px 20px;position:fixed;bottom:16px;left:50%;overflow-y:auto;transform:translate(-50%)}.evasteet h2{font-size:1.0625rem}.evasteet p{color:var(--text-secondary);margin:6px 0 12px;font-size:.875rem;line-height:1.5}.evasteet-valinnat{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;margin:0 0 14px;padding:12px;display:flex}.evasteet-valinnat label{color:var(--text-secondary);cursor:pointer;align-items:flex-start;gap:10px;font-size:.875rem;display:flex}.evasteet-valinnat input{width:18px;height:18px;accent-color:var(--kulta);flex:none;margin:1px 0 0}.evasteet-valinnat b{color:var(--text-primary)}.evasteet-napit{flex-wrap:wrap;gap:8px;display:flex}.piilotettu{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=480px){.evasteet{width:calc(100% - 16px);bottom:8px}.evasteet-napit button{flex:auto}}.tietosuoja{max-width:760px;padding-top:32px;padding-bottom:32px;line-height:1.6;display:block}.tietosuoja h2{margin:28px 0 6px;font-size:1.125rem}.tietosuoja p,.tietosuoja ul{margin:0 0 10px}.alaosa-rivi{flex-wrap:wrap;align-items:center;gap:6px 18px;display:flex}.sivun-alaosa{border-top:1px solid var(--border);color:var(--text-muted);margin-top:48px;padding:24px 0 40px;font-size:.875rem}.sivun-alaosa p{margin:0 0 6px}main{flex-direction:column;gap:40px;display:flex}.osion-otsikko{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-bottom:16px;display:flex}.osion-otsikko p{color:var(--text-secondary);margin:4px 0 0}.osion-otsikko .kentta{width:auto}.hintakatsaus,.tulokset{flex-direction:column;gap:16px;display:flex}.hintakatsaus>.osion-otsikko,.tulokset>.osion-otsikko{margin-bottom:0}.kaksi-kaaviota{gap:16px;display:grid}@media (width>=960px){.kaksi-kaaviota{grid-template-columns:repeat(2,minmax(0,1fr))}}.kaaviokortti{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:14px;min-width:0;margin:0;padding:18px 20px 16px;display:flex}.kaaviokortti-otsikko{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 16px;display:flex}.kaaviokortti-otsikko p{color:var(--text-muted);margin:2px 0 0;font-size:.875rem}.kaaviokortti-toiminnot{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.kaaviokortti figcaption{color:var(--text-muted);font-size:.8125rem}.kaavio-alue{min-width:0;height:280px}.kaavio-alue.matala{height:220px}.kaavio-alue .recharts-surface:focus,.kaavio-alue .recharts-wrapper:focus{outline:none}.kaavio-vakio{flex-direction:column;gap:12px;min-height:316px;display:flex}.kaavio-vakio>.tila,.kaavio-vakio>.lataus{flex:1;justify-content:center;align-items:center;display:flex}.lataus{border-radius:var(--radius);background:var(--surface-2);color:var(--text-secondary);gap:10px;font-size:.875rem}.lataus-pyora{border:2.5px solid color-mix(in srgb, var(--kulta) 25%, transparent);border-top-color:var(--kulta);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite pyori}@keyframes pyori{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.lataus-pyora{animation-duration:2.4s}}.tila{border-radius:var(--radius);background:var(--surface-2);color:var(--text-secondary);text-align:center;padding:20px}.tila.virhe{background:var(--danger-soft);color:var(--danger)}.tunnusluvut{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.tunnusluku{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:12px 14px}.kaaviokortti .tunnusluku{background:var(--surface-2);border-color:#0000}.tunnusluku-otsikko{color:var(--text-muted);font-size:.8125rem}.tunnusluku-arvo{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:1.25rem;font-weight:650}.tunnusluku-lisa{color:var(--text-muted);font-size:.8125rem}.tunnusluku.suuri{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.tunnusluku.suuri .tunnusluku-arvo{color:var(--accent);font-size:1.5rem}.selite{color:var(--text-secondary);flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}.selite li{align-items:center;gap:6px;display:inline-flex}.selite i{border-radius:2px;width:10px;height:10px}.selite-aurinko{flex:none;width:14px;height:14px}.selite i.viiva{border-radius:1px;width:14px;height:2px}.vihje{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;min-width:180px;padding:8px 10px;font-size:.8125rem;box-shadow:0 4px 12px #1018281f}.vihje-otsikko{margin-bottom:4px;font-weight:600}.vihje-rivi{color:var(--text-secondary);grid-template-columns:12px 1fr auto;align-items:center;gap:8px;display:grid}.vihje-rivi i{border-radius:2px;width:9px;height:9px}.vihje-rivi i.viiva{border-radius:1px;width:12px;height:2px}.vihje-aurinko{width:12px;height:12px}.vihje-rivi b{font-variant-numeric:tabular-nums;color:var(--text-primary);font-weight:500}.vihje-rivi.vahva,.vihje-rivi.vahva b{color:var(--text-primary);font-weight:650}.taulukko-vieritys{overflow-x:auto}.taulukko{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.875rem}.taulukko th,.taulukko td{border-bottom:1px solid var(--grid);text-align:right;white-space:nowrap;padding:6px 10px}.taulukko th:first-child,.taulukko td:first-child{text-align:left;padding-left:0}.taulukko th{color:var(--text-muted);font-size:.8125rem;font-weight:500}.taulukko tfoot td{border-bottom:none;border-top:2px solid var(--border);font-weight:650}section.laskuri{align-items:start;gap:24px;display:grid}.lomake-otsikko p{color:var(--text-secondary);margin:4px 0}@media (width>=1024px){section.laskuri{grid-template-columns:minmax(0,1fr) 440px}section.laskuri.mainoksin{grid-template-columns:minmax(0,1fr) 320px}.rakentaja-palsta,.laskuri>.mainos-palsta{order:2;max-height:calc(100vh - 88px);position:sticky;top:72px;overflow-y:auto}}.lomake{flex-direction:column;gap:16px;min-width:0;display:flex}.osio,.rakentaja-palsta{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:20px 22px 22px}.osio h3{align-items:center;gap:10px;font-size:1.0625rem;display:flex}.askel{background:var(--kulta);width:26px;height:26px;color:var(--navy-tumma);border-radius:50%;place-items:center;font-size:.8125rem;font-weight:700;display:inline-grid}.osio .osion-kuvaus{margin-left:36px}details.lisaa{border-top:1px dashed var(--border);margin-top:16px;padding-top:12px}details.lisaa summary{width:fit-content;color:var(--accent);cursor:pointer;font-size:.875rem;font-weight:550}details.lisaa summary:hover{text-decoration:underline}.osion-kuvaus{color:var(--text-muted);margin:4px 0 0;font-size:.875rem}.kentat{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px 16px;margin-top:14px;display:grid}.kentat.kaksi{grid-template-columns:repeat(2,minmax(0,1fr))}:is(.kentat>.leveä,.kentat>.kuukaudet,.kentat>.kentta:has(.segmentti>:nth-child(4))){grid-column:1/-1}fieldset.radiot{border:0;gap:8px;min-width:0;margin:0;padding:0}fieldset.radiot legend{margin-bottom:4px;padding:0}.radiot label{width:fit-content;color:var(--text-primary);cursor:pointer;align-items:center;gap:10px;font-size:.9375rem;font-weight:400;display:inline-flex}.radiot input{width:18px;height:18px;accent-color:var(--kulta);margin:0}.kenttapari{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}@media (width<=640px){.kenttapari{grid-template-columns:minmax(0,1fr)}}.kentta{flex-direction:column;gap:4px;min-width:0;display:flex}.kentta label,.kentan-otsikko,.kuukaudet legend{color:var(--text-secondary);font-size:.8125rem;font-weight:550}.kentta select,.syote{border:1px solid var(--border);background:var(--surface-1);border-radius:8px;height:38px}.kentta select{padding:0 8px}.syote{align-items:center;display:flex;overflow:hidden}.syote:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.syote input{font-variant-numeric:tabular-nums;background:0 0;border:0;flex:1;min-width:0;height:100%;padding:0 10px}.syote input:focus{outline:none}.syote input:disabled{color:var(--text-muted)}.syote:has(input:disabled){background:var(--surface-2)}.syote .yksikko{color:var(--text-muted);white-space:nowrap;padding:0 10px;font-size:.8125rem}.syote.virheellinen,.kuukausiruudukko input.virheellinen{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.ohje{color:var(--text-muted);font-size:.8125rem}.tieto{background:var(--accent-soft);color:var(--text-secondary);border-radius:8px;margin:0;padding:10px 12px;font-size:.875rem}.kentta-rivi{flex-wrap:wrap;gap:12px;display:flex}.ruksi label{width:fit-content;color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-size:.9375rem;display:inline-flex}.ruksi input{width:18px;height:18px;accent-color:var(--accent);margin:0}.ruksi:has(input:disabled) label{color:var(--text-muted);cursor:default}.ehdotuskentta{position:relative}.ehdotukset{z-index:5;background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow-lift);border-radius:8px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0}.ehdotukset li{cursor:pointer;border-radius:6px;padding:6px 10px}.ehdotukset li.kohdistettu{background:var(--accent-soft)}.ehdotukset li span{color:var(--text-muted);font-size:.875rem}.segmentti{background:var(--surface-2);border-radius:8px;flex-wrap:wrap;gap:2px;width:fit-content;max-width:100%;padding:2px;display:inline-flex}.segmentti button{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:6px 12px;font-size:.875rem;font-weight:500}.segmentti button:hover{color:var(--text-primary)}.segmentti button{transition:color .15s,background-color .15s}.segmentti button.valittu{background:var(--kulta);color:var(--navy-tumma);box-shadow:none;font-weight:600}.kuukaudet{border:0;min-width:0;margin:0;padding:0}.kuukaudet legend{margin-bottom:6px;padding:0}.kuukaudet legend .yksikko{color:var(--text-muted);font-weight:400}.kuukausiruudukko{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:6px;display:grid}@media (width<=640px){.kuukausiruudukko{grid-template-columns:repeat(3,minmax(0,1fr))}}.kuukausiruudukko label{color:var(--text-muted);flex-direction:column;gap:2px;font-size:.75rem;display:flex}.kuukausiruudukko input{border:1px solid var(--border);background:var(--surface-1);font-variant-numeric:tabular-nums;text-align:right;border-radius:6px;width:100%;height:32px;padding:0 6px;font-size:.875rem}.kuukausiruudukko input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}button.linkki{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:.875rem;font-weight:500}button.linkki:hover{text-decoration:underline}button.toissijainen{border:1px solid var(--border);background:var(--surface-1);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:.875rem;font-weight:500}button.toissijainen:hover{background:var(--surface-2)}.rahoitus-laina{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px 16px;display:grid}.mainos-palsta{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:18px 20px 20px}.mainos-palsta.rivi>.mainos-ryhma>ul{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.mainos-ryhma+.mainos-ryhma{margin-top:18px}.mainos-palsta h2{margin:2px 0 14px;font-size:1rem}.mainos-palsta ul{margin:0;padding:0;list-style:none}.mainos-palsta>ul{flex-direction:column;gap:12px;display:flex}.mainos-merkki{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.6875rem;font-weight:600}.mainos{border:1px solid var(--border);border-left:4px solid var(--kulta);background:var(--surface-2);border-radius:10px;padding:14px 16px}.mainos-tyyppi{background:var(--navy);color:#fff;border-radius:999px;padding:2px 8px;font-size:.6875rem;font-weight:600;display:inline-block}.mainos h3{margin:8px 0 6px;font-size:.9375rem;line-height:1.35}.mainos-edut li{color:var(--text-secondary);padding-left:16px;font-size:.8125rem;position:relative}.mainos-edut li:before{content:"";background:var(--kulta);border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:2px}.mainos-ala{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.mainos-mainostaja{color:var(--text-muted);font-size:.75rem}.mainos-linkki{background:var(--kulta);color:var(--navy-tumma);white-space:nowrap;border-radius:8px;padding:6px 12px;font-size:.8125rem;font-weight:700;text-decoration:none}.mainos-linkki:hover{background:#ffbf1f}.kallistus{border-radius:var(--radius);background:var(--surface-2);grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:center;gap:8px 20px;margin:0;padding:14px 16px;display:grid}.kallistus-saadin{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) 3.5em;align-items:center;gap:4px 14px;display:grid}.kallistus-saadin label{color:var(--text-primary);font-size:.875rem;font-weight:600}.kallistus-saadin input[type=range]{width:100%;accent-color:var(--kulta);cursor:pointer}.kallistus-saadin output{color:var(--text-primary);font-family:var(--fontti-otsikot);font-variant-numeric:tabular-nums;text-align:right;font-size:1.125rem;font-weight:700}.kallistus-saadin .ohje{grid-column:1/-1}.kallistus svg{width:100%;height:auto}.kallistus figcaption{border-top:1px solid var(--border);grid-column:1/-1;padding-top:10px}.kallistus figcaption p{margin:0 0 6px;font-size:.875rem}.kallistus-teksti{fill:var(--text-muted);font-size:11px}.kallistus-kulma{fill:var(--text-primary);font-size:14px;font-weight:700}.kallistus-maa{stroke:var(--axis);stroke-width:2px}.kallistus-kaari{fill:none;stroke:var(--kulta);stroke-width:2px}.kallistus-paneeli{stroke:var(--series-1);stroke-width:7px;stroke-linecap:round;transition:all .2s}.kallistus-teline{stroke:var(--text-muted);stroke-width:2px}.kallistus-normaali{stroke:var(--text-muted);stroke-width:1.5px;stroke-dasharray:3 3}.kallistus-osumat{color:var(--text-secondary);flex-direction:column;gap:4px;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}.kallistus-osumat li{align-items:baseline;gap:8px;display:flex}.kallistus-osumat i{border-radius:50%;flex:none;width:9px;height:9px}@media (width<=640px){.kallistus{grid-template-columns:minmax(0,1fr)}}.rakentaja-palsta .osion-kuvaus{margin-bottom:14px}.rakentaja{flex-direction:column;gap:16px;display:flex}.rakentaja-tyokalut{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.rakentaja-tyokalut input[type=range]{accent-color:var(--accent);flex:120px}.maaralaskuri{align-items:center;gap:8px;display:inline-flex}.maaralaskuri button{border:1px solid var(--border);background:var(--surface-1);cursor:pointer;border-radius:8px;width:32px;height:32px;font-size:1.125rem;line-height:1}.maaralaskuri button:disabled{opacity:.4;cursor:default}.maaralaskuri output{text-align:center;font-variant-numeric:tabular-nums;min-width:112px;color:var(--text-secondary)}.maaralaskuri strong{color:var(--text-primary);font-size:1.125rem}.paneelikentta{flex-direction:column;gap:10px;margin:0;display:flex}.paneelikentta svg{width:100%;height:auto;max-height:360px;display:block}.paneelikentta svg *,.yksi-paneeli svg *{vector-effect:non-scaling-stroke}.paneelikentta figcaption{color:var(--text-muted);font-size:.8125rem}.paneeli{fill:var(--panel);stroke:var(--panel-frame);stroke-width:1.5px}.yksi-paneeli{border-radius:var(--radius);background:var(--surface-2);grid-template-columns:96px minmax(0,1fr);align-items:start;gap:16px;padding:14px;display:grid}.yksi-paneeli svg{width:100%;height:auto}.yksi-paneeli .kentat{margin-top:10px}.mittaviiva{stroke:var(--text-muted);stroke-width:1px}.mittateksti{fill:var(--text-secondary);font-size:9px;font-weight:600}.kennot line{stroke:var(--panel-cell);stroke-width:.75px;opacity:.6}.pikatulokset{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.pikatulokset div{background:var(--surface-2);border-radius:8px;padding:8px 10px}.pikatulokset dt{color:var(--text-muted);font-size:.75rem}.pikatulokset dd{font-variant-numeric:tabular-nums;margin:0;font-weight:650}@media (width<=480px){.pikatulokset,.kentat.kaksi{grid-template-columns:repeat(2,minmax(0,1fr))}.osio,.rakentaja-palsta,.mainos-palsta,.kaaviokortti{padding:14px}.osio .osion-kuvaus{margin-left:0}}.velho{isolation:isolate;border-bottom:1px solid var(--border);flex-direction:column;min-height:clamp(580px,86vh,780px);margin-bottom:40px;display:flex;position:relative;overflow:hidden}.velho-kuva{z-index:-1;position:absolute;inset:0}.velho.paljastettu{--velho-korkeus:clamp(480px, calc(100vh - 140px), 820px);grid-template-columns:minmax(0,1fr) 380px;align-items:start;min-height:0;display:grid;overflow:visible}.velho.paljastettu .velho-kuva{z-index:0;height:var(--velho-korkeus);position:sticky;top:56px;overflow:hidden}.maisema{width:100%;height:100%;animation:.8s maisema-esiin;display:block}@keyframes maisema-esiin{0%{opacity:0}}.m-kuva{opacity:0;transition:opacity .9s}.m-kuva.nakyy{opacity:1}.m-maski{opacity:0;transition:opacity .45s}.m-maski.nakyy{opacity:1}.m-aurinko{transition:transform 1s,opacity .9s}.maisema .vaihtuva,.maisema stop{transition:fill .8s,stop-color .8s,opacity .8s}.m-ylivuoto{transform-box:fill-box;transform-origin:50%;animation:.4s cubic-bezier(.34,1.56,.64,1) ylivuoto}@keyframes ylivuoto{0%{opacity:0;transform:scale(.6)}}.m-akusto{opacity:0;transition:opacity .5s}.m-akusto.nakyy{opacity:1}.lumisade circle{animation:9s linear infinite lumisade}@keyframes lumisade{0%{transform:translateY(-40px)}to{transform:translate(30px,680px)}}.velho-sisalto{flex-direction:column;flex:1;gap:16px;width:100%;padding-top:40px;padding-bottom:32px;display:flex}.velho.paljastettu .velho-sisalto{max-width:none;height:var(--velho-korkeus);overscroll-behavior:contain;border-left:1px solid var(--border);background:var(--surface-2);flex-direction:column;gap:14px;margin:0;padding:20px;display:flex;overflow-y:auto}.valilehdet{border-bottom:1px solid var(--border);background:0 0;border-radius:0;flex-wrap:nowrap;gap:0;width:100%;padding:0}.valilehdet button{border-bottom:3px solid #0000;border-radius:0;flex:1;margin-bottom:-1px;padding:10px 8px;transition:color .15s,border-color .2s}.valilehdet button.valittu{border-bottom-color:var(--kulta);box-shadow:none;color:var(--text-primary);background:0 0;font-weight:700}.vastuuvapaus{background:var(--surface-2);color:var(--text-secondary);border-radius:10px;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;font-size:.8125rem;line-height:1.45;display:flex}.vastuuvapaus:before{content:"i";background:var(--text-muted);width:18px;height:18px;color:var(--surface-1);border-radius:50%;flex:none;place-items:center;font-family:Georgia,serif;font-size:.75rem;font-style:italic;font-weight:700;display:inline-grid}.velho .vastuuvapaus{background:color-mix(in srgb, var(--surface-1) 60%, transparent)}.velho-lukemat-huomio{margin:-6px 2px 0}.sijoittelu-valilehdet{margin:10px 0 4px}.velho-lukemat{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);box-shadow:var(--shadow);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:0;padding:14px 16px;display:grid}.velho-lukemat dt{color:var(--text-muted);font-size:.75rem}.velho-lukemat dd{font-size:1.125rem;font-family:var(--fontti-otsikot);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.velho.paljastettu.olemassa{grid-template-columns:minmax(0,1fr)}.velho-info{--kausi-tausta:#fff1c6;--kausi-vari:#d98f00;border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--surface-1) 86%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);box-shadow:var(--shadow-lift);border-radius:20px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:16px 22px 16px 16px;display:grid}.velho-info.kevat{--kausi-tausta:#e2f2d3;--kausi-vari:#4b8f33}.velho-info.syksy{--kausi-tausta:#fde3c8;--kausi-vari:#cf6a14}.velho-info.talvi{--kausi-tausta:#dfeaf8;--kausi-vari:#4f83c4}.velho-info-ikoni{background:var(--kausi-tausta);width:72px;height:72px;color:var(--kausi-vari);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .5s,color .5s,transform .15s,box-shadow .2s;display:grid;position:relative}.velho-info-ikoni:after{content:"";border:2px solid var(--surface-1);background:var(--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 1 1-2.3-5.6'/%3E%3Cpath d='M20 4v5h-5'/%3E%3C/svg%3E") center / 13px no-repeat;border-radius:50%;width:24px;height:24px;position:absolute;bottom:-2px;right:-2px}.velho-info-ikoni:hover{box-shadow:0 0 0 4px color-mix(in srgb, var(--kausi-vari) 30%, transparent)}.velho-info-ikoni:active{transform:scale(.94)}.velho-info-lisaa{margin-top:4px;font-size:.875rem}.velho-info.tiivis{gap:14px;padding:12px 16px 12px 12px}.velho-info.tiivis .velho-info-ikoni{width:56px;height:56px}.velho-info.tiivis .velho-info-ikoni svg{width:34px;height:34px}.velho-info.tiivis .velho-info-ikoni:after{background-size:11px;width:20px;height:20px}.velho-info-ikoni svg{width:44px;height:44px}.velho-info-teksti{animation:.35s haitari}.velho-info h3{font-size:1.0625rem}.velho-info p{color:var(--text-secondary);margin:4px 0 0;font-size:.9rem;line-height:1.5}.velho-info.kuvassa{z-index:1;width:min(720px,100% - 64px);position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.velho-info.alla{display:none}.velho-haitarit{flex-direction:column;gap:8px;display:flex}.velho-haitari{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);box-shadow:var(--shadow);transition:border-color .2s,box-shadow .2s;overflow:hidden}.velho-haitari.auki{border-color:var(--kulta);box-shadow:var(--shadow-lift)}.velho-haitari h3{margin:0;font-size:1rem}.velho-haitari-otsikko{width:100%;color:var(--text-primary);font-family:var(--fontti-otsikot);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:12px 14px;font-weight:700;display:flex}.velho-haitari-otsikko:hover{background:var(--surface-2)}.velho-haitari.auki .velho-haitari-otsikko:hover{background:0 0}.velho-haitari-numero{background:var(--surface-2);width:24px;height:24px;color:var(--text-secondary);border-radius:50%;flex:none;place-items:center;font-size:.8125rem;display:inline-grid}.velho-haitari.auki .velho-haitari-numero{background:var(--kulta);color:var(--navy-tumma)}.velho-haitari.tehty .velho-haitari-numero{background:var(--navy);color:#fff}.velho-haitari-nimi{flex:1}.velho-haitari-arvo{color:var(--text-muted);white-space:nowrap;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:.8125rem;font-weight:500}.velho-haitari-sisalto{padding:0 14px 14px;animation:.25s haitari}@keyframes haitari{0%{opacity:0;transform:translateY(-4px)}}.velho-kysymys{color:var(--text-secondary);margin:0;font-size:.9375rem}.velho-vaihe{flex-direction:column;gap:10px;display:flex}.velho-maara{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.velho-maara input[type=range]{min-width:0;accent-color:var(--navy);flex:60px}.velho-maara>button{border:1px solid var(--border);background:var(--surface-1);cursor:pointer;border-radius:8px;width:34px;height:34px;font-size:1.125rem}.velho-maara>button:disabled{opacity:.4;cursor:default}.velho-maara-otsikko{color:var(--text-secondary);flex:0 0 52px;font-size:.8125rem;font-weight:600}.velho-teho{color:var(--text-secondary);font-variant-numeric:tabular-nums;margin:0}.velho-teho b{color:var(--text-primary);font-size:1.125rem}.velho-maara output{min-width:52px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.velho-maara output b{color:var(--text-primary);font-size:1.125rem}.velho-suunta{align-items:center;gap:18px;display:flex}.velho-suunta .ohje{margin:4px 0 0;display:block}.velho-suunta-nimi{font-family:var(--fontti-otsikot);margin:0;font-size:1.375rem;font-weight:700}.kompassi{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;flex:none;width:168px;height:168px}.kompassi:active{cursor:grabbing}.kompassi-pohja{fill:var(--surface-2);stroke:var(--border)}.kompassi-sektori{opacity:.32;stroke:var(--surface-1);stroke-width:2px;cursor:pointer;transition:opacity .2s}.kompassi-sektori:hover{opacity:.55}.kompassi-sektori.valittu{opacity:.95}.kompassi-sektori:focus{outline:none}.kompassi-sektori:focus-visible{stroke:var(--accent);stroke-width:3px}.kompassi-viiva{stroke:var(--text-muted);stroke-width:.8px;pointer-events:none}.kompassi-kirjain{fill:var(--text-primary);font-family:var(--fontti-otsikot);pointer-events:none;font-size:13px;font-weight:700}.kompassi-talo{transform-box:view-box;transform-origin:100px 100px;pointer-events:none;transition:transform .45s cubic-bezier(.34,1.4,.64,1)}.kompassi-katto{fill:#3b4049}.kompassi-lape{fill:var(--navy);stroke:#c9d1db;stroke-width:1px}.kompassi-kennot{stroke:#fff;stroke-opacity:.35;stroke-width:.8px}.kompassi-harja{stroke:#262a31;stroke-width:2.5px;stroke-linecap:round}.kompassi-neulavarsi{stroke:var(--kulta);stroke-width:3px;stroke-linecap:round}.kompassi-neula{fill:var(--kulta);stroke:var(--navy-tumma);stroke-width:1px;stroke-linejoin:round}@media (width<=480px){.velho-suunta{text-align:center;flex-direction:column}}.velho-napit{justify-content:space-between;margin-top:14px;display:flex}button.ensisijainen{background:var(--kulta);color:var(--navy-tumma);cursor:pointer;border:0;border-radius:8px;padding:8px 18px;font-size:.9375rem;font-weight:700}button.ensisijainen:hover{background:color-mix(in srgb, var(--kulta) 85%, #fff)}@media (width>=1001px){.velho.paljastettu .velho-suunta{text-align:center;flex-direction:column}}@media (width<=1000px){.velho.paljastettu{grid-template-columns:minmax(0,1fr)}.velho-info.kuvassa{display:none}.velho-info.alla{display:grid}.velho.paljastettu .velho-sisalto{height:auto;overflow:visible}.velho.paljastettu .velho-kuva{aspect-ratio:1264/700;height:auto;position:relative;top:auto}.velho.paljastettu .velho-sisalto{border-left:0;border-top:1px solid var(--border);padding:16px}}.velho-karuselli{margin:0 -16px;padding:0 16px;overflow:hidden}.velho-askeleet{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0 0 12px;padding:0;list-style:none;display:grid}.velho-askeleet button{border:0;border-bottom:3px solid var(--border);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;flex-direction:column;align-items:center;gap:4px;padding:4px 0 8px;font-size:.75rem;font-weight:600;display:flex}.velho-askeleet button.tehty{border-bottom-color:color-mix(in srgb, var(--kulta) 45%, var(--border))}.velho-askeleet button.nykyinen{border-bottom-color:var(--kulta);color:var(--text-primary)}.velho-askeleet button.nykyinen .velho-haitari-numero{background:var(--kulta);color:var(--navy-tumma)}.velho-askeleet button.tehty .velho-haitari-numero{background:var(--navy);color:#fff}.velho-rata{align-items:flex-start;transition:transform .35s cubic-bezier(.22,.61,.36,1),height .35s cubic-bezier(.22,.61,.36,1);display:flex}.velho-dia{flex:0 0 100%;min-width:0;padding:0 2px 4px;transition:opacity .35s}.velho-dia[inert]{opacity:.35}.velho-dia-kortti{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);box-shadow:var(--shadow);padding:16px}@media (width<=760px){.velho.paljastettu .velho-kuva{aspect-ratio:auto;height:min(118vw,64svh)}.velho.paljastettu .velho-sisalto{gap:12px}.velho-info.kuvassa{width:auto;max-height:calc(100% - 70px);display:grid;bottom:10px;left:10px;right:10px;overflow-y:auto;transform:none}.velho-info.kuvassa h3{font-size:.9375rem}.velho-info.kuvassa p{font-size:.8125rem}}@media (prefers-reduced-motion:reduce){.velho-rata,.velho-dia{transition:none}.maisema,.maisema *,.m-akusto{transition:none!important}.m-ylivuoto{animation:none}.lumisade{display:none}.m-kuva,.m-maski,.m-aurinko{transition:none!important}}