/*
 * MOMENT INSIDE mobile line-break refinements, 2026-10-19.
 * Intentional: zero impact on desktop/tablet >=701px.
 * Use native Korean phrase breaks and balance short headings,
 * but keep card interaction, typography and content intact.
 */
@media (max-width:700px) {
  /* Keep a short last word from hanging on its own when space permits. */
  .hero-copy h1,
  .statement h2,
  .ip-copy h2,
  .ip-statement,
  .closing h2,
  .about-heading,
  .about-people h2,
  .contents-description,
  .product-description,
  .product-name,
  .service-description,
  .service-card-title,
  .service-dialog-title,
  .privacy-intro h1,
  .privacy-section h2 {
    text-wrap:balance;
    overflow-wrap:break-word;
    word-break:keep-all;
  }
  .hero-copy p,
  .statement p,
  .ip-description p,
  .closing-description,
  .about-copy,
  .about-people-intro,
  .product-summary,
  .service-dialog-copy,
  .privacy-main p,
  .privacy-main li {
    text-wrap:pretty;
    word-break:keep-all;
    overflow-wrap:break-word;
  }

  /* Avoid desktop-only hard line grouping on narrow screens. */
  .about-heading-line,
  .product-description > span,
  .contents-description > span,
  .product-summary-lead,
  .product-summary-detail,
  .ip-statement-line,
  .closing-title-line {
    display:inline;
  }
  /* Inline fragments retain their original semantic spaces. */
  .about-heading-line + .about-heading-line,
  .product-description > span + span,
  .contents-description > span + span,
  .product-summary-lead + .product-summary-detail,
  .closing-title-line + .closing-title-line {
    margin:0;
  }

  /* Small card content can wrap by meaning instead of at fixed source lines. */
  .process-description > span {display:inline}
  .process-description {text-wrap:balance}
  .service-card-title,.service-card-tagline {text-wrap:balance}
  .service-card-title {overflow-wrap:anywhere}
  .people-name-row {text-wrap:pretty}
  .people-duty {overflow-wrap:break-word}

  /* Avoid splitting a title's first or last phrase at tiny viewport widths. */
  .ip-copy h2,
  .about-people h2 {overflow-wrap:anywhere}
  .ip-statement {line-height:1.48}
  .ip-copy h2 {line-height:1.32}
  .product-summary {line-height:1.85}
  .privacy-section h2 {line-height:1.55}
}
@media (max-width:380px) {
  .hero-copy h1 {font-size:19px}
  .ip-copy h2 {font-size:clamp(29px,9vw,34px)}
  .service-card-title {font-size:clamp(21px,6.3vw,24px)}
  .process-description {font-size:14px;line-height:1.75}
}

/* Mobile-only ordering: text and More link come before each content image/video. */
@media (max-width:700px) {
  .original-contents .ip-section > .ip-copy { order:0; }
  .original-contents .ip-section > .ip-media { order:1; }
}