/*
 * Lainataivas – taivas ja laskurit: tyylit.
 *
 * OSA 1 on hyväksytyn mallin CSS (reference/tyylit-referenssi.css) SELLAISENAAN, vain rajattuna
 * body .lt -kääreen sisään (generoitu skriptillä tools/rajaa-css.py), jotta mallin yleiset valitsimet
 * (section, footer, h1, .btn, .panel …) eivät vaikuta Kadencen omiin elementteihin. @font-face on
 * lapsiteemassa (tiedostoina). OSA 2 sovittaa samat tyylit WordPressin core-lohkojen markupiin.
 */

/* ======================= OSA 1: malli (älä muokkaa käsin) ======================= */

/* Layout: cinematic dawn – a generated sky fills the opening screen (clear summer blue, a shining sun), the headline sits high in the sky and the application card floats on the horizon line. Below the horizon the page is calm paper: Saldotaivas chart, four "taivaat" for the loan types, editorial articles. */
:root{
  --zenith:#0E1B36; --horizon:#CFE8FA; --dawn:#6FA7D9; --sky-text:#10233F; --sky-text-2:rgba(16,35,63,.82);
  --ground:#FFFFFF; --paper:#FFFFFF; --mist:#EAF4FD; --ink:#10233F; --ink-2:#4A5A72; --ink-3:#7C8AA0; --line:#DFE5EC;
  --sun:#FFC02E; --sun-deep:#C98A0C; --blue:#2A6BB0; --blue-soft:#E1ECF8; --glass:rgba(255,255,255,.55); --glass-line:rgba(255,255,255,.9);
  --display:"DejaVu Sans",Verdana,system-ui,sans-serif; --sans:"DejaVu Sans",Verdana,system-ui,sans-serif; --mono:"DejaVu Sans",Verdana,system-ui,sans-serif;
  --shadow:0 30px 60px -36px rgba(16,35,63,.45); --shadow-sm:0 10px 24px -18px rgba(16,35,63,.35);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){ --ground:#0C1426; --paper:#131D33; --mist:#182440; --ink:#EEF3FA; --ink-2:#B7C3D6; --ink-3:#8593AA; --line:#28385A; --sun:#F5B65A; --sun-deep:#F8CB7C; --blue:#7FB3EA; --blue-soft:#1B2D4D; --shadow:0 30px 60px -36px rgba(0,0,0,.8); --shadow-sm:0 10px 24px -18px rgba(0,0,0,.7); color-scheme:dark } }
:root[data-theme="dark"]{ --ground:#0C1426; --paper:#131D33; --mist:#182440; --ink:#EEF3FA; --ink-2:#B7C3D6; --ink-3:#8593AA; --line:#28385A; --sun:#F5B65A; --sun-deep:#F8CB7C; --blue:#7FB3EA; --blue-soft:#1B2D4D; --shadow:0 30px 60px -36px rgba(0,0,0,.8); --shadow-sm:0 10px 24px -18px rgba(0,0,0,.7); color-scheme:dark }
body .lt, body .lt *{box-sizing:border-box}
body .lt{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55}
body .lt a{color:var(--blue)}
body .lt :focus-visible{outline:3px solid var(--sun);outline-offset:3px}
body .lt p{margin:0}
body .lt .wrap{max-width:1180px;margin-inline:auto;padding-inline:clamp(16px,4vw,44px)}
body .lt h1,body .lt h2,body .lt h3{font-family:var(--display);font-weight:700;line-height:1.02;letter-spacing:-.025em;margin:0;text-wrap:balance;font-variation-settings:"opsz" 96}
body .lt h1{font-size:clamp(2.5rem,6vw,5rem);line-height:.98;color:var(--sky-text)}
body .lt h1 em{font-style:normal;font-weight:400;color:var(--sun-deep)}
body .lt h2{font-size:clamp(1.9rem,3.8vw,3rem)}
body .lt h3{font-size:1.35rem;font-weight:600}
body .lt .eyebrow{font:600 .72rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
body .lt .btn{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 26px;border-radius:999px;background:var(--blue);color:#fff;font:600 1rem var(--sans);text-decoration:none;border:0;cursor:pointer;transition:transform .18s,box-shadow .18s}
body .lt .btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
body .lt .btn.sun{background:linear-gradient(180deg,#F8BE5A,var(--sun));color:#1B1200;box-shadow:0 8px 24px -10px rgba(242,169,59,.8)}
body .lt .btn.ghost{background:var(--glass);color:var(--sky-text);border:1.5px solid rgba(16,35,63,.35);backdrop-filter:blur(8px)}
body .lt .btn.line{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
body .lt .num{font-variant-numeric:tabular-nums lining-nums}
body .lt .eyebrow,body .lt .tag,body .lt output,body .lt .legend,body .lt .flag{font-variant-numeric:tabular-nums}
/* header over the sky */
body .lt .top{position:absolute;inset:0 0 auto 0;z-index:6;padding-top:env(safe-area-inset-top,0px)}
body .lt .top .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
body .lt .brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#10233F;font:500 1.3rem var(--display)}
body .lt .brand svg{width:32px;height:32px}
body .lt .nav{display:flex;gap:26px;font-size:.95rem;font-weight:500}
body .lt .nav a{color:rgba(16,35,63,.8);text-decoration:none;font-weight:600}
body .lt .nav a:hover{color:#10233F}
@media (max-width:760px){body .lt .nav{display:none}}
/* hero */
body .lt .sky{position:relative;z-index:2;isolation:isolate;background:linear-gradient(180deg,#8CC6F2 0%,#ABD7F6 40%,#CFE7FA 75%,#E6F3FC 100%);color:var(--sky-text);padding-block:calc(88px + env(safe-area-inset-top,0px)) 0;overflow:visible}
body .lt .skyfx{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}
body .lt .skyfx .plx{will-change:transform}
body .lt .drift{animation:l-drift var(--dur,240s) linear infinite}
body .lt .drift.slow{--dur:150s}
body .lt .drift.fast{--dur:95s;animation-delay:-40s}
body .lt .drift.chart{animation-name:l-drift-c;--dur:120s}
body .lt .drift.card{animation-name:l-drift-k;--dur:90s}
@keyframes l-drift-c{from{transform:translateX(0)}to{transform:translateX(-700px)}}
@keyframes l-drift-k{from{transform:translateX(0)}to{transform:translateX(-400px)}}
@keyframes l-drift{from{transform:translateX(0)}to{transform:translateX(-1600px)}}
@media (prefers-reduced-motion:reduce){body .lt .drift{animation:none}}
body .lt .clouds{position:absolute;left:0;right:0;top:calc(72px + env(safe-area-inset-top,0px));height:44px;z-index:0;pointer-events:none;overflow:hidden}
@media (min-width:980px){body .lt .sky{padding-top:calc(116px + env(safe-area-inset-top,0px))}}
@media (max-width:979px){body .lt .clouds{left:0;right:0;top:calc(62px + env(safe-area-inset-top,0px));height:24px}}
body .lt .bird{position:absolute;width:44px;opacity:.85;animation:l-fly var(--dur,42s) linear infinite;animation-delay:var(--delay,0s);top:var(--top,14%)}
body .lt .bird.b1{--top:12%;--dur:52s;--delay:-6s;width:40px}
body .lt .bird.b2{--top:46%;--dur:60s;--delay:-20s;width:30px;opacity:.7}
body .lt .bird.b3{--top:26%;--dur:48s;--delay:-34s;width:36px}
body .lt .bird.b4{--top:56%;--dur:64s;--delay:-44s;width:26px;opacity:.6}
body .lt .bird.b5{--top:4%;--dur:56s;--delay:-12s;width:34px}
body .lt .bird.b6{--top:36%;--dur:58s;--delay:-28s;width:24px;opacity:.55}
@media (max-width:979px){body .lt .bird{--top:10%!important;width:26px!important}
body .lt .bird.b4,body .lt .bird.b5,body .lt .bird.b6{display:none}}
@keyframes l-fly{0%{transform:translate(-60px,0)}25%{transform:translate(25vw,-8px)}50%{transform:translate(50vw,4px)}75%{transform:translate(75vw,-6px)}100%{transform:translate(calc(100vw + 60px),0)}}
@media (prefers-reduced-motion:reduce){body .lt .bird{animation:none;left:calc(10% + var(--i,0) * 12%)}
body .lt .bird animate{display:none}}
body .lt .sky .hero{position:relative;z-index:1}
body .lt .sky::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.18) 70%,rgba(255,255,255,0));pointer-events:none;z-index:0}
body .lt .hero{display:grid;gap:28px;align-items:center;padding-bottom:clamp(44px,5vw,70px)}
@media (min-width:980px){body .lt .hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:60px}}
body .lt .hero .lead{font-size:1.06rem;color:var(--sky-text-2);max-width:50ch;margin-top:14px;font-weight:500}
body .lt .hero .facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
body .lt .hero .facts span{font:600 .8rem var(--sans);padding:7px 12px;border-radius:999px;border:1px solid var(--glass-line);background:var(--glass);backdrop-filter:blur(8px);color:var(--sky-text)}
body .lt .hero .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;align-items:center}
body .lt .hero .fine{font-size:.8rem;color:rgba(16,35,63,.75);margin-top:12px;max-width:60ch;font-weight:500}
/* application card on the horizon */
body .lt .apply{position:relative;z-index:2;background:var(--paper);color:var(--ink);border-radius:22px;border:1px solid var(--line);box-shadow:0 18px 40px -18px rgba(16,35,63,.35),0 2px 6px rgba(16,35,63,.06);padding:18px;display:grid;gap:9px;margin-bottom:-60px}
body .lt .apply .head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
body .lt .apply .head strong{font:500 1.25rem var(--display)}
body .lt .apply .tag{font:600 .68rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sun-deep);background:#FFF1D9;padding:4px 8px;border-radius:6px}
body .lt .f{display:grid;gap:5px}
body .lt .f label{font-size:.82rem;font-weight:600;display:flex;justify-content:space-between}
body .lt .f label output{font:600 .95rem var(--mono);color:var(--blue)}
body .lt .f input[type=range]{width:100%;accent-color:var(--sun)}
body .lt .f .hint{font-size:.7rem;color:var(--ink-3);line-height:1.35}
body .lt .f input[type=text],body .lt .f input[type=email],body .lt .f input[type=tel]{font:500 .95rem var(--sans);padding:10px 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--mist);color:var(--ink);width:100%}
body .lt .two{display:grid;gap:12px;grid-template-columns:1fr 1fr}
@media (max-width:420px){body .lt .two{grid-template-columns:1fr}}
body .lt .apply .est{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding:10px 14px;border-radius:12px;background:var(--blue-soft)}
body .lt .apply .est b{font:500 1.5rem var(--display)}
body .lt .apply .legal{font-size:.68rem;color:var(--ink-3);line-height:1.38}
body .lt .apply .btn{justify-content:center}
/* below the horizon */
body .lt .ground{position:relative;background:linear-gradient(180deg,var(--mist) 0,var(--ground) 140px);padding-top:90px}
body .lt .art .thumb{display:block;aspect-ratio:3/2;border-radius:12px;background:linear-gradient(180deg,#8CC6F2,#E6F3FC);margin-bottom:12px}
body .lt .embed{border:2px dashed var(--line);border-radius:18px;background:var(--mist);min-height:min(550px,70vw);display:grid;place-items:center;text-align:center;padding:24px}
body .lt .embed div{display:grid;gap:6px;color:var(--ink-2);font-size:.95rem}
body .lt .embed strong{font:500 1.3rem var(--display);color:var(--ink)}
body .lt section{padding-block:clamp(56px,8vw,100px)}
body .lt .section-head{display:grid;gap:12px;max-width:62ch;margin-bottom:34px}
body .lt .section-head .eyebrow::before{content:"";display:inline-block;width:12px;height:12px;margin-right:9px;vertical-align:-1px;border-radius:50%;background:radial-gradient(circle,#FFF3C4 0 30%,#FFC02E 31% 60%,transparent 61%);box-shadow:0 0 0 2px rgba(255,192,46,.35)}
body .lt .section-head p{color:var(--ink-2);font-size:1.05rem}
/* saldotaivas – the big chart */
body .lt .saldo{display:grid;gap:28px;align-items:start}
@media (min-width:960px){body .lt .saldo{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}
body .lt .chart{background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:20px;overflow:hidden}
body .lt .chart .head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
body .lt .chart .head .v{font:500 2rem var(--display)}
body .lt .chart svg{width:100%;height:auto;display:block;margin-top:8px}
body .lt .chart .legend{display:flex;gap:18px;font-size:.8rem;color:var(--ink-3);margin-top:8px;flex-wrap:wrap}
body .lt .legend i{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px;margin-right:6px}
body .lt .panel{background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-sm);padding:22px;display:grid;gap:4px;align-content:start}
body .lt .panel .f{margin-bottom:12px}
body .lt .panel .f input[type=text]{width:9ch;background:var(--mist)}
body .lt .stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
@media (max-width:420px){body .lt .stats{grid-template-columns:1fr}}
body .lt .stat{padding:12px 14px;border-radius:14px;background:var(--mist);display:grid;gap:2px}
body .lt .stat .k{font-size:.78rem;color:var(--ink-2)}
body .lt .stat .v{font:600 1.15rem var(--mono)}
body .lt .stat.big{grid-column:1/-1;background:var(--blue-soft)}
body .lt .stat.big .v{font:500 2.2rem var(--display)}
body .lt .panel .note{font-size:.8rem;color:var(--ink-3);margin-top:8px}
/* loan types: four skies */
body .lt .types{display:grid;gap:18px}
@media (min-width:680px){body .lt .types{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){body .lt .types{grid-template-columns:repeat(4,1fr)}}
body .lt .type{display:grid;grid-template-rows:auto 1fr;border-radius:20px;overflow:hidden;background:var(--paper);border:1px solid var(--line);text-decoration:none;color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}
body .lt .type:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
body .lt .type .skyband{height:150px;position:relative;overflow:hidden;background:linear-gradient(180deg,#6FB5EE,#CFE7FA)}
body .lt .type .scene{position:absolute;inset:0;width:100%;height:100%;display:block}
body .lt .type .rise{transition:transform .5s ease}
body .lt .type:hover .rise{transform:translateY(-5px)}
body .lt .bird-k{transform-box:fill-box;animation:l-fly-k var(--dur,30s) linear infinite;animation-delay:var(--delay,0s)}
@keyframes l-fly-k{0%{transform:translate(-70px,var(--top)) scale(var(--sc,.5))}30%{transform:translate(calc(var(--w,400px) * .3),calc(var(--top) - 6px)) scale(var(--sc,.5))}60%{transform:translate(calc(var(--w,400px) * .6),calc(var(--top) + 4px)) scale(var(--sc,.5))}100%{transform:translate(calc(var(--w,400px) + 20px),var(--top)) scale(var(--sc,.5))}}
@media (prefers-reduced-motion:reduce){body .lt .bird-k{animation:none;transform:translate(40%,var(--top)) scale(var(--sc,.5))}
body .lt .bird-k animate{display:none}}
body .lt .type.t2 .skyband{background:linear-gradient(180deg,#4F9BE0,#A9D5F5)}
body .lt .type.t3 .skyband{background:linear-gradient(180deg,#8FC4F0,#FBE7CF)}
body .lt .type.t4 .skyband{background:linear-gradient(180deg,#9DB8F0,#E4ECFF)}
body .lt .sunmark{position:absolute;left:14px;bottom:10px;width:84px;height:84px}
/* sun beside the headline: text keeps clear of it on every width */
/* sun anchored to the headline words: desktop beside "Kilpailuta", mobile beside the first two lines */
body .lt .hero h1 .w1,body .lt .hero h1 .w2{position:relative;white-space:nowrap}
body .lt .hero h1 .sunmark{left:auto;bottom:auto;top:50%;filter:drop-shadow(0 6px 18px rgba(255,200,60,.35));z-index:0;pointer-events:none}
body .lt .hero h1 .sun-d{left:calc(100% + .3em);width:1.25em;height:1.25em;transform:translate(var(--plx,0px),-58%)}
body .lt .hero h1 .sun-m{display:none;left:calc(100% + .26em);width:2em;height:2em;top:0;transform:translateY(-50%)}
@media (min-width:980px) and (max-width:1179px){body .lt .hero-text .eyebrow{max-width:250px}}
@media (max-width:979px){body .lt .hero h1 .sun-d{display:none}
body .lt .hero h1 .sun-m{display:block}}
@media (max-width:479px){body .lt .hero h1{font-size:clamp(2.2rem,11.5vw,2.9rem)}}
body .lt .sunmark .rays,body .lt .sunmark-g .rays{transform-origin:60px 60px;animation:l-sunspin 80s linear infinite}
@keyframes l-sunspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){body .lt .sunmark .rays,body .lt .sunmark-g .rays{animation:none}}
body .lt .type .body{display:grid;gap:8px;padding:20px;align-content:start}
body .lt .type .when{font:600 .7rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
body .lt .type p{color:var(--ink-2);font-size:.95rem}
body .lt .type .more{color:var(--blue);font-weight:600;font-size:.9rem;margin-top:4px}
/* articles */
body .lt .articles{display:grid;gap:22px}
@media (min-width:800px){body .lt .articles{grid-template-columns:repeat(3,1fr)}}
body .lt .art{display:grid;gap:10px;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:20px;text-decoration:none;color:var(--ink);transition:transform .2s}
body .lt .art:hover{transform:translateY(-3px)}
body .lt .art h3{font-size:1.35rem}
body .lt .art .meta{font:600 .7rem var(--mono);color:var(--sun-deep);letter-spacing:.12em;text-transform:uppercase}
body .lt .art p{color:var(--ink-2);font-size:.95rem}
/* partners */
body .lt .partners{display:grid;gap:16px}
@media (min-width:800px){body .lt .partners{grid-template-columns:repeat(3,1fr)}}
body .lt .partner{display:grid;gap:12px;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:20px}
body .lt .partner .tag{font:600 .68rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sun-deep)}
body .lt .notice{margin-top:20px;font-size:.9rem;color:var(--ink-2);max-width:70ch}

/* how it works */
body .lt .steps{display:grid;gap:14px;margin-bottom:26px}
@media (min-width:760px){body .lt .steps{grid-template-columns:repeat(3,1fr);gap:18px}}
body .lt .step{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:16px 18px;border-radius:16px;background:var(--mist)}
body .lt .step .n{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:600 1rem var(--mono);color:#1B1200;background:radial-gradient(circle at 50% 40%,#FFF3C4,#FFC02E 70%);box-shadow:0 0 0 4px rgba(255,192,46,.25)}
body .lt .step b{display:block;font:600 1rem var(--sans);margin-bottom:3px}
body .lt .step p{font-size:.92rem;color:var(--ink-2)}
/* know before you apply */
body .lt .facts3{display:grid;gap:14px;margin-bottom:28px}
@media (min-width:760px){body .lt .facts3{grid-template-columns:repeat(3,1fr);gap:18px}}
body .lt .fact{padding:18px 20px;border-radius:18px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm);display:grid;gap:6px}
body .lt .fact .v{font:500 2.1rem var(--display);color:var(--ink);line-height:1}
body .lt .fact .k{font-weight:600}
body .lt .fact p{font-size:.88rem;color:var(--ink-2)}
body .lt .srcnote{font-size:.8rem;color:var(--ink-3);margin-top:-14px;margin-bottom:28px}
/* amounts */
body .lt .amounts{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:22px}
body .lt .amounts span{font-size:.9rem;color:var(--ink-2);margin-right:4px}
body .lt .amounts a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);text-decoration:none;font:600 .95rem var(--mono);transition:transform .18s,border-color .18s}
body .lt .amounts a:hover{transform:translateY(-2px);border-color:var(--sun)}
body .lt .amounts a i{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#FFF3C4 0 35%,#FFC02E 36%)}
/* calculators */
body .lt .calcs{display:grid;gap:14px}
@media (min-width:680px){body .lt .calcs{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){body .lt .calcs{grid-template-columns:repeat(4,1fr)}}
body .lt .calc{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:18px;border-radius:18px;background:var(--mist);border:1px solid transparent;text-decoration:none;color:var(--ink);transition:transform .22s,border-color .22s,background .22s}
body .lt .calc:hover{transform:translateY(-3px);border-color:rgba(255,192,46,.6);background:var(--paper)}
body .lt .calc .icon{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 50% 42%,#FFF3C4,#FFC02E 68%);box-shadow:0 0 0 4px rgba(255,192,46,.22);margin-top:2px}
body .lt .calc .body{display:grid;gap:4px;align-content:start;padding:0}
body .lt .calc h3{font-size:1.1rem}
body .lt .calc p{font-size:.9rem;color:var(--ink-2)}
body .lt .calc .more{color:var(--blue);font-weight:600;font-size:.88rem;margin-top:4px}

/* footer: night */
body .lt footer{background:linear-gradient(180deg,#EAF3FB,#D6E8F7);color:var(--ink-2);padding-block:56px 40px;font-size:.9rem;position:relative}
body .lt footer::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#7FB8E8,#F2A93B,#7FB8E8)}
body .lt footer .wrap{display:grid;gap:22px}
@media (min-width:800px){body .lt footer .wrap{grid-template-columns:3fr 2fr}}
body .lt footer a{color:var(--ink)}
body .lt footer b{color:var(--ink)}
body .lt footer .fineprint{grid-column:1/-1;margin-top:18px;font-size:.68rem;line-height:1.5;color:var(--ink-3);opacity:.8;letter-spacing:.01em}
@media (prefers-reduced-motion:reduce){body .lt, body .lt *{transition:none!important;animation:none!important}}


/* ======================= OSA 2: sovitus core-lohkoihin ======================= */
/* Kääre ja lohkojen oletusvälit pois (välit tulevat mallin säännöistä). body-etuliite: voittaa teemojen .entry-content-säännöt */
/* Klassiset teemat (Kadence) lisäävät ryhmälohkoon sisäkääreen: asettelun kannalta läpinäkyväksi,
   jotta mallin grid/flex-säännöt kohdistuvat lohkoihin kuten mallissa. */
body .lt .wp-block-group__inner-container{display:contents}
body .lt input[type=range]{-webkit-appearance:auto;appearance:auto;border:0;padding:0;background:transparent;box-shadow:none;height:auto;border-radius:0}
body .lt.lt-sivu{margin:0;max-width:none}
body .lt .wp-block-group,body .lt .wp-block-buttons,body .lt .wp-block-list{margin-block:0}
body .lt :where(.is-layout-flow,.is-layout-constrained)>*{margin-block-start:0;margin-block-end:0}
body .lt :where(.is-layout-constrained)>*{max-width:none}
body .lt ul.wp-block-list,body .lt ol.wp-block-list{padding:0;list-style:none}
body .lt .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
body .lt .wp-block-button{margin:0}

/* Painikkeet (core/button) = mallin .btn / .btn.sun / .btn.ghost / .btn.line */
body .lt .wp-block-button__link,body .lt .wp-element-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border-radius:999px;background:linear-gradient(180deg,#F8BE5A,var(--sun));color:#1B1200;font:600 1rem var(--sans);text-decoration:none;border:0;cursor:pointer;transition:transform .18s,box-shadow .18s;box-shadow:0 8px 24px -10px rgba(242,169,59,.8)}
body .lt .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);color:#1B1200}
body .lt .is-style-haamu .wp-block-button__link{background:var(--glass);color:var(--sky-text);border:1.5px solid rgba(16,35,63,.35);backdrop-filter:blur(8px);box-shadow:none}
body .lt .is-style-viiva .wp-block-button__link{background:transparent;color:var(--ink);border:1.5px solid var(--line);box-shadow:none}
body .lt .is-style-viiva .wp-block-button__link:hover{border-color:var(--sun)}

/* Taivas-hero: tekstipalsta core-lohkoina */
body .lt .lt-taivas{margin:0}
body .lt-taivas.alignfull{width:100%;max-width:none;margin-left:0;margin-right:0}
body .lt .hero .eyebrow{color:var(--sun-deep)}
body .lt .hero h1{margin-top:10px}
body .lt .hero ul.facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
body .lt .hero ul.facts li{font:600 .8rem var(--sans);padding:7px 12px;border-radius:999px;border:1px solid var(--glass-line);background:var(--glass);backdrop-filter:blur(8px);color:var(--sky-text);margin:0}
body .lt .hero .cta{margin-top:20px}
@media (min-width:980px){body .lt .hero:has(>:only-child){grid-template-columns:minmax(0,1fr)}body .lt .hero>.hero-text:only-child{max-width:980px}}
body .lt-alasivu .hero h1{font-size:clamp(2.2rem,4.6vw,3.8rem);line-height:1.04}
body .lt-alasivu .hero{padding-bottom:clamp(40px,5vw,64px)}
body .lt .lt-pika-arvio-kaare{position:relative;z-index:2}

/* Lohkomallien pohja (.ground) alasivuilla: kortti ei ylitä taivasta */
body .lt .ground.lt-alasivu-runko{padding-top:8px}

/* Askeleet (core/group .steps > .step) */
body .lt .step>.wp-block-group,body .lt .step>.wp-block-group__inner-container>.wp-block-group{display:block}
body .lt .step p.n{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:600 1rem var(--mono);color:#1B1200;background:radial-gradient(circle at 50% 40%,#FFF3C4,#FFC02E 70%);box-shadow:0 0 0 4px rgba(255,192,46,.25)}
body .lt .step strong{display:block;font:600 1rem var(--sans);margin-bottom:3px;color:var(--ink)}

/* Faktaruudut */
body .lt .fact p.k{font-size:1rem;color:var(--ink)}
body .lt .fact p.v{font-size:2.1rem}

/* Samblan lomake valkoisessa kortissa (ohje 7.2) */
body .lt .lt-lomakekortti{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:16px;overflow:hidden}
body .lt .lt-lomakekortti iframe{display:block;width:100%;border:0;border-radius:14px;overflow:hidden}
body .lt .lt-lomakekortti+.notice,body .lt .lt-lomakekortti+.lt-tiedote{margin-top:16px}

/* Lainatyyppikortit: koko kortti on linkki ("Tutustu lisää →") */
body .lt .type{position:relative}
body .lt .type .more{margin-top:4px}
body .lt .type .more a{color:var(--blue);font-weight:600;font-size:.9rem;text-decoration:none}
body .lt .type .more a::after,body .lt .calc .more a::after{content:"";position:absolute;inset:0;border-radius:inherit}
body .lt .type .body h3{font-size:1.35rem}

/* Hae summan mukaan */
body .lt .amounts p{margin:0}
body .lt .amounts p.amounts-label{font-size:.9rem;color:var(--ink-2);margin-right:4px}
body .lt .amounts p a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);text-decoration:none;font:600 .95rem var(--mono);transition:transform .18s,border-color .18s}
body .lt .amounts p a:hover{transform:translateY(-2px);border-color:var(--sun)}
body .lt .amounts p a::before{content:"";width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#FFF3C4 0 35%,#FFC02E 36%)}

/* Laskurikortit: aurinkomerkki, koko kortti linkki */
body .lt .calc{position:relative}
body .lt .calc::before{content:"";width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 50% 42%,#FFF3C4,#FFC02E 68%);box-shadow:0 0 0 4px rgba(255,192,46,.22);margin-top:2px}
body .lt .calc .more a{color:var(--blue);font-weight:600;font-size:.88rem;text-decoration:none}

/* Uusimmat artikkelit (core Query Loop) = mallin .articles/.art */
body .lt .lt-osio-artikkelit{background:var(--mist)}
body .lt .lt-artikkelit .wp-block-post-template{display:grid;gap:22px;margin:0;padding:0;list-style:none}
@media (min-width:800px){body .lt .lt-artikkelit .wp-block-post-template{grid-template-columns:repeat(3,1fr)}}
@media (max-width:799px){body .lt .lt-artikkelit .wp-block-post-template{grid-template-columns:1fr}}
body .lt .lt-artikkelit .wp-block-post{display:grid;gap:10px;align-content:start;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:20px;margin:0;position:relative;transition:transform .2s}
body .lt .lt-artikkelit .wp-block-post:hover{transform:translateY(-3px)}
body .lt .lt-artikkelit .wp-block-post-featured-image{margin:0 0 2px}
body .lt .lt-artikkelit .wp-block-post-featured-image img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:12px;display:block}
body .lt .lt-artikkelit .wp-block-post-date{font:600 .7rem var(--mono);color:var(--sun-deep);letter-spacing:.12em;text-transform:uppercase}
body .lt .lt-artikkelit .wp-block-post-title{font-size:1.35rem;margin:0}
body .lt .lt-artikkelit .wp-block-post-title a{color:var(--ink);text-decoration:none}
body .lt .lt-artikkelit .wp-block-post-title a::after{content:"";position:absolute;inset:0}
body .lt .lt-artikkelit .wp-block-post-excerpt,body .lt .lt-artikkelit .wp-block-post-excerpt p{color:var(--ink-2);font-size:.95rem;margin:0}

/* Alasivujen sisältö (vanhan teeman rakenteet core-lohkoina) */
body .lt .lt-alasivu-runko section.lt-osio{padding-block:clamp(36px,5vw,64px)}
body .lt .lt-alasivu-runko .wrap>*+*,body .lt .lt-alasivu-runko .wrap>.wp-block-group__inner-container>*+*{margin-top:22px}
body .lt .lt-kapea{max-width:760px}
body .lt .lt-kapea>*+*,body .lt .lt-kapea>.wp-block-group__inner-container>*+*,body .lt .lt-kortti>*+*,body .lt .lt-kortti>.wp-block-group__inner-container>*+*,body .lt .lt-info>*+*,body .lt .lt-info>.wp-block-group__inner-container>*+*,body .lt .partner>*+*,body .lt .partner>.wp-block-group__inner-container>*+*,body .lt .lt-loppu .wrap>*+*,body .lt .lt-loppu .wrap>.wp-block-group__inner-container>*+*{margin-top:14px}
body .lt .lt-alasivu-runko h2{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.1}
body .lt .lt-alasivu-runko h3{font-size:1.2rem;line-height:1.2}
body .lt .lt-alasivu-runko .eyebrow+h2{margin-top:10px}
body .lt .lt-alasivu-runko p,body .lt .lt-alasivu-runko li{color:var(--ink-2)}
body .lt .lt-alasivu-runko strong{color:var(--ink)}
body .lt .lt-kapea ul.wp-block-list:not(.lt-linkit):not(.lt-askeleet) li,body .lt .lt-kortti ul.wp-block-list li,body .lt .lt-info ul.wp-block-list li{position:relative;padding-left:22px;margin-top:6px}
body .lt .lt-kapea ul.wp-block-list:not(.lt-linkit):not(.lt-askeleet) li::before,body .lt .lt-kortti ul.wp-block-list li::before,body .lt .lt-info ul.wp-block-list li::before{content:"";position:absolute;left:2px;top:.55em;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#FFF3C4 0 35%,#FFC02E 36%)}
body .lt ol.lt-askeleet{counter-reset:askel;display:grid;gap:12px}
body .lt ol.lt-askeleet li{counter-increment:askel;position:relative;padding:14px 16px 14px 66px;border-radius:16px;background:var(--mist);min-height:64px}
body .lt ol.lt-askeleet li::before{content:counter(askel);position:absolute;left:16px;top:14px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:600 .95rem var(--mono);color:#1B1200;background:radial-gradient(circle at 50% 40%,#FFF3C4,#FFC02E 70%);box-shadow:0 0 0 4px rgba(255,192,46,.25)}
body .lt .lt-ruudukko{display:grid;gap:18px}
@media (min-width:760px){body .lt .lt-ruudukko{grid-template-columns:repeat(2,1fr)}body .lt .lt-ruudukko.lt-ruudukko-3{grid-template-columns:repeat(3,1fr)}}
body .lt .lt-kortti{padding:22px 24px;background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm)}
body .lt .lt-info{padding:clamp(22px,3vw,34px);background:var(--mist);border-radius:22px;max-width:980px}
body .lt .lt-info.lt-info-pehmea{background:var(--blue-soft)}
body .lt .lt-tiedote{font-size:.9rem;color:var(--ink-2);max-width:70ch}
body .lt .lt-tiedote-laatikko{padding:18px 22px;border-radius:18px;background:var(--mist);font-size:.9rem;display:grid;gap:10px}
body .lt .lt-tiedote-laatikko p{color:var(--ink-2)}
body .lt .lt-loppu .wrap{padding-block:clamp(26px,4vw,40px);background:linear-gradient(180deg,#E6F3FC,var(--paper));border:1px solid var(--line);border-radius:22px;text-align:center}
body .lt .lt-loppu p{max-width:62ch;margin-inline:auto}
body .lt .lt-loppu .wp-block-buttons{justify-content:center}
body .lt ul.lt-linkit{display:grid;gap:10px}
@media (min-width:760px){body .lt ul.lt-linkit{grid-template-columns:repeat(2,1fr)}}
body .lt ul.lt-linkit li a{display:block;padding:14px 18px;border-radius:16px;background:var(--mist);color:var(--ink);font-weight:600;text-decoration:none;border:1px solid transparent}
body .lt ul.lt-linkit li a:hover{border-color:rgba(255,192,46,.6);background:var(--paper)}
body .lt .partners .wp-block-buttons{margin-top:auto}
body .lt .partner{display:flex;flex-direction:column}
body .lt .lt-lue-myos{display:grid;gap:6px}
body .lt .lt-osio-laskuri .wrap>*+*,body .lt .lt-osio-laskuri .wrap>.wp-block-group__inner-container>*+*{margin-top:18px}

/* Taulukot (core/table) */
body .lt .wp-block-table{margin:0;overflow-x:auto}
body .lt .wp-block-table table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:.95rem;background:var(--paper)}
body .lt .wp-block-table th{background:var(--blue-soft);color:var(--ink);text-align:left;font-weight:600}
body .lt .wp-block-table th,body .lt .wp-block-table td{border:0;border-bottom:1px solid var(--line);padding:11px 14px;vertical-align:top}
body .lt .wp-block-table tbody tr:last-child td{border-bottom:0}
body .lt .wp-block-table figcaption{font-size:.8rem;color:var(--ink-3);margin-top:8px}

/* UKK (core/details) */
body .lt details.lt-ukk{border-bottom:1px solid var(--line);padding:4px 0}
body .lt details.lt-ukk summary{cursor:pointer;font-weight:600;color:var(--ink);padding:12px 28px 12px 0;position:relative;list-style:none}
body .lt details.lt-ukk summary::-webkit-details-marker{display:none}
body .lt details.lt-ukk summary::after{content:"+";position:absolute;right:4px;top:10px;font-size:1.2rem;color:var(--sun-deep)}
body .lt details.lt-ukk[open] summary::after{content:"–"}
body .lt details.lt-ukk>*:not(summary){margin:0 0 12px}

/* ---------- Laskurit: yhteinen ulkoasu (Saldotaivas-kortit) ---------- */
body .lt .lt-laskuri{display:grid;gap:18px}
body .lt .chart p.lt-kuvio-kuvaus{font-size:.95rem;color:var(--ink-2)}
body .lt .f input[type=text]{font:500 .95rem var(--sans);padding:10px 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--mist);color:var(--ink);width:100%}
body .lt .panel .f input[type=text]{width:9ch}
body .lt .lt-tarjous .two .f input[type=text],body .lt .lt-kentat .f input[type=text],body .lt .lt-rivi .f input[type=text],body .lt .lt-lainalaskuri .two .f input[type=text]{width:100%}
body .lt .f input[aria-invalid=true]{border-color:#b82105}
body .lt .lt-tabs{display:inline-flex;gap:6px;padding:5px;border-radius:999px;background:var(--mist);border:1px solid var(--line);justify-self:start}
body .lt .lt-tab{font:600 .95rem var(--sans);border:0;border-radius:999px;padding:10px 18px;background:transparent;color:var(--ink-2);cursor:pointer;min-height:44px}
body .lt .lt-tab[aria-selected=true]{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-sm)}
body .lt details.lt-kulut{margin:4px 0 12px;border-top:1px solid var(--line);padding-top:10px}
body .lt details.lt-kulut summary{cursor:pointer;font-size:.85rem;font-weight:600;color:var(--blue);margin-bottom:10px}
body .lt .lt-era-selite{grid-column:1/-1;font-size:.78rem;color:var(--ink-3);margin-top:-4px}
body .lt .lt-koostumus{margin-top:14px;display:grid;gap:8px}
body .lt .lt-palkki{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--mist)}
body .lt .lt-palkki span{display:block;height:100%}
body .lt .lt-palkki .p,body .lt .legend i.p{background:#2F5C9E}
body .lt .lt-palkki .i,body .lt .legend i.i{background:#7FBDF0}
body .lt .lt-palkki .fe,body .lt .legend i.fe{background:#F2A93B}
body .lt .lt-laki{margin-top:12px;padding:12px 14px;border-radius:14px;background:var(--mist);font-size:.85rem;color:var(--ink-2);display:grid;gap:4px}
body .lt .lt-laki.lt-laki-varoitus{background:#FFF1D9;color:#6B4A00}
body .lt .lt-laki .lt-laki-huom{font-size:.75rem;color:var(--ink-3)}
body .lt .lt-toiminnot{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
body .lt .lt-toiminnot .btn{min-height:44px;padding:0 18px;font-size:.9rem}
body .lt .lt-taulukko{margin-top:12px}
body .lt .lt-taulukko-vieritys{max-height:420px;overflow:auto;border:1px solid var(--line);border-radius:14px}
body .lt .lt-taulukko table,body .lt .lt-tulokset table{width:100%;border-collapse:collapse;font-size:.85rem;font-variant-numeric:tabular-nums}
body .lt .lt-taulukko th,body .lt .lt-tulokset th{position:sticky;top:0;background:var(--blue-soft);text-align:right;padding:8px 10px;font-weight:600}
body .lt .lt-taulukko td,body .lt .lt-tulokset td{text-align:right;padding:7px 10px;border-top:1px solid var(--line)}
body .lt .lt-taulukko th:first-child,body .lt .lt-taulukko td:first-child,body .lt .lt-tulokset td:first-child,body .lt .lt-tulokset th:first-child{text-align:left}
body .lt .lt-ilmoitus{font-size:.85rem;color:var(--blue);min-height:1.2em;margin-top:6px}
body .lt .lt-vertailu{display:grid;gap:18px}
body .lt .lt-tarjoukset{display:grid;gap:18px} @media (min-width:760px){body .lt .lt-tarjoukset{grid-template-columns:1fr 1fr}}
body .lt .lt-tarjous h3{font-size:1.15rem;margin-bottom:10px} body .lt .lt-tarjous h3 span{font-weight:500;color:var(--ink-2);font-size:.9rem}
body .lt .lt-tarjous-a{border-top:4px solid #7FBDF0} body .lt .lt-tarjous-b{border-top:4px solid #9CC98A}
body .lt .stat.lt-leveä{grid-column:1/-1}
body .lt .lt-verdikti{padding:18px 20px;border-radius:18px;background:var(--blue-soft);display:grid;gap:8px;justify-items:start}
body .lt .lt-verdikti .v-big{font:600 1.15rem var(--display);color:var(--ink)}
body .lt .lt-verdikti .v-sub{font-size:.88rem;color:var(--ink-2)}
body .lt .lt-verdikti.lt-verdikti-varoitus{background:#FFF1D9}
body .lt .lt-verdikti.lt-verdikti-ok{background:#E3F2DC}
body .lt .lt-alaviite{font-size:.8rem;color:var(--ink-3);max-width:90ch}
body .lt .lt-korkovertailu h3{font-size:1.2rem}
body .lt .lt-palkit{display:grid;gap:10px;margin:12px 0}
body .lt .lt-palkkirivi{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;font-size:.9rem}
body .lt .lt-palkkirivi .tk{height:14px;border-radius:999px;background:var(--mist);overflow:hidden}
body .lt .lt-palkkirivi .tk span{display:block;height:100%;background:linear-gradient(90deg,#7FBDF0,#2F5C9E);border-radius:999px}
body .lt .lt-palkkirivi.oma .tk span{background:linear-gradient(90deg,#F8BE5A,#F2A93B)}
body .lt .lt-palkkirivi.oma .k{font-weight:700}
body .lt .lt-laskuri-otsake{display:grid;gap:8px;max-width:70ch}
body .lt .lt-laskuri-otsake h2{font-size:clamp(1.6rem,3vw,2.3rem)}
body .lt .lt-osio-otsikko{font-size:1.05rem;display:flex;align-items:center;gap:10px;margin:6px 0 12px}
body .lt .lt-osio-otsikko .n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:600 .85rem var(--mono);background:radial-gradient(circle at 50% 40%,#FFF3C4,#FFC02E 70%)}
body .lt .lt-rivit{display:grid;gap:10px;margin-bottom:12px}
body .lt .lt-rivi{display:grid;grid-template-columns:repeat(3,1fr) 36px;gap:8px;align-items:end;padding:12px;border-radius:14px;background:var(--mist)}
body .lt .lt-rivi .f{margin:0}
body .lt .lt-rivi .f.lt-leveä{grid-column:1/-1}
body .lt .lt-rivi .f input[type=text]{background:var(--paper)}
body .lt .lt-poista{width:36px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink-2);cursor:pointer;font-size:1.1rem}
body .lt .lt-sarakkeet{display:grid;gap:14px;margin:14px 0} @media (min-width:600px){body .lt .lt-sarakkeet{grid-template-columns:1fr 1fr}}
body .lt .lt-sarakkeet .stats{grid-template-columns:1fr}
body .lt .lt-kentat{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:12px}
body .lt .lt-kentat .f{margin:0}
body .lt .lt-kentat .lt-leveä{grid-column:1/-1}
@media (max-width:480px){body .lt .lt-kentat{grid-template-columns:1fr}}
body .lt .lt-yksikko{display:flex;align-items:center;gap:8px}
body .lt .lt-tila{margin-top:12px;padding:12px 14px;border-radius:14px;background:var(--blue-soft);font-size:.9rem}
body .lt .lt-tila.lt-tila-virhe{background:#FFF1D9;color:#6B4A00}
body .lt .panel h3{font-size:1.2rem;margin-bottom:6px}
/* Sisäkkäiset .lt-kääreet (lisäosan lohkot sivun sisällä): mallin body-tausta vain uloimpaan */
body .lt .lt{background:transparent}
/* Otsikoiden välit pitkässä tekstissä */
body .lt .lt-kapea>*+h2,body .lt .lt-kapea>.wp-block-group__inner-container>*+h2{margin-top:44px}
body .lt .lt-kapea>*+h3,body .lt .lt-kapea>.wp-block-group__inner-container>*+h3,body .lt .lt-kapea>*+.wp-block-group,body .lt .lt-kapea>.wp-block-group__inner-container>*+.wp-block-group{margin-top:28px}
body .lt .lt-kapea>.wp-block-group+*,body .lt .lt-kapea>.wp-block-group__inner-container>.wp-block-group+*{margin-top:28px}
body .lt .lt-kapea ol.wp-block-list:not(.lt-askeleet){list-style:decimal;padding-left:1.4em}
body .lt .lt-kapea ol.wp-block-list:not(.lt-askeleet) li{margin-top:6px;padding-left:4px}
body .lt .lt-kortti h2,body .lt .partner h3{font-size:1.45rem;line-height:1.15}
body .lt .lt-info h2{font-size:clamp(1.5rem,2.6vw,2rem)}
/* Murupolku (Yoast-lohko) taivas-herossa heti otsikon yläpuolella */
body .lt .hero .yoast-breadcrumbs,body .lt .hero .lt-murupolku{font-size:.82rem;font-weight:500;color:var(--sky-text-2);margin:0 0 10px}
body .lt .hero .yoast-breadcrumbs a{color:var(--sky-text);text-decoration:underline;text-decoration-color:rgba(16,35,63,.35);text-underline-offset:3px}
body .lt .hero .yoast-breadcrumbs .breadcrumb_last{color:var(--sky-text-2)}
body .lt-editori-lohko{pointer-events:auto}

/* ===== Palaute 1.10.2026 (mobiili) ===== */
/* Aurinko: myös puhelimessa ensimmäisen sanan perään, kokonaan näkyvissä (ei leikkaudu reunasta). */
@media (max-width:979px){
body .lt .hero h1 .sun-m{display:none}
body .lt .hero h1 .sun-d{display:block;left:calc(100% + .22em);width:1.42em;height:1.42em;top:50%;transform:translateY(calc(-50% - .34em))}
}
/* Lähdeteksti faktaruutujen alle, ei korttien päälle. */
body .lt .facts3.wp-block-group{margin-bottom:0}
body .lt p.srcnote{margin-top:14px;margin-bottom:28px}
/* Summapainikkeet: puhelimessa siisti 2 × 2 -ruudukko ja väli korttien jälkeen. */
body .lt .amounts.wp-block-group{margin-top:26px}
@media (max-width:600px){
body .lt .amounts.wp-block-group{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body .lt .amounts p.amounts-label{grid-column:1/-1;margin:0 0 2px}
body .lt .amounts p a{display:flex;justify-content:center}
}

/* ===== Maksuaikataulu (korvaa rinne-kuvion): taivasnauha + aikajana + avainluvut ===== */
body .lt .chart.lt-aikataulu .head{display:grid;gap:4px}
body .lt .lt-jana{position:relative;margin-top:14px;height:clamp(160px,20vw,190px);border-radius:16px;overflow:hidden;background:#B9DCF6;isolation:isolate}
body .lt .chart .lt-jana svg.lt-jana-tausta{position:absolute;inset:0;width:100%;height:100%;margin:0}
body .lt .chart .lt-jana svg.lt-jana-aurinko{position:absolute;top:6px;right:8px;width:clamp(46px,8vw,68px);height:auto;margin:0;filter:drop-shadow(0 6px 14px rgba(255,200,60,.35))}
body .lt .lt-jana-sisus{position:absolute;left:clamp(16px,3vw,24px);right:clamp(16px,3vw,24px);top:0;bottom:12px}
body .lt .lt-jana-rata{position:absolute;left:0;right:0;bottom:26px;height:10px;border-radius:999px;background:rgba(255,255,255,.8);box-shadow:inset 0 1px 2px rgba(16,35,63,.12)}
body .lt .lt-jana-tayte{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;background:linear-gradient(90deg,#7FB8E8,#2A6BB0);transition:width .35s ease}
body .lt .lt-jana-piste{position:absolute;top:50%;left:0;width:16px;height:16px;border-radius:50%;background:#FFD84D;border:2px solid #C98A0C;transform:translate(-50%,-50%);box-shadow:0 2px 6px rgba(16,35,63,.2);transition:left .35s ease}
body .lt .lt-jana-viiva{position:absolute;bottom:36px;height:18px;width:0;border-left:1.5px dashed #C98A0C;transition:left .35s ease}
body .lt .lt-jana-lippu{position:absolute;bottom:54px;left:0;transform:translateX(calc(var(--p,0) * -100%));display:grid;gap:1px;padding:7px 12px;border-radius:10px;background:#FFF6DC;border:1px solid #F2A93B;box-shadow:0 6px 16px -10px rgba(16,35,63,.4);white-space:nowrap;transition:left .35s ease,transform .35s ease}
body .lt .lt-jana-lippu .k{font:700 .64rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#10233F}
body .lt .lt-jana-lippu .v{font:500 .95rem var(--sans);color:#10233F}
body .lt .lt-jana-vuodet{position:absolute;left:0;right:0;bottom:0;height:16px;font:600 .72rem var(--sans);color:#10233F}
body .lt .lt-jana-vuodet span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
body .lt .lt-jana-vuodet span.eka{transform:none}
body .lt .lt-jana-vuodet span.vika{transform:translateX(-100%)}
body .lt .lt-avainluvut{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:10px;margin-top:14px}
body .lt .lt-luku{display:grid;gap:2px;padding:12px 14px;border-radius:14px;background:var(--mist);align-content:start}
body .lt .lt-luku .k{font-size:.78rem;color:var(--ink-2)}
body .lt .lt-luku .v{font:600 1.15rem var(--mono);color:var(--ink)}
body .lt .lt-luku.iso{background:var(--blue-soft)}
body .lt .lt-luku.iso .v{font:500 1.45rem var(--display)}
@media (max-width:560px){body .lt .lt-avainluvut{grid-template-columns:1fr 1fr}body .lt .lt-luku.iso{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){body .lt .lt-jana-tayte,body .lt .lt-jana-piste,body .lt .lt-jana-viiva,body .lt .lt-jana-lippu{transition:none}}
/* Puhelimessa ensin syötteet, sitten tulokset ja aikajana. */
@media (max-width:959px){body .lt .saldo>.chart{order:2}}
/* Puhelimessa tulosluvut siistiksi riveiksi (otsikko vasemmalla, luku oikealla); aikajanakortin
   avainluvut piilotetaan, koska samat luvut ovat heti yläpuolella lomakkeessa. */
@media (max-width:560px){
body .lt .stats{grid-template-columns:1fr;gap:6px}
body .lt .stat:not(.big){display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 14px}
body .lt .stat:not(.big) .k{font-size:.85rem}
body .lt .stat:not(.big) .v{font-size:1.05rem;white-space:nowrap;text-align:right}
}
@media (max-width:959px){body .lt .saldo>.chart .lt-avainluvut{display:none}}
/* Avausmaksu ja tilinhoito rinnakkain myös puhelimessa (kentät tasattu alas, jos otsikko rivittyy). */
@media (max-width:420px) and (min-width:340px){body .lt .two{grid-template-columns:1fr 1fr;align-items:end}}

/* ===== Palaute 1.10.2026 klo 19.50: välit, korttien erottuminen, osioiden rytmi, aurinko ===== */
body .lt{--tint:linear-gradient(180deg,#E2EFFB 0%,#EDF5FD 100%);--card-line:#D3DFEB;--card-shadow:0 1px 2px rgba(16,35,63,.06),0 16px 32px -20px rgba(16,35,63,.42)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) body .lt{--tint:linear-gradient(180deg,#111C33,#0E182C);--card-line:#2C3D60}}
/* Välit: WordPressin ryhmälohkojen nollamarginaali (margin-block:0) söi mallin välit. */
body .lt .section-head.wp-block-group{margin-bottom:clamp(26px,4vw,34px)}
body .lt .steps.wp-block-group{margin-bottom:clamp(26px,4vw,32px)}
body .lt .lt-lomakekortti.wp-block-group+.notice{margin-top:18px}
body .lt .types.wp-block-group,body .lt .calcs.wp-block-group{margin-bottom:0}
/* Osioiden rytmi etusivulla: valkoinen – taivaansävy – valkoinen – taivaansävy – valkoinen. */
body .lt-etusivu .ground section.lt-osio{padding-block:clamp(56px,8vw,100px)!important}
body .lt-etusivu .ground section.lt-osio:nth-of-type(even){background:var(--tint)}
body .lt-etusivu .ground section.lt-osio-artikkelit{background:var(--ground)}
/* Kortit erottuvat taustasta: selkeä reuna ja varjo; sävytetyllä taustalla valkoiset kortit. */
body .lt .fact,body .lt .panel,body .lt .chart,body .lt .type,body .lt .lt-lomakekortti,body .lt .lt-artikkelit .wp-block-post{border-color:var(--card-line);box-shadow:var(--card-shadow)}
body .lt .step{border:1px solid #D2E4F4}
body .lt-etusivu .ground section.lt-osio:nth-of-type(even) .calc{background:var(--paper);border-color:var(--card-line);box-shadow:var(--card-shadow)}
body .lt .type:hover,body .lt .lt-artikkelit .wp-block-post:hover{box-shadow:0 1px 2px rgba(16,35,63,.06),0 24px 40px -22px rgba(16,35,63,.5)}
/* Aurinko: säteet kiertävät selvemmin ja hehku "hengittää" rauhallisesti. */
body .lt .sunmark .rays,body .lt .sunmark-g .rays{animation-duration:36s}
body .lt .sunmark>circle:first-of-type,body .lt .sunmark-g>circle:first-of-type{transform-origin:60px 60px;animation:l-sunglow 4.5s ease-in-out infinite alternate}
@keyframes l-sunglow{from{opacity:.6;transform:scale(.88)}to{opacity:1;transform:scale(1.06)}}
@media (prefers-reduced-motion:reduce){body .lt .sunmark>circle:first-of-type,body .lt .sunmark-g>circle:first-of-type{animation:none}}
/* Auringon tarkka paikka lasketaan skriptillä (taivas.js) alle 980 px leveydellä. */
@media (max-width:979px){body .lt .hero h1.lt-aurinko-js{position:relative}body .lt .hero h1.lt-aurinko-js .w1,body .lt .hero h1.lt-aurinko-js .w2{position:static}}
/* Puhelimessa ei turhaa tyhjää heron ja ensimmäisen osion väliin. */
@media (max-width:759px){body .lt-etusivu .ground{padding-top:36px}}

/* =====================================================================================
   VÄRI JA ILO (1.1.0) – palaute 1.10.2026 klo 20.30: enemmän väriä, iloisuutta ja yhtenäisyyttä.
   Kesätaivaan paletti: taivaansininen, aurinko, iltaruskon persikka ja kesänvihreä.
   ===================================================================================== */
body .lt{--t1:#4C9BE6;--t2:#2F80CC;--t-soft:#DDEFFC;--a-soft:#FFF3CF;--a-deep:#9A5C00;--p1:#FF9F7F;--p-soft:#FFE9E0;--p-deep:#C8553D;--m1:#4DB892;--m-soft:#E1F5EC;
 --band-sky:linear-gradient(180deg,#D3EAFB 0%,#EBF6FE 100%);--band-sun:linear-gradient(180deg,#FFF0C6 0%,#FFF9EA 100%)}

/* Heron taivas hieman kirkkaampi ja pilvet täyteläisempiä (pilvien alapinnan varjo on SVG-suodattimessa). */
body .lt .sky{background:linear-gradient(180deg,#7DBDF0 0%,#9CCEF4 32%,#BFE0F8 64%,#E3F2FC 100%)}
body .lt .skyfx .drift.slow rect{opacity:1}
body .lt .skyfx .drift.fast rect{opacity:.92}

/* Yläotsikot pillereinä */
body .lt .eyebrow{display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:100%;justify-self:start;padding:7px 14px 7px 12px;border-radius:16px;background:var(--a-soft);color:#7A4E00;letter-spacing:.12em;line-height:1.25}
body .lt .section-head .eyebrow::before{margin-right:0}
body .lt .hero .eyebrow{background:rgba(255,255,255,.8);color:#10233F;box-shadow:0 6px 16px -10px rgba(16,35,63,.4)}
body .lt .chart .eyebrow,body .lt .lt-koostumus .eyebrow,body .lt .panel .eyebrow{display:block;padding:0;background:none;color:var(--ink-3);box-shadow:none}
/* Osio-otsikoiden alle aurinkoraita */
body .lt .section-head h2::after,body .lt .lt-alasivu-runko section.lt-osio h2::after{content:"";display:block;width:58px;height:6px;margin-top:14px;border-radius:6px;background:linear-gradient(90deg,#FFC02E,#FF9F7F)}

/* Osioiden värirytmi. Etusivu: valkoinen – taivas – aurinko – taivas – valkoinen. */
body .lt-etusivu .ground section.lt-osio:nth-of-type(even){background:var(--band-sky)}
body .lt-etusivu .ground section.lt-osio:nth-of-type(3){background:var(--band-sun)}
body .lt-etusivu .ground section.lt-osio-artikkelit{background:var(--ground)}
/* Alasivut: valkoinen – taivas – valkoinen – aurinko – … */
body .lt .lt-alasivu-runko section.lt-osio:nth-of-type(4n+2){background:var(--band-sky)}
body .lt .lt-alasivu-runko section.lt-osio:nth-of-type(4n+4){background:var(--band-sun)}

/* Faktaruudut: värillinen yläreuna ja luku */
body .lt .facts3 .fact{border-top:5px solid var(--t1)}
body .lt .facts3 .fact:nth-child(3n+2){border-top-color:#FFC02E}
body .lt .facts3 .fact:nth-child(3n+3){border-top-color:var(--p1)}
body .lt .facts3 .fact:nth-child(3n+1) p.v{color:var(--t2)}
body .lt .facts3 .fact:nth-child(3n+2) p.v{color:var(--a-deep)}
body .lt .facts3 .fact:nth-child(3n+3) p.v{color:var(--p-deep)}

/* Askeleet: jokaisella oma kesäväri */
body .lt .steps .step{border:0;box-shadow:var(--card-shadow)}
body .lt .steps .step:nth-child(3n+1){background:var(--a-soft)}
body .lt .steps .step:nth-child(3n+2){background:var(--t-soft)}
body .lt .steps .step:nth-child(3n+3){background:var(--p-soft)}
body .lt .steps .step:nth-child(3n+2) p.n{background:radial-gradient(circle at 50% 40%,#A9D6F8,#3D8FDB 72%);color:#fff;box-shadow:0 0 0 4px rgba(76,155,230,.25)}
body .lt .steps .step:nth-child(3n+3) p.n{background:radial-gradient(circle at 50% 40%,#FFD6C8,#FF8F6B 72%);color:#3A1205;box-shadow:0 0 0 4px rgba(255,143,107,.25)}

/* Laskurikortit: valkoiset kortit, värikkäät kuvakkeet */
body .lt .calcs .calc{background:var(--paper);border:1px solid var(--card-line);box-shadow:var(--card-shadow)}
body .lt .calcs .calc:nth-child(4n+1)::before{background:radial-gradient(circle at 50% 42%,#D4EBFD,#4C9BE6 70%);box-shadow:0 0 0 4px rgba(76,155,230,.2)}
body .lt .calcs .calc:nth-child(4n+3)::before{background:radial-gradient(circle at 50% 42%,#FFE3D8,#FF8F6B 70%);box-shadow:0 0 0 4px rgba(255,143,107,.22)}
body .lt .calcs .calc:nth-child(4n+4)::before{background:radial-gradient(circle at 50% 42%,#D7F3E6,#3FAF85 70%);box-shadow:0 0 0 4px rgba(77,184,146,.22)}

/* Lainatyyppikortit ja artikkelit: lue lisää -linkki pillerinä, päiväys aurinkopillerinä */
body .lt .type .more a{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:var(--t-soft);color:#1E5C9C}
body .lt .lt-artikkelit .wp-block-post-date{display:inline-block;width:fit-content;padding:4px 10px;border-radius:999px;background:var(--a-soft);color:#7A4E00}

/* Usein kysytyt: kortteina */
body .lt details.lt-ukk{background:var(--paper);border:1px solid var(--card-line);border-radius:14px;padding:2px 18px;margin:0 0 10px;box-shadow:0 8px 20px -18px rgba(16,35,63,.4)}
body .lt details.lt-ukk summary{padding-right:40px}
body .lt details.lt-ukk summary::after{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;top:10px;right:0;background:var(--a-soft);color:#7A4E00;font-weight:700;font-size:1.1rem;line-height:1}

/* Hakulomake (Sambla) samaan ilmeeseen: taivaansininen kehys ja aurinkoraita */
body .lt .lt-lomakekortti{position:relative;border:2px solid #A9D3F3;background:linear-gradient(180deg,#D3EAFB 0,#FFFFFF 180px);padding:14px;box-shadow:0 1px 2px rgba(16,35,63,.06),0 24px 48px -28px rgba(47,128,204,.55)}
body .lt .lt-lomakekortti::before{content:"";position:absolute;left:24px;right:24px;top:-2px;height:5px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#FFC02E,#FF9F7F,#4C9BE6)}
body .lt .lt-lomakekortti iframe{border-radius:12px;box-shadow:0 0 0 1px rgba(47,128,204,.18)}

/* Liukusäätimet kaikissa laskureissa samanlaisiksi: taivaansininen täyttö ja aurinkonuppi */
body .lt input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:30px;margin:2px 0;background:transparent;cursor:pointer;--pct:50%}
body .lt input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:linear-gradient(90deg,#5DB3E2 0,#2F80CC var(--pct),#D6E8F7 var(--pct))}
body .lt input[type=range]::-moz-range-track{height:10px;border-radius:999px;background:#D6E8F7}
body .lt input[type=range]::-moz-range-progress{height:10px;border-radius:999px;background:linear-gradient(90deg,#5DB3E2,#2F80CC)}
body .lt input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;margin-top:-9px;border-radius:50%;background:radial-gradient(circle at 50% 42%,#FFF6CF 0 22%,#FFC02E 64%);border:3px solid #fff;box-shadow:0 2px 8px rgba(16,35,63,.35)}
body .lt input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 50% 42%,#FFF6CF 0 22%,#FFC02E 64%);border:3px solid #fff;box-shadow:0 2px 8px rgba(16,35,63,.35)}
body .lt input[type=range]:focus-visible{outline:2px solid #2A6BB0;outline-offset:4px;border-radius:999px}

/* Toissijaiset painikkeet taivaansinisellä reunalla */
body .lt .btn.line{border-color:#9CCBF0;color:#1E5C9C;background:#fff}
body .lt .btn.line:hover{border-color:var(--t1)}
/* Alasivujen numeroidut askeleet ja kortit samoilla kesäväreillä */
body .lt ol.lt-askeleet li{background:var(--paper);border:1px solid var(--card-line);box-shadow:0 8px 20px -18px rgba(16,35,63,.4)}
body .lt ol.lt-askeleet li:nth-child(4n+2)::before{background:radial-gradient(circle at 50% 40%,#A9D6F8,#3D8FDB 72%);color:#fff}
body .lt ol.lt-askeleet li:nth-child(4n+3)::before{background:radial-gradient(circle at 50% 40%,#FFD6C8,#FF8F6B 72%);color:#3A1205}
body .lt ol.lt-askeleet li:nth-child(4n+4)::before{background:radial-gradient(circle at 50% 40%,#D7F3E6,#3FAF85 72%);color:#fff}
body .lt .lt-kortti,body .lt .partner{border-color:var(--card-line);box-shadow:var(--card-shadow)}
body .lt .lt-ruudukko>.wp-block-group__inner-container>.lt-kortti:nth-child(4n+1),body .lt .lt-ruudukko>.lt-kortti:nth-child(4n+1){border-top:5px solid var(--t1)}
body .lt .lt-ruudukko>.wp-block-group__inner-container>.lt-kortti:nth-child(4n+2),body .lt .lt-ruudukko>.lt-kortti:nth-child(4n+2){border-top:5px solid #FFC02E}
body .lt .lt-ruudukko>.wp-block-group__inner-container>.lt-kortti:nth-child(4n+3),body .lt .lt-ruudukko>.lt-kortti:nth-child(4n+3){border-top:5px solid var(--p1)}
body .lt .lt-ruudukko>.wp-block-group__inner-container>.lt-kortti:nth-child(4n+4),body .lt .lt-ruudukko>.lt-kortti:nth-child(4n+4){border-top:5px solid var(--m1)}
body .lt .lt-info{background:#fff;border:2px solid #CFE6FA;box-shadow:var(--card-shadow)}
body .lt .lt-loppu .wrap{background:linear-gradient(180deg,#FFF0C6,#FFFFFF);border-color:#F6DE9C}
/* Yläotsikon ja otsikon väli */
body .lt .lt-alasivu-runko .wrap>.wp-block-group__inner-container>.eyebrow+h2,body .lt .lt-alasivu-runko .wrap>.eyebrow+h2,body .lt .lt-kapea>.wp-block-group__inner-container>.eyebrow+h2,body .lt .lt-kapea>.eyebrow+h2{margin-top:12px}

/* =====================================================================================
   1.1.2 – palaute 1.10.2026 klo 21.02: ei oransseja, vihreitä eikä keltaisia taustoja.
   Värit pelkästään taivaansinisen sävyjä ja valkoista; aurinko vain pienenä aiheena ja
   pääpainikkeessa (kuten hyväksytyssä mallissa).
   ===================================================================================== */
/* Osiot vuorottelevat valkoinen – taivaansininen */
body .lt-etusivu .ground section.lt-osio:nth-of-type(odd){background:var(--ground)}
body .lt-etusivu .ground section.lt-osio:nth-of-type(even){background:var(--band-sky)}
body .lt .lt-alasivu-runko section.lt-osio:nth-of-type(odd){background:var(--ground)}
body .lt .lt-alasivu-runko section.lt-osio:nth-of-type(even){background:var(--band-sky)}
/* Yläotsikot takaisin mallin mukaisiksi (ei pillereitä, ei keltaista taustaa) */
body .lt .eyebrow{display:block;width:auto;padding:0;border-radius:0;background:none;color:var(--ink-3);box-shadow:none;line-height:1.4}
body .lt .hero .eyebrow{background:none;color:var(--sun-deep);box-shadow:none}
body .lt .section-head .eyebrow::before{margin-right:9px}
/* Otsikon alla sininen raita */
body .lt .section-head h2::after,body .lt .lt-alasivu-runko section.lt-osio h2::after{background:linear-gradient(90deg,#8CC6F2,#2F80CC)}
/* Faktaruudut: sinisen sävyt */
body .lt .facts3 .fact,body .lt .facts3 .fact:nth-child(3n+1){border-top-color:#4C9BE6}
body .lt .facts3 .fact:nth-child(3n+2){border-top-color:#2A6BB0}
body .lt .facts3 .fact:nth-child(3n+3){border-top-color:#8CC6F2}
body .lt .facts3 .fact:nth-child(3n+1) p.v,body .lt .facts3 .fact:nth-child(3n+3) p.v{color:#2F80CC}
body .lt .facts3 .fact:nth-child(3n+2) p.v{color:var(--ink)}
/* Askeleet: vaaleansininen tausta, numerot mallin aurinkoina */
body .lt .steps .step,body .lt .steps .step:nth-child(3n+1),body .lt .steps .step:nth-child(3n+2),body .lt .steps .step:nth-child(3n+3){background:#E6F2FD}
body .lt .steps .step:nth-child(3n+2) p.n,body .lt .steps .step:nth-child(3n+3) p.n{background:radial-gradient(circle at 50% 40%,#FFF3C4,#FFC02E 70%);color:#1B1200;box-shadow:0 0 0 4px rgba(255,192,46,.22)}
body .lt ol.lt-askeleet li:nth-child(4n+2)::before,body .lt ol.lt-askeleet li:nth-child(4n+3)::before,body .lt ol.lt-askeleet li:nth-child(4n+4)::before{background:radial-gradient(circle at 50% 40%,#FFF3C4,#FFC02E 70%);color:#1B1200}
/* Laskurikorttien kuvakkeet: aurinko ja taivaansininen vuorotellen */
body .lt .calcs .calc:nth-child(4n+3)::before{background:radial-gradient(circle at 50% 42%,#FFF3C4,#FFC02E 68%);box-shadow:0 0 0 4px rgba(255,192,46,.22)}
body .lt .calcs .calc:nth-child(4n+4)::before{background:radial-gradient(circle at 50% 42%,#D4EBFD,#4C9BE6 70%);box-shadow:0 0 0 4px rgba(76,155,230,.2)}
/* Korttien yläreunat sinisen sävyin */
body .lt .lt-ruudukko>.wp-block-group__inner-container>.lt-kortti:nth-child(odd),body .lt .lt-ruudukko>.lt-kortti:nth-child(odd){border-top:5px solid #4C9BE6}
body .lt .lt-ruudukko>.wp-block-group__inner-container>.lt-kortti:nth-child(even),body .lt .lt-ruudukko>.lt-kortti:nth-child(even){border-top:5px solid #2A6BB0}
/* Muut keltaiset/oranssit pinnat sinisiksi */
body .lt .lt-loppu .wrap{background:linear-gradient(180deg,#D3EAFB,#FFFFFF);border-color:#CFE6FA}
body .lt .lt-artikkelit .wp-block-post-date{padding:0;background:none;color:var(--sun-deep)}
body .lt details.lt-ukk summary::after{background:#DDEFFC;color:#1E5C9C}
body .lt .lt-lomakekortti::before{background:linear-gradient(90deg,#8CC6F2,#2F80CC,#8CC6F2)}

/* =====================================================================================
   1.2.0 – VAHVEMMAT VÄRIT (palaute 1.10.2026 klo 21.10: vanhan teeman vahvemmat värit).
   Tummansininen + turkoosi kuten vanhassa teemassa (ja Samblan lomakkeessa), aurinko pienenä
   aiheena ja keltaisessa pääpainikkeessa. Ei oransseja, vihreitä eikä keltaisia taustoja.
   ===================================================================================== */
body .lt{--navy:#0A2342;--navy-2:#12345E;--turk:#3BB4D8;--turk-vaalea:#5FC4E1;--turk-teksti:#137A9C;--turk-soft:#E2F5FB;
 --blue:#137A9C;--blue-soft:#E2F5FB;--mist:#EEF8FC;--t1:#3BB4D8;--t2:#137A9C;--t-soft:#E2F5FB;--card-line:#C9E6F1;
 --band-sky:linear-gradient(180deg,#D6F0FA 0%,#EEF9FD 100%)}
/* Heron taivas syvempi ja kirkkaampi */
body .lt .sky{background:linear-gradient(180deg,#5DAEE6 0%,#86C6F0 30%,#BCE2F7 62%,#E4F4FC 100%)}
body .lt .hero .eyebrow{color:var(--navy)}
/* Yläotsikot ja otsikkoraidat turkoosit */
body .lt .eyebrow{color:var(--turk-teksti)}
body .lt .section-head .eyebrow::before{background:radial-gradient(circle,#E9FAFF 0 30%,#3BB4D8 31% 60%,transparent 61%);box-shadow:0 0 0 2px rgba(59,180,216,.35)}
body .lt .section-head h2::after,body .lt .lt-alasivu-runko section.lt-osio h2::after{background:linear-gradient(90deg,#5FC4E1,#12345E)}
body .lt h2,body .lt h3{color:var(--navy)}
/* Etusivun laskuriosio tummansiniseksi: valkoiset kortit erottuvat vahvasti */
body .lt-etusivu .ground section.lt-osio:nth-of-type(4){background:linear-gradient(180deg,#0A2342 0%,#12345E 100%)}
body .lt-etusivu .ground section.lt-osio:nth-of-type(4) .section-head h2{color:#fff}
body .lt-etusivu .ground section.lt-osio:nth-of-type(4) .section-head p{color:#CFE0F0}
body .lt-etusivu .ground section.lt-osio:nth-of-type(4) .eyebrow{color:#8FDCF2}
body .lt-etusivu .ground section.lt-osio:nth-of-type(4) .calc{border-color:transparent;box-shadow:0 20px 40px -24px rgba(0,0,0,.6)}
/* Faktaruudut */
body .lt .facts3 .fact,body .lt .facts3 .fact:nth-child(3n+1),body .lt .facts3 .fact:nth-child(3n+3){border-top-color:var(--turk)}
body .lt .facts3 .fact:nth-child(3n+2){border-top-color:var(--navy)}
body .lt .facts3 .fact:nth-child(3n+1) p.v,body .lt .facts3 .fact:nth-child(3n+3) p.v{color:var(--turk-teksti)}
body .lt .facts3 .fact:nth-child(3n+2) p.v{color:var(--navy)}
/* Askeleet: turkoosit numerot */
body .lt .steps .step,body .lt .steps .step:nth-child(3n+1),body .lt .steps .step:nth-child(3n+2),body .lt .steps .step:nth-child(3n+3){background:#fff;border:1px solid var(--card-line)}
body .lt .steps .step p.n,body .lt .steps .step:nth-child(3n+2) p.n,body .lt .steps .step:nth-child(3n+3) p.n{background:radial-gradient(circle at 50% 40%,#C9F0FB,#3BB4D8 72%);color:var(--navy);box-shadow:0 0 0 4px rgba(59,180,216,.22)}
body .lt ol.lt-askeleet li::before,body .lt ol.lt-askeleet li:nth-child(4n+2)::before,body .lt ol.lt-askeleet li:nth-child(4n+3)::before,body .lt ol.lt-askeleet li:nth-child(4n+4)::before{background:radial-gradient(circle at 50% 40%,#C9F0FB,#3BB4D8 72%);color:var(--navy)}
/* Laskurikorttien kuvakkeet: turkoosi ja aurinko vuorotellen */
body .lt .calcs .calc:nth-child(odd)::before{background:radial-gradient(circle at 50% 42%,#D3F3FC,#3BB4D8 70%);box-shadow:0 0 0 4px rgba(59,180,216,.22)}
body .lt .calcs .calc:nth-child(even)::before{background:radial-gradient(circle at 50% 42%,#FFF3C4,#FFC02E 68%);box-shadow:0 0 0 4px rgba(255,192,46,.22)}
/* Kortit */
body .lt .lt-ruudukko>.wp-block-group__inner-container>.lt-kortti:nth-child(odd),body .lt .lt-ruudukko>.lt-kortti:nth-child(odd){border-top-color:var(--turk)}
body .lt .lt-ruudukko>.wp-block-group__inner-container>.lt-kortti:nth-child(even),body .lt .lt-ruudukko>.lt-kortti:nth-child(even){border-top-color:var(--navy)}
body .lt .type .more a{background:var(--turk-soft);color:var(--turk-teksti)}
body .lt .lt-artikkelit .wp-block-post-date{color:var(--turk-teksti)}
body .lt details.lt-ukk summary::after{background:var(--turk-soft);color:var(--turk-teksti)}
/* Liukusäätimet turkoosit (samaa sävyä kuin Samblan lomake) */
body .lt input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#5FC4E1 0,#1A8FB5 var(--pct),#D3EEF7 var(--pct))}
body .lt input[type=range]::-moz-range-track{background:#D3EEF7}
body .lt input[type=range]::-moz-range-progress{background:linear-gradient(90deg,#5FC4E1,#1A8FB5)}
body .lt .lt-jana-tayte{background:linear-gradient(90deg,#5FC4E1,#1A8FB5)}
/* Hakulomake (Sambla) turkoosissa kehyksessä */
body .lt .lt-lomakekortti{border-color:#5FC4E1;background:linear-gradient(180deg,#D6F0FA 0,#FFFFFF 180px);box-shadow:0 1px 2px rgba(10,35,66,.06),0 24px 48px -28px rgba(19,122,156,.55)}
body .lt .lt-lomakekortti::before{background:linear-gradient(90deg,#5FC4E1,#12345E,#5FC4E1)}
/* Alasivujen loppukehotus tummansinisenä */
body .lt .lt-loppu .wrap{background:linear-gradient(180deg,#0A2342,#12345E);border-color:transparent;color:#CFE0F0}
body .lt .lt-loppu .wrap h2,body .lt .lt-loppu .wrap h3,body .lt .lt-loppu .wrap strong{color:#fff}
body .lt .lt-loppu .wrap p{color:#CFE0F0}
body .lt .lt-loppu .wrap .eyebrow{color:#8FDCF2}
body .lt .lt-loppu h2::after{margin-inline:auto}
/* Toissijaiset painikkeet */
body .lt .btn.line{border-color:#9FD8EA;color:var(--navy)}
body .lt .btn.line:hover{border-color:var(--turk)}

/* =====================================================================================
   1.3.0 – RAIKAS (palaute 1.10.2026 klo 21.30): ei tummaa sinistä eikä mustaa.
   Nätti raikas vaaleansininen ja valkoinen, keltainen (aurinkopallot) tehosteena.
   Isot pinnat vaaleansinisiä, kortit valkoisia – ei pitkää valkoista pötköä.
   ===================================================================================== */
body .lt{--navy:#10233F;--ground:#F4F9FE;--mist:#EAF4FD;--blue:#2A6BB0;--blue-soft:#E1EFFB;--t1:#5AAEEB;--t2:#2A6BB0;--t-soft:#DDEFFC;
 --turk:#5AAEEB;--turk-teksti:#2A6BB0;--turk-soft:#DDEFFC;--card-line:#D3E6F5;
 --band-sky:linear-gradient(180deg,#D3EAFC 0%,#E7F3FD 100%);
 --aurinkopallo:radial-gradient(circle at 50% 42%,#FFF3C4,#FFC02E 68%)}
/* Heron taivas raikkaaksi */
body .lt .sky{background:linear-gradient(180deg,#7DBDF0 0%,#9CCEF4 32%,#BFE0F8 64%,#E3F2FC 100%)}
body .lt .hero .eyebrow{color:var(--sun-deep)}
/* Ei tummaa osiota: etusivun laskuriosio vaaleansiniseksi */
body .lt-etusivu .ground section.lt-osio:nth-of-type(4){background:var(--band-sky)}
body .lt-etusivu .ground section.lt-osio:nth-of-type(4) .section-head h2{color:var(--navy)}
body .lt-etusivu .ground section.lt-osio:nth-of-type(4) .section-head p{color:var(--ink-2)}
body .lt-etusivu .ground section.lt-osio:nth-of-type(4) .eyebrow{color:var(--blue)}
body .lt-etusivu .ground section.lt-osio:nth-of-type(4) .calc{border-color:var(--card-line);box-shadow:var(--card-shadow)}
/* Alasivujen loppukehotus vaaleansiniseksi */
body .lt .lt-loppu .wrap{background:linear-gradient(180deg,#D3EAFC,#F4F9FE);border:1px solid var(--card-line);color:var(--ink-2)}
body .lt .lt-loppu .wrap h2,body .lt .lt-loppu .wrap h3,body .lt .lt-loppu .wrap strong{color:var(--navy)}
body .lt .lt-loppu .wrap p{color:var(--ink-2)}
body .lt .lt-loppu .wrap .eyebrow{color:var(--blue)}
/* Yläotsikot: sininen teksti ja keltainen aurinkopallo */
body .lt .eyebrow{color:var(--blue)}
body .lt .section-head .eyebrow::before{background:radial-gradient(circle,#FFF3C4 0 30%,#FFC02E 31% 60%,transparent 61%);box-shadow:0 0 0 2px rgba(255,192,46,.35)}
/* Otsikon alle keltainen aurinkopallo ja raita */
body .lt .section-head h2::after,body .lt .lt-alasivu-runko section.lt-osio h2::after{width:76px;height:14px;border-radius:0;background:radial-gradient(circle at 7px 7px,#FFF6CF 0 2.5px,#FFC02E 3.5px 6.5px,rgba(255,192,46,0) 7.5px) 0 0/14px 14px no-repeat,linear-gradient(90deg,#FFD84D,#FFC02E) 20px 5px/56px 4px no-repeat}
body .lt .lt-loppu h2::after{margin-inline:auto}
/* Faktaruudut: sininen ja keltainen yläreuna */
body .lt .facts3 .fact,body .lt .facts3 .fact:nth-child(3n+1),body .lt .facts3 .fact:nth-child(3n+3){border-top-color:#5AAEEB}
body .lt .facts3 .fact:nth-child(3n+2){border-top-color:#FFC02E}
body .lt .facts3 .fact:nth-child(3n+1) p.v,body .lt .facts3 .fact:nth-child(3n+3) p.v{color:var(--blue)}
body .lt .facts3 .fact:nth-child(3n+2) p.v{color:var(--navy)}
/* Numerot ja kuvakkeet keltaisina aurinkopalloina */
body .lt .steps .step p.n,body .lt .steps .step:nth-child(3n+2) p.n,body .lt .steps .step:nth-child(3n+3) p.n{background:var(--aurinkopallo);color:#1B1200;box-shadow:0 0 0 4px rgba(255,192,46,.22)}
body .lt ol.lt-askeleet li::before,body .lt ol.lt-askeleet li:nth-child(4n+2)::before,body .lt ol.lt-askeleet li:nth-child(4n+3)::before,body .lt ol.lt-askeleet li:nth-child(4n+4)::before{background:var(--aurinkopallo);color:#1B1200}
body .lt .calcs .calc::before,body .lt .calcs .calc:nth-child(odd)::before,body .lt .calcs .calc:nth-child(even)::before{background:var(--aurinkopallo);box-shadow:0 0 0 4px rgba(255,192,46,.22)}
body .lt details.lt-ukk summary::after{background:var(--aurinkopallo);color:#1B1200}
body .lt .lt-kapea ul.wp-block-list:not(.lt-linkit):not(.lt-askeleet) li::before,body .lt .lt-kortti ul.wp-block-list li::before,body .lt .lt-info ul.wp-block-list li::before{background:var(--aurinkopallo);box-shadow:0 0 0 3px rgba(255,192,46,.2)}
/* Kortit */
body .lt .lt-ruudukko>.wp-block-group__inner-container>.lt-kortti:nth-child(odd),body .lt .lt-ruudukko>.lt-kortti:nth-child(odd){border-top-color:#5AAEEB}
body .lt .lt-ruudukko>.wp-block-group__inner-container>.lt-kortti:nth-child(even),body .lt .lt-ruudukko>.lt-kortti:nth-child(even){border-top-color:#FFC02E}
body .lt .steps .step{border:1px solid var(--card-line)}
/* Liukusäätimet raikkaan sinisiksi, nuppi aurinko */
body .lt input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#8CC6F2 0,#3E97DD var(--pct),#D6E8F7 var(--pct))}
body .lt input[type=range]::-moz-range-track{background:#D6E8F7}
body .lt input[type=range]::-moz-range-progress{background:linear-gradient(90deg,#8CC6F2,#3E97DD)}
body .lt .lt-jana-tayte{background:linear-gradient(90deg,#8CC6F2,#3E97DD)}
/* Hakulomake: vaaleansininen kehys, keltainen raita */
body .lt .lt-lomakekortti{border-color:#A9D3F3;background:linear-gradient(180deg,#D3EAFC 0,#FFFFFF 180px);box-shadow:0 1px 2px rgba(16,35,63,.06),0 24px 48px -28px rgba(47,128,204,.45)}
body .lt .lt-lomakekortti::before{background:linear-gradient(90deg,#FFD84D,#FFC02E,#FFD84D)}
/* Painikkeet */
body .lt .btn.line{border-color:#A9D3F3;color:var(--navy)}
body .lt .btn.line:hover{border-color:#5AAEEB}
/* Työpöydällä vaaleansinisten osioiden kulmassa pieni aurinko */
@media (min-width:960px){
body .lt .ground section.lt-osio{position:relative}
body .lt .ground section.lt-osio:nth-of-type(even)::before{content:"";position:absolute;top:34px;right:clamp(24px,5vw,72px);width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 50% 45%,#FFF6CF 0 20%,#FFD84D 46%,#FFC02E 64%,rgba(255,192,46,0) 67%);box-shadow:0 0 36px 12px rgba(255,216,77,.28);pointer-events:none}
body .lt .ground section.lt-osio>*{position:relative;z-index:1}
}
/* Valkoisetkin osiot hennon vaaleansinisiksi, jotta valkoiset kortit erottuvat eikä sivu ole valkoista pötköä */
body .lt{--ground:#EDF6FE}
body .lt .section-head p.eyebrow,body .lt .lt-kapea p.eyebrow,body .lt .wrap p.eyebrow{color:var(--blue)}
body .lt .hero p.eyebrow{color:var(--sun-deep)}

/* =====================================================================================
   1.3.1 – palaute 1.10.2026 klo 22.35: alasivujen hero iloisemmaksi, laatikot erottuviksi,
   sanat ehjiksi, yhtenäiset välit ja sama reunaväli kaikelle puhelimessa.
   ===================================================================================== */
/* Sama reunaväli kaikelle (teksti ja kortit samassa linjassa, ei kiinni reunoissa) */
body .lt .wrap{padding-inline:clamp(22px,6vw,44px)}
/* Alasivujen hero: sinisempi taivas, tumma teksti ja aurinko */
body .lt-alasivu .sky{background:linear-gradient(180deg,#6FB5EE 0%,#90C9F3 45%,#BCE0F8 85%,#DDEFFC 100%)}
body .lt-alasivu .hero .lead,body .lt-alasivu .hero-text>p,body .lt-alasivu .hero-text>.wp-block-group__inner-container>p{color:var(--navy)}
body .lt-alasivu .lt-murupolku,body .lt-alasivu .lt-murupolku a{color:var(--navy)}
body .lt-alasivu .hero h1.lt-aurinko-js{position:relative}
body .lt-alasivu .hero h1.lt-aurinko-js .w1,body .lt-alasivu .hero h1.lt-aurinko-js .w2{position:static}
body .lt-alasivu .hero h1 .sun-m{display:none}
/* Laatikot valkoisiksi korteiksi, jotta ne erottuvat vaaleansinisestä taustasta */
body .lt .lt-tiedote-laatikko{background:var(--paper);border:1px solid var(--card-line);box-shadow:var(--card-shadow)}
/* Välilehdet: selkeä palkki, sanat eivät katkea */
body .lt .lt-tabs{display:flex;width:100%;max-width:520px;background:var(--paper);border-color:var(--card-line);box-shadow:var(--card-shadow)}
body .lt .lt-tab{flex:1 1 0;padding:10px 12px;line-height:1.2;overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual}
body .lt .lt-tab[aria-selected=true]{background:#DDEFFC;color:var(--navy);box-shadow:none}
@media (max-width:420px){body .lt .lt-tab{font-size:.88rem;padding:10px 8px}}
/* Yhtenäiset välit: otsikon jälkeen aina sama väli, osioiden välissä sama väli */
body .lt .lt-alasivu-runko .wrap h2+*{margin-top:18px}
body .lt .lt-alasivu-runko .wrap h3+*{margin-top:10px}
body .lt .lt-alasivu-runko section.lt-osio{padding-block:clamp(48px,7vw,80px)}

/* =====================================================================================
   1.4.0 – palaute 2.10.2026: oikeat painikkeet korotetuiksi ja houkutteleviksi; heron
   faktalista ei saa näyttää painikkeilta eikä hukkua pilviin.
   ===================================================================================== */
/* Heron faktat: keltainen aurinkopallo + väkänen, teksti suoraan taivaalla (ei pillereitä) */
body .lt .hero ul.facts{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:20px;padding:0;list-style:none}
body .lt .hero ul.facts li{display:flex;align-items:center;gap:10px;padding:0;margin:0;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;font:700 .95rem/1.3 var(--sans);color:var(--navy);text-shadow:0 0 12px rgba(255,255,255,.95),0 0 3px rgba(255,255,255,.9)}
body .lt .hero ul.facts li::before{content:"";flex:none;width:24px;height:24px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.2l2.3 2.3 4.6-4.9' fill='none' stroke='%231B1200' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px 13px no-repeat,radial-gradient(circle at 50% 40%,#FFF3C4,#FFC02E 68%);box-shadow:0 0 0 3px rgba(255,255,255,.8),0 2px 6px rgba(201,138,12,.35)}
@media (max-width:600px){body .lt .hero ul.facts{flex-direction:column;gap:12px}}

/* Pääpainikkeet: korotettu aurinkopainike, alareunan "ulkonema", kiiltoefekti ja nuoli */
body .lt .wp-block-button:not(.is-style-haamu):not(.is-style-viiva) .wp-block-button__link,body .lt .btn.sun{position:relative;overflow:hidden;isolation:isolate;border:0;color:#1B1200;font-weight:700;background:linear-gradient(180deg,#FFDA6B 0%,#FFC02E 55%,#F7B014 100%);box-shadow:0 5px 0 #CF8F0A,0 16px 28px -12px rgba(201,138,12,.75),inset 0 1px 0 rgba(255,255,255,.65);transform:translateY(0);transition:transform .15s ease,box-shadow .15s ease}
body .lt .wp-block-button:not(.is-style-haamu):not(.is-style-viiva) .wp-block-button__link{padding-right:54px}
body .lt .wp-block-button:not(.is-style-haamu):not(.is-style-viiva) .wp-block-button__link::before{content:"";position:absolute;right:16px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:rgba(255,255,255,.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h9M8.5 4.2 12.3 8l-3.8 3.8' fill='none' stroke='%231B1200' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px 15px no-repeat;transition:transform .2s ease}
body .lt .wp-block-button:not(.is-style-haamu):not(.is-style-viiva) .wp-block-button__link:hover::before{transform:translateX(3px)}
body .lt .wp-block-button:not(.is-style-haamu):not(.is-style-viiva) .wp-block-button__link::after,body .lt .btn.sun::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:38%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.6),rgba(255,255,255,0));transform:skewX(-20deg);animation:l-kiilto 5s ease-in-out infinite;pointer-events:none;z-index:-1}
@keyframes l-kiilto{0%,62%{left:-60%}88%,100%{left:130%}}
body .lt .wp-block-button:not(.is-style-haamu):not(.is-style-viiva) .wp-block-button__link:hover,body .lt .btn.sun:hover{color:#1B1200;transform:translateY(-2px);box-shadow:0 7px 0 #CF8F0A,0 20px 32px -12px rgba(201,138,12,.8),inset 0 1px 0 rgba(255,255,255,.65)}
body .lt .wp-block-button:not(.is-style-haamu):not(.is-style-viiva) .wp-block-button__link:active,body .lt .btn.sun:active{transform:translateY(4px);box-shadow:0 1px 0 #CF8F0A,0 6px 12px -6px rgba(201,138,12,.6),inset 0 1px 0 rgba(255,255,255,.65)}
/* Toissijaiset painikkeet: valkoinen korotettu painike sinisellä ulkonemalla */
body .lt .is-style-haamu .wp-block-button__link,body .lt .is-style-viiva .wp-block-button__link,body .lt .btn.line{background:#fff;color:var(--navy);font-weight:700;border:2px solid #9FCDF0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 4px 0 #9FCDF0,0 14px 24px -14px rgba(47,128,204,.55);transform:translateY(0);transition:transform .15s ease,box-shadow .15s ease}
body .lt .is-style-haamu .wp-block-button__link:hover,body .lt .is-style-viiva .wp-block-button__link:hover,body .lt .btn.line:hover{color:var(--navy);border-color:#7DBDF0;transform:translateY(-2px);box-shadow:0 6px 0 #7DBDF0,0 18px 28px -14px rgba(47,128,204,.6)}
body .lt .is-style-haamu .wp-block-button__link:active,body .lt .is-style-viiva .wp-block-button__link:active,body .lt .btn.line:active{transform:translateY(3px);box-shadow:0 1px 0 #7DBDF0,0 6px 12px -8px rgba(47,128,204,.5)}
body .lt .lt-toiminnot .btn.line{box-shadow:0 3px 0 #9FCDF0,0 10px 18px -12px rgba(47,128,204,.5)}
body .lt .hero .cta{gap:16px 14px;margin-top:26px}
@media (prefers-reduced-motion:reduce){body .lt .wp-block-button__link::after,body .lt .btn.sun::after{animation:none;display:none}}