/* crocoblocks-design-system:v2 */:root{--color-bg:#FFFFFF;--color-surface:#FFFFFF;--color-warm:#FFF6EC;--color-ink:#2A2238;--color-muted:#463E54;--color-soft:#5B5368;--color-line:#2A2238;--color-line-soft:rgba(200,110,40,0.28);--color-glass:rgba(138,61,12,0.03);--color-accent:#F28C38;--color-accent-text:#8A3D0C;--color-on-accent:#2A2238;--color-pink:#E86A8E;--color-news-text:#9B2F58;--color-tint-isot:#FFE7A3;--color-tint-pienet:#CDEFDD;--color-tint-koti:#FFD9C7;--color-tint-hybridi:#E2DBFB;--color-tint-tieto:#D6EAFB;--color-tint-uutiset:#FBD9E6;--color-footer:#FFE7A3;--color-focus:#C2560A;--font-heading:"Fredoka", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;--font-size-small:0.9375rem;--font-size-body:1.125rem;--font-size-article:1.1875rem;--font-size-lead:1.3125rem;--font-size-h3:1.375rem;--font-size-h2:clamp(1.875rem, 3.4vw, 2.75rem);--font-size-h1:clamp(2.75rem, 5.6vw, 4.75rem);--font-size-display:clamp(3rem, 6.5vw, 5.5rem);--space-xs:8px;--space-s:16px;--space-m:24px;--space-l:40px;--space-xl:64px;--space-section:clamp(48px, 6vw, 88px);--gutter:clamp(22px, 4vw, 40px);--radius-s:12px;--radius-m:20px;--radius-l:28px;--radius-pill:999px;--border-w:2px;--width-page:77.5rem;--width-text:45rem;}:where(.crocoblocks-document .cb-el,.crocoblocks-preview .cb-el){box-sizing:border-box;max-width: 100%}:where(.crocoblocks-document .cb-image,.crocoblocks-preview .cb-image){max-width: 100%;height: auto;}:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 48px);max-width:var(--cb-section-container-width,1180px);margin-left:auto;margin-right:auto;}@media (max-width: 1024px){:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 40px);}}@media (max-width: 767px){:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 32px);}}.ke-card{display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:var(--radius-l);border:var(--border-w) solid var(--color-line);box-shadow:0 6px 0 var(--color-line);background-color:var(--color-surface);color:var(--color-ink);text-decoration:none;box-sizing:border-box;transition:transform .2s ease, box-shadow .2s ease;}.ke-card:hover{transform:translateY(-3px);box-shadow:0 9px 0 var(--color-line);}
@media (max-width: 1024px){.ke-card{display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:var(--radius-l);border:var(--border-w) solid var(--color-line);box-shadow:0 6px 0 var(--color-line);background-color:var(--color-surface);color:var(--color-ink);text-decoration:none;box-sizing:border-box;transition:transform .2s ease, box-shadow .2s ease;}.ke-card:hover{transform:translateY(-3px);box-shadow:0 9px 0 var(--color-line);}}
@media (max-width: 767px){.ke-card{display:flex;flex-direction:column;gap:16px;padding:22px;border-radius:var(--radius-l);border:var(--border-w) solid var(--color-line);box-shadow:0 6px 0 var(--color-line);background-color:var(--color-surface);color:var(--color-ink);text-decoration:none;box-sizing:border-box;transition:transform .2s ease, box-shadow .2s ease;}.ke-card:hover{transform:translateY(-3px);box-shadow:0 9px 0 var(--color-line);}}
.ke-icon-btn{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:var(--radius-pill);border:var(--border-w) solid var(--color-ink);background-color:var(--color-bg);color:var(--color-ink);cursor:pointer;box-sizing:border-box;}.ke-icon-btn:hover{background-color:var(--color-warm);}
@media (max-width: 1024px){.ke-icon-btn{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:var(--radius-pill);border:var(--border-w) solid var(--color-ink);background-color:var(--color-bg);color:var(--color-ink);cursor:pointer;box-sizing:border-box;}.ke-icon-btn:hover{background-color:var(--color-warm);}}
@media (max-width: 767px){.ke-icon-btn{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:var(--radius-pill);border:var(--border-w) solid var(--color-ink);background-color:var(--color-bg);color:var(--color-ink);cursor:pointer;box-sizing:border-box;}.ke-icon-btn:hover{background-color:var(--color-warm);}}
.ke-h1{font-family:var(--font-heading);font-weight:700;font-size:var(--font-size-h1);line-height:1.02;color:var(--color-ink);margin-top:0;margin-bottom:0;}
@media (max-width: 1024px){.ke-h1{font-family:var(--font-heading);font-weight:700;font-size:var(--font-size-h1);line-height:1.02;color:var(--color-ink);margin-top:0;margin-bottom:0;}}
@media (max-width: 767px){.ke-h1{font-family:var(--font-heading);font-weight:700;font-size:var(--font-size-h1);line-height:1.02;color:var(--color-ink);margin-top:0;margin-bottom:0;}}
.ke-tint-uutiset{background-color:var(--color-tint-uutiset);}
@media (max-width: 1024px){.ke-tint-uutiset{background-color:var(--color-tint-uutiset);}}
@media (max-width: 767px){.ke-tint-uutiset{background-color:var(--color-tint-uutiset);}}
.ke-pill{display:inline-flex;align-items:center;min-height:44px;padding-left:14px;padding-right:14px;border-radius:var(--radius-pill);border:var(--border-w) solid transparent;font-family:var(--font-body);font-weight:800;font-size:0.9375rem;color:var(--color-ink);text-decoration:none;box-sizing:border-box;}.ke-pill:hover{border-color:var(--color-ink);}
@media (max-width: 1024px){.ke-pill{display:inline-flex;align-items:center;min-height:44px;padding-left:14px;padding-right:14px;border-radius:var(--radius-pill);border:var(--border-w) solid transparent;font-family:var(--font-body);font-weight:800;font-size:0.9375rem;color:var(--color-ink);text-decoration:none;box-sizing:border-box;}.ke-pill:hover{border-color:var(--color-ink);}}
@media (max-width: 767px){.ke-pill{display:inline-flex;align-items:center;min-height:44px;padding-left:14px;padding-right:14px;border-radius:var(--radius-pill);border:var(--border-w) solid transparent;font-family:var(--font-body);font-weight:800;font-size:0.9375rem;color:var(--color-ink);text-decoration:none;box-sizing:border-box;}.ke-pill:hover{border-color:var(--color-ink);}}
.ke-tint-koti{background-color:var(--color-tint-koti);}
@media (max-width: 1024px){.ke-tint-koti{background-color:var(--color-tint-koti);}}
@media (max-width: 767px){.ke-tint-koti{background-color:var(--color-tint-koti);}}
.ke-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:4px 13px;border-radius:var(--radius-pill);border:1.5px solid var(--color-line-soft);background-color:var(--color-glass);font-family:var(--font-body);font-weight:700;font-size:0.875rem;color:var(--color-muted);}
@media (max-width: 1024px){.ke-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:4px 13px;border-radius:var(--radius-pill);border:1.5px solid var(--color-line-soft);background-color:var(--color-glass);font-family:var(--font-body);font-weight:700;font-size:0.875rem;color:var(--color-muted);}}
@media (max-width: 767px){.ke-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:4px 13px;border-radius:var(--radius-pill);border:1.5px solid var(--color-line-soft);background-color:var(--color-glass);font-family:var(--font-body);font-weight:700;font-size:0.875rem;color:var(--color-muted);}}
.ke-tint-pienet{background-color:var(--color-tint-pienet);}
@media (max-width: 1024px){.ke-tint-pienet{background-color:var(--color-tint-pienet);}}
@media (max-width: 767px){.ke-tint-pienet{background-color:var(--color-tint-pienet);}}
.ke-display{font-family:var(--font-heading);font-weight:700;font-size:var(--font-size-display);line-height:0.92;letter-spacing:-0.02em;color:var(--color-ink);margin-top:0;margin-bottom:0;}
@media (max-width: 1024px){.ke-display{font-family:var(--font-heading);font-weight:700;font-size:var(--font-size-display);line-height:0.92;letter-spacing:-0.02em;color:var(--color-ink);margin-top:0;margin-bottom:0;}}
@media (max-width: 767px){.ke-display{font-family:var(--font-heading);font-weight:700;font-size:var(--font-size-display);line-height:0.92;letter-spacing:-0.02em;color:var(--color-ink);margin-top:0;margin-bottom:0;}}
.ke-tint-hybridi{background-color:var(--color-tint-hybridi);}
@media (max-width: 1024px){.ke-tint-hybridi{background-color:var(--color-tint-hybridi);}}
@media (max-width: 767px){.ke-tint-hybridi{background-color:var(--color-tint-hybridi);}}
.ke-btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding-left:22px;padding-right:22px;border-radius:var(--radius-s);border:var(--border-w) solid var(--color-ink);background-color:var(--color-ink);color:var(--color-bg);font-family:var(--font-body);font-weight:800;font-size:var(--font-size-body);text-decoration:none;cursor:pointer;box-sizing:border-box;}.ke-btn:hover{background-color:var(--color-muted);border-color:var(--color-muted);}
@media (max-width: 1024px){.ke-btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding-left:22px;padding-right:22px;border-radius:var(--radius-s);border:var(--border-w) solid var(--color-ink);background-color:var(--color-ink);color:var(--color-bg);font-family:var(--font-body);font-weight:800;font-size:var(--font-size-body);text-decoration:none;cursor:pointer;box-sizing:border-box;}.ke-btn:hover{background-color:var(--color-muted);border-color:var(--color-muted);}}
@media (max-width: 767px){.ke-btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding-left:22px;padding-right:22px;border-radius:var(--radius-s);border:var(--border-w) solid var(--color-ink);background-color:var(--color-ink);color:var(--color-bg);font-family:var(--font-body);font-weight:800;font-size:var(--font-size-body);text-decoration:none;cursor:pointer;box-sizing:border-box;}.ke-btn:hover{background-color:var(--color-muted);border-color:var(--color-muted);}}
.ke-meta{font-family:var(--font-body);font-size:var(--font-size-small);font-weight:700;line-height:1.4;color:var(--color-soft);}
@media (max-width: 1024px){.ke-meta{font-family:var(--font-body);font-size:var(--font-size-small);font-weight:700;line-height:1.4;color:var(--color-soft);}}
@media (max-width: 767px){.ke-meta{font-family:var(--font-body);font-size:var(--font-size-small);font-weight:700;line-height:1.4;color:var(--color-soft);}}
.ke-tint-isot{background-color:var(--color-tint-isot);}
@media (max-width: 1024px){.ke-tint-isot{background-color:var(--color-tint-isot);}}
@media (max-width: 767px){.ke-tint-isot{background-color:var(--color-tint-isot);}}
.ke-h2{font-family:var(--font-heading);font-weight:600;font-size:var(--font-size-h2);line-height:1.1;color:var(--color-ink);margin-top:0;margin-bottom:0;}
@media (max-width: 1024px){.ke-h2{font-family:var(--font-heading);font-weight:600;font-size:var(--font-size-h2);line-height:1.1;color:var(--color-ink);margin-top:0;margin-bottom:0;}}
@media (max-width: 767px){.ke-h2{font-family:var(--font-heading);font-weight:600;font-size:var(--font-size-h2);line-height:1.1;color:var(--color-ink);margin-top:0;margin-bottom:0;}}
.ke-body{font-family:var(--font-body);font-size:var(--font-size-body);line-height:1.65;color:var(--color-ink);}
@media (max-width: 1024px){.ke-body{font-family:var(--font-body);font-size:var(--font-size-body);line-height:1.65;color:var(--color-ink);}}
@media (max-width: 767px){.ke-body{font-family:var(--font-body);font-size:var(--font-size-body);line-height:1.65;color:var(--color-ink);}}
.ke-badge{display:inline-block;padding:3px 12px;border-radius:var(--radius-pill);border:var(--border-w) solid var(--color-line);background-color:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-body);font-weight:800;font-size:0.875rem;transform:rotate(4deg);}
@media (max-width: 1024px){.ke-badge{display:inline-block;padding:3px 12px;border-radius:var(--radius-pill);border:var(--border-w) solid var(--color-line);background-color:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-body);font-weight:800;font-size:0.875rem;transform:rotate(4deg);}}
@media (max-width: 767px){.ke-badge{display:inline-block;padding:3px 12px;border-radius:var(--radius-pill);border:var(--border-w) solid var(--color-line);background-color:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-body);font-weight:800;font-size:0.875rem;transform:rotate(4deg);}}
.ke-lead{font-family:var(--font-body);font-size:var(--font-size-lead);line-height:1.55;color:var(--color-muted);margin-top:0;margin-bottom:0;}
@media (max-width: 1024px){.ke-lead{font-family:var(--font-body);font-size:var(--font-size-lead);line-height:1.55;color:var(--color-muted);margin-top:0;margin-bottom:0;}}
@media (max-width: 767px){.ke-lead{font-family:var(--font-body);font-size:var(--font-size-lead);line-height:1.55;color:var(--color-muted);margin-top:0;margin-bottom:0;}}
.ke-tag{display:inline-flex;align-items:center;align-self:flex-start;min-height:28px;padding-left:10px;padding-right:10px;border-radius:8px;border:1.5px solid var(--color-line);background-color:var(--color-surface);font-family:var(--font-body);font-weight:800;font-size:0.875rem;color:var(--color-ink);box-sizing:border-box;}
@media (max-width: 1024px){.ke-tag{display:inline-flex;align-items:center;align-self:flex-start;min-height:28px;padding-left:10px;padding-right:10px;border-radius:8px;border:1.5px solid var(--color-line);background-color:var(--color-surface);font-family:var(--font-body);font-weight:800;font-size:0.875rem;color:var(--color-ink);box-sizing:border-box;}}
@media (max-width: 767px){.ke-tag{display:inline-flex;align-items:center;align-self:flex-start;min-height:28px;padding-left:10px;padding-right:10px;border-radius:8px;border:1.5px solid var(--color-line);background-color:var(--color-surface);font-family:var(--font-body);font-weight:800;font-size:0.875rem;color:var(--color-ink);box-sizing:border-box;}}
.ke-tint-tieto{background-color:var(--color-tint-tieto);}
@media (max-width: 1024px){.ke-tint-tieto{background-color:var(--color-tint-tieto);}}
@media (max-width: 767px){.ke-tint-tieto{background-color:var(--color-tint-tieto);}}
.ke-container{width:100%;max-width:var(--width-page);margin-left:auto;margin-right:auto;padding-left:var(--gutter);padding-right:var(--gutter);box-sizing:border-box;}
@media (max-width: 1024px){.ke-container{width:100%;max-width:var(--width-page);margin-left:auto;margin-right:auto;padding-left:var(--gutter);padding-right:var(--gutter);box-sizing:border-box;}}
@media (max-width: 767px){.ke-container{width:100%;max-width:var(--width-page);margin-left:auto;margin-right:auto;padding-left:var(--gutter);padding-right:var(--gutter);box-sizing:border-box;}}
.ke-card-sm{gap:8px;padding:18px 20px;border-radius:var(--radius-m);box-shadow:0 5px 0 var(--color-line);}.ke-card-sm:hover{box-shadow:0 8px 0 var(--color-line);}
@media (max-width: 1024px){.ke-card-sm{gap:8px;padding:18px 20px;border-radius:var(--radius-m);box-shadow:0 5px 0 var(--color-line);}.ke-card-sm:hover{box-shadow:0 8px 0 var(--color-line);}}
@media (max-width: 767px){.ke-card-sm{gap:8px;padding:18px 20px;border-radius:var(--radius-m);box-shadow:0 5px 0 var(--color-line);}.ke-card-sm:hover{box-shadow:0 8px 0 var(--color-line);}}
.ke-article-body{font-family:var(--font-body);font-size:var(--font-size-article);line-height:1.7;color:var(--color-ink);max-width:var(--width-text);}
@media (max-width: 1024px){.ke-article-body{font-family:var(--font-body);font-size:var(--font-size-article);line-height:1.7;color:var(--color-ink);max-width:var(--width-text);}}
@media (max-width: 767px){.ke-article-body{font-family:var(--font-body);font-size:var(--font-size-article);line-height:1.7;color:var(--color-ink);max-width:var(--width-text);}}
.ke-btn-outline{background-color:transparent;color:var(--color-ink);}.ke-btn-outline:hover{background-color:var(--color-glass);border-color:var(--color-ink);}
@media (max-width: 1024px){.ke-btn-outline{background-color:transparent;color:var(--color-ink);}.ke-btn-outline:hover{background-color:var(--color-glass);border-color:var(--color-ink);}}
@media (max-width: 767px){.ke-btn-outline{background-color:transparent;color:var(--color-ink);}.ke-btn-outline:hover{background-color:var(--color-glass);border-color:var(--color-ink);}}
.ke-chip{display:inline-flex;align-items:center;min-height:36px;padding-left:14px;padding-right:14px;border-radius:var(--radius-pill);border:1.5px solid var(--color-line);background-color:var(--color-bg);font-family:var(--font-body);font-weight:700;font-size:var(--font-size-small);color:var(--color-ink);text-decoration:none;box-sizing:border-box;}.ke-chip:hover{background-color:var(--color-warm);}
@media (max-width: 1024px){.ke-chip{display:inline-flex;align-items:center;min-height:36px;padding-left:14px;padding-right:14px;border-radius:var(--radius-pill);border:1.5px solid var(--color-line);background-color:var(--color-bg);font-family:var(--font-body);font-weight:700;font-size:var(--font-size-small);color:var(--color-ink);text-decoration:none;box-sizing:border-box;}.ke-chip:hover{background-color:var(--color-warm);}}
@media (max-width: 767px){.ke-chip{display:inline-flex;align-items:center;min-height:36px;padding-left:14px;padding-right:14px;border-radius:var(--radius-pill);border:1.5px solid var(--color-line);background-color:var(--color-bg);font-family:var(--font-body);font-weight:700;font-size:var(--font-size-small);color:var(--color-ink);text-decoration:none;box-sizing:border-box;}.ke-chip:hover{background-color:var(--color-warm);}}
.ke-section{padding-top:var(--space-section);padding-bottom:var(--space-section);}
@media (max-width: 1024px){.ke-section{padding-top:var(--space-section);padding-bottom:var(--space-section);}}
@media (max-width: 767px){.ke-section{padding-top:var(--space-section);padding-bottom:var(--space-section);}}
.ke-h3{font-family:var(--font-heading);font-weight:600;font-size:var(--font-size-h3);line-height:1.25;color:var(--color-ink);margin-top:0;margin-bottom:0;}
@media (max-width: 1024px){.ke-h3{font-family:var(--font-heading);font-weight:600;font-size:var(--font-size-h3);line-height:1.25;color:var(--color-ink);margin-top:0;margin-bottom:0;}}
@media (max-width: 767px){.ke-h3{font-family:var(--font-heading);font-weight:600;font-size:var(--font-size-h3);line-height:1.25;color:var(--color-ink);margin-top:0;margin-bottom:0;}}
.ke-soft-box{background-color:var(--color-glass);border:var(--border-w) solid var(--color-line-soft);border-radius:var(--radius-l);box-sizing:border-box;}
@media (max-width: 1024px){.ke-soft-box{background-color:var(--color-glass);border:var(--border-w) solid var(--color-line-soft);border-radius:var(--radius-l);box-sizing:border-box;}}
@media (max-width: 767px){.ke-soft-box{background-color:var(--color-glass);border:var(--border-w) solid var(--color-line-soft);border-radius:var(--radius-l);box-sizing:border-box;}}
.ke-band-warm{background-color:var(--color-warm);}
@media (max-width: 1024px){.ke-band-warm{background-color:var(--color-warm);}}
@media (max-width: 767px){.ke-band-warm{background-color:var(--color-warm);}}