/* Mobile-first presentation layout for the Korea industry deck */
@media(max-width:700px){
  html.lesson-deck-ready,
  html.lesson-deck-ready body{
    height:100%;
    overflow:hidden!important;
    overscroll-behavior:none;
  }

  body.lesson-deck-mobile{
    background:#e9eef6;
    touch-action:pan-y;
  }

  .lesson-deck-mode .lesson-header{
    height:52px!important;
  }

  .lesson-deck-mode .lesson-header-inner{
    min-height:52px!important;
  }

  .lesson-deck-mode .lesson-brand{
    font-size:11px!important;
    letter-spacing:.09em!important;
  }

  .lesson-deck{
    inset:52px 0 0!important;
    touch-action:pan-y;
    overscroll-behavior:none;
  }

  .lesson-deck-slide{
    transform:translateY(5%)!important;
    transition:opacity .28s ease,transform .42s cubic-bezier(.22,.8,.24,1),visibility .28s!important;
  }

  .lesson-deck-slide.is-active{
    transform:translateY(0)!important;
  }

  .lesson-deck-slide.is-before{
    transform:translateY(-5%)!important;
  }

  .lesson-deck-slide-frame{
    align-items:stretch!important;
    justify-content:center!important;
    padding:9px 8px calc(76px + env(safe-area-inset-bottom))!important;
  }

  .lesson-deck-slide-hero .lesson-hero-inner{
    width:calc(100% - 28px)!important;
    padding:28px 14px calc(88px + env(safe-area-inset-bottom))!important;
  }

  .lesson-deck-slide-hero .lesson-back{
    top:18px!important;
    left:14px!important;
    font-size:12px!important;
  }

  .lesson-deck-slide-hero .lesson-kicker{
    margin-bottom:12px!important;
    font-size:10px!important;
  }

  .lesson-deck-slide-hero .lesson-hero h1{
    max-width:100%!important;
    font-size:clamp(42px,14vw,62px)!important;
    line-height:.98!important;
  }

  .industry-page .ppt-section{
    width:100%!important;
    height:calc(100dvh - 137px)!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    padding:18px 15px!important;
    border-radius:22px!important;
    overflow:hidden!important;
    box-shadow:0 18px 50px rgba(11,29,58,.14)!important;
  }

  .industry-page .slide-label,
  .industry-page .ppt-head>span{
    min-height:23px!important;
    padding:0 8px!important;
    font-size:9px!important;
  }

  .industry-page .ppt-head{
    flex:0 0 auto!important;
    margin:0 0 11px!important;
    padding:0 0 11px!important;
    border-bottom:1px solid rgba(12,24,48,.1)!important;
  }

  .industry-page .ppt-dark .ppt-head,
  .industry-page .ppt-warning-slide .ppt-head{
    border-bottom-color:rgba(255,255,255,.13)!important;
  }

  .industry-page .ppt-head h2,
  .industry-page h2{
    margin-top:8px!important;
    max-width:none!important;
    font-size:clamp(25px,7.2vw,30px)!important;
    line-height:1.08!important;
    letter-spacing:-.05em!important;
  }

  .industry-page .ppt-head::after,
  .industry-page h2::after{
    display:none!important;
  }

  .industry-page .korea-opening{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
  }

  .industry-page .korea-opening-copy{
    flex:0 0 auto!important;
    padding-bottom:11px!important;
    border-bottom:1px solid rgba(255,255,255,.13)!important;
  }

  .industry-page .korea-opening-copy h2{
    font-size:30px!important;
  }

  .industry-page .korea-opening-copy p{
    margin-top:8px!important;
    font-size:11px!important;
    line-height:1.36!important;
  }

  .industry-page .two-proof{
    flex:1!important;
    min-height:0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:11px!important;
  }

  .industry-page .two-proof article{
    min-height:0!important;
    padding:13px 12px!important;
    border-radius:15px!important;
  }

  .industry-page .two-proof strong{
    font-size:25px!important;
  }

  .industry-page .two-proof small,
  .industry-page .two-proof span{
    font-size:9px!important;
  }

  /* Visual slides: copy above, visual below */
  .industry-page .ppt-section.big-number-stage,
  .industry-page .ppt-section.experience-stage,
  .industry-page .ppt-section.photo-message,
  .industry-page .ppt-section.homeport-simple{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    gap:11px!important;
    align-items:stretch!important;
  }

  .industry-page .big-number-copy,
  .industry-page .experience-copy,
  .industry-page .photo-message-copy,
  .industry-page .homeport-simple-copy{
    grid-column:1!important;
    grid-row:1!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    justify-content:flex-start!important;
  }

  .industry-page .big-number-stage>.external-photo-card,
  .industry-page .photo-message>.external-photo-card,
  .industry-page .experience-stage>.experience-meter,
  .industry-page .homeport-simple>.portrait-photo-wrap{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    border-radius:17px!important;
    overflow:hidden!important;
  }

  .industry-page .big-number-copy h2,
  .industry-page .experience-copy h2,
  .industry-page .photo-message-copy h2,
  .industry-page .homeport-simple-copy h2{
    width:100%!important;
    margin-top:7px!important;
    padding:0 0 9px!important;
    border-bottom:1px solid rgba(12,24,48,.1)!important;
    font-size:26px!important;
  }

  .industry-page .big-stat{
    margin-top:9px!important;
    font-size:50px!important;
    line-height:.9!important;
  }

  .industry-page .big-stat small{
    margin-top:6px!important;
    font-size:10px!important;
  }

  .industry-page .short-takeaway,
  .industry-page .experience-copy p,
  .industry-page .photo-message-copy p,
  .industry-page .homeport-simple-copy p{
    margin-top:7px!important;
    font-size:11px!important;
    line-height:1.35!important;
  }

  .industry-page .source-link{
    margin-top:7px!important;
    font-size:9px!important;
  }

  .industry-page .port-pills{
    gap:5px!important;
    margin-top:8px!important;
  }

  .industry-page .port-pills b{
    padding:5px 8px!important;
    font-size:8px!important;
  }

  .industry-page .external-photo-card>span{
    left:12px!important;
    right:12px!important;
    bottom:10px!important;
    font-size:10px!important;
  }

  .industry-page .experience-meter{
    padding:14px!important;
  }

  .industry-page .people-ten{
    grid-template-columns:repeat(5,26px)!important;
    gap:8px!important;
  }

  .industry-page .people-ten i{
    width:26px!important;
    height:26px!important;
  }

  .industry-page .experience-meter strong{
    margin-top:13px!important;
    font-size:20px!important;
  }

  .industry-page .experience-meter small{
    font-size:8px!important;
  }

  /* Two-column comparison becomes two readable rows */
  .industry-page .simple-two{
    flex:1!important;
    min-height:0!important;
    grid-template-columns:1fr!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .industry-page .simple-two article{
    min-height:0!important;
    padding:13px 14px!important;
    border-radius:15px!important;
  }

  .industry-page .simple-two article::before{
    width:22px!important;
    height:2px!important;
    margin-bottom:7px!important;
  }

  .industry-page .simple-two small{
    font-size:8px!important;
  }

  .industry-page .simple-two strong{
    margin-top:4px!important;
    font-size:21px!important;
  }

  .industry-page .simple-two p{
    margin-top:5px!important;
    font-size:10.5px!important;
    line-height:1.32!important;
  }

  .industry-page .simple-two ul{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:4px 8px!important;
    margin-top:6px!important;
  }

  .industry-page .simple-two li{
    font-size:9px!important;
  }

  /* Four items remain 2x2 */
  .industry-page .economy-grid{
    flex:1!important;
    min-height:0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }

  .industry-page .economy-grid article{
    min-height:0!important;
    padding:11px 10px!important;
    border-radius:14px!important;
  }

  .industry-page .economy-grid article::before{
    width:20px!important;
    height:2px!important;
    margin-bottom:7px!important;
  }

  .industry-page .economy-grid b{
    font-size:8px!important;
  }

  .industry-page .economy-grid strong{
    margin-top:3px!important;
    font-size:17px!important;
  }

  .industry-page .economy-grid span{
    margin-top:4px!important;
    font-size:10px!important;
    line-height:1.28!important;
  }

  .industry-page .three-points{
    gap:6px!important;
    margin-top:8px!important;
  }

  .industry-page .three-points article{
    padding:8px 9px!important;
    border-radius:10px!important;
  }

  .industry-page .three-points strong{
    font-size:12px!important;
  }

  .industry-page .three-points span{
    font-size:8px!important;
  }

  .industry-page .partner-stage-v2{
    padding:17px 14px!important;
  }

  .industry-page .partner-title{
    margin:0 0 9px!important;
    padding:0 0 9px!important;
  }

  .industry-page .partner-title h2{
    font-size:26px!important;
  }

  .industry-page .partner-title p{
    margin-top:6px!important;
    font-size:10px!important;
  }

  .industry-page .partner-role-grid{
    flex:1!important;
    min-height:0!important;
    grid-template-columns:1fr!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }

  .industry-page .partner-role-grid article{
    min-height:0!important;
    padding:11px 12px!important;
    border-radius:14px!important;
  }

  .industry-page .partner-role-grid article::before{
    width:22px!important;
    height:2px!important;
    margin-bottom:6px!important;
  }

  .industry-page .partner-role-grid small{
    font-size:8px!important;
  }

  .industry-page .partner-role-grid strong{
    margin-top:3px!important;
    font-size:18px!important;
  }

  .industry-page .partner-role-grid ul{
    gap:3px!important;
    margin-top:5px!important;
  }

  .industry-page .partner-role-grid li{
    font-size:9px!important;
  }

  .industry-page .slide-footer-message{
    margin-top:6px!important;
    font-size:9px!important;
  }

  .industry-page .readable-roadmap .roadmap-line{
    flex:1!important;
    min-height:0!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
  }

  .industry-page .readable-roadmap .roadmap-line i{
    display:none!important;
  }

  .industry-page .readable-roadmap .roadmap-line article{
    min-height:0!important;
    display:grid!important;
    grid-template-columns:30px 1fr!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    justify-items:start!important;
    padding:7px 9px!important;
    border-radius:11px!important;
    text-align:left!important;
  }

  .industry-page .readable-roadmap .roadmap-line b{
    grid-row:1/3!important;
    width:28px!important;
    height:28px!important;
    border-radius:8px!important;
    font-size:8px!important;
  }

  .industry-page .readable-roadmap .roadmap-line strong{
    margin:0!important;
    font-size:13px!important;
  }

  .industry-page .readable-roadmap .roadmap-line span{
    margin:0!important;
    font-size:8px!important;
  }

  .industry-page .readable-roadmap .roadmap-message{
    margin-top:5px!important;
    font-size:9px!important;
  }

  .industry-page .final-korea-copy .final-three{
    grid-template-columns:1fr!important;
    gap:5px!important;
    margin-top:9px!important;
  }

  .industry-page .final-korea-copy .final-three p{
    min-height:0!important;
    padding:8px 9px!important;
    border-radius:10px!important;
    font-size:10px!important;
  }

  .lesson-deck-controls{
    bottom:calc(18px + env(safe-area-inset-bottom))!important;
    min-height:44px!important;
    padding:5px 7px!important;
  }

  .lesson-deck-button{
    width:36px!important;
    height:36px!important;
  }

  .lesson-deck-count{
    min-width:62px!important;
    font-size:12px!important;
  }

  .lesson-deck-hint{
    bottom:calc(68px + env(safe-area-inset-bottom))!important;
    font-size:10px!important;
  }

  .lesson-deck-progress{
    bottom:0!important;
    height:3px!important;
  }
}

@media(max-width:700px) and (max-height:700px){
  .industry-page .ppt-section{
    height:calc(100dvh - 128px)!important;
    padding:14px 12px!important;
  }

  .industry-page .ppt-head h2,
  .industry-page h2{
    font-size:23px!important;
  }

  .industry-page .big-number-copy h2,
  .industry-page .experience-copy h2,
  .industry-page .photo-message-copy h2,
  .industry-page .homeport-simple-copy h2,
  .industry-page .partner-title h2{
    font-size:23px!important;
  }

  .industry-page .big-stat{
    font-size:44px!important;
  }
}