/* Kuukausiraportti ja kokeilun loppuraportti (dist/report.js): tarinat ja koko raportti. Etuliite rpt-.
   Tarinakorttien värit ovat kiinteät (sama ilme vaaleassa ja tummassa tilassa), koko raportti käyttää wk-tokeneita. */
body.rpt-open{overflow:hidden}
.rpt-ov{position:fixed;inset:0;z-index:300;background:rgba(8,12,20,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-body);color:#fff}
.rpt-ov[hidden]{display:none}

/* ---- Tarinat ---- */
.rpt-stage{position:absolute;inset:0;overflow:hidden;background:#000;touch-action:manipulation;user-select:none;-webkit-user-select:none}
@media (min-width:700px){
 .rpt-stage{inset:auto;left:50%;top:50%;width:min(390px,calc((100vh - 120px)/2));height:min(780px,calc(100vh - 120px));transform:translate(-50%,-50%);border-radius:26px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
}
.rpt-card{position:absolute;inset:0;display:none;will-change:transform}
.rpt-card.rpt-now,.rpt-card.rpt-behind{display:block}
.rpt-card.rpt-now{z-index:2}
.rpt-card.rpt-behind{z-index:1;animation:rptBehind .52s cubic-bezier(.65,0,.35,1) forwards}
.rpt-card.rpt-in{animation:rptIn .52s cubic-bezier(.65,0,.35,1)}
.rpt-card.rpt-back{animation:rptBack .52s cubic-bezier(.65,0,.35,1)}
@keyframes rptIn{from{transform:translateX(100%)}to{transform:none}}
@keyframes rptBack{from{transform:translateX(-100%)}to{transform:none}}
@keyframes rptBehind{from{transform:none;border-radius:0}to{transform:scale(.92);border-radius:28px}}
.rpt-shade{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none}
.rpt-behind .rpt-shade{animation:rptShade .52s forwards}
@keyframes rptShade{to{opacity:.5}}
.rpt-ci{position:absolute;inset:0;display:flex;flex-direction:column;padding:92px 24px 28px;overflow:hidden}
.rpt-card::after{content:'';position:absolute;width:340px;height:340px;border-radius:50%;right:-130px;top:-80px;background:rgba(255,255,255,.1);pointer-events:none}
.rpt-card.c0,.rpt-mini.c0{background:linear-gradient(165deg,#0d1119,#182644 60%,#2f5fa8)}.rpt-card.c1,.rpt-mini.c1{background:linear-gradient(165deg,#1f8a5b,#0f5c3b)}.rpt-card.c2,.rpt-mini.c2{background:linear-gradient(165deg,#6a3fd1,#3b1f8a)}
.rpt-card.c3,.rpt-mini.c3{background:linear-gradient(165deg,#e0662c,#a8321b)}.rpt-card.c3b,.rpt-mini.c3b{background:linear-gradient(165deg,#d4782a,#8c3c14)}.rpt-card.c4,.rpt-mini.c4{background:linear-gradient(165deg,#2f5fa8,#152a57)}.rpt-card.c5,.rpt-mini.c5{background:linear-gradient(165deg,#c9366f,#7a1a45)}
.rpt-card.c6,.rpt-mini.c6{background:linear-gradient(165deg,#16202e,#2d3b52)}.rpt-card.c7,.rpt-mini.c7{background:#fff;color:#16202e}.rpt-card.c7::after{display:none}
.rpt-bars{position:absolute;top:calc(20px + env(safe-area-inset-top,0px));left:22px;right:22px;display:flex;gap:4px;z-index:5}
.rpt-bars i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden}.rpt-bars b{display:block;height:100%;width:0;background:#fff}
.rpt-brand{position:absolute;top:calc(34px + env(safe-area-inset-top,0px));left:22px;z-index:5;font-size:12px;font-weight:700;letter-spacing:.14em}
.rpt-light .rpt-bars i{background:#dfe1e6}.rpt-light .rpt-bars b{background:#16202e}.rpt-light .rpt-brand{color:#16202e}
.rpt-paused .rpt-bars{opacity:.55}
.rpt-a{opacity:0;transform:translateY(22px);transition:opacity .52s cubic-bezier(.33,1,.68,1),transform .52s cubic-bezier(.33,1,.68,1)}
.rpt-a.on{opacity:1;transform:none}
.rpt-tag{margin-top:6px;font-size:13px;font-weight:700;letter-spacing:.12em;opacity:.85}
.rpt-tag.on{opacity:.85}
.rpt-big{font-family:var(--font-heading);font-size:clamp(64px,19vw,92px);font-weight:600;line-height:1;margin-top:auto;font-variant-numeric:tabular-nums;white-space:nowrap}
.rpt-big small{font-size:.37em}
.rpt-lead{font-family:var(--font-heading);font-size:clamp(32px,9.5vw,42px);font-weight:600;line-height:1.12;margin-top:auto;text-wrap:balance}
.rpt-lead2{font-family:var(--font-heading);font-size:32px;font-weight:600;line-height:1.15;margin-top:18px;text-wrap:balance}
.rpt-nw{white-space:nowrap}
.rpt-ci p{font-size:18px;line-height:1.45;margin:16px 0 0;font-weight:500}
.rpt-soft.on{opacity:.8}
.rpt-foot{margin-top:auto;padding-top:22px;font-size:13px}.rpt-foot.on{opacity:.8}
.rpt-center{text-align:center}
.rpt-meter{height:10px;border-radius:5px;background:rgba(255,255,255,.25);margin-top:18px;overflow:hidden}.rpt-meter b{display:block;height:100%;width:0;background:#fff;border-radius:5px}
.rpt-rank{display:flex;flex-direction:column;gap:9px;margin-top:26px}
.rpt-rank div{display:flex;justify-content:space-between;gap:10px;background:rgba(255,255,255,.14);border-radius:14px;padding:13px 15px;font-size:16px;font-weight:600}.rpt-rank b{font-family:var(--font-heading);white-space:nowrap}
.rpt-road{width:100%;height:40px;margin-top:18px}.rpt-road path{fill:none;stroke-width:4;stroke-linecap:round}.rpt-road-bg{stroke:rgba(255,255,255,.25)}.rpt-road-fg{stroke:#fff;stroke-dasharray:400;stroke-dashoffset:400}
.c7 h2{font-family:var(--font-heading);font-size:30px;font-weight:600;margin:0;line-height:1.15}
.rpt-s{font-size:14px;color:#5b6576;margin-top:8px;line-height:1.45}
.rpt-pk{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid #dfe1e6;border-radius:16px;padding:12px 14px;margin-top:10px;background:#fff;color:#16202e;font:inherit;font-size:14px;cursor:pointer}
.rpt-pk b{font-family:var(--font-heading);font-size:19px}.rpt-pk small{display:block;color:#5b6576;font-size:12px;margin-top:2px;line-height:1.35}.rpt-pk>span:last-child{white-space:nowrap}
.rpt-pk em{font-style:normal;background:#2f5fa8;color:#fff;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:700;letter-spacing:.05em;vertical-align:3px}
.rpt-pk.rec{border:2px solid #2f5fa8;background:#f3f7fd}
.rpt-cta{margin-top:16px;border:0;width:100%;background:#2f5fa8;color:#fff;border-radius:16px;padding:15px;font:inherit;font-weight:700;font-size:16px;cursor:pointer}
.rpt-cta2,.rpt-later{border:0;background:none;font:inherit;cursor:pointer;margin-top:10px;padding:4px}
.rpt-cta2{color:#2f5fa8;font-weight:700;font-size:14px}.rpt-later{color:#5b6576;font-size:13px}
.rpt-sum{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.rpt-sum div{border:1px solid #eef0f4;border-radius:14px;padding:12px}.rpt-sum b{display:block;font-family:var(--font-heading);font-size:21px}.rpt-sum span{font-size:12.5px;color:#5b6576}
.rpt-tip{margin-top:14px;background:#f3f7fd;border-radius:14px;padding:12px 14px}.rpt-tip small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;color:#2f5fa8}.rpt-tip b{font-size:14px}
.c7 .rpt-cta{margin-top:auto}
.rpt-hint{position:absolute;left:24px;right:24px;bottom:70px;z-index:6;text-align:center;font-size:12.5px;line-height:1.5;background:rgba(0,0,0,.45);border-radius:12px;padding:9px;pointer-events:none}
.rpt-top{display:none}
.rpt-nav{display:none}
.rpt-keys{display:none}
@media (min-width:700px){
 .rpt-top{display:flex;position:absolute;top:20px;left:28px;right:28px;justify-content:space-between;align-items:center;gap:16px;font-size:13px;color:rgba(255,255,255,.8)}
 .rpt-top b{display:block;font-size:15px;color:#fff}
 .rpt-topbtn{border:1px solid rgba(255,255,255,.3);border-radius:99px;padding:9px 16px;background:none;color:#fff;font:inherit;font-weight:700;font-size:13px;cursor:pointer}
 .rpt-topbtn:hover{background:rgba(255,255,255,.1)}
 .rpt-nav{display:grid;place-items:center;position:absolute;top:50%;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:24px;cursor:pointer;transform:translateY(-50%)}
 .rpt-nav:hover{background:rgba(255,255,255,.22)}
 .rpt-nav.l{left:calc(50% - min(390px,calc((100vh - 120px)/2))/2 - 84px)}.rpt-nav.r{left:calc(50% + min(390px,calc((100vh - 120px)/2))/2 + 32px)}
 .rpt-keys{display:block;position:absolute;bottom:14px;left:16px;right:16px;text-align:center;color:rgba(255,255,255,.7);font-size:13px}
 .rpt-keys kbd{display:inline-block;border:1px solid rgba(255,255,255,.35);border-bottom-width:2px;border-radius:6px;padding:1px 7px;margin:0 3px;font-family:inherit;font-size:12px;color:#fff}
 .rpt-hint{display:none}
}
@media (max-height:700px) and (max-width:699px){.rpt-ci{padding-top:78px}.rpt-big{font-size:64px}.rpt-ci p{font-size:16px}.rpt-pk{padding:9px 12px;margin-top:7px}}
@media (prefers-reduced-motion:reduce){.rpt-card.rpt-in,.rpt-card.rpt-back,.rpt-card.rpt-behind{animation:none}.rpt-a{transition:none}}

/* ---- Koko raportti ---- */
.rpt-page{position:absolute;inset:0;overflow-y:auto;background:var(--wk-bg,#eef1f6);color:var(--wk-ink,#16202e);-webkit-overflow-scrolling:touch}
.rpt-pg{max-width:940px;margin:0 auto;padding:18px 16px 40px}
.rpt-bar2{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:12px;position:sticky;top:0;z-index:3;padding:8px 0;background:var(--wk-bg,#eef1f6)}
.rpt-msel{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--wk-mut,#5b6576);margin-right:auto}
.rpt-msel select{height:36px;border-radius:10px;border:1px solid var(--wk-field-line,#dfe1e6);background:var(--wk-field,#fff);color:var(--wk-ink,#16202e);font:inherit;padding:0 10px}
.rpt-x{height:36px;border-radius:10px;border:1px solid var(--wk-line-2,#e3e6ec);background:var(--wk-panel,#fff);color:var(--wk-ink,#16202e);font:inherit;font-weight:700;padding:0 14px;cursor:pointer}
.rpt-hero{position:relative;overflow:hidden;background:linear-gradient(128deg,#0d1119 0%,#182644 55%,#2f5fa8 100%);color:#fff;border-radius:22px;padding:28px 30px 26px}
.rpt-logo{font-weight:700;letter-spacing:.14em;font-size:15px;opacity:.9}
.rpt-k{margin-top:16px;font-size:12px;font-weight:700;letter-spacing:.1em;color:#9dc0f2}
.rpt-hero h1{font-family:var(--font-heading);font-weight:600;font-size:clamp(28px,5vw,40px);margin:6px 0 0;line-height:1.1;text-wrap:balance;max-width:640px}
.rpt-hero h1 span{color:#8fe0ae;white-space:nowrap}
.rpt-hero>p{margin:10px 0 0;color:#c7d2e3;max-width:600px;line-height:1.5}
.rpt-roi{position:absolute;right:30px;top:28px;text-align:right;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:14px 18px}
.rpt-roi b{display:block;font-family:var(--font-heading);font-size:30px;color:#8fe0ae}.rpt-roi span{font-size:12px;color:#c7d2e3}
.rpt-partner{margin-top:14px;font-size:12px;color:#c7d2e3}.rpt-partner b{display:block;color:#fff;font-size:15px}
@media (max-width:760px){.rpt-roi{position:static;display:inline-block;margin-top:16px;text-align:left}}
.rpt-wh{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:8px;margin:26px 2px 12px}.rpt-wh h2{font-family:var(--font-heading);font-weight:600;font-size:26px;margin:0}.rpt-wh span{color:var(--wk-mut,#5b6576);font-size:13px}
.rpt-wr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:860px){.rpt-wr{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:540px){.rpt-wr{grid-template-columns:1fr}}
.rpt-mini{position:relative;overflow:hidden;border-radius:22px;padding:22px 20px;min-height:290px;display:flex;flex-direction:column;color:#fff}
.rpt-mini::after{content:'';position:absolute;width:220px;height:220px;border-radius:50%;right:-70px;top:-70px;background:rgba(255,255,255,.12);pointer-events:none}
.rpt-mini .rpt-tag{margin:0;font-size:11.5px}
.rpt-mini .rpt-big{font-size:54px;margin:auto 0 6px}
.rpt-mini p{margin:8px 0 0;font-size:14.5px;line-height:1.45;font-weight:500}
.rpt-mini .rpt-foot{font-size:12px;padding-top:12px;opacity:.8}
.rpt-mini .rpt-lead2{font-size:22px;margin-top:10px}
.rpt-mini .rpt-rank{margin-top:auto;gap:6px}.rpt-mini .rpt-rank div{padding:7px 10px;font-size:13px;border-radius:10px}
.rpt-mini .rpt-meter{height:8px;margin-top:12px}
.rpt-mini .rpt-road{height:30px;margin-top:10px}
.rpt-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
@media (max-width:760px){.rpt-tiles{grid-template-columns:1fr}}
.rpt-tile,.rpt-sec{background:var(--wk-panel,#fff);border-radius:16px;box-shadow:0 1px 3px rgba(20,30,50,.06)}
.rpt-tile{padding:16px 18px}
.rpt-tile .l{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--wk-mut,#5b6576);text-transform:uppercase}
.rpt-tile b{display:block;font-family:var(--font-heading);font-size:26px;margin:6px 0 2px}
.rpt-tile small{color:var(--wk-mut,#5b6576);font-size:12.5px}
.up{color:var(--wk-green-ink,#1f7a45);font-weight:700}.down{color:#c43d35;font-weight:700}
.rpt-sec{padding:22px 24px;margin-top:16px;min-width:0}
.rpt-sec h3{font-family:var(--font-heading);font-weight:600;font-size:19px;margin:0 0 4px}
.rpt-sub{color:var(--wk-mut,#5b6576);font-size:13px;margin:0 0 12px}
.rpt-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--wk-line,#eef0f4)}
.rpt-row:first-of-type{border-top:0}
.rpt-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:16px;background:#e8effa}
.rpt-ic.car{background:#fff4e0}.rpt-ic.moon{background:#eaf6ec}.rpt-ic.clock{background:#f1eafa}
.rpt-row b{display:block}.rpt-row span{color:var(--wk-mut,#5b6576);font-size:12.5px}
.rpt-e{font-family:var(--font-heading);font-size:20px;font-weight:600;color:var(--wk-green-ink,#1f7a45);white-space:nowrap}.rpt-e.n{color:var(--wk-ink,#16202e)}
.rpt-total{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-top:2px solid var(--wk-ink,#16202e);margin-top:6px;padding-top:12px}
.rpt-total>b{font-family:var(--font-heading);font-size:24px;color:var(--wk-green-ink,#1f7a45)}.rpt-total small{color:var(--wk-mut,#5b6576);margin-left:6px}
.rpt-note{font-size:12px;color:var(--wk-mut,#5b6576);margin:8px 0 0;line-height:1.5}
.rpt-two{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}
@media (max-width:760px){.rpt-two{grid-template-columns:1fr}}
.rpt-chart{display:flex;align-items:flex-end;gap:14px;height:150px;margin-top:14px;padding-bottom:22px;border-bottom:1px solid var(--wk-line,#eef0f4)}
.rpt-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative}
.rpt-col i{display:block;width:100%;border-radius:8px 8px 0 0;background:#c9d8f0}.rpt-col.cur i{background:#2f5fa8}
.rpt-col em{font-style:normal;font-size:12px;font-weight:700;margin-bottom:4px}.rpt-col small{position:absolute;bottom:-20px;font-size:11.5px;color:var(--wk-mut,#5b6576)}
.rpt-job{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--wk-line,#eef0f4);font-size:13.5px}.rpt-job:first-of-type{border-top:0}
.rpt-pill{border-radius:99px;padding:2px 9px;font-size:12px;font-weight:700;white-space:nowrap}.rpt-pill.g{background:#eaf6ec;color:#1f7a45}.rpt-pill.r{background:#fdeceb;color:#c43d35}
.rpt-t{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 0;border-top:1px solid var(--wk-line,#eef0f4)}
.rpt-t:first-of-type{border-top:0}
.rpt-num{width:26px;height:26px;border-radius:50%;background:var(--wk-ink,#16202e);color:var(--wk-panel,#fff);display:grid;place-items:center;font-weight:700;font-size:13px}
.rpt-t b{display:block}.rpt-t span{color:var(--wk-mut,#5b6576);font-size:12.5px}
.rpt-btn{border:0;background:#2f5fa8;color:#fff;border-radius:10px;padding:8px 14px;font:inherit;font-weight:700;font-size:12.5px;white-space:nowrap;cursor:pointer}
@media (max-width:540px){.rpt-t{grid-template-columns:26px minmax(0,1fr)}.rpt-btn{grid-column:2;justify-self:start}}
.rpt-lose{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:640px){.rpt-lose{grid-template-columns:1fr}}
.rpt-lose div{border:1px solid var(--wk-line,#eef0f4);border-radius:12px;padding:12px 14px}.rpt-lose b{display:block;font-size:14px}.rpt-lose span{font-size:12.5px;color:var(--wk-mut,#5b6576)}
.rpt-lose .k{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;color:#c43d35;text-transform:uppercase;margin-bottom:4px}
.rpt-pks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:6px}
@media (max-width:760px){.rpt-pks{grid-template-columns:1fr}}
.rpt-p{border:1px solid var(--wk-line-2,#dfe1e6);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:6px;position:relative}
.rpt-p h4{margin:0;font-family:var(--font-heading);font-size:20px}.rpt-p .pr{font-family:var(--font-heading);font-size:28px;font-weight:600}.rpt-p .pr small{font-family:var(--font-body);font-size:13px;color:var(--wk-mut,#5b6576);font-weight:500}
.rpt-p p{margin:0;font-size:13px;color:var(--wk-mut,#5b6576)}.rpt-p .why{margin-top:auto}
.rpt-p .go{margin-top:10px;border-radius:10px;padding:10px;font:inherit;font-weight:700;background:var(--wk-panel,#fff);border:1px solid var(--wk-ink,#16202e);color:var(--wk-ink,#16202e);cursor:pointer}
.rpt-p.rec{border:2px solid #2f5fa8;box-shadow:0 6px 18px rgba(47,95,168,.15)}.rpt-p.rec .go{background:#2f5fa8;border-color:#2f5fa8;color:#fff}
.rpt-p .rb{position:absolute;top:-11px;left:18px;background:#2f5fa8;color:#fff;font-size:11px;font-weight:700;border-radius:99px;padding:3px 10px;letter-spacing:.04em}
.rpt-fnote{text-align:center;color:var(--wk-mut,#5b6576);font-size:12px;margin-top:18px}
html[data-theme="dark"] .rpt-ic{background:rgba(255,255,255,.08)}
html[data-theme="dark"] .rpt-pill.g{background:rgba(111,207,142,.14);color:#6fcf8e}html[data-theme="dark"] .rpt-pill.r{background:rgba(242,139,130,.14);color:#f28b82}
html[data-theme="dark"] .rpt-col i{background:#2a3a5c}html[data-theme="dark"] .rpt-col.cur i{background:#5b8fd9}
/* Etusivun banneri ja arkistolinkki */
.rpt-banner .hm-trial-i{font-size:15px}
.hm-rptl{border:0;background:none;padding:0;margin:10px 0 0;font:inherit;font-size:13px;font-weight:700;color:var(--wk-link,#2f5fa8);cursor:pointer}