/* English-only typography balancing for longer copy */
html[lang="en"] body{word-break:normal;overflow-wrap:break-word;}
html[lang="en"] .headline,html[lang="en"] .display-title,html[lang="en"] h1,html[lang="en"] h2{letter-spacing:-.025em;}
@media (max-width:760px){
  html[lang="en"] .main-learning-sync-head h1{font-size:clamp(30px,8.5vw,40px);line-height:1.12;}
  html[lang="en"] .tech-title,html[lang="en"] .headline{word-break:normal;}
  html[lang="en"] .technology-item h3{font-size:clamp(15px,4vw,18px);}
  html[lang="en"] .report-card p,html[lang="en"] .assess-card p{word-break:normal;}
}

/* =========================================================
   ENG desktop typography sync — 2026-08-14
   PC font sizes inherit the same base typography as the KOR pages.
   ENG-only wrapping / line-height / spacing adjustments remain.
   Tablet and mobile overrides below are preserved separately.
   ========================================================= */

/* Shared section typography */
html[lang="en"] .eyebrow{line-height:1.3!important;}
html[lang="en"] .headline{line-height:1.28!important;letter-spacing:-.025em!important;}
html[lang="en"] .desc{line-height:1.55!important;}

/* Main page */
html[lang="en"] .hero-copy h1{line-height:1.22!important;letter-spacing:-.03em!important;}
html[lang="en"] .hero-copy p{line-height:1.48!important;}
html[lang="en"] .overview-copy h2,
html[lang="en"] .different-title h2,
html[lang="en"] .meet-copy h2,
html[lang="en"] .data-copy h2,
html[lang="en"] .technology-head h2,
html[lang="en"] .learning-head h2,
html[lang="en"] .impact-head h2,
html[lang="en"] .contact-inner h2{line-height:1.28!important;letter-spacing:-.025em!important;}
html[lang="en"] .diff-card p{line-height:1.55!important;}
html[lang="en"] .meet-copy>p:not(.eyebrow){line-height:1.68!important;}
html[lang="en"] .stat p{line-height:1.45!important;}
html[lang="en"] .technology-item h3{line-height:1.28!important;}
html[lang="en"] .learning-card h3{line-height:1.25!important;}
html[lang="en"] .learning-card p{line-height:1.45!important;}
html[lang="en"] .impact-card h3{line-height:1.32!important;margin-bottom:18px!important;}
html[lang="en"] .impact-card p{line-height:1.5!important;}

/* Data Moat */
html[lang="en"] .intro-top h1,
html[lang="en"] .center-heading h2,
html[lang="en"] .language-intro h2,
html[lang="en"] .section-heading h2,
html[lang="en"] .loop-copy h2{line-height:1.28!important;letter-spacing:-.025em!important;}
html[lang="en"] .body-copy{line-height:1.55!important;}
html[lang="en"] .metric-card p{line-height:1.45!important;}
html[lang="en"] .why-tab{padding:34px!important;}
html[lang="en"] .why-tab strong{line-height:1.35!important;}
html[lang="en"] .why-tab span{line-height:1.4!important;}
html[lang="en"] .why-tab small{line-height:1.5!important;margin-top:34px!important;}
html[lang="en"] .data-row h3{line-height:1.4!important;}
html[lang="en"] .data-row p{line-height:1.5!important;}
html[lang="en"] .accordion-item button span,
html[lang="en"] .accordion-item.active button span{line-height:1.4!important;}
html[lang="en"] .accordion-panel p{line-height:1.55!important;}

/* Digital Human */
html[lang="en"] .three-col h3{line-height:1.3!important;}
html[lang="en"] .three-col p{line-height:1.5!important;}
html[lang="en"] .tech-pc-card .tech-pc-title,
html[lang="en"] .tech-card .title{line-height:1.15!important;}
html[lang="en"] .tech-pc-card .tech-pc-sub,
html[lang="en"] .tech-card .sub{line-height:1.35!important;}
html[lang="en"] .feature h4{line-height:1.3!important;}
html[lang="en"] .feature p{line-height:1.45!important;}
html[lang="en"] .process-card h3{line-height:1.3!important;}
html[lang="en"] .process-card p{line-height:1.45!important;}
html[lang="en"] .human-card h3{line-height:1.25!important;}
html[lang="en"] .tab{line-height:1.25!important;padding-inline:10px!important;}
html[lang="en"] .interaction-copy h3{line-height:1.25!important;}
html[lang="en"] .interaction-copy p{line-height:1.5!important;}
html[lang="en"] .environment-group li{line-height:1.55!important;}

/* Learning Experience */
html[lang="en"] .main-learning-sync-head h1{line-height:1.25!important;}
html[lang="en"] .main-learning-sync-head>p:last-child{line-height:1.55!important;}
html[lang="en"] .main-learning-sync-card h3{line-height:1.2!important;}
html[lang="en"] .main-learning-sync-card p{line-height:1.45!important;}
html[lang="en"] .textbook-exp .orbit-node strong{line-height:1.15!important;}
html[lang="en"] .textbook-exp .orbit-node span{line-height:1.3!important;}
html[lang="en"] .flow-caption h3{line-height:1.25!important;}
html[lang="en"] .flow-caption p{line-height:1.45!important;}
html[lang="en"] .flow-tab{line-height:1.25!important;padding-inline:14px!important;}
html[lang="en"] .assess-card h3,
html[lang="en"] .report-card h3{line-height:1.25!important;}
html[lang="en"] .assess-card h4,
html[lang="en"] .report-card h4{line-height:1.4!important;}
html[lang="en"] .assess-card p,
html[lang="en"] .report-card p{line-height:1.5!important;}
html[lang="en"] .mini-step strong{line-height:1.35!important;}
html[lang="en"] .mini-step span{line-height:1.4!important;}
html[lang="en"] .closing{line-height:1.55!important;}

/* Policy popups: English legal copy needs slightly denser type */
html[lang="en"] .elea-policy-document{line-height:1.72!important;word-break:normal!important;}
html[lang="en"] .elea-policy-document .policy-lead{line-height:1.68!important;}
html[lang="en"] .elea-policy-document h3{line-height:1.42!important;}
html[lang="en"] .elea-policy-document h4{line-height:1.45!important;}

/* Tablet */
@media (max-width:1200px){
  html[lang="en"] .hero-copy h1{font-size:44px!important;}
  html[lang="en"] .hero-copy p{font-size:20px!important;}
  html[lang="en"] .overview-copy h2,
  html[lang="en"] .different-title h2,
  html[lang="en"] .meet-copy h2,
  html[lang="en"] .data-copy h2,
  html[lang="en"] .technology-head h2,
  html[lang="en"] .learning-head h2,
  html[lang="en"] .impact-head h2,
  html[lang="en"] .contact-inner h2,
  html[lang="en"] .headline,
  html[lang="en"] .intro-top h1,
  html[lang="en"] .center-heading h2,
  html[lang="en"] .language-intro h2,
  html[lang="en"] .section-heading h2,
  html[lang="en"] .loop-copy h2{font-size:42px!important;}
  html[lang="en"] .desc,
  html[lang="en"] .body-copy{font-size:18px!important;}
  html[lang="en"] .eyebrow{font-size:18px!important;}
  html[lang="en"] .main-learning-sync-head h1{font-size:40px!important;}
  html[lang="en"] .main-learning-sync-card h3{font-size:28px!important;}
  html[lang="en"] .main-learning-sync-card p{font-size:16px!important;}
  html[lang="en"] .tab{font-size:17px!important;}
}

/* Mobile: override the shared KOR-size mobile QC with a smaller ENG scale. */
@media (max-width:760px){
  html[lang="en"] .site-header .gnb a{font-size:clamp(22px,6.2vw,27px)!important;line-height:1.2!important;}
  html[lang="en"] .eyebrow{font-size:13px!important;line-height:1.35!important;}
  html[lang="en"] .headline{font-size:clamp(27px,7.4vw,31px)!important;line-height:1.28!important;}
  html[lang="en"] .desc{font-size:14px!important;line-height:1.6!important;}

  html[lang="en"] .hero-copy h1{font-size:clamp(27px,7.4vw,32px)!important;line-height:1.23!important;}
  html[lang="en"] .hero-copy p{font-size:14px!important;line-height:1.5!important;}
  html[lang="en"] .overview-copy h2,
  html[lang="en"] .different-title h2,
  html[lang="en"] .meet-copy h2,
  html[lang="en"] .data-copy h2,
  html[lang="en"] .technology-head h2,
  html[lang="en"] .learning-head h2,
  html[lang="en"] .impact-head h2,
  html[lang="en"] .contact-inner h2{font-size:27px!important;line-height:1.3!important;}
  html[lang="en"] .diff-card h3{font-size:23px!important;}
  html[lang="en"] .diff-card p{font-size:13px!important;}
  html[lang="en"] .meet-copy>p:not(.eyebrow){font-size:14px!important;}
  html[lang="en"] .stat p{font-size:14px!important;}
  html[lang="en"] .learning-card h3{font-size:25px!important;}
  html[lang="en"] .learning-card p{font-size:14px!important;}
  html[lang="en"] .impact-card h3{font-size:18px!important;}
  html[lang="en"] .impact-card p{font-size:12.5px!important;}

  html[lang="en"] .intro-top h1,
  html[lang="en"] .center-heading h2,
  html[lang="en"] .language-intro h2,
  html[lang="en"] .section-heading h2,
  html[lang="en"] .loop-copy h2{font-size:29px!important;line-height:1.3!important;}
  html[lang="en"] .body-copy{font-size:15px!important;line-height:1.6!important;}
  html[lang="en"] .metric-card p{font-size:15px!important;}
  html[lang="en"] .why-tab strong{font-size:21px!important;}
  html[lang="en"] .why-tab span{font-size:18px!important;}
  html[lang="en"] .why-tab small{font-size:13px!important;}
  html[lang="en"] .data-row h3{font-size:21px!important;}
  html[lang="en"] .data-row p{font-size:15px!important;}
  html[lang="en"] .data-row>strong{font-size:36px!important;}
  html[lang="en"] .accordion-item button span,
  html[lang="en"] .accordion-item.active button span{font-size:17px!important;}
  html[lang="en"] .accordion-panel p{font-size:14px!important;}

  html[lang="en"] .three-col h3{font-size:22px!important;}
  html[lang="en"] .three-col p{font-size:13px!important;}
  html[lang="en"] .feature h4{font-size:17px!important;}
  html[lang="en"] .feature p{font-size:13px!important;}
  html[lang="en"] .process-card h3{font-size:21px!important;}
  html[lang="en"] .process-card p{font-size:14px!important;}
  html[lang="en"] .human-card h3,
  html[lang="en"] .assess-card h3,
  html[lang="en"] .report-card h3{font-size:22px!important;}
  html[lang="en"] .tab{min-width:132px!important;padding:0 14px!important;font-size:13px!important;}
  html[lang="en"] .interaction-copy h3{font-size:23px!important;}
  html[lang="en"] .interaction-copy p{font-size:14px!important;}
  html[lang="en"] .environment-group h3{font-size:20px!important;}
  html[lang="en"] .environment-group li{font-size:14px!important;}

  html[lang="en"] .main-learning-sync-head h1{font-size:27px!important;line-height:1.28!important;}
  html[lang="en"] .main-learning-sync-head>p:last-child{font-size:14px!important;line-height:1.6!important;}
  html[lang="en"] .main-learning-sync-card span{font-size:16px!important;}
  html[lang="en"] .main-learning-sync-card h3{font-size:25px!important;}
  html[lang="en"] .main-learning-sync-card p{font-size:14px!important;}
  html[lang="en"] .textbook-exp .headline{font-size:27px!important;line-height:1.3!important;}
  html[lang="en"] .textbook-exp .desc{font-size:14px!important;line-height:1.62!important;}
  html[lang="en"] .textbook-exp .orbit-node strong{font-size:17px!important;}
  html[lang="en"] .textbook-exp .orbit-node span{font-size:13px!important;}
  html[lang="en"] .flow-tab{flex-basis:148px!important;font-size:12.5px!important;line-height:1.25!important;}
  html[lang="en"] .flow-caption h3{font-size:22px!important;}
  html[lang="en"] .flow-caption p{font-size:14px!important;}
  html[lang="en"] .assess-card p,
  html[lang="en"] .report-card p{font-size:13px!important;line-height:1.55!important;}
  html[lang="en"] .closing{font-size:14px!important;}

  html[lang="en"] .elea-policy-header h2{font-size:20px!important;}
  html[lang="en"] .elea-policy-document{font-size:13px!important;line-height:1.68!important;}
  html[lang="en"] .elea-policy-document .policy-lead{font-size:13px!important;}
  html[lang="en"] .elea-policy-document h3{font-size:16px!important;}
  html[lang="en"] .elea-policy-document h4{font-size:14px!important;}
}

@media (max-width:380px){
  html[lang="en"] .headline{font-size:26px!important;}
  html[lang="en"] .hero-copy h1{font-size:26px!important;}
  html[lang="en"] .main-learning-sync-head h1{font-size:26px!important;}
  html[lang="en"] .site-header .gnb a{font-size:22px!important;}
}

/* 2026-08-12 ENG only — E CLOUD AI LANGUAGE MODEL desktop vertical alignment
   Move only the connector overlay and the full ELM visualization 140px downward.
   KOR pages and mobile/tablet layouts remain unchanged. */
@media (min-width:1001px){
  html[lang="en"] .elm-section .elm-feature-connectors{
    transform:translateY(140px) !important;
  }
  html[lang="en"] .elm-section .elm-visual-viewport{
    transform:translateY(140px) !important;
  }
}

/* 2026-08-12 ENG ELEA TECHNOLOGY desktop — keep card copy inside each quadrant.
   The center hub overlaps the inner edge of the lower cards, so 03/04 copy is
   constrained toward the outer side and wraps downward instead of crossing it. */
@media (min-width:1001px){
  html[lang="en"] .tech-pc-04 .tech-pc-text,
  html[lang="en"] .tech-pc-03 .tech-pc-text{
    width:340px!important;
    max-width:calc(100% - 80px)!important;
  }
  html[lang="en"] .tech-pc-04 .tech-pc-text{
    left:40px!important;
    right:auto!important;
    align-items:flex-start!important;
    text-align:left!important;
  }
  html[lang="en"] .tech-pc-03 .tech-pc-text{
    right:40px!important;
    left:auto!important;
    align-items:flex-end!important;
    text-align:right!important;
  }
  html[lang="en"] .tech-pc-04 .tech-pc-text strong,
  html[lang="en"] .tech-pc-03 .tech-pc-text strong{
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
  }
  html[lang="en"] .tech-pc-04 .tech-pc-text p,
  html[lang="en"] .tech-pc-03 .tech-pc-text p{
    width:100%!important;
    max-width:340px!important;
    margin-top:8px!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
  }
}

/* 2026-08-18 MAIN / DATA MOAT stats — keep longer English copy inside each row. */
@media (min-width:1201px){
  html[lang="en"] .data-moat .stats{
    height:441px!important;
    grid-template-rows:220px 220px!important;
  }
  html[lang="en"] .data-moat .stat{
    min-height:220px!important;
    padding:24px 20px 14px 40px!important;
  }
  html[lang="en"] .data-moat .figma-stat-icon{
    margin-bottom:12px!important;
  }
  html[lang="en"] .data-moat .stat p{
    margin-top:4px!important;
    line-height:1.35!important;
  }
}

@media (min-width:1201px) and (max-width:1600px){
  html[lang="en"] .data-moat .stats{
    height:360px!important;
    grid-template-rows:180px 180px!important;
  }
  html[lang="en"] .data-moat .stat{
    min-height:180px!important;
    padding:18px 18px 12px 28px!important;
  }
  html[lang="en"] .data-moat .figma-stat-icon{
    margin-bottom:10px!important;
  }
}