:root{--liukuvari-alku: #e58a1f;--liukuvari-loppu: #9d8e85;--korostevari: #e58a1f;--tausta: #1a1a1a;--teksti: #e0e0e0;--teksti-himea: #999;--pinta: rgba(26, 26, 26, .85);--pinta-solid: #2d2d2d;--reuna: #333;--bg-modal: rgba(26, 26, 26, .98);--otsikko-fontti: "arsenica-variable", Georgia, serif;--nav-fontti: "guyot-headline", "Helvetica Neue", sans-serif;--leipateksti-fontti: "source-serif-4", Georgia, serif;--mono-fontti: "Courier New", Courier, monospace;--sisalto-max: 925px;--padding: 20px;--nav-korkeus: 60px;--nopea: .2s ease;--normaali: .3s ease}[data-osio=valokuvat],[data-osio=kasittely],[data-osio=haat]{--tausta: #ffffff;--teksti: #1a1a1a;--teksti-himea: #666;--pinta: rgba(255, 255, 255, .9);--pinta-solid: #f5f5f5;--reuna: #e0e0e0}[data-osio=koodi]{--tausta: #111111;--teksti: #e0e0e0}[data-osio=whois],[data-osio=whoami]{--tausta: #e58a1f;--teksti: #1a1a1a;--teksti-himea: #5a3a00;--korostevari: #1a1a1a}[data-osio=docs]{--tausta: #1a1a1a;--teksti: #e0e0e0}[data-osio=docs] .site-logo,[data-osio=docs] .site-logo-nimi,[data-osio=docs] .site-logo-osio{background:linear-gradient(to right,var(--liukuvari-alku),var(--liukuvari-loppu));-webkit-background-clip:text;background-clip:text;color:transparent}[data-osio=docs] .site-logo-ikoni{background:none;-webkit-background-clip:initial;background-clip:initial;color:initial}[data-osio=journal]{--tausta: #111111;--teksti: #f0ead6}.dark-toggle{background:none;border:none;cursor:pointer;padding:0;color:var(--teksti-himea);transition:color .2s;display:flex;align-items:center;line-height:1}.dark-toggle:hover{color:var(--teksti)}.dark-toggle.active{color:var(--ikoni-vari)}[data-osio=kasittely].dark-mode{--tausta: #2b99ff;--teksti: #ffffff;--teksti-himea: rgba(255, 255, 255, .65);--pinta: rgba(43, 153, 255, .95);--pinta-solid: #1a80d6;--reuna: rgba(255, 255, 255, .25);--bg-modal: rgba(10, 50, 100, .98)}[data-osio=valokuvat].dark-mode{--tausta: #e5940a;--teksti: #ffffff;--teksti-himea: rgba(255, 255, 255, .65);--pinta: rgba(229, 148, 10, .95);--pinta-solid: #c07a00;--reuna: rgba(255, 255, 255, .25);--bg-modal: rgba(60, 30, 0, .98)}[data-osio=misc].dark-mode{--tausta: #b0a820;--teksti: #ffffff;--teksti-himea: rgba(255, 255, 255, .65);--pinta: rgba(176, 168, 32, .95);--pinta-solid: #8a8418;--reuna: rgba(255, 255, 255, .25)}.dark-mode .site-logo-ikoni{color:#fff}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--leipateksti-fontti);font-weight:400;line-height:1.6;color:var(--teksti);background-color:var(--tausta);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:var(--korostevari);text-decoration:none;transition:all var(--normaali)}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:var(--otsikko-fontti);font-weight:400;word-wrap:break-word;background:linear-gradient(to right,var(--liukuvari-alku),var(--liukuvari-loppu));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2}h1{font-size:2.5em;margin:.5em 0 .3em}h2{font-size:2em;margin:1em 0 .3em}h3{font-size:1.7em;margin:1.5em 0 .3em}:root{--logo-top: 20px;--logo-left: calc(10% + 1.5rem) }.site-logo{position:fixed;top:calc(var(--logo-top) + 1.2rem);left:var(--logo-left);z-index:950;font-family:var(--otsikko-fontti);font-size:60px;font-weight:400;line-height:1.1;color:var(--teksti);text-decoration:none;white-space:nowrap;margin:0;transition:none}.site-logo.no-transition,.nav-alalinkit.no-transition{transition:none!important}a.site-logo:hover{text-decoration:underline;text-underline-offset:6px}.site-logo-nimi{color:inherit;text-decoration:none}.site-logo-nimi:hover{text-decoration:underline;text-underline-offset:6px}.site-logo-ikoni{font-family:karmina,utopia-std,serif;margin:0 .1em;font-size:1em;font-weight:400;vertical-align:baseline}[data-osio=valokuvat]{--ikoni-vari: rgba(255, 158, 0, .94)}[data-osio=kasittely]{--ikoni-vari: rgba(43, 153, 255, .82)}[data-osio=koodi],[data-osio=misc]{--ikoni-vari: rgba(202, 195, 54, .82)}[data-osio=docs]{--ikoni-vari: rgba(200, 200, 200, .71)}[data-osio=whoami]{--ikoni-vari: rgba(255, 43, 209, .82)}[data-osio=haat]{--ikoni-vari: rgba(200, 200, 200, .71);--tausta: #111;--teksti: #e0e0e0;--teksti-himea: #666}[data-osio=cv]{--ikoni-vari: rgba(255, 43, 209, .82)}.site-logo-ikoni{color:var(--ikoni-vari)}.site-logo-osio{font-family:karmina,utopia-std,serif;font-size:1em;font-weight:400;vertical-align:baseline;color:var(--teksti);text-decoration:none}a.site-logo-osio:hover{text-decoration:underline;text-underline-offset:4px}.site-logo.smaller{font-size:42px;top:8px}.site-logo.smaller .site-logo-osio{display:none}.nav-takaisin{position:fixed;top:calc(var(--logo-top) + 1.2rem);left:calc(var(--logo-left) - 2rem);z-index:951;display:flex;align-items:center;height:66px;padding-top:8px;color:var(--teksti-himea);text-decoration:none;opacity:0;transition:opacity .2s ease,color .2s ease,transform .2s ease}.nav-takaisin:hover{color:var(--korostevari);text-decoration:none;opacity:1;transform:translate(-4px)}.nav-takaisin.smaller{top:8px;height:50px;padding-top:6px}.nav-alalinkit{position:fixed;top:calc(var(--logo-top) + 1.2rem + 66px + .2rem);left:var(--logo-left);z-index:951;display:flex;gap:.8em;font-family:karmina,utopia-std,serif;font-size:28px;transition:none}.nav-alalinkit.smaller{font-size:28px;top:10px;line-height:46px}.nav-alalinkki{color:var(--teksti-himea);text-decoration:none;transition:color .2s}.nav-alalinkki:hover{color:var(--teksti)}.nav-alalinkki.active{color:var(--teksti);text-decoration:underline;text-underline-offset:4px}.nav-tausta{position:fixed;top:0;left:0;right:0;height:calc(var(--logo-top) + 1.2rem + 66px + 28px + 1.5rem);background:var(--tausta);z-index:940;transition:none}.nav-tausta.smaller{height:calc(58px + .5rem);border-bottom:none}.nav-tausta.smaller:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:85%;height:2px;background:var(--ikoni-vari, var(--korostevari))}.nav-burger{display:none;position:fixed;top:15px;right:15px;z-index:960;background:none;border:none;cursor:pointer;padding:8px;width:44px;height:44px;flex-direction:column;justify-content:center;gap:5px}.nav-burger span{display:block;width:24px;height:2px;background:var(--teksti);transition:all .3s}.nav-burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-burger.open span:nth-child(2){opacity:0}.nav-burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-mobile-menu{display:none;position:fixed;inset:0;z-index:955;background:var(--tausta);flex-direction:column;justify-content:center;align-items:center;gap:1.5em;font-family:"karmina",var(--otsikko-fontti);font-size:2em;opacity:0;pointer-events:none;transition:opacity .3s}.nav-mobile-menu.open{display:flex;opacity:1;pointer-events:auto}.nav-mobile-menu a{color:var(--teksti);text-decoration:none;transition:color .2s}.nav-mobile-menu a:hover,.nav-mobile-menu a.active{color:var(--ikoni-vari, var(--korostevari));text-decoration:none}.nav{display:none}.nav-hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;margin-left:auto}.nav-hamburger span{display:block;width:24px;height:2px;background:var(--teksti);margin:5px 0;transition:all var(--nopea)}.nav-mobile{display:none;position:fixed;top:var(--nav-korkeus);left:0;right:0;bottom:0;z-index:899;background:var(--pinta);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:2em var(--padding);flex-direction:column;gap:1.5em;font-family:var(--nav-fontti);font-size:1.2em}.nav-mobile.show{display:flex}.nav-mobile a{color:var(--teksti);text-decoration:none;padding:.5em 0;border-bottom:1px solid var(--reuna)}.nav-mobile a:hover,.nav-mobile a.active{color:var(--korostevari)}.nav-kieli-toggle{font-size:.6em;opacity:.6;margin-left:.3em}.nav-kieli-toggle a{color:var(--teksti-himea);text-decoration:none;padding:0 2px;transition:color .2s}.nav-kieli-toggle a:hover,.nav-kieli-toggle a.active{color:var(--teksti)}.sisalto{max-width:var(--sisalto-max);margin:0;margin-left:var(--logo-left);padding:calc(var(--logo-top) + 1.2rem + 66px + 1.5rem + 60px) var(--padding) var(--padding)}[data-osio=valokuvat] .sisalto,[data-osio=kasittely] .sisalto,[data-osio=haat] .sisalto,[data-osio=valokuvat] .footer,[data-osio=kasittely] .footer,[data-osio=haat] .footer{max-width:85%;margin-left:var(--logo-left)}.pinta{background:var(--pinta);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:8px;padding:var(--padding)}.osio-info{max-width:650px;margin-bottom:2.5em}.osio-info p{font-family:source-serif-4,Georgia,serif;font-size:1.3em;line-height:1.7;color:var(--teksti);margin:0 0 .5em}.osio-info-meta{font-family:var(--nav-fontti);font-size:.85em!important;color:var(--teksti-himea)!important;font-style:italic}.footer{margin-top:2em;padding:1.5em 0;border-top:1px solid var(--ikoni-vari, var(--korostevari));font-family:var(--nav-fontti);font-size:.85em;color:var(--teksti-himea);display:flex;justify-content:space-between;align-items:center}.contact-modal{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background:#1a1a1af7;opacity:0;pointer-events:none;transition:opacity .25s ease;overflow-y:auto}.contact-modal.show{opacity:1;pointer-events:auto}.contact-modal-content{padding:8vh 5% 10vh}.contact-modal-sulje{position:fixed;top:20px;right:20px;font-size:48px;z-index:1001;background:none;border:none;color:#e0e0e0;cursor:pointer;min-width:48px;min-height:48px;line-height:1;transition:opacity .2s ease}.contact-modal-sulje:hover{opacity:.6}.contact-modal-inner{max-width:500px;margin:0 auto}.contact-modal-kuva{width:100%;max-width:360px;border-radius:4px;margin-bottom:1.5em}.contact-modal-otsikko{font-family:var(--otsikko-fontti);font-size:2em;background:linear-gradient(to right,var(--liukuvari-alku),var(--liukuvari-loppu));-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 .5em}.contact-modal-teksti{color:#e0e0e0;font-size:1em;line-height:1.7;margin:0 0 1em}.contact-modal-linkit{display:flex;flex-direction:column;gap:.8em;font-family:var(--nav-fontti);font-size:1.05em;margin:1.5em 0}.contact-modal-linkit a{color:#e0e0e0;text-decoration:none;display:flex;align-items:center;gap:.6em;transition:color .2s ease}.contact-modal-linkit a:hover{color:var(--korostevari);text-decoration:none}.contact-modal-linkit .cl{color:#999;font-size:.8em;min-width:80px}.contact-modal-viiva{width:60px;height:1px;background:linear-gradient(to right,var(--liukuvari-alku),var(--liukuvari-loppu));margin:1.5em 0}.contact-modal-cv{display:inline-flex;align-items:center;gap:.5em;font-family:var(--nav-fontti);font-size:1.1em;color:var(--korostevari);text-decoration:none;transition:all .3s ease}.contact-modal-cv:hover{text-decoration:none;transform:translate(4px)}@media(max-width:480px){.contact-modal-content{padding:5vh 5% 10vh}.contact-modal-sulje{font-size:36px;top:10px;right:10px}.contact-modal-otsikko{font-size:1.6em}}.toc-wrap{position:fixed;top:160px;width:250px;max-height:calc(100vh - 120px);display:flex;flex-direction:column}.toc{border-left:2px solid var(--reuna);padding-left:1em;overflow-y:auto;flex:1}.toc-otsikko{font-family:var(--mono-fontti);font-size:.85em;color:var(--teksti-himea);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.6em}.toc ul{list-style:none;padding:0;margin:0}.toc li{margin-bottom:.3em}.toc li.toc-h3{padding-left:1em}.toc a{font-size:.95em;color:var(--teksti-himea);text-decoration:none;font-family:var(--mono-fontti);line-height:1.5;display:block}.toc a:hover{color:var(--teksti)}.toc-napit{display:flex;gap:.5em;margin-top:1.5em}.docs-scroll-nappi{width:40px;height:40px;border-radius:50%;border:1px solid var(--reuna);background:var(--tausta);color:var(--teksti-himea);font-size:1.2em;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.docs-scroll-nappi:hover{border-color:var(--ikoni-vari, var(--korostevari));color:var(--ikoni-vari, var(--korostevari))}@media(max-width:900px){.toc-wrap{position:static!important;width:auto!important;max-height:none;margin-bottom:2em}.toc{border-left:none;border-top:1px solid var(--reuna);padding-left:0;padding-top:1em}.toc-napit{display:none}}@media(max-width:1024px){.sisalto{max-width:80%}}@media(max-width:768px){:root{--logo-left: 15px}.sisalto{margin-left:0;max-width:100%;padding:calc(var(--logo-top) + 36px + 30px + 1.5rem + 20px) 15px var(--padding)}[data-osio=valokuvat] .sisalto,[data-osio=kasittely] .sisalto,[data-osio=haat] .sisalto{margin-left:0;max-width:100%}.site-logo{font-size:36px;top:calc(var(--logo-top) + .5rem);left:var(--logo-left)}.site-logo.smaller{font-size:30px;top:6px}.nav-alalinkit{font-size:20px;top:calc(var(--logo-top) + .5rem + 40px + .2rem);left:var(--logo-left)}.nav-alalinkit.smaller{font-size:18px;top:8px;line-height:36px}.nav-tausta{height:calc(var(--logo-top) + .5rem + 40px + 24px + 1.2rem)}.nav-tausta.smaller{height:calc(44px + .5rem)}.nav-takaisin{top:calc(var(--logo-top) + .5rem);left:calc(var(--logo-left) - 1.5rem);height:40px;padding-top:4px}.nav-takaisin.smaller{top:6px;height:36px;padding-top:3px}.nav-alalinkit{display:none}.nav-burger{display:flex}.nav-tausta{height:calc(var(--logo-top) + .5rem + 40px + .5rem)}.sisalto{padding-top:calc(var(--logo-top) + 36px + 20px + 1rem)}h1{font-size:1.8em}h2{font-size:1.5em}h3{font-size:1.2em}.nav-links{display:none}.nav-hamburger{display:block}.footer{margin-left:0;max-width:100%;flex-direction:column;text-align:center;gap:.5em}[data-osio=valokuvat] .footer,[data-osio=kasittely] .footer,[data-osio=haat] .footer{margin-left:0;max-width:100%}.osio-info p{font-size:1.1em}}@media(max-width:480px){.sisalto{margin-left:0;max-width:100%;padding-left:10px;padding-right:10px}.site-logo{font-size:30px}.nav-alalinkit{font-size:17px;gap:.5em}}[data-kieli=en] [data-fi],[data-kieli=fi] [data-en]{display:none!important}:root:not([data-kieli]) [data-en]{display:none!important}[data-kieli=en] [data-fi-only]{display:none!important}