@font-face{font-family:YLC Manrope;src:url(fonts/Manrope-variable.woff2) format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:YLC Source Sans;src:url(fonts/SourceSans3-variable.woff2) format('woff2');font-weight:200 900;font-display:swap}
.ylc{--ylc-petrol:#17364B;--ylc-deep:#102738;--ylc-body:#334D5B;--ylc-muted:#526B78;--ylc-border:#D6E2E8;--ylc-sage:#EAF3F7;--ylc-lime:#8CE1D0;container:ylc/inline-size;color:var(--ylc-body);font:400 17px/1.5 'YLC Source Sans','Source Sans 3',Arial,sans-serif;width:100%;margin:28px 0;isolation:isolate;text-align:left}
.ylc *{box-sizing:border-box}.ylc [hidden]{display:none!important}.ylc p,.ylc h3,.ylc dl,.ylc dd,.ylc dt{margin:0;padding:0}.ylc a{text-decoration:none}.ylc :is(a,button,input,select):focus-visible{outline:3px solid var(--ylc-petrol);outline-offset:4px}.ylc .ylc-filters{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:10px 22px;border:1px solid var(--ylc-border);border-radius:16px;background:var(--ylc-sage);padding:24px;margin:0}.ylc .ylc-field{min-width:0}.ylc label{display:block;font-size:15px;font-weight:600;margin-bottom:7px;color:var(--ylc-petrol)}.ylc :is(input,select){font:600 17px/1.3 'YLC Source Sans',Arial,sans-serif;width:100%;max-width:100%;height:52px;margin:0;border:1px solid #66818E;border-radius:8px;background-color:#fff;color:var(--ylc-petrol);padding:12px 14px;box-shadow:none}.ylc select{padding-right:34px}.ylc input::placeholder{color:var(--ylc-muted);opacity:1}.ylc .ylc-amount{position:relative}.ylc .ylc-amount input{padding-right:42px}.ylc .ylc-amount>span{position:absolute;right:16px;top:13px;pointer-events:none;font-weight:600}.ylc .ylc-filter-hint{grid-column:1/3;font-size:14px;color:var(--ylc-muted)}.ylc .ylc-reset{justify-self:end;background:none;border:0;box-shadow:none;padding:0;min-height:24px;color:var(--ylc-petrol);font:600 14px/1.5 'YLC Source Sans',Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.ylc .ylc-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:22px 2px 14px;font-size:15px;color:var(--ylc-muted)}.ylc .ylc-count{font-weight:600;color:var(--ylc-petrol)}.ylc .ylc-list{display:grid;gap:18px}.ylc .ylc-card{border:1px solid var(--ylc-border);border-radius:16px;background:#fff;overflow:hidden;margin:0;padding:0;box-shadow:0 3px 12px #17364B06}.ylc .ylc-card-main{display:grid;grid-template-columns:minmax(140px,1fr) minmax(220px,1.4fr) minmax(225px,1.15fr);gap:28px;align-items:center;padding:26px}.ylc .ylc-brand h3{font:700 25px/1.3 'YLC Manrope',Manrope,Arial,sans-serif;color:var(--ylc-petrol);letter-spacing:-.7px;overflow-wrap:anywhere}.ylc .ylc-broker{display:inline-block;font-size:14px;margin-top:8px;color:var(--ylc-muted)}.ylc .ylc-logo{display:block;width:150px;height:45px;object-fit:contain;object-position:left center;margin:0 0 12px}.ylc .ylc-facts{display:grid;gap:18px;grid-template-columns:1fr 1fr;align-content:center}.ylc .ylc-facts dt{color:var(--ylc-muted);font-size:14px;margin-bottom:5px}.ylc .ylc-facts dd{color:var(--ylc-petrol);font-weight:600;font-size:18px;line-height:1.35}.ylc .ylc-offer{min-width:0}.ylc .ylc-price{text-align:center;margin-bottom:14px}.ylc .ylc-price>span{display:block;font-size:14px;color:var(--ylc-muted)}.ylc .ylc-price strong{display:block;font:700 clamp(26px,3.1cqi,34px)/1.4 'YLC Manrope',Manrope,Arial,sans-serif;letter-spacing:-1px;color:var(--ylc-petrol);white-space:nowrap}.ylc .ylc-price strong.ylc-unknown{font-size:24px;letter-spacing:-.4px}.ylc .ylc-price small{display:block;font-size:12px;line-height:1.4;color:var(--ylc-muted)}.ylc .ylc-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--ylc-petrol);color:#fff;border:1px solid var(--ylc-petrol);border-radius:9px;min-height:52px;padding:12px 17px;font:700 15px/1.4 'YLC Manrope',Manrope,Arial,sans-serif;transition:background .15s}.ylc .ylc-cta:hover{background:var(--ylc-deep);color:#fff}.ylc .ylc-cta>span{display:grid;place-items:center;border-radius:50%;width:24px;height:24px;flex:0 0 24px;background:var(--ylc-lime);color:var(--ylc-deep);font-size:18px}.ylc .ylc-link-missing{display:block;text-align:center;font-size:14px}.ylc .ylc-example{background:#EFF4F6;border-top:1px solid #D6E2E8;padding:16px 26px;font-size:14px;line-height:1.55;color:#526B78}.ylc .ylc-example strong{font-weight:700;color:#334D5B}.ylc .ylc-example a{display:inline-block;color:#526B78;text-decoration:underline;text-underline-offset:3px;font-size:12px;margin-top:5px}.ylc .ylc-note{font-size:14px;line-height:1.5;color:var(--ylc-muted);margin-top:18px}.ylc .ylc-empty{border:1px dashed #66818E;border-radius:12px;padding:32px;text-align:center;background:#F5F8FA}.ylc .ylc-empty h3{font:700 20px/1.4 'YLC Manrope',Arial,sans-serif;color:var(--ylc-petrol);margin-bottom:8px}.ylc .ylc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@container ylc (max-width:850px){.ylc .ylc-card-main{grid-template-columns:minmax(0,1fr) minmax(205px,.85fr);gap:20px}.ylc .ylc-brand{grid-column:1;grid-row:1}.ylc .ylc-facts{grid-column:1;grid-row:2}.ylc .ylc-offer{grid-column:2;grid-row:1/3}.ylc .ylc-filters{gap:10px 14px;padding:20px}.ylc .ylc-price strong{font-size:29px}.ylc :is(input,select){font-size:16px}}
@container ylc (max-width:580px){.ylc .ylc-filters{grid-template-columns:1fr 1fr;padding:16px;gap:14px 12px}.ylc .ylc-field:first-child{grid-column:1/-1}.ylc .ylc-field:nth-child(3){grid-column:1/-1}.ylc .ylc-field:nth-child(2){grid-column:1/-1}.ylc .ylc-filter-hint{grid-column:1/-1}.ylc .ylc-reset{grid-column:1/-1;justify-self:start;min-height:30px}.ylc .ylc-toolbar{align-items:flex-start;flex-direction:column;gap:4px}.ylc .ylc-card-main{grid-template-columns:1fr 1fr;padding:20px 18px;gap:20px 12px}.ylc .ylc-brand h3{font-size:22px}.ylc .ylc-broker{font-size:12px}.ylc .ylc-offer{display:contents}.ylc .ylc-price{grid-column:2;grid-row:1;margin:0;text-align:right;align-self:center}.ylc .ylc-price strong{font-size:clamp(22px,6.4cqi,29px);letter-spacing:-.7px}.ylc .ylc-price small{font-size:11px}.ylc .ylc-price>span{font-size:12px}.ylc .ylc-facts{grid-column:1/-1;grid-row:2;border-top:1px solid var(--ylc-border);padding-top:16px;gap:12px}.ylc .ylc-cta,.ylc .ylc-link-missing{grid-column:1/-1;grid-row:3}.ylc .ylc-cta{justify-content:center;gap:16px}.ylc .ylc-example{padding:14px 18px}.ylc .ylc-logo{width:110px;height:36px}.ylc .ylc-list{gap:16px}}
@media(prefers-reduced-motion:reduce){.ylc .ylc-cta{transition:none}}
/* v1.1: Halpaliittymä card hierarchy, in the Yhdistelylainavertailu palette. */
@font-face{font-family:YLC Kalam;src:url(fonts/Kalam-Regular.ttf) format('truetype');font-weight:400;font-display:swap}
.ylc .ylc-filters{background:#e5efc5;border-color:#b9cd8a;padding:22px 24px;gap:16px 24px}
.ylc .ylc-filters-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;font:800 22px/1.35 'YLC Manrope',Arial,sans-serif;letter-spacing:-.5px;color:var(--ylc-petrol);margin-bottom:3px}
.ylc .ylc-filters-heading span{font-size:32px;line-height:1}
.ylc .ylc-filters label{font-weight:700;font-size:14px}
.ylc .ylc-filters :is(input,select){height:48px;border-color:#819866;font-size:15px}
.ylc .ylc-amount>span{top:10px}
.ylc .ylc-list{gap:16px}
.ylc .ylc-card{display:grid;grid-template-columns:minmax(0,1fr);border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible;align-items:center}
.ylc .ylc-card-main{grid-column:1;grid-row:1;grid-template-columns:minmax(135px,1.05fr) minmax(250px,1.8fr) minmax(210px,1.15fr);gap:20px;padding:22px 24px;background:#fff;border:1px solid var(--ylc-border);border-bottom:0;border-radius:16px 16px 0 0;align-self:stretch}
.ylc .ylc-brand h3{font-size:27px;font-weight:800;letter-spacing:-1px}
.ylc .ylc-broker{font-size:13px;margin-top:5px}
.ylc .ylc-facts{gap:18px;grid-template-columns:1.35fr 1fr}
.ylc .ylc-facts dt{font-size:14px;margin-bottom:6px}
.ylc .ylc-facts dd{font-size:22px;font-weight:600;overflow-wrap:anywhere}
.ylc .ylc-offer{display:grid;gap:12px}
.ylc .ylc-price{background:#edf5dc;border:1px solid #d7e6b4;border-radius:10px;padding:10px 7px;margin:0;text-align:center}
.ylc .ylc-price strong{font-size:26px;font-weight:700;line-height:1.25;letter-spacing:-.6px;margin:3px 0 4px}
.ylc .ylc-price>span{font-size:12px;font-weight:600}
.ylc .ylc-price small{font-size:12px}
.ylc .ylc-cta{justify-content:center;min-height:56px;border:2px solid #17364B;border-radius:10px;box-shadow:0 3px 0 #102738;font-size:18px;font-weight:800;letter-spacing:-.45px;padding:13px 10px;gap:7px;text-align:center}
.ylc .ylc-cta>span{display:inline;width:auto;height:auto;flex:0 0 auto;border-radius:0;background:none;color:#8CE1D0;font-size:23px;line-height:1}
.ylc .ylc-cta:hover{box-shadow:0 3px 0 #061b19}
.ylc .ylc-example{grid-column:1;grid-row:3;border:1px solid var(--ylc-border);border-top:1px solid #D6E2E8;border-radius:0 0 16px 16px;padding:14px 24px;font-size:13px;background:#EFF4F6}
.ylc .ylc-handnote{grid-column:1;grid-row:2;display:flex;align-items:center;gap:14px;padding:0 24px 18px;background:white;border-inline:1px solid var(--ylc-border);color:#17364B;min-width:0}
.ylc .ylc-handnote p{font:400 19px/1.35 'YLC Kalam','Segoe Print',cursive;white-space:pre-line;overflow-wrap:anywhere}
.ylc .ylc-handnote svg{display:block;flex:0 0 58px;width:58px;height:38px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transform:rotate(150deg)}

@container ylc (max-width:900px){
 .ylc .ylc-card-main{grid-template-columns:minmax(0,1fr) minmax(0,240px);gap:18px;padding:20px}
 .ylc .ylc-offer{display:contents}
 .ylc .ylc-brand{grid-column:1;grid-row:1}
 .ylc .ylc-price{grid-column:2;grid-row:1;justify-self:stretch;align-self:center;max-width:none}
 .ylc .ylc-facts{grid-column:1/-1;grid-row:2;grid-template-columns:1.2fr 1fr;border-top:1px solid #edf0ed;padding-top:16px}
 .ylc .ylc-cta,.ylc .ylc-link-missing{grid-column:1/-1;grid-row:3;min-height:50px}
 .ylc .ylc-price strong{font-size:24px}
 .ylc .ylc-handnote{padding:0 20px 16px}
}
@container ylc (max-width:520px){
 .ylc .ylc-filters{padding:18px 16px;gap:16px}
 .ylc .ylc-filters-heading{font-size:19px;gap:12px}
 .ylc .ylc-card-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:16px;gap:16px 12px}
 .ylc .ylc-brand h3{font-size:22px}
 .ylc .ylc-price{padding:9px 4px;width:100%}
 .ylc .ylc-price strong{font-size:clamp(20px,5.4cqi,24px);letter-spacing:-.5px}
 .ylc .ylc-price small{font-size:11px}
 .ylc .ylc-facts dd{font-size:20px}
 .ylc .ylc-example{padding:14px 16px}
 .ylc .ylc-handnote{padding:0 16px 16px}
 .ylc .ylc-handnote p{font-size:18px}
}
@supports not (container-type:inline-size){@media(max-width:900px){.ylc .ylc-card-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ylc .ylc-offer{display:contents}.ylc .ylc-price{grid-column:2;grid-row:1}.ylc .ylc-facts{grid-column:1/-1;grid-row:2}.ylc .ylc-cta{grid-column:1/-1;grid-row:3}.ylc .ylc-price strong{font-size:24px}.ylc .ylc-filters{grid-template-columns:1fr}.ylc .ylc-filters>*{grid-column:1}}}
@container ylc (max-width:580px){.ylc .ylc-filters .ylc-field{grid-column:1/-1}}
/* v1.2: colourful action, provider introductions and custom amount controls. */
.ylc .ylc-cta{background:#8CE1D0;border-color:#17364B;color:#102738;box-shadow:0 4px 0 #17364B;justify-content:space-between;padding:11px 14px;gap:12px}
.ylc .ylc-cta:hover{background:#c5e951;border-color:#102738;color:#102738;box-shadow:0 4px 0 #102738}
.ylc .ylc-cta:active{transform:translateY(2px);box-shadow:0 2px 0 #102738}
.ylc .ylc-cta>.ylc-cta-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;background:#17364B;border-radius:50%;color:#8CE1D0}
.ylc .ylc-cta-icon svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.ylc .ylc-details{min-width:0}
.ylc .ylc-intro{font-size:16px;font-weight:600;line-height:1.5;color:#17364B;border-left:4px solid #b8d94e;padding:2px 0 2px 12px;margin:0 0 18px;overflow-wrap:anywhere}
.ylc .ylc-facts{grid-column:auto;grid-row:auto;border:0;padding:0}
.ylc .ylc-filters{grid-template-columns:1.3fr .85fr 1.1fr 1fr;align-items:start;gap:20px 24px}
.ylc .ylc-filter-options{border:0;padding:0;margin:0;min-width:0}
.ylc .ylc-filter-options legend{padding:0;margin:0 0 10px;font-weight:700;font-size:14px;color:#17364B}
.ylc .ylc-pills{display:flex;flex-wrap:wrap;gap:8px}
.ylc .ylc-pills label{display:flex;gap:7px;align-items:center;min-height:38px;padding:7px 10px;background:#fff;border:1px solid #819866;border-radius:8px;margin:0;font-size:13px;line-height:1.3;cursor:pointer}
.ylc .ylc-pills label:has(input:checked){background:#17364B;border-color:#17364B;color:white}
.ylc .ylc-pills input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;width:17px;height:17px;flex:0 0 17px;min-height:0;padding:0;margin:0;accent-color:#8CE1D0;box-shadow:none;cursor:pointer}
.ylc .ylc-slider-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}
.ylc .ylc-slider-heading label{margin:0}
.ylc .ylc-slider-heading output{font-size:17px;line-height:1.3;font-weight:800;color:#17364B;white-space:nowrap}
.ylc .ylc-slider-ends{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#526B78}
.ylc .ylc-exact-amount{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}
.ylc .ylc-exact-amount label{font-size:12px;margin:0;font-weight:600}
.ylc .ylc-exact-amount .ylc-amount{width:120px;max-width:55%}
.ylc .ylc-exact-amount input{height:36px;font-size:14px;padding:6px 28px 6px 9px}
.ylc .ylc-exact-amount .ylc-amount>span{top:6px;right:10px;font-size:14px}
.ylc .ylc-filter-hint{grid-column:1/4}
.ylc .ylc-reset{grid-column:4}
/* Keep browser track/thumb selectors separate so Firefox/WebKit each retain their rules. */
.ylc .ylc-filters input.ylc-range{--ylc-range-fill:0%;appearance:none;-webkit-appearance:none;-moz-appearance:none;display:block;width:100%;min-width:0;max-width:100%;height:44px;min-height:0;max-height:none;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#17364B;opacity:1;cursor:pointer}
.ylc .ylc-range::-webkit-slider-runnable-track{box-sizing:border-box;width:100%;height:9px;margin:0;padding:0;border:0;border-radius:99px;background:linear-gradient(to right,#17364B var(--ylc-range-fill),#B7D9DF var(--ylc-range-fill));box-shadow:none}
.ylc .ylc-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:28px;height:28px;margin-top:-9.5px;padding:0;border:3px solid #17364B;border-radius:50%;background:#8CE1D0;box-shadow:0 2px 0 #17364B33;cursor:inherit}
.ylc .ylc-range::-moz-range-track{box-sizing:border-box;width:100%;height:9px;margin:0;padding:0;border:0;border-radius:99px;background:linear-gradient(to right,#17364B var(--ylc-range-fill),#B7D9DF var(--ylc-range-fill));box-shadow:none}
.ylc .ylc-range::-moz-range-progress{height:9px;border:0;border-radius:99px;background:transparent;box-shadow:none}
.ylc .ylc-range::-moz-range-thumb{appearance:none;-moz-appearance:none;box-sizing:border-box;width:28px;height:28px;padding:0;border:3px solid #17364B;border-radius:50%;background:#8CE1D0;box-shadow:0 2px 0 #17364B33;cursor:inherit}
.ylc .ylc-filters input.ylc-range:focus-visible{outline:3px solid #17364B;outline-offset:2px;border-radius:8px}
@container ylc (max-width:1100px){.ylc .ylc-filters{grid-template-columns:1.2fr 1fr}.ylc .ylc-filter-hint{grid-column:1}.ylc .ylc-reset{grid-column:2}}
@container ylc (max-width:900px){.ylc .ylc-details{grid-column:1/-1;grid-row:2;border-top:1px solid #D6E2E8;padding-top:16px}.ylc .ylc-details .ylc-facts{border:0;padding:0}.ylc .ylc-intro{margin-bottom:16px}.ylc .ylc-cta{justify-content:center;gap:14px}}
@container ylc (max-width:580px){.ylc .ylc-filters{grid-template-columns:1fr;gap:20px}.ylc .ylc-filters>*{grid-column:1/-1!important}.ylc .ylc-slider-heading output{font-size:19px}.ylc .ylc-pills label{min-height:42px;font-size:14px}.ylc .ylc-reset{justify-self:start}.ylc .ylc-cta{font-size:18px}}
@media(forced-colors:active){.ylc .ylc-range::-webkit-slider-runnable-track{background:Canvas;border:1px solid CanvasText}.ylc .ylc-range::-webkit-slider-thumb{background:Highlight;border-color:CanvasText;box-shadow:none}.ylc .ylc-range::-moz-range-track{background:Canvas;border:1px solid CanvasText}.ylc .ylc-range::-moz-range-thumb{background:Highlight;border-color:CanvasText;box-shadow:none}.ylc .ylc-cta>.ylc-cta-icon{color:ButtonText}.ylc .ylc-pills label:has(input:checked){border:2px solid Highlight}}
/* v1.3: logo-first identity and separately drawn, anchored note arrows. */
.ylc .ylc-brand--has-logo .ylc-brand-name{font:600 13px/1.4 'YLC Source Sans',Arial,sans-serif;letter-spacing:0;color:#526B78;margin:0}
.ylc .ylc-brand--has-logo .ylc-logo{max-width:100%;height:45px;margin-bottom:8px}
.ylc .ylc-brand--has-logo .ylc-broker{margin-top:3px;font-size:12px}
.ylc .ylc-handnote{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start;transform:none}
.ylc .ylc-handnote p{min-width:0;transform:none;overflow-wrap:anywhere}
.ylc .ylc-handnote .ylc-handnote-arrow{position:static;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transform:none;margin:0;max-width:100%;pointer-events:none;align-self:start}
.ylc .ylc-handnote .ylc-handnote-arrow--left{display:none}
.ylc .ylc-handnote .ylc-handnote-arrow--up{display:block;width:36px;height:40px}

@container ylc (max-width:520px){.ylc .ylc-brand--has-logo .ylc-logo{width:120px;height:38px}.ylc .ylc-brand--has-logo .ylc-brand-name{font-size:12px}}

.ylc .ylc-load-more{display:flex;justify-content:center;margin-top:24px}.ylc .ylc-load-more button{display:block;width:auto;max-width:100%;min-height:52px;margin:0;padding:14px 26px;border:1px solid var(--ylc-petrol);border-radius:9px;background:var(--ylc-petrol);color:#fff;font:700 16px/1.5 'YLC Manrope',Manrope,Arial,sans-serif;text-align:center;white-space:normal;cursor:pointer;box-shadow:none}.ylc .ylc-load-more button:hover{background:var(--ylc-deep)}
/* Partner disclosure shares the existing example footer, with no extra white row. */
.ylc .ylc-partners{background:transparent;border:0;margin:0 0 6px;padding:0;color:var(--ast-global-color-2,#142f52)}
.ylc .ylc-partners summary{cursor:pointer;font-size:13px;font-weight:600;line-height:1.5;padding:3px 0 7px;list-style:revert;width:fit-content;max-width:100%}
.ylc .ylc-partners summary span{font-weight:400}.ylc .ylc-partners summary:focus-visible{outline:2px solid var(--ast-global-color-0,#245d96);outline-offset:3px}
.ylc .ylc-partners-body{padding:6px 0 12px;max-width:760px}
.ylc .ylc-partners-body ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 10px;padding:0}
.ylc .ylc-partners-body li{background:var(--ast-global-color-4,#fff);border:1px solid var(--ylc-border);border-radius:6px;padding:3px 8px;font-size:12px;margin:0;max-width:100%;overflow-wrap:anywhere}
.ylc .ylc-partners-body p{font-size:12px;line-height:1.5;color:var(--ylc-muted);margin:4px 0}