/* Korean Observer listings: use the corresponding English card display.
   Loaded only by news.html, news-company.html and news-insights.html.
   Keep Korean copy, typography and all article detail pages unchanged. */

/* Every summary has two lines, except the hub industry cards below. */
html[lang="ko"][data-lang="ko"] body:is(#ko-site-page,.ko-full-page)
  main#main-content:is(.observer-main--hub, .observer-main--channel)
  .observer-publication-card__summary {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  height: auto !important;
  min-block-size: 0 !important;
  max-height: none !important;
  max-block-size: none !important;
}

/* Hub and company-list titles: two lines with an ellipsis.
   Industry-list titles retain the English unrestricted wrapping. */
html[lang="ko"][data-lang="ko"] body:is(#ko-site-page,.ko-full-page)
  main#main-content:is(.observer-main--hub, .observer-main--channel[data-observer-mode="company"])
  .observer-publication-card :is(h2, h3) > a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[lang="ko"][data-lang="ko"] body:is(#ko-site-page,.ko-full-page)
  main#main-content.observer-main--hub
  .observer-channel-section--industry .observer-publication-card:first-child .observer-publication-card__summary {
  -webkit-line-clamp: 3 !important;
}

@media (max-width: 760px) {
  html[lang="ko"][data-lang="ko"] body:is(#ko-site-page,.ko-full-page)
    main#main-content.observer-main--hub
    .observer-channel-section--industry .observer-publication-card:first-child .observer-publication-card__summary {
    -webkit-line-clamp: 2 !important;
  }
}

/* Match the English industry-list summary visibility breakpoint. */
@media (max-width: 44.999rem) {
  html[lang="ko"][data-lang="ko"] body:is(#ko-site-page,.ko-full-page)
    main#main-content.observer-main--channel[data-observer-mode="industry"]
    .observer-publication-card__summary {
    display: none !important;
  }
}

/* Match the English 2.35:1 frames: fill the frame with the original focal point.
   Override the broader Korean contain rule only on these three listing pages. */
html[lang="ko"][data-lang="ko"] body:is(#ko-site-page,.ko-full-page)
  main#main-content:is(.observer-main--hub, .observer-main--channel)
  .observer-publication-card__media {
  min-width: 0 !important;
}

html[lang="ko"][data-lang="ko"] body:is(#ko-site-page,.ko-full-page)
  main#main-content:is(.observer-main--hub, .observer-main--channel)
  .observer-publication-card__media img {
  object-fit: cover !important;
  background: #edf1ef !important;
}

/* The reference uses a 21px / 1.35 title rhythm in desktop and mobile cards. */
html[lang="ko"][data-lang="ko"] body:is(#ko-site-page,.ko-full-page)
  main#main-content:is(.observer-main--hub,.observer-main--channel)
  .observer-publication-card :is(h2,h3)>a {
  font-size:21px!important; line-height:1.35!important;
  white-space:normal!important; word-break:keep-all!important; overflow-wrap:anywhere!important;
}
html[lang="ko"][data-lang="ko"] body:is(#ko-site-page,.ko-full-page)
  main#main-content.observer-main--channel[data-observer-mode="industry"]
  .observer-publication-card :is(h2,h3)>a {
  display:block!important; -webkit-line-clamp:unset!important;
  overflow:visible!important; height:auto!important; max-height:none!important;
}
html[lang="ko"][data-lang="ko"] body:is(#ko-site-page,.ko-full-page)
  main#main-content:is(.observer-main--hub,.observer-main--channel)
  .observer-publication-card__media {
  aspect-ratio:2.35/1!important;
}
html[lang="ko"][data-lang="ko"] body:is(#ko-site-page,.ko-full-page)
  main#main-content:is(.observer-main--hub,.observer-main--channel)
  .observer-publication-card__media img {
  width:100%!important; height:100%!important; max-height:none!important;
}

/* Override the inherited shared heading-size lock on these three listings. */
/* Release inherited fixed news-heading heights for Korean. */
html[lang=ko]:not(#dbc-content-h2-size-lock-a):not(#dbc-content-h2-size-lock-b):not(#dbc-content-h2-size-lock-c):not(#dbc-content-h2-size-lock-d):not(#dbc-content-h2-size-lock-e):not(#dbc-content-h2-size-lock-f):not(#dbc-content-h2-size-lock-g):not(#dbc-content-h2-size-lock-h) body:is(#ko-site-page,.ko-full-page) main#main-content:is(.observer-main--hub,.observer-main--channel) .observer-publication-card :is(h2,h3,h2 a,h3 a) { font-size:21px!important; line-height:1.35!important; }