:root{--reuna: #e4e7ec;--reuna-tumma: #d0d5dd;--teksti: #1f2937;--teksti-2: #4b5563;--himmea: #6b7280;--tausta: #f5f6f8;--paneeli: #ffffff;--brand: #2563eb;--brand-tumma: #1d4ed8;--brand-pehmea: #eef2ff;--vaara: #dc2626;--vaara-pehmea: #fef2f2;--ok: #16a34a;--rad: 8px;--varjo: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .05)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:14px;line-height:1.5;color:var(--teksti);background:var(--tausta);-webkit-font-smoothing:antialiased}h1{font-size:1.35rem;margin:0 0 .4rem;letter-spacing:-.01em}h2{font-size:1.15rem;margin:0 0 .4rem}h3{font-size:.95rem}a{color:var(--brand)}.app-header{--palkki: #1e293b;--palkki-viiva: #0f172a;--palkki-teksti: #f8fafc;--palkki-teksti-2: #cbd5e1;--palkki-himmea: #94a3b8;--palkki-hover: rgba(255, 255, 255, .1);--palkki-aktiivi: rgba(255, 255, 255, .18);--palkki-reuna: rgba(255, 255, 255, .4);display:flex;align-items:center;gap:12px;padding:0 20px;height:52px;background:var(--palkki);border-bottom:1px solid var(--palkki-viiva);position:sticky;top:0;z-index:30}.app-brand{font-weight:700;color:var(--palkki-teksti);letter-spacing:-.01em;text-decoration:none;white-space:nowrap}.app-brand .pilvi{color:var(--palkki-himmea);font-weight:500}.app-header .spacer{margin-left:auto}.app-user{color:var(--palkki-himmea);font-size:.85rem}.app-main{padding:18px 20px 48px}.page{max-width:1500px;margin:0 auto}.page-narrow{max-width:880px;margin:0 auto}.panel{background:var(--paneeli);border:1px solid var(--reuna);border-radius:var(--rad);box-shadow:var(--varjo)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:.86rem;line-height:1.1;padding:7px 13px;border-radius:7px;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}.btn:disabled{opacity:.5;cursor:not-allowed}a.btn{text-decoration:none}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn-primary:hover{background:var(--brand-tumma);border-color:var(--brand-tumma)}.btn-secondary{background:#fff;color:var(--teksti-2);border-color:var(--reuna-tumma)}.btn-secondary:hover{background:#f5f7fa}.btn-danger{background:#fff;color:var(--vaara);border-color:#fecaca}.btn-danger:hover{background:var(--vaara-pehmea)}.btn-sm{padding:4px 9px;font-size:.8rem;border-radius:6px}@media(max-width:880px){.btn-sm{padding:13px}}.link-btn,.btn-subtle{background:none;border:none;padding:4px 6px;margin:0;color:var(--brand);cursor:pointer;font:inherit;font-size:.85rem;white-space:nowrap;border-radius:6px}.link-btn:hover,.btn-subtle:hover{background:var(--brand-pehmea)}.badge{display:inline-block;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#4338ca;background:var(--brand-pehmea);padding:2px 8px;border-radius:999px;white-space:nowrap}.muted{color:var(--himmea)}.badge-hillitty{color:var(--teksti-2);background:#eef0f3}.mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.82rem;letter-spacing:-.01em}.osio{border-top:1px solid #eee;margin-top:1rem;padding-top:.6rem}.osio-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:.3rem 0 .6rem}.osio-head h2,.osio-head h3,.osio-head h4{display:flex;align-items:center;gap:7px;font-size:.95rem;margin:0}.osio-head h2{font-size:1.02rem}.osio-head h4{font-size:.88rem}.osio-head h2 .icon,.osio-head h3 .icon,.osio-head h4 .icon{color:var(--himmea)}.osio-lkm{font-size:.75rem;font-weight:500;color:var(--himmea);background:#eef0f3;border-radius:999px;padding:1px 8px}.osio-toiminnot{display:flex;align-items:center;gap:6px;margin-left:auto}.sect{border-top:1px solid #eee;margin-top:1rem;padding-top:.6rem}.sect h3{font-size:.95rem;margin:.3rem 0 .6rem}.sect-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.sect-head h3{margin:0;flex:1;display:flex;align-items:center;gap:7px}.sect-head h3 .icon{color:var(--himmea)}.lkm{color:#9ca3af;font-weight:400;font-size:.85rem}.muokkaus-napit{display:flex;gap:8px;margin-top:.6rem}.tietolista{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 14px;margin:.4rem 0 0}.tietolista dt{color:var(--teksti-2);font-size:.85rem}.tietolista dd{margin:0;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.faktalista{display:grid;grid-template-columns:fit-content(30%) minmax(0,1fr);gap:7px 18px;margin:.2rem 0 0}.faktalista[hidden]{display:none}.faktalista dt{color:var(--teksti-2);font-size:.85rem;overflow-wrap:anywhere}.faktalista dd{margin:0;min-width:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}@media(max-width:880px){.faktalista{grid-template-columns:minmax(0,1fr);gap:0}.faktalista dt{margin-top:10px}.faktalista dt:first-child{margin-top:0}.faktalista dd{margin-top:1px}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:none;border:1px solid transparent;border-radius:6px;color:var(--himmea);cursor:pointer;flex-shrink:0}.icon-btn:hover{background:#f1f3f5;color:var(--teksti);border-color:var(--reuna)}.icon-btn.danger:hover{color:var(--vaara);background:var(--vaara-pehmea);border-color:#fecaca}button:focus-visible,a:focus-visible,.icon-btn:focus-visible,.chevron:focus-visible,[role=button]:focus-visible{outline:2px solid var(--brand);outline-offset:1px}input,select,textarea{font:inherit}.input,input[type=text].input,input[type=search].input{padding:7px 9px;border:1px solid var(--reuna-tumma);border-radius:6px;background:#fff}.app-nav.svelte-12qhfyh{display:flex;gap:4px}.app-nav.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--palkki-teksti-2);text-decoration:none;font-size:.86rem;padding:5px 10px;border-radius:999px;white-space:nowrap}.app-nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{background:var(--palkki-hover);color:var(--palkki-teksti)}.app-nav.svelte-12qhfyh a[aria-current=page]:where(.svelte-12qhfyh){background:var(--palkki-aktiivi);color:var(--palkki-teksti);font-weight:600}.app-header.svelte-12qhfyh .btn-secondary:where(.svelte-12qhfyh){background:transparent;color:#e2e8f0;border-color:var(--palkki-reuna)}.app-header.svelte-12qhfyh .btn-secondary:where(.svelte-12qhfyh):hover{background:var(--palkki-hover);color:var(--palkki-teksti)}.app-header.svelte-12qhfyh a:where(.svelte-12qhfyh):focus-visible,.app-header.svelte-12qhfyh button:where(.svelte-12qhfyh):focus-visible{outline:2px solid var(--palkki-teksti);outline-offset:2px}.app-header.svelte-12qhfyh .app-user:where(.svelte-12qhfyh){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:560px){.app-header.svelte-12qhfyh .app-user:where(.svelte-12qhfyh){display:none}.app-header.svelte-12qhfyh{flex-wrap:wrap;height:auto;min-height:52px;padding:6px 12px;gap:6px;row-gap:2px}.app-nav.svelte-12qhfyh{order:4;width:100%}}@media(max-width:399.98px){.app-brand.svelte-12qhfyh .pilvi:where(.svelte-12qhfyh){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media(forced-colors:active){.app-nav.svelte-12qhfyh a[aria-current=page]:where(.svelte-12qhfyh):not(:focus-visible){outline:1px solid CanvasText;outline-offset:-1px}}