:root{--muste:#171520;--muste-2:#211e2d;--muste-raja:#332f42;--violetti:#6e5da5;--violetti-tumma:#4a3e75;--violetti-vaalea:#a794c6;--petrooli:#00677b;--petrooli-tumma:#004e5c;--turkoosi:#66c1bf;--koralli:#f28f86;--oranssi:#f9b761;--tausta:#f5f5f3;--pinta:#fff;--raja:#e0e0dc;--harmaa:#5c5b57;--harmaa-vaalea:#a8a7a1;--tumma-teksti:#d8d7d2;--tint-petrooli:#e3f0f2;--tint-violetti:#efebf7;--tint-neutraali:#e8e7e3;--varoitus:#b3453c;--otsikko:"Freeman", "Arial Black", system-ui, sans-serif;--leipa:"Rubik", system-ui, -apple-system, sans-serif;--kulma:3px}*{box-sizing:border-box}body{background:var(--tausta);color:var(--muste);font-family:var(--leipa);margin:0;font-size:15px;line-height:1.5}h1,h2{font-family:var(--otsikko);text-transform:uppercase;letter-spacing:.04em;font-weight:400;line-height:1.1}h1{margin:0 0 1.25rem;font-size:2rem}h1 small{font-family:var(--leipa);text-transform:none;letter-spacing:0;color:var(--harmaa);font-size:.85rem;font-weight:400}h2{color:var(--muste-2);margin:2rem 0 .75rem;font-size:1.1rem}a{color:var(--petrooli);text-decoration:none}a:hover{text-decoration:underline}.taulu{-webkit-overflow-scrolling:touch;background:linear-gradient(to right, var(--pinta) 40%, #fff0) left center / 28px 100% no-repeat local, linear-gradient(to left, var(--pinta) 40%, #fff0) right center / 28px 100% no-repeat local, radial-gradient(farthest-side at 0 50%, #17152029, #17152000) left center / 14px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, #17152029, #17152000) right center / 14px 100% no-repeat scroll, var(--pinta);border-radius:var(--kulma);max-width:100%;overflow-x:auto}.taulu table{background:0 0}.taulu.kortit td.kytkin,.taulu.kortit th.kytkin{display:none}@media (width<=700px){.taulu.kortit{background:0 0;overflow-x:visible}.taulu.kortit table{background:0 0;border:0;min-width:0;display:block}.taulu.kortit tbody{display:block}.taulu.kortit thead{display:none}.taulu.kortit tr{background:var(--pinta);border:1px solid var(--raja);border-radius:var(--kulma);margin-bottom:.6rem;padding:.6rem .75rem;display:block}.taulu.kortit td{text-align:left;white-space:normal;overflow-wrap:break-word;border:0;padding:.2rem 0 .45rem;display:block}.taulu.kortit td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.06em;color:var(--harmaa-vaalea);font-size:.72rem;display:block}.taulu.kortit td.toissijainen{display:none}.taulu.kortit tr[data-avattu="1"] td.toissijainen{display:block}.taulu.kortit tr td.kytkin{text-align:left;padding-top:.5rem;display:block}.taulu.kortit td.kytkin:before,.taulu.kortit td.toiminto:before{content:none}.taulu.kortit td.toiminto{text-align:left;padding-top:.4rem;display:block}.taulu.kortit td:first-child,.taulu.kortit th:first-child{background:0 0;border-right:0;max-width:none;position:static}.taulu.kortit td>a:only-child{margin-left:0;margin-right:0}}table{border-collapse:collapse;background:var(--pinta);border:1px solid var(--raja);border-radius:var(--kulma);width:100%}th{text-transform:uppercase;letter-spacing:.1em;color:var(--harmaa);background:var(--tint-neutraali);font-size:.7rem;font-weight:600}th,td{text-align:left;border-bottom:1px solid var(--raja);padding:.55rem .8rem}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--tint-violetti)}button{font-family:var(--leipa);text-transform:uppercase;letter-spacing:.1em;background:var(--violetti);color:#fff;border-radius:var(--kulma);cursor:pointer;border:none;padding:.6rem 1.1rem;font-size:.75rem;font-weight:600}button:hover{background:var(--violetti-tumma)}input,select{font-family:var(--leipa);border:1px solid var(--raja);border-radius:var(--kulma);background:var(--pinta);color:var(--muste);padding:.55rem .7rem;font-size:.95rem}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%235c5b57' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;padding-right:2rem}@media (width<=700px){main form:has(input:not([type=hidden]),select,textarea){flex-direction:column;align-items:stretch;gap:.5rem;display:flex}:is(main form:has(input:not([type=hidden]),select,textarea)>input,main form:has(input:not([type=hidden]),select,textarea)>select,main form:has(input:not([type=hidden]),select,textarea)>button){width:100%}}input:focus,select:focus{outline:2px solid var(--violetti-vaalea);outline-offset:1px;border-color:var(--violetti)}label{text-transform:uppercase;letter-spacing:.1em;color:var(--harmaa);flex-direction:column;gap:.3rem;font-size:.75rem;font-weight:600;display:flex}code{background:var(--tint-neutraali);border-radius:var(--kulma);padding:.1rem .35rem;font-size:.85em}.virhe{color:var(--varoitus);font-size:.85rem}.paljastus{background:var(--tint-violetti);border:1px solid var(--violetti-vaalea);border-left:4px solid var(--violetti);border-radius:var(--kulma);margin:1rem 0;padding:1rem 1.25rem}.paljastus>:first-child{margin-top:0}.paljastus>:last-child{margin-bottom:0}.paljastus pre{white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;background:var(--pinta);border:1px solid var(--raja);border-radius:var(--kulma);max-width:100%;margin:.75rem 0 0;padding:.6rem .75rem;font-size:.8rem;line-height:1.45}@media (width<=700px){body{font-size:16px}h1{margin-bottom:1rem;font-size:1.5rem}h2{margin-top:1.5rem;font-size:1rem}.taulu table{min-width:34rem}.taulu td:first-child,.taulu th:first-child{z-index:1;background:var(--pinta);border-right:1px solid var(--raja);position:sticky;left:0}.taulu th:first-child{background:var(--tint-neutraali)}.taulu td{white-space:nowrap}.taulu td:first-child{white-space:normal;max-width:11rem}th,td{padding:.5rem .6rem}th{white-space:nowrap}.taulu td>a:only-child{margin:-.5rem -.6rem;padding:.5rem .6rem;display:block}}