/* Runko: vain toiminnalliset perustyylit. Ulkoasu tulee lapsiteemasta. */
.skip-link{position:absolute;left:-9999px;top:8px;z-index:200;background:#000;color:#fff;padding:10px 16px}
.skip-link:focus{left:16px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.faq-item summary{list-style:none;cursor:pointer}
.faq-item summary::-webkit-details-marker{display:none}
.icon{flex-shrink:0}
/* Kuvapankin (Unsplash) kuvamaininta alatunnisteen alalaidassa: pieni ja hienovarainen, perii alatunnisteen värit. */
.silta-kuvat{clear:both;flex:1 1 100%;grid-column:1/-1;width:100%;box-sizing:border-box;margin:0;padding:10px 16px 14px;font-size:11.5px;line-height:1.5;text-align:center;opacity:.7}
.silta-kuvat a,.img-credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.silta-kuvat a:hover,.silta-kuvat a:focus-visible{opacity:1}

/* Animaatiot (inc/animaatiot.php): piilossa vain, kun head-skripti on lisännyt .silta-anim-luokan. */
.silta-anim [data-animaatio]:not(.silta-nakyy):not([data-animaatio="porrastus"]):not([data-animaatio="laskuri"]):not([data-animaatio="parallaksi"]):not([data-animaatio="piirto"]){opacity:0}
.silta-anim [data-animaatio="piirto"]:not(.silta-nakyy){visibility:hidden}
.silta-anim [data-animaatio="porrastus"]:not(.silta-nakyy)>*{opacity:0}
.silta-sana{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.silta-sana>span{display:inline-block}

/* Lomakepalikka (inc/lomakkeet.php): valinnat ja rastit omille riveilleen, rasti ei veny lapsiteeman .field input -leveyteen. */
.silta-lomake .valinnat{display:grid;gap:8px;margin:0;padding:0;border:0;min-width:0}
.silta-lomake .valinnat legend{padding:0;margin-bottom:7px}
.silta-lomake .valinta{display:flex;gap:10px;align-items:flex-start;font-weight:400;cursor:pointer}
.silta-lomake .valinta input[type]{width:auto;flex:none;margin:.25em 0 0;padding:0}
.silta-lomake select{width:100%;max-width:100%;font:inherit}
.silta-lomake .field-virhe{margin:0;font-size:14px;color:#b42318}