/* Sparesjekk V43 — mobile QA repairs for interactive tools. SEO-neutral presentation only. */
@media(max-width:760px){
  /* Refinancing before/after calculator */
  .tool-shell{padding:28px 16px 58px!important}
  .tool-hero{margin-bottom:20px!important}
  .tool-hero h1{font-size:clamp(2.05rem,10vw,3rem)!important;letter-spacing:-1.1px!important}
  .calc-grid{gap:14px!important}
  .tool-card{padding:18px 16px!important;border-radius:18px!important}
  .tool-card .debt-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;padding:14px 0!important;margin:0!important;border:0!important;border-bottom:1px solid #e2ecf6!important;border-radius:0!important}
  .tool-card .debt-row:last-child{border-bottom:0!important}
  .tool-card .debt-row label{display:block!important;min-width:0!important;font-size:13px!important;line-height:1.25!important}
  .tool-card .debt-row label:first-child{grid-column:1 / -1!important}
  .tool-card .debt-row input,.offer-grid input{width:100%!important;min-width:0!important;height:48px!important;box-sizing:border-box!important;font-size:16px!important;padding:10px 12px!important}
  .offer-grid{grid-template-columns:1fr!important;gap:12px!important}
  .offer-grid .wide{grid-column:auto!important}
  .results{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .result-box{padding:14px 12px!important;min-width:0!important}
  .result-box strong{font-size:1.15rem!important;overflow-wrap:anywhere}
  .calc-action{min-height:50px!important}

  /* Credit-card matcher */
  .match{margin:0 auto!important;padding:28px 16px 58px!important}
  .match>h1{font-size:clamp(2.05rem,10vw,3rem)!important;line-height:1.05!important;letter-spacing:-1.1px!important}
  .match>.lead{font-size:1rem!important;line-height:1.55!important}
  .match .card,.match .result{padding:18px 16px!important;margin:14px 0!important;border-radius:18px!important}
  .match .q{margin:15px 0!important}
  .match .q label{font-size:14px!important;line-height:1.35!important}
  .match .q select,.match .q input{min-height:48px!important;font-size:16px!important;border-radius:12px!important}
  .match .btn{width:100%!important;min-height:50px!important}
  .match .priority,.match .next{padding:15px!important;border-radius:14px!important}
}
@media(max-width:390px){
  .tool-card .debt-row,.results{grid-template-columns:1fr!important}
  .tool-card .debt-row label{grid-column:1!important}
}

/* Homepage contrast hotfix: keep the dark trust panel readable even if global heading/eyebrow rules load later. */
body .why h2{color:#fff!important}
body .why .eyebrow{color:#cfe4ff!important;opacity:1!important}
body .why p{color:rgba(255,255,255,.88)!important}