html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page){font-family:"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif!important}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) main :is(h1,h2,h3,h4,p,li,a,span,strong,label,summary){word-break:keep-all;overflow-wrap:break-word;white-space:normal;letter-spacing:normal}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) main :is(h1,h2,h3,h4){hyphens:none;text-wrap:balance;line-height:1.45!important}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) main h1{font-size:clamp(32px,3.6vw,54px)!important;max-width:100%!important}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) main h2{font-size:clamp(25px,2.4vw,36px)!important}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) main h3{font-size:clamp(20px,1.7vw,26px)!important}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) main :is(p,li){line-height:1.75!important;max-height:none!important;-webkit-line-clamp:unset!important}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) main :is(article,section,div,aside){min-width:0}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) :is([data-reveal],[data-bp7140-reveal],.reveal){opacity:1!important;transform:none!important;visibility:visible!important}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) main [hidden]{display:none!important}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) main :is(.button,button){white-space:normal!important;height:auto;min-height:44px;line-height:1.4!important}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) main :is(input,textarea,select){font-size:16px;max-width:100%}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) main img{max-width:100%}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) main :is(.news-body,.observer-article-body){font-size:17px;line-height:1.85;hyphens:none}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) main :is(.news-body,.observer-article-body) p{margin-block:1em;overflow:visible!important}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) main :is(.bp7140-card,.bp7140-route-card,.dv2-card,.resource-card){height:auto!important;max-height:none!important}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) main :is(.bp7140-card,.bp7140-route-card,.dv2-card,.resource-card) :is(h2,h3,p){display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) main :is(h1,h2) em{display:inline!important;font-size:inherit!important}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) [id]{scroll-margin-top:104px}
@media(max-width:800px){
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) main h1{font-size:clamp(29px,6.8vw,40px)!important;line-height:1.45!important}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) main h2{font-size:27px!important}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) main h3{font-size:21px!important}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) main :is(.bp7140-hero__grid,.bp7140-section-head){grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) main :is(table){display:block;overflow-x:auto;max-width:100%}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) main :is(.news-body,.observer-article-body){font-size:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

html[lang=ko] body:is(#ko-site-page,.ko-full-page) footer img{filter:none!important}

html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) main .observer-publication-card p{height:auto!important;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) main :is(h1,h2,h3,h4,p){font-family:inherit!important;height:auto!important;max-height:none!important;-webkit-line-clamp:unset!important;overflow:visible!important}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) .news-wechat-layout section{width:auto!important;max-width:100%!important}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) .ko-table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;margin-block:16px}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) .ko-table-scroll table{max-width:none!important}

/* Compact map markers; full market names remain in adjacent controls. */
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) .dog-marker{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) .dog-marker>span:not(.dog){display:none!important;}
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) .agreement-check input[type=checkbox]{position:static!important;opacity:1!important;width:18px!important;height:18px!important;min-width:18px!important;flex-shrink:0;appearance:auto!important;}

/* Korean typesetting: natural breaks, stable punctuation and readable line spacing. */
html[lang=ko] body:is(#ko-site-page,.ko-full-page) main :is(p,li,dd){text-wrap:pretty;}
html[lang=ko] body:is(#ko-site-page,.ko-full-page) :is(h1,h2,h3,h4){text-transform:none;}
html[lang=ko] body:is(#ko-site-page,.ko-full-page) .ko-language-options{hyphens:none;}


html[lang=ko] .ko-share-status{display:block;color:#15563d;font-size:12px;line-height:1.5;overflow-wrap:anywhere}

/* Korean headings wrap at word boundaries, with emergency breaking for long codes. */
html[lang=ko] body.ko-full-page main :is(h1,h2,h3,h4),
html[lang=ko] body.ko-full-page main :is(h1,h2,h3,h4) :is(em,span,strong){word-break:keep-all!important;overflow-wrap:anywhere!important}

html[lang=ko]:not(#ko-type-lock-a):not(#ko-type-lock-b) body.ko-full-page main :is(h1,h2,h3,h4),
html[lang=ko]:not(#ko-type-lock-a):not(#ko-type-lock-b) body.ko-full-page main :is(h1,h2,h3,h4) :is(em,span,strong){word-break:keep-all!important;overflow-wrap:anywhere!important}

/* KO_RUNTIME_AUDIT_EXTENSIONS */
/* Korean text can have a wider intrinsic width in column-oriented title rows. */
html[lang=ko] body:is(#ko-site-page,.ko-full-page) main .section-title-row > div {
  min-width: 0;
  max-width: 100%;
  flex-shrink: 1;
}

/* Keep the context brand in its own column; translated links may wrap. */
@media (min-width: 861px) {
  html[lang=ko] body:is(#ko-site-page,.ko-full-page) .v270-context__inner {
    grid-template-columns: max-content minmax(0, 1fr) auto !important;
    column-gap: 20px !important;
  }
  html[lang=ko] body:is(#ko-site-page,.ko-full-page) .v270-context__identity {
    max-inline-size: 19rem;
    white-space: normal !important;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }
  html[lang=ko] body:is(#ko-site-page,.ko-full-page) .v270-context__links {
    min-width: 0;
  }
}

/* Whole Korean words make headings easier to scan; prose can still hyphenate. */
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page) main :is(h1,h2,h3,h4) {
  hyphens: none !important;
}
@media (max-width: 860px) {
  html[lang=ko] body:is(#ko-site-page,.ko-full-page) .v270-context__identity,
  html[lang=ko] body:is(#ko-site-page,.ko-full-page) .v270-context__action {
    display: none !important;
  }
  html[lang=ko] body:is(#ko-site-page,.ko-full-page) .v270-context__inner {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html[lang=ko] body:is(#ko-site-page,.ko-full-page) #v287-packaging-title .v716-packaging-title__system,
  html[lang=ko] body:is(#ko-site-page,.ko-full-page) #v287-packaging-title .v716-packaging-title__system > span {
    min-width: 0;
    max-width: 100%;
    white-space: normal !important;
    text-wrap: balance;
  }
}

/* The document summary needs a full reading column before the phone breakpoint. */
@media (max-width: 980px) {
  html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page).resources-page main > .resource-center-hero {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 32px !important;
  }
}
@media (max-width: 600px) {
  html[lang=ko] body:is(#ko-site-page,.ko-full-page).resources-page .resource-doc-preview {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html[lang=ko] body:is(#ko-site-page,.ko-full-page).resources-page .resource-doc-preview img {
    width: min(180px, 100%) !important;
    justify-self: center;
  }
}
/* Korean application names need several lines inside the home image cards. */
html[lang=ko] body:is(#ko-site-page,.ko-full-page) #main-content #bioten .v311-domain__link h3 {
  white-space: normal !important;
  max-width: 100% !important;
  height: auto !important;
  flex-shrink: 0;
  text-wrap: balance;
}
html[lang=ko] body:is(#ko-site-page,.ko-full-page) #main-content #bioten .v703-domain-group__label,
html[lang=ko] body:is(#ko-site-page,.ko-full-page) #main-content #bioten .v703-domain-group__label strong {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip;
  height: auto !important;
  max-width: 100%;
}

html[lang=ko]{--dbc-zh-ui-font:"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif!important;--dbc-heading-ui-font:"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif!important}
 /* 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 .observer-publication-card :is(h2,h3) {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  min-block-size: 0 !important;
  max-block-size: none !important;
  block-size: auto !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
  white-space: normal !important;
}
html[lang=ko] body:is(#ko-site-page,.ko-full-page) .observer-publication-card :is(h2,h3) a {
  display: block !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
html[lang=ko] body:is(#ko-site-page,.ko-full-page) .observer-publication-card,
html[lang=ko] body:is(#ko-site-page,.ko-full-page) .observer-publication-card__body {
  height: auto !important;
  max-height: none !important;
}


/* Let Korean emphasis wrap in the two source heroes; retain their font sizes. */
@media (max-width: 860px) {
  html[lang=ko] body:is(#ko-site-page,.ko-full-page) main#main-content .btp580-hero h1 {
    width: 100% !important;
    max-width: 100% !important;
  }
}
html[lang=ko] body:is(#ko-site-page,.ko-full-page) main#main-content .btp580-hero h1 em,
html[lang=ko] body:is(#ko-site-page,.ko-full-page) main#main-content .bp7318-matrix-hero h1 em {
  white-space: normal !important;
  display: inline !important;
  overflow-wrap: break-word !important;
}

/* Inline-flex discards the trailing space inside each translated lead fragment. */
html[lang=ko] body:is(#ko-site-page,.ko-full-page) main .request-hero-copy p .request-mobile-line {
  display: inline !important;
}
/* The translated desktop hero must grow with its copy instead of clipping it. */
html[lang=ko] body:is(#ko-site-page,.ko-full-page) main#main-content .btp580-hero {
  height: auto !important;
  max-height: none !important;
}
@media (min-width: 1081px) {
  html[lang=ko] body:is(#ko-site-page,.ko-full-page) main#main-content .btp580-hero h1 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(44px, 4vw, 56px) !important;
    line-height: 1.12 !important;
  }
}
/* Korean related-article titles need their full height before the read link. */
html[lang=ko] body:is(#ko-site-page,.ko-full-page) main#main-content .observer-related .observer-card :is(h2,h3),
html[lang=ko] body:is(#ko-site-page,.ko-full-page) main#main-content .observer-related .observer-card :is(h2,h3) > a {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
}
@media (min-width: 768px) {
  html[lang=ko] body:is(#ko-site-page,.ko-full-page) main#main-content .observer-related > header {
    grid-template-columns: max-content minmax(0,1fr) !important;
  }
}

/* ES_EDITORIAL_LAYOUT_CANDIDATES */
/* ES-only responsive fixes identified by independent core QA.
   Candidate only: runtime owns merge/build. No text or source locale changes. */
@media (max-width: 620px) {
  /* Keep long translated captions in normal flow so the photo grows with them. */
  html[lang="ko"] body:is(.brand510-antux, .brand510-casu) .brand510-hero__visual {
    display: grid !important;
    align-items: end;
    height: auto !important;
    min-height: 320px !important;
    aspect-ratio: auto !important;
  }
  html[lang="ko"] body:is(.brand510-antux, .brand510-casu) .brand510-hero__visual > img {
    position: absolute !important;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  html[lang="ko"] body:is(.brand510-antux, .brand510-casu) .brand510-hero__badge {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    margin: 16px;
  }
}
@media (max-width: 900px) {
  /* Preserve ANTUX's card rail/grid, while letting all copy set card height. */
  html[lang="ko"] body.brand510-antux .brand510-scene-grid {
    grid-template-rows: none !important;
    grid-auto-rows: auto !important;
  }
  html[lang="ko"] body.brand510-antux .brand510-scene {
    display: grid !important;
    align-items: end;
    height: auto !important;
    min-height: 360px !important;
  }
  html[lang="ko"] body.brand510-antux .brand510-scene > img {
    position: absolute !important;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  html[lang="ko"] body.brand510-antux .brand510-scene__copy {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    margin: 18px;
  }
}
/* The varnish page uses a narrow desktop sidebar: stack its image above the copy.
   Use the existing split layout only where that card already spans the full row. */
html[lang="ko"] body.bp7140-page .release-card__body {
  min-width: 0;
}
html[lang="ko"] body.bp7140-page .release-card__meta {
  flex-wrap: wrap;
}
@media (min-width: 901px) {
  html[lang="ko"] body.bp7140-page .release-card:not(.is-featured) {
    grid-template-columns: minmax(0, 1fr);
  }
  html[lang="ko"] body.bp7140-page .release-card:not(.is-featured) .release-card__media img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
}
/* Keep the product identity and its subtitle clear of the scrollable nav links. */
@media (min-width: 1081px) {
  html[lang="ko"] body.bp7140-page .product-nav__identity {
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    min-width: 0;
    white-space: normal;
  }
}

/* One native consent control; the full label remains clickable. */
html[lang=ko] body:is(#ko-site-page,.ko-full-page).contact-suite-page label.agreement-check::before,
html[lang=ko] body:is(#ko-site-page,.ko-full-page).contact-suite-page label.agreement-check::after { display:none!important; content:none!important; }
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page).contact-suite-page label.agreement-check input[type=checkbox] { position:absolute!important; left:18px!important; top:18px!important; width:19px!important; height:19px!important; min-width:19px!important; min-height:19px!important; max-height:19px!important; padding:0!important; margin:0!important; opacity:1!important; appearance:auto!important; accent-color:#a98727; }
html[lang=ko][data-lang=ko] body:is(#ko-site-page,.ko-full-page).contact-suite-page label.agreement-check input[type=checkbox]:focus-visible { outline:3px solid #118b6d!important; outline-offset:3px!important; }

/* Visible keyboard focus for the Korean contact form submit control. */
html[lang=ko] body.contact-suite-page form button[type=submit]:focus-visible {
  outline: 3px solid #087455 !important;
  outline-offset: 4px !important;
}

/* Korean 404: keep the mobile menu label on one line and its touch target usable. */
@media (max-width: 1023px) {
  html body[data-ko-error-page].dbc-global-nav-active .site-header.site-header .dbc-header-actions { width: 160px !important; min-width: 160px !important; max-width: 160px !important; }
  html body[data-ko-error-page].dbc-global-nav-active .site-header.site-header .dbc-nav-trigger { width: 88px !important; min-width: 88px !important; max-width: 88px !important; min-height: 44px !important; gap: 5px !important; padding-inline: 10px !important; }
  html body[data-ko-error-page] .site-header.site-header .dbc-nav-trigger > span[data-nav-cn] { white-space: nowrap !important; flex: 0 0 auto !important; }
}

/* A single native consent checkbox on Korean request forms. */
html[lang=ko] body.sample-request-page label.agreement-check { position:relative!important; padding-left:52px!important; }
html[lang=ko] body.sample-request-page label.agreement-check::before,
html[lang=ko] body.sample-request-page label.agreement-check::after { display:none!important; content:none!important; }
html[lang=ko][data-lang=ko] body.sample-request-page label.agreement-check input[type=checkbox] { position:absolute!important; left:18px!important; top:18px!important; width:19px!important; height:19px!important; min-width:19px!important; min-height:19px!important; max-height:19px!important; padding:0!important; margin:0!important; opacity:1!important; appearance:auto!important; accent-color:#a98727; }
html[lang=ko][data-lang=ko] body.sample-request-page label.agreement-check input[type=checkbox]:focus-visible { outline:3px solid #118b6d!important; outline-offset:3px!important; }

/* Existing table containers retain their original layout and receive keyboard focus feedback. */
html[lang=ko] [data-ko-reused-table]:focus-visible{outline:3px solid #1476d4!important;outline-offset:3px!important}
html[lang=ko] .observer-table-wrap{overflow-x:auto!important}
html[lang=ko][data-lang=ko] body.ko-localized-page form button.request-submit-button[type=submit]:focus-visible,
html[lang=ko][data-lang=ko] body.ko-localized-page form button.search-submit[type=submit]:focus-visible { outline:3px solid #1476d4!important; outline-offset:3px!important; }

/* 2026-11-05: match the Chinese Related Articles cards on every article detail page. */
html[lang="ko"][data-lang="ko"][data-site-language="ko"] body:is(#ko-site-page,.ko-full-page)[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-related__grid {
  align-items: stretch !important;
  gap: 1rem !important;
}
html[lang="ko"][data-lang="ko"][data-site-language="ko"] body:is(#ko-site-page,.ko-full-page)[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card {
  display: flex !important;
  flex: 1 1 0 !important;
  flex-direction: column !important;
  align-self: stretch !important;
  gap: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  padding: 0 !important;
}
html[lang="ko"][data-lang="ko"][data-site-language="ko"] body:is(#ko-site-page,.ko-full-page)[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__media {
  flex: 0 0 auto !important;
  width: 100% !important;
  aspect-ratio: 2.35 / 1 !important;
  overflow: hidden !important;
}
html[lang="ko"][data-lang="ko"][data-site-language="ko"] body:is(#ko-site-page,.ko-full-page)[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__media img {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}
html[lang="ko"][data-lang="ko"][data-site-language="ko"] body:is(#ko-site-page,.ko-full-page)[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__body {
  flex: 1 1 auto !important;
  width: 100% !important;
  margin-top: .65rem !important;
  padding: 0 !important;
}
html[lang="ko"][data-lang="ko"][data-site-language="ko"] body:is(#ko-site-page,.ko-full-page)[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card :is(h2, h3),
html[lang="ko"][data-lang="ko"][data-site-language="ko"] body:is(#ko-site-page,.ko-full-page)[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card :is(h2, h3) > a {
  width: 100% !important;
  min-height: 3em !important;
  height: 3em !important;
  max-height: 3em !important;
  min-block-size: 3em !important;
  block-size: 3em !important;
  max-block-size: 3em !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  font-size: .82rem !important;
  line-height: 1.5 !important;
  white-space: normal !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  text-overflow: ellipsis !important;
}
html[lang="ko"][data-lang="ko"][data-site-language="ko"] body:is(#ko-site-page,.ko-full-page)[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card :is(h2, h3) { display: block !important; }
html[lang="ko"][data-lang="ko"][data-site-language="ko"] body:is(#ko-site-page,.ko-full-page)[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card :is(h2, h3) > a { display: -webkit-box !important; }
html[lang="ko"][data-lang="ko"][data-site-language="ko"] body:is(#ko-site-page,.ko-full-page)[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__read,
html[lang="ko"][data-lang="ko"][data-site-language="ko"] body:is(#ko-site-page,.ko-full-page)[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__body > p { display: none !important; }
@media (min-width: 64rem) {
  html[lang="ko"][data-lang="ko"][data-site-language="ko"] body:is(#ko-site-page,.ko-full-page)[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-related__grid {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 1rem !important;
    padding-bottom: 0 !important;
    overflow-x: visible !important;
  }
}
@media (max-width: 63.999rem) {
  html[lang="ko"][data-lang="ko"][data-site-language="ko"] body:is(#ko-site-page,.ko-full-page)[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-related__grid {
    display: flex !important;
    gap: 1rem !important;
    overflow-x: auto !important;
    padding-bottom: .75rem !important;
    scroll-snap-type: x proximity !important;
    overscroll-behavior-inline: contain !important;
  }
  html[lang="ko"][data-lang="ko"][data-site-language="ko"] body:is(#ko-site-page,.ko-full-page)[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card {
    flex: 0 0 clamp(11.5rem, 36vw, 13.5rem) !important;
    scroll-snap-align: start !important;
  }
}
@media (max-width: 47.999rem) {
  html[lang="ko"][data-lang="ko"][data-site-language="ko"] body:is(#ko-site-page,.ko-full-page)[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card { flex-basis: min(72vw, 14rem) !important; }
}