.ov-esik{cursor:pointer;text-align:left;color:var(--color-sininen);font:inherit;background:0 0;border:0;align-items:center;gap:10px;min-height:44px;padding:4px 0;display:flex}.ov-kuva{border:1px solid var(--color-arkin-reuna);background:var(--color-paperi);border-radius:3px;flex:none;width:96px;height:60px;position:relative;overflow:hidden}.ov-kuva img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.ov-kuva:after{content:"";background:var(--color-sininen) url("data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22><path d=%22M9 6.5v11l9-5.5z%22 fill=%22white%22/></svg>") center/16px no-repeat;border-radius:50%;width:26px;height:26px;margin:auto;position:absolute;inset:0}.ov-teksti b{text-underline-offset:2px;font-size:14px;font-weight:600;text-decoration:underline;display:block}.ov-teksti small{color:var(--color-muste-2);font-size:12px;display:block}[data-mitta=otsikkokortti]{position:relative}.ov-paikka{margin-left:auto}.ov-paikka .ov-esik{min-height:44px;padding:0}.ov-paikka .ov-kuva{width:72px;height:45px}@media (max-width:639px){.ov-paikka{flex-basis:100%;margin-left:0}}dialog.ov-ikkuna{background:var(--color-paperi);width:min(1400px,100vw - 16px);max-height:calc(100dvh - 16px);color:var(--color-muste);border:0;border-radius:3px;margin:auto;padding:0;overflow:auto}dialog.ov-ikkuna[open]{grid-template-columns:minmax(0,1fr);grid-template-areas:"paa""video""ohjaus""vastuu""osat""vastine";display:grid}.ov-paa{border-bottom:1px solid var(--color-arkin-reuna);box-sizing:border-box;grid-area:paa;grid-template-columns:minmax(0,1fr);grid-auto-columns:auto;grid-auto-flow:column;align-items:center;gap:12px;height:max-content;min-height:52px;padding:4px 8px 4px 16px;display:grid}.ov-paa h2{min-width:0;font:700 18px/1.3 var(--font-funnel-display,Arial);color:var(--color-otsikko);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-hyphenate-limit-before:6;-webkit-hyphenate-limit-after:6;hyphenate-limit-chars:16 6 6;flex:auto;margin:0;border-bottom:0!important;padding-bottom:0!important}.ov-osiin{display:none}.ov-sulje,.ov-osiin{border:1px solid var(--color-arkin-reuna);background:var(--color-paperi);min-width:44px;min-height:44px;font:inherit;color:var(--color-otsikko);cursor:pointer;border-radius:8px;flex:none;padding:0 12px}.ov-video{background:var(--color-pohja);max-width:100%;height:auto;width:min(100%, calc((100dvh - 16px - 52px - 72px - 58px) * var(--ov-suhde)));grid-area:video;justify-self:center;display:block}.ov-ohjaus{flex-wrap:wrap;grid-area:ohjaus;align-items:center;gap:8px;padding:8px 16px;display:flex}.ov-edistys{flex:1 0 100%;gap:3px;display:flex}.ov-ohjaus .ov-tauko{margin-left:auto}.ov-edistys i{background:var(--color-arkin-reuna);border-radius:2px;height:4px;display:block;overflow:hidden}.ov-edistys b{background:var(--color-yo);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.ov-nyt{min-width:0;font:600 16px/1.3 var(--font-funnel-sans,Arial);color:var(--color-otsikko);flex:10rem;align-items:baseline;gap:10px;margin:0;display:flex}.ov-nyt .ov-nro{color:var(--color-muste-2);font-variant-numeric:tabular-nums;flex:none;font-size:14px;font-weight:500}.ov-nyt .ov-nyt-nimi{text-wrap:balance}.ov-tauko,.ov-koko,.ov-aani{border:1px solid var(--color-ohjain-reuna);width:44px;height:44px;color:var(--color-yo);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.ov-tauko:focus-visible,.ov-koko:focus-visible,.ov-aani:focus-visible{outline:2px solid var(--color-yo);outline-offset:2px}.ov-piilo{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ov-ikoni{fill:currentColor;width:18px;height:18px;display:block}.ov-ikoni>*{display:none}.ov-tauko[data-tila=pysayta] .ik-pysayta,.ov-tauko[data-tila=jatka] .ik-jatka,.ov-tauko[data-tila=toista] .ik-toista,.ov-koko .ik-koko,.ov-aani[data-tila=paalla] .ik-aani,.ov-aani[data-tila=pois] .ik-mykka{display:inline}.ov-koko[aria-pressed=true] .ik-koko{display:none}.ov-koko[aria-pressed=true] .ik-pois{display:inline}@media (hover:hover) and (pointer:fine){.ov-tauko:hover,.ov-koko:hover,.ov-aani:hover{border-color:var(--color-yo)}}.ov-video{cursor:pointer}.ov-lopetus{z-index:1;text-align:center;grid-area:video;place-items:center;padding:16px;display:grid;position:relative}.ov-lopetus:before,.ov-lopetus:after{content:"";pointer-events:none;position:absolute;inset:0}.ov-lopetus:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ov-lopetus:after{background:var(--color-paperi);opacity:.72}.ov-lopetus[hidden]{display:none}.ov-loppu{z-index:1;justify-items:center;gap:20px;max-width:34rem;animation:.4s cubic-bezier(.4,0,.2,1) .15s backwards ov-esiin;display:grid;position:relative}@keyframes ov-esiin{0%{opacity:0;transform:scale(.96)}}.ov-lopputeksti{font:700 24px/1.25 var(--font-funnel-display,Arial);letter-spacing:-.01em;color:var(--color-otsikko);text-wrap:balance;margin:0}.ov-loppunapit{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.ov-uudelleen,.ov-suljevideo{background:var(--color-paperi);min-height:52px;color:var(--color-yo);border:1px solid var(--color-ohjain-reuna);box-shadow:0 18px 40px var(--color-varjo-valikko);font:600 18px/1.2 var(--font-funnel-sans,Arial);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:12px 24px;display:inline-flex}.ov-uudelleen{padding-left:20px}.ov-uudelleen svg{flex:none;width:22px;height:22px}.ov-uudelleen:focus-visible,.ov-suljevideo:focus-visible{outline:2px solid var(--color-yo);outline-offset:3px}@media (hover:hover) and (pointer:fine){.ov-uudelleen:hover,.ov-suljevideo:hover{border-color:var(--color-yo)}}@media (max-width:639px),(orientation:landscape) and (max-height:500px){.ov-loppu{gap:14px}.ov-lopputeksti{font-size:20px}.ov-uudelleen,.ov-suljevideo{min-height:48px;padding:10px 18px;font-size:16px}.ov-uudelleen{padding-left:14px}}@media (prefers-reduced-motion:reduce){.ov-lopetus:before{-webkit-backdrop-filter:none;backdrop-filter:none}.ov-lopetus:after{opacity:.94}.ov-loppu{animation:none}}dialog.ov-ikkuna:fullscreen{border-radius:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh}dialog.ov-ikkuna:fullscreen[open]{grid-template:"video"1fr"ohjaus"/minmax(0,1fr)}dialog.ov-ikkuna:fullscreen>:not(.ov-video,.ov-ohjaus,.ov-lopetus){display:none}dialog.ov-ikkuna:fullscreen .ov-video{width:min(100%, calc((100vh - 72px) * var(--ov-suhde)));align-self:center}.ov-ai{font:500 14px/1.3 var(--font-funnel-sans,Arial);color:var(--color-muste-2);flex:0 auto;margin:0}.ov-ai+.ov-tauko{margin-left:0}@media (max-width:639px),(orientation:landscape) and (max-height:500px){.ov-ai{flex-basis:100%;order:-1}}.ov-vastuu{color:var(--color-muste-2);border-top:1px solid var(--color-arkin-reuna);grid-area:vastuu;margin:0;padding:10px 16px;font-size:14px;line-height:1.4}.ov-osat{border-top:1px solid var(--color-arkin-reuna);grid-area:osat;padding:8px 16px 12px}.ov-osat h3{font:600 16px/1.3 var(--font-funnel-sans,Arial);color:var(--color-otsikko);margin:6px 0 4px}.ov-osat ol{margin:0;padding:0;list-style:none}.ov-osat li+li{border-top:1px solid var(--color-viiva)}.ov-osa{box-sizing:border-box;text-align:left;width:calc(100% + 16px);min-height:44px;font:500 16px/1.35 var(--font-funnel-sans,Arial);color:var(--color-muste);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:baseline;gap:12px;margin:0 -8px;padding:10px 8px;display:flex}.ov-osa .ov-nimi{text-wrap:pretty}.ov-osa .ov-aika{color:var(--color-muste-2);font-variant-numeric:tabular-nums;flex:none;font-size:14px}.ov-osa[aria-current=true]{background:var(--color-pinta);box-shadow:inset 3px 0 0 var(--color-sininen);color:var(--color-otsikko);font-weight:600}@media (hover:hover) and (pointer:fine){.ov-osa:hover{color:var(--color-sininen-hover)}.ov-osa:hover .ov-nimi{text-underline-offset:3px;text-decoration:underline}}.ov-osa:focus-visible{outline:2px solid var(--color-sininen);outline-offset:-2px}.ov-sulje:focus-visible,.ov-osiin:focus-visible,.ov-vastine summary:focus-visible{outline:2px solid var(--color-sininen);outline-offset:2px}.ov-vastine{border-top:1px solid var(--color-arkin-reuna);grid-area:vastine;padding:10px 16px 16px;font-size:15px;line-height:1.55}.ov-vastine summary{cursor:pointer;color:var(--color-sininen);min-height:28px;text-decoration:underline}.ov-vastine h3{margin:1em 0 0;font-size:15px}.ov-vastine p{max-width:68ch;margin:.4em 0 0}@media (min-width:900px){dialog.ov-ikkuna[open]{grid-template:"paa paa""video osat""ohjaus osat""vastuu vastine"1fr/minmax(0,1fr) clamp(13rem,20vw,17rem)}.ov-osat{border-top:0;border-left:1px solid var(--color-arkin-reuna)}.ov-vastine{border-left:1px solid var(--color-arkin-reuna);padding-top:10px}}@media (max-width:639px){dialog.ov-ikkuna{border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}dialog.ov-ikkuna[open]{align-content:start}.ov-video{width:min(100%, calc((100dvh - var(--ov-paa-h,52px) - var(--ov-ohjaus-h,96px) - 4px) * var(--ov-suhde)))}.ov-paa h2{font-size:16px}.ov-osiin{margin-left:auto;display:block}.ov-paa{padding-top:2px;padding-bottom:2px}.ov-ohjaus{padding-top:6px}}@media (orientation:landscape) and (max-height:500px){dialog.ov-ikkuna{border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}dialog.ov-ikkuna[open]{grid-template:"video paa""video ohjaus""video vastuu""video osat""video vastine"1fr/auto minmax(0,1fr)}.ov-video{align-self:start;width:auto;max-width:calc(100vw - 200px);height:100dvh;position:sticky;top:0}.ov-lopetus{box-sizing:border-box;align-self:start;height:100dvh;position:sticky;top:0}.ov-paa{padding-left:12px}.ov-paa h2{font-size:16px}.ov-osat{border-left:0}}.ov-jaa{border:1px solid var(--color-arkin-reuna);background:var(--color-paperi);min-width:44px;min-height:44px;font:inherit;color:var(--color-otsikko);cursor:pointer;white-space:nowrap;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.ov-jaa .ov-ikoni{fill:none}.ov-jaa .ik-jaa,.ov-jaa[data-tila=kopioitu] .ik-kopioitu{display:inline}.ov-jaa[data-tila=kopioitu] .ik-jaa{display:none}.ov-jaa:focus-visible{outline:2px solid var(--color-sininen);outline-offset:2px}@media (hover:hover) and (pointer:fine){.ov-jaa:hover{border-color:var(--color-yo)}}.ov-jakovirhe{color:var(--color-muste-2);flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font-size:14px;display:flex}.ov-jakovirhe input{border:1px solid var(--color-arkin-reuna);min-width:0;min-height:36px;font:400 16px/1 var(--font-funnel-sans,Arial);color:var(--color-muste);background:var(--color-paperi);border-radius:6px;flex:16rem;padding:0 8px}.ov-paa>:not(.ov-jakovirhe){grid-row:1}.ov-paa>.ov-jakovirhe{grid-area:2/1/auto/span 3;margin-bottom:6px}@media (max-width:639px){.ov-paa>.ov-jakovirhe{grid-column:1/span 4}}@media (max-width:639px),(orientation:landscape) and (max-height:500px){.ov-paa .ov-jaa{width:44px;padding:0}.ov-paa .ov-jaa-nimi{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.ov-pallo,.ov-valahdys{z-index:1;pointer-events:none;background:var(--color-sininen) url("data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22><path d=%22M9 6.5v11l9-5.5z%22 fill=%22white%22/></svg>") 55% 50%/36px no-repeat;width:72px;height:72px;box-shadow:0 0 0 4px var(--color-huntu);border-radius:50%;grid-area:video;place-self:center;animation:.2s ease-out .15s backwards ov-pallo}@keyframes ov-pallo{0%{opacity:0;transform:scale(.9)}}.ov-valahdys{animation:.5s ease-out forwards ov-valahdys}@keyframes ov-valahdys{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@media (max-width:639px){.ov-pallo,.ov-valahdys{background-size:30px;width:60px;height:60px}}@media (prefers-reduced-motion:reduce){.ov-pallo{animation:none}.ov-valahdys{display:none}}dialog.ov-ikkuna:fullscreen .ov-pallo,dialog.ov-ikkuna:fullscreen .ov-valahdys{display:block}@media (prefers-reduced-motion:reduce){dialog.ov-ikkuna:fullscreen .ov-valahdys{display:none}}
