:root{--nav-height: 48px;--brand: #3f8f78;--brand-light: #78c2ad;--font: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif}#observablehq-main{margin:0;padding:0;max-width:none}.navbar{position:fixed;inset:0 0 auto;height:var(--nav-height);z-index:1000;display:flex;align-items:center;gap:1rem;padding:0 16px;background:var(--brand-light);color:#fff;font:500 15px/1 var(--font);box-shadow:0 1px 4px #0003}.navbar .brand{display:flex;align-items:center;gap:.5rem;font-size:18px;font-weight:700;color:#fff;text-decoration:none;white-space:nowrap}.navbar .brand img{width:22px;height:22px;filter:brightness(0) invert(1)}.navbar .spacer{flex:1}.navbar a,.navbar button{color:#fff;text-decoration:none;white-space:nowrap}.navbar button{font:inherit;cursor:pointer;padding:6px 12px;border:1px solid rgba(255,255,255,.8);border-radius:6px;background:transparent}.navbar button:hover{background:#ffffff26}.navbar .count{opacity:.85;font-size:13px}@media(max-width:600px){.navbar .count,.navbar .external{display:none}}#map{position:fixed;inset:var(--nav-height) 0 0 0;z-index:0}.piste-popup{font:13px/1.45 var(--font);min-width:180px}.piste-popup strong{display:block;font-size:15px;margin-bottom:.25rem}.piste-popup .kuvaus{font-style:italic;margin:.4rem 0}.piste-popup dl{display:grid;grid-template-columns:auto 1fr;gap:0 .5rem;margin:.4rem 0 0}.piste-popup dt{color:#666}.piste-popup dd{margin:0}.piste-popup .links a+a{margin-left:.75rem}dialog.lisaa{width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 64px);padding:1.5rem;border:none;border-radius:10px;box-shadow:0 10px 40px #0000004d;font:15px/1.55 var(--font)}dialog.lisaa::backdrop{background:#0006}dialog.lisaa h2{margin-top:0}dialog.lisaa p{max-width:none}dialog.lisaa .sulje{position:absolute;top:.75rem;right:.75rem;border:none;background:none;font-size:24px;line-height:1;cursor:pointer;color:#666}dialog.lisaa .cta{display:inline-block;margin:.25rem 0 .75rem;padding:8px 16px;border-radius:6px;background:var(--brand);color:#fff;text-decoration:none}dialog.lisaa small{color:#666}dialog.lisaa a:not(.cta){color:var(--brand)}
