/* Kontenerologia OS 5.2.2 - isolated article mobile repair */
html,body{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
  background:transparent!important;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

body{
  padding-left:1px!important;
  padding-right:1px!important;
}

#frameArticleContent,
#frameArticleContent > *,
main,
article,
.article-body,
.article-layout,
.wrap,
.hub,
.ktlg-shell,
.ktlg-section{
  min-width:0!important;
  max-width:100%!important;
}

#frameArticleContent{
  width:100%!important;
  margin:0!important;
}

#frameArticleContent .site-header,
#frameArticleContent .mobile-menu,
#frameArticleContent .site-footer{
  display:none!important;
}

img,svg,video,canvas,iframe{
  max-width:100%!important;
  height:auto;
}

pre{
  max-width:100%!important;
  overflow:auto!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere;
  -webkit-overflow-scrolling:touch;
}

table{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
}

p,li,dd,dt,a,strong,span{
  overflow-wrap:anywhere;
}

@media (max-width:760px){
  body{
    font-size:16px!important;
    line-height:1.72!important;
  }

  #frameArticleContent > p:first-child,
  #frameArticleContent > .hero-lead,
  #frameArticleContent > .ktlg-lead,
  .article-body > p:first-child,
  .hero-lead,
  .hero-subtitle,
  .ktlg-lead,
  .ktlg-hero-question,
  .pullquote{
    font-size:clamp(1rem,4.5vw,1.1rem)!important;
    line-height:1.7!important;
  }

  h1,
  .article-hero h1,
  .ktlg-hero h1{
    max-width:100%!important;
    font-size:clamp(2rem,11vw,3.2rem)!important;
    line-height:1.03!important;
    overflow-wrap:anywhere;
    hyphens:auto;
  }

  h2,
  .article-body h2,
  .ktlg-section h2{
    max-width:100%!important;
    font-size:clamp(1.55rem,8vw,2.15rem)!important;
    line-height:1.16!important;
    overflow-wrap:anywhere;
  }

  h3{
    font-size:clamp(1.15rem,6vw,1.45rem)!important;
  }

  .wrap,
  .article-layout,
  .article-body,
  .hub,
  .ktlg-shell,
  .ktlg-section,
  .ktlg-article-copy{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  .article-layout,
  .start-grid,
  .cards,
  .truth-grid,
  .comparison,
  .obligations,
  .strip,
  .series-method,
  .rule-switches,
  .reason-grid,
  .prep-grid,
  .channel-grid,
  .cost-body,
  .cost-panel,
  .final-cta,
  .ktlg-detail-grid,
  .ktlg-xray,
  .ktlg-component-grid,
  .ktlg-two-col,
  [class*="two-col"],
  [class*="two-column"]{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .sidebar{
    position:static!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
  }

  .timeline-block,
  .risk-map,
  .channel-map,
  .cost-panel,
  .pullquote,
  .callout,
  .comparison-card,
  .method-card,
  .rule-switch,
  .intro-card,
  .incoterm-card,
  .container-note,
  .final-cta,
  .ktlg-xray,
  .ktlg-detail-fact,
  .ktlg-block,
  .article-callout,
  .article-checklist,
  .article-resource-card,
  .article-disclaimer,
  .article-cta{
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding:18px!important;
  }

  .toolbar,
  .timeline-head,
  .risk-map-head,
  .cost-head,
  .card-top,
  .group-head,
  .ktlg-xray__bar,
  .ktlg-section-head,
  .rule-switch-top{
    align-items:flex-start!important;
    flex-direction:column!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }

  .filters,
  .practice-tags,
  .timeline-legend,
  .risk-legend,
  .ktlg-view-tabs{
    max-width:100%!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    padding-bottom:6px;
    scrollbar-width:none;
  }

  .filters::-webkit-scrollbar,
  .practice-tags::-webkit-scrollbar,
  .timeline-legend::-webkit-scrollbar,
  .risk-legend::-webkit-scrollbar,
  .ktlg-view-tabs::-webkit-scrollbar{
    display:none;
  }

  .filter-button,
  .practice-tags > *,
  .ktlg-view-tab{
    flex:0 0 auto!important;
    min-height:44px!important;
    white-space:nowrap!important;
  }

  .track,
  .track-dual,
  .risk-route{
    display:none!important;
  }

  .nodes,
  .nodes.dual,
  .risk-steps,
  .process{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:11px!important;
  }

  .node,
  .risk-step,
  .process-step{
    position:relative!important;
    display:grid!important;
    grid-template-columns:18px minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
    gap:11px!important;
    align-items:start!important;
  }

  .node-dot,
  .risk-step-dot{
    position:static!important;
    grid-column:1!important;
    transform:none!important;
  }

  .node-label,
  .node:first-child .node-label,
  .node:last-child .node-label,
  .risk-step-label{
    position:static!important;
    grid-column:2!important;
    width:auto!important;
    max-width:100%!important;
    transform:none!important;
    text-align:left!important;
    font-size:.78rem!important;
    line-height:1.45!important;
  }

  .marker-pin{
    position:static!important;
    grid-column:2!important;
    grid-row:auto!important;
    align-items:flex-start!important;
    transform:none!important;
  }

  .pin-stem{
    display:none!important;
  }

  .indicators{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .ktlg-stage,
  .ktlg-view,
  .ktlg-xray__detail{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .ktlg-pin{
    transform:scale(.86);
    transform-origin:center;
  }

  input,select,textarea,button{
    font-size:16px!important;
  }

  a.button,
  .button,
  button,
  [role="button"]{
    min-height:44px;
  }
}

@media (max-width:480px){
  body{
    font-size:15.8px!important;
  }

  .timeline-block,
  .risk-map,
  .channel-map,
  .cost-panel,
  .pullquote,
  .callout,
  .comparison-card,
  .method-card,
  .rule-switch,
  .intro-card,
  .incoterm-card,
  .container-note,
  .final-cta,
  .ktlg-xray,
  .ktlg-detail-fact,
  .ktlg-block{
    padding:16px!important;
  }

  .ktlg-pin{
    transform:scale(.72);
  }
}