.o-sivu{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.o-sisalto{gap:var(--space-3);padding:var(--space-1) var(--space-4) var(--space-4);flex-direction:column;flex:1;display:flex}.o-otsake{padding:54px 20px var(--space-3);flex-direction:column;gap:2px;display:flex}.o-otsake>*{margin:0}.o-otsikko{font-family:var(--font-serif);color:var(--text);margin:0;font-size:36px;font-weight:300;line-height:1.1}.o-muted{color:var(--text-muted)}.o-card{background:var(--surface);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:18px 20px;display:flex}.o-card>*{margin:0}.o-card__otsikko{font-family:var(--font-serif);color:var(--text);margin:0;font-size:22px;font-weight:400}.o-tiedot{gap:var(--space-1);margin:0;display:grid}.o-tiedot dt{color:var(--text-muted);font-size:14px}.o-tiedot dd{margin:0 0 var(--space-2);color:var(--text);overflow-wrap:anywhere}.o-tiedot dd:last-child{margin-bottom:0}.o-kirjaudu{box-sizing:border-box;padding:72px var(--space-6) 40px;flex-direction:column;flex:1;justify-content:space-between;gap:28px;display:flex}.o-kirjaudu__otsake{flex-direction:column;gap:10px;display:flex}.o-kirjaudu__otsake>*{margin:0}.o-kirjaudu__ohje{font-size:17px;line-height:1.5}.o-kirjaudu__ala{text-align:center;justify-content:center;display:flex}.o-pino{flex-direction:column;gap:28px;display:flex}.o-lomake{gap:var(--space-4);flex-direction:column;max-width:none;display:flex}.o-lomake>.jp-caption{text-align:center;margin:0}.o-napit{gap:var(--space-3);flex-direction:column;display:flex}.o-erotin{align-items:center;gap:var(--space-3);color:var(--text-muted);margin:0;font-size:14px;display:flex}.o-erotin:before,.o-erotin:after{content:"";background:var(--line);flex:1;height:1px}.o-pino .jp-alert{max-width:none;margin:0}.o-ghost{border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface);min-height:48px;color:var(--text);font:500 17px var(--font-sans);cursor:pointer;transition:border-color var(--duration-fast) var(--easing-standard);justify-content:center;align-items:center;gap:10px;padding:0 20px;text-decoration:none;display:inline-flex}.o-ghost:hover{border-color:var(--text)}.o-ghost:focus-visible{box-shadow:var(--focus-ring);outline:none}.o-ghost[disabled]{opacity:.45;cursor:not-allowed}.o-nav{border-top:1px solid var(--line);background:var(--surface);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:sticky;bottom:0}.o-nav a{justify-content:center;align-items:center;gap:var(--space-1);min-height:56px;padding:var(--space-2) var(--space-1);color:var(--text-muted);flex-direction:column;font-size:12px;font-weight:500;text-decoration:none;display:flex}.o-nav a.on{color:var(--text)}.o-nav a:focus-visible{box-shadow:var(--focus-ring);outline:none}.o-nav svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}