/* Mobilförbättring v2 – endast layout, inga befintliga funktioner/route-ID:n ändras */
@media (max-width:700px){
  html{-webkit-text-size-adjust:100%}
  body{overflow-x:hidden!important}
  .container{width:100%!important;max-width:100%!important;padding-left:14px!important;padding-right:14px!important}

  /* Header */
  .launch-header{min-height:64px!important;padding:8px 12px!important;gap:8px!important}
  .launch-logo{min-width:0!important;max-width:calc(100% - 58px)!important}
  .launch-logo .logo-gauge{width:38px!important;height:38px!important;flex:0 0 38px!important}
  .launch-logo .logo-text{font-size:clamp(1.05rem,5.4vw,1.35rem)!important;white-space:nowrap!important}
  .menu-toggle{width:46px!important;height:46px!important;flex:0 0 46px!important;border-radius:11px!important}
  .launch-nav{width:min(92vw,390px)!important;padding:76px 12px 20px!important;gap:7px!important}
  .launch-nav>a,.launch-nav .nav-dropdown-toggle{min-height:48px!important;padding:11px 12px!important;font-size:.94rem!important;border-radius:11px!important}
  .nav-dropdown-menu a{min-height:44px!important;padding:10px 12px!important;font-size:.9rem!important}
  .mobile-nav-actions{margin-top:6px!important;padding-top:10px!important}
  .mobile-nav-actions .nav-question,.mobile-nav-actions .nav-register{min-height:48px!important}

  /* Startsidan */
  #page-main .tk-new-home{padding:12px 12px 22px!important}
  #page-main .tk-new-top{display:block!important}
  #page-main .tk-new-hero{padding:8px 0 4px!important}
  #page-main .tk-new-title{display:block!important}
  #page-main .tk-new-title h1{font-size:clamp(2rem,9.2vw,2.75rem)!important;line-height:1.04!important;letter-spacing:-1.2px!important;margin:0 0 12px!important}
  #page-main .tk-new-hero>p{font-size:1rem!important;line-height:1.55!important;margin-bottom:16px!important}
  #page-main .tk-afs{display:inline-flex!important;min-width:0!important;padding:9px 14px!important;margin:0 0 14px!important;border-radius:12px!important;font-size:1rem!important;gap:5px!important}
  #page-main .tk-afs b{font-size:1rem!important}
  #page-main .tk-benefits{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:10px 0 18px!important}
  #page-main .tk-benefits>div{padding:11px 0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.16)!important}
  #page-main .tk-benefits>div:last-child{border-bottom:0!important}
  #page-main .tk-industries{margin-top:14px!important}
  #page-main .tk-industries h2,#page-main .tk-common-title{font-size:1.25rem!important;line-height:1.2!important;margin-bottom:12px!important}
  #page-main .tk-ind-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  #page-main .tk-ind-grid>div{min-height:105px!important;border-radius:10px!important}
  #page-main .tk-ind-grid img{height:105px!important;object-fit:cover!important}
  #page-main .tk-ind-grid span{font-size:.76rem!important;line-height:1.05!important;padding:7px 5px!important}
  #page-main .tk-equipment-grid{grid-template-columns:1fr!important;gap:10px!important}
  #page-main .tk-equipment-grid>div{max-height:none!important;min-height:0!important;padding:14px!important}
  #page-main .tk-equipment-grid img{max-height:210px!important;object-fit:contain!important}
  #page-main .tk-bottom-grid{grid-template-columns:1fr!important;gap:10px!important}
  #page-main .tk-step,#page-main .tk-contact{min-height:0!important;padding:16px!important}
  #page-main .tk-contact a{width:100%!important;min-height:50px!important}

  /* Generell mobiltypografi och tryckytor */
  .form-page{padding:22px 0 38px!important}
  .form-card{padding:16px!important;border-radius:16px!important}
  .form-page-header{gap:9px!important;margin-bottom:16px!important}
  .form-page-header h2{font-size:1.45rem!important;line-height:1.15!important}
  .btn-primary,.btn-outline,button,a[role="button"]{touch-action:manipulation}
  .btn-primary{min-height:48px!important;padding:12px 16px!important}
  input,select,textarea{font-size:16px!important}
  table{max-width:100%}
  .tabs-nav{margin-left:-2px!important;margin-right:-2px!important}

  /* Välj rätt kontrolltyp – läsbar livscykel */
  .tk2-control-page{padding:28px 0 46px!important}
  .tk2-hero{margin-bottom:16px!important;text-align:left!important}
  .tk2-hero h1{font-size:2rem!important;line-height:1.06!important}
  .tk2-hero p{font-size:.98rem!important;line-height:1.55!important}
  .tk2-jump{top:68px!important;margin:12px -2px 18px!important;padding:7px!important;border-radius:12px!important}
  .tk2-jump a{padding:9px 10px!important;font-size:.8rem!important}
  .tk2-stage{padding:15px!important;border-radius:16px!important;margin-bottom:14px!important;scroll-margin-top:128px!important}
  .tk2-stage-head{gap:10px!important;margin-bottom:13px!important}
  .tk2-stage-head>span{flex:0 0 36px!important;width:36px!important;height:36px!important;font-size:1rem!important}
  .tk2-stage-head h2{font-size:1.3rem!important;line-height:1.15!important}
  .tk2-stage-head p{font-size:.9rem!important;line-height:1.45!important}
  .tk2-info-grid,.tk2-life-grid,.tk2-images{grid-template-columns:1fr!important;gap:10px!important}
  .tk2-info-grid article,.tk2-life-grid article{padding:14px!important}
  .tk2-images figure,.tk2-feature-image{border-radius:12px!important}
  .tk2-images figcaption{font-size:.8rem!important}
  .tk2-callout{padding:13px!important;gap:10px!important}
  .tk2-cycle-row,.tk2-revision-flow{grid-template-columns:1fr!important;gap:7px!important}
  .tk2-cycle-row>div{min-height:0!important;padding:13px!important}
  .tk2-cycle-row>b,.tk2-revision-flow>b{transform:rotate(90deg)!important;line-height:1!important}
  .tk2-period-formula{padding:13px!important;gap:7px!important;text-align:center!important}
  .tk2-period-formula strong{font-size:1.55rem!important}
  .tk2-monthline{grid-template-columns:1fr!important;border-radius:12px!important;margin:12px 0 16px!important}
  .tk2-monthline>div{padding:13px 10px!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:normal!important;overflow:visible!important}
  .tk2-monthline .due{font-size:1rem!important;letter-spacing:.01em!important;min-height:58px!important}
  .tk2-before-control{grid-template-columns:1fr!important;gap:8px!important}
  .tk2-before-control>div{padding:12px!important}
  .tk2-final{padding:18px 15px!important;border-radius:16px!important;gap:12px!important}
  .tk2-final h2{font-size:1.35rem!important}
  .tk2-final .btn-primary{width:100%!important}

  /* Dokumentationssidor */
  .docs-grid,.steps-grid,.reason-grid{grid-template-columns:1fr!important;gap:12px!important}
  .doc-card,.step-item{padding:17px 14px!important;border-radius:15px!important}
  #page-fortlopande .tutorial-container,
  #page-riskbedomning .riskbedomning .tutorial-container{padding:16px!important}
  #page-fortlopande .tutorial-content,
  #page-riskbedomning .riskbedomning .tutorial-content{grid-template-columns:1fr!important}
  #page-fortlopande .form-section,#page-fortlopande .preview-section,
  #page-riskbedomning .riskbedomning .form-section,#page-riskbedomning .riskbedomning .preview-section{padding:16px!important}
  #page-fortlopande .controls,#page-riskbedomning .riskbedomning .controls{gap:8px!important}
  #page-fortlopande .btn,#page-riskbedomning .riskbedomning .btn{width:100%!important;margin-right:0!important}
}

@media (max-width:390px){
  .container{padding-left:11px!important;padding-right:11px!important}
  #page-main .tk-new-home{padding-left:10px!important;padding-right:10px!important}
  #page-main .tk-new-title h1{font-size:1.9rem!important}
  #page-main .tk-ind-grid{grid-template-columns:1fr!important}
  #page-main .tk-ind-grid>div,#page-main .tk-ind-grid img{height:130px!important}
  .tk2-stage{padding:13px!important}
  .tk2-stage-head h2{font-size:1.18rem!important}
}

/* Telefon vågrätt: håll menyn användbar utan att pressa innehållet */
@media (max-width:900px) and (orientation:landscape) and (max-height:520px){
  .launch-header{min-height:56px!important;padding-top:5px!important;padding-bottom:5px!important}
  .menu-toggle{width:44px!important;height:44px!important;flex-basis:44px!important}
  .launch-nav{padding-top:62px!important;width:min(72vw,430px)!important}
  .launch-nav>a,.launch-nav .nav-dropdown-toggle{min-height:43px!important;padding:9px 12px!important}
  .mobile-nav-actions .nav-question,.mobile-nav-actions .nav-register{min-height:43px!important}
}