.blogi{padding-block:40px 64px;gap:40px}.blogi,.blogi__ots{display:flex;flex-direction:column}.blogi__ots{gap:16px}.blogi__ots p:not(.m){max-width:62ch;color:var(--ink-muted);font-size:var(--koko-ingressi);line-height:1.5}.blogi__takaisin{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-muted)}.blogi__takaisin:hover{color:var(--ink)}.blogi__tekija{display:flex;flex-wrap:wrap;gap:4px 24px;padding-top:16px;color:var(--ink-muted)}.blogi__lista,.blogi__tekija{border-top:1px solid var(--line)}.blogi__lista{list-style:none;padding:0;margin:0}.blogi__lista li{border-bottom:1px solid var(--line)}.blogi__rivi{display:flex;flex-direction:column;gap:8px;padding:24px 12px;margin-inline:-12px;transition:background-color var(--kesto) var(--ease)}.blogi__rivi:hover{background:var(--surface-1)}.blogi__rivi h2{font-size:clamp(24px,4vw,30px)}.blogi__rivi:hover h2{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:6px}.blogi__rivi p:not(.m){max-width:62ch;color:var(--ink-muted);font-size:17px;line-height:1.55}.blogi__video{display:flex;flex-direction:column;gap:8px;margin:0}.blogi__kehys{position:relative;aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-1);overflow:hidden}.blogi__kehys:focus-within{outline:2px solid var(--fokus);outline-offset:3px}.blogi__kehys iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.blogi__video figcaption{color:var(--ink-muted)}.blogi__sisallys{border-left:2px solid var(--line);padding-left:20px}.blogi__sisallys ol{list-style:none;padding:0;margin:12px 0 0}.blogi__sisallys a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink)}.blogi__sisallys a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:6px}.blogi-runko{display:flex;flex-direction:column;gap:20px;max-width:68ch}.blogi-runko li,.blogi-runko p{font-size:18px;line-height:1.6;color:var(--ink)}.blogi-runko h2{font-size:clamp(26px,5vw,34px);padding-top:24px}.blogi-runko h2,.blogi-runko h3{scroll-margin-top:calc(var(--ylapalkki) + 16px)}.blogi-runko h3{font-size:21px;padding-top:8px}.blogi-runko ol,.blogi-runko ul{display:flex;flex-direction:column;gap:10px;padding-left:24px;margin:0}.blogi-runko ul{list-style:square}.blogi-runko ol{list-style:decimal}.blogi-runko li::marker{color:var(--ink-muted)}.blogi-runko blockquote{margin:0;padding-left:20px;border-left:2px solid var(--line);font-family:var(--font-lainaus);font-style:italic;font-size:21px;line-height:1.5}