/* Hinnasto: laskuri herossa ja kolme tasakokoista hintakorttia. */
.hn-calc .hn-k{display:block;margin-top:20px;font-size:14px;color:var(--mu)}
.hn-bill{display:flex;align-items:baseline;gap:8px;margin-top:6px}
.hn-bill input{width:5.2ch;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--tx);font-family:var(--disp);font-stretch:112%;font-weight:700;font-size:32px;font-variant-numeric:tabular-nums;padding:2px 0;outline:none}
.hn-bill input:focus{border-bottom-color:var(--g)}
.hn-bill span{font-size:16px;color:var(--mu)}
.hn-calc input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;margin:18px 0 6px;background:linear-gradient(90deg,var(--g) var(--p,30%),rgba(255,255,255,.14) var(--p,30%));border-radius:2px;outline:none}
.hn-calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--tx);border:5px solid var(--g);cursor:pointer}
.hn-calc input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--tx);border:5px solid var(--g);cursor:pointer}
.hn-calc input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 6px rgba(31,203,79,.45)}
.hn-calc .ledg{margin-top:14px}
.hn-calc .ledg b{font-variant-numeric:tabular-nums}

.hn-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px;align-items:stretch}
.hn-card>.in{display:flex;flex-direction:column;padding:30px 28px 26px}
.hn-price{margin-top:18px}
.hn-price b{display:block;font-family:var(--disp);font-stretch:118%;font-weight:700;font-size:clamp(34px,3.2vw,46px);letter-spacing:-.02em;line-height:1;color:var(--tx)}
.hn-price span{display:block;margin-top:8px;font-size:14.5px;color:var(--mu)}
.hn-line{position:relative;margin:18px 0 0;padding-top:16px;border-top:1px solid rgba(56,70,74,.75);font-size:15px;line-height:1.5;color:var(--tx)}
.hn-mp{width:100%;margin-top:16px;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.hn-mp th{font-weight:400;font-size:12px;color:var(--mu);text-align:right;padding:0 0 6px}
.hn-mp th:first-child{text-align:left}
.hn-mp td{padding:4px 0;text-align:right;color:var(--tx);border-top:1px solid rgba(56,70,74,.5)}
.hn-mp td:first-child{text-align:left;color:#C9D6D8}
.hn-mp td+td,.hn-mp th+th{padding-left:14px}
.hn-more{margin-top:auto;padding-top:22px;display:inline-flex;align-items:center;min-height:44px;font-family:var(--disp);font-stretch:112%;font-weight:600;font-size:14.5px;color:var(--g);text-decoration:none}
.hn-more::after{content:"→";margin-left:8px;transition:transform .2s}
.hn-more:hover::after{transform:translateX(3px)}
@media (max-width:1020px){
  .hn-cards{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:32px}
}

/* Tuki: kolme riviä korttien alla */
.hn-support{margin-top:20px;padding:26px 28px;border:1px solid rgba(56,70,74,.75);border-radius:2px}
.hn-srows{margin-top:14px}
.hn-srows>div{display:grid;grid-template-columns:200px 140px minmax(0,1fr);gap:20px;align-items:baseline;padding:12px 0;border-top:1px solid rgba(56,70,74,.6)}
.hn-srows b{font-weight:600;color:var(--tx);font-size:15.5px}
.hn-sp{font-family:var(--disp);font-stretch:112%;font-weight:700;font-size:18px;color:var(--tx);white-space:nowrap}
.hn-srows span:last-child{font-size:14.5px;line-height:1.5;color:var(--mu)}
.hn-vat{margin:12px 0 0;font-size:13px;color:var(--mu2)}
#hinnat{padding-bottom:clamp(40px,5vw,72px)}
#hinnat + #ukk,#hinnat ~ #ukk{padding-top:clamp(40px,5vw,72px)}
@media (max-width:760px){
  .hn-support{padding:22px 20px}
  .hn-srows>div{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}
  .hn-srows span:last-child{grid-column:1/-1}
}
/* A5: kuusinumeroinen lasku mahtuu kenttään */
.hn-bill input{width:7.6ch}
/* C6: mallitaulukko väljemmäksi mobiilissa */
@media (max-width:640px){.hn-mp th{font-size:13px}.hn-mp td{padding:8px 0}}
/* B9: liukusäätimen osuma-alue 44 px kosketusnäytöllä (site.css:n sääntö jää tämän tiedoston alle) */
@media (max-width:700px),(pointer:coarse){
  .hn-calc input[type=range]{height:44px;background:transparent;margin:6px 0 0}
  .hn-calc input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--g) var(--p,30%),rgba(255,255,255,.14) var(--p,30%))}
  .hn-calc input[type=range]::-webkit-slider-thumb{width:28px;height:28px;margin-top:-12px}
}