/* v4.34.18 — isolated mobile app navigation / ten-card rail.
 * Loads after kmmc-contents-service.css. Desktop catalogue layout stays untouched.
 * No fixed document font-size, zoom, text-size-adjust suppression or content cloning.
 */
html body #km-contents-root.kmmc-contents-page .kmmc-mobile-category-trigger,
html body #km-contents-root.kmmc-contents-page .kmmc-mobile-slide-controls,
html body #km-contents-root.kmmc-contents-page .kmmc-mobile-slide-hint{display:none!important}
html body dialog.kmmc-mobile-category-sheet:not([open]){display:none!important}
html body dialog.kmmc-mobile-category-sheet{
  box-sizing:border-box!important;position:fixed!important;inset:auto 0 0!important;
  width:100%!important;max-width:600px!important;min-width:0!important;
  max-height:86vh!important;max-height:86dvh!important;height:auto!important;
  margin:0 auto!important;padding:10px 20px calc(20px + env(safe-area-inset-bottom,0px))!important;
  border:1px solid #e1e7ed!important;border-radius:24px 24px 0 0!important;
  background:#fff!important;color:#102a48!important;overflow-y:auto!important;
  overscroll-behavior:contain;box-shadow:0 -12px 48px #071d3830!important;
  font-family:'KMiraclePaperlogy5','Paperlogy5','Paperlogy','Noto Sans KR',Arial,sans-serif!important;
  text-align:left!important;transform:none!important;
}
html body dialog.kmmc-mobile-category-sheet::backdrop{background:rgba(7,21,38,.52)}
html body .kmmc-mobile-category-sheet *{box-sizing:border-box!important;min-width:0!important;max-width:100%;letter-spacing:normal}
html body .kmmc-mobile-category-sheet .kmmc-mobile-sheet-handle{width:36px;height:4px;border-radius:99px;background:#c9d4df;margin:0 auto 18px}
html body .kmmc-mobile-category-sheet header{position:static!important;display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:0 0 16px!important;background:transparent!important;border:0!important;width:100%!important;height:auto!important}
html body .kmmc-mobile-category-sheet header small{display:block!important;color:#b52c41!important;font-size:10.7px!important;line-height:1.5!important;letter-spacing:.06em!important}
html body .kmmc-mobile-category-sheet h2{margin:5px 0 0!important;color:#102a48!important;font-size:20px!important;line-height:1.4!important;font-weight:700!important}
html body .kmmc-mobile-category-sheet [data-kmmc-sheet-close]{display:flex!important;flex:0 0 44px;align-items:center;justify-content:center;width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:1px solid #e1e8ef!important;border-radius:50%!important;background:#f6f8fb!important;color:#102a48!important;font:inherit;font-size:24px!important;line-height:1!important;cursor:pointer;box-shadow:none!important}
html body .kmmc-mobile-category-sheet nav{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;width:100%!important;float:none!important;overflow:visible!important;margin:0!important;padding:0!important;background:transparent!important}
html body .kmmc-mobile-category-sheet nav a{position:relative!important;display:block!important;float:none!important;width:100%!important;min-height:64px!important;height:auto!important;margin:0!important;padding:16px 34px 16px 14px!important;border:0!important;border-top:1px solid #e4eaf0!important;border-radius:0!important;background:#fff!important;color:#163350!important;text-decoration:none!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;box-shadow:none!important;transform:none!important}
html body .kmmc-mobile-category-sheet nav a:first-child{border-top:0!important}
html body .kmmc-mobile-category-sheet nav a.is-active{border-radius:14px!important;background:#0a2545!important;color:#fff!important}
html body .kmmc-mobile-category-sheet nav a.is-active::after{content:'✓';position:absolute;right:12px;top:17px;color:#fff;font-size:17px}
html body .kmmc-mobile-category-sheet nav strong,html body .kmmc-mobile-category-sheet nav strong *{display:block!important;position:static!important;color:inherit!important;font-size:13px!important;line-height:1.45!important;font-weight:700!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body .kmmc-mobile-category-sheet nav small,html body .kmmc-mobile-category-sheet nav small *{display:block!important;position:static!important;margin-top:6px!important;color:#61768b!important;font-size:15.4px!important;line-height:1.55!important;font-weight:500!important;white-space:normal!important;word-break:keep-all!important;overflow-wrap:anywhere!important}
html body .kmmc-mobile-category-sheet nav a.is-active small,html body .kmmc-mobile-category-sheet nav a.is-active small *{color:#e0eaf4!important}
html body .kmmc-mobile-category-sheet :is(a,button):focus-visible{outline:2px solid #ef3348!important;outline-offset:-3px!important}
@media(max-width:780px){
  html body #km-contents-root.kmmc-contents-page{--kmmc-mobile-title:15px;--kmmc-mobile-summary:12.5px;--kmmc-mobile-audience:11.8px;--kmmc-mobile-expert:11.7px;--kmmc-mobile-tags:10.8px;--kmmc-mobile-more:14px}
  html body #km-contents-root.kmmc-contents-page:not(.is-detail)>.kmmc-contents-shell{width:calc(100% - 28px)!important;max-width:calc(100% - 28px)!important;padding:18px 0 calc(96px + env(safe-area-inset-bottom,0px))!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-browser{display:block!important;width:100%!important;min-width:0!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-sidebar{position:static!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;margin:0 0 16px!important;padding:14px!important;overflow:visible!important;border:1px solid #dce5ed!important;border-radius:18px!important;background:linear-gradient(145deg,#fff,#f5f8fc)!important;box-shadow:0 5px 20px #0c284907!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-sidebar>span{margin:0 0 8px!important;color:#a12d40!important}
  /* Safe no-JavaScript / old-webview fallback: vertical links, never five compressed columns. */
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-sidebar .kmmc-contents-nav{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;width:100%!important;overflow:visible!important;margin:0!important;padding:0!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-sidebar .kmmc-contents-nav>[data-group]{display:block!important;flex:none!important;float:none!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;margin:0!important;padding:14px 10px!important;border:0!important;border-top:1px solid #dce5ed!important;white-space:normal!important;transform:none!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-sidebar .kmmc-contents-nav>[data-group]::before{display:none!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-sidebar .kmmc-contents-nav>[data-group]>strong,
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-sidebar .kmmc-contents-nav>[data-group]>small{display:block!important;position:static!important;white-space:normal!important;overflow-wrap:anywhere!important}
  html body #km-contents-root.kmmc-contents-page.is-mobile-app:not(.is-mobile-nav-expanded) .kmmc-contents-sidebar .kmmc-contents-nav{display:none!important}
  html body #km-contents-root.kmmc-contents-page.is-mobile-app .kmmc-mobile-category-trigger{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:58px!important;height:auto!important;padding:8px 0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#102a48!important;box-shadow:none!important;text-align:left!important;cursor:pointer!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-mobile-category-icon{display:flex!important;flex:0 0 40px;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#0a2545;color:#fff;font-size:23px!important;line-height:1!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-mobile-category-copy{display:block!important;flex:1!important;min-width:0!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-mobile-category-copy small{display:block!important;margin:0 0 3px!important;color:#6b7b8d!important;font-size:10.7px!important;line-height:1.5!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-mobile-category-copy strong,html body #km-contents-root.kmmc-contents-page .kmmc-mobile-category-copy strong *{display:block!important;color:#102a48!important;font-size:13px!important;font-weight:700!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-mobile-category-change{display:flex!important;align-items:center;gap:4px;flex:0 0 auto!important;padding:8px 9px!important;border:1px solid #dce5ed;border-radius:10px;background:#fff;color:#536980;font-size:11px!important;line-height:1.5!important;white-space:nowrap!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-mobile-category-change b{font-size:15px!important;line-height:1!important}
  /* Search button stays inside a two-column form even with theme/Elementor form rules. */
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-toolbar{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:0 0 16px!important;padding:0!important;border:0!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-search-form{display:grid!important;grid-template-columns:minmax(0,1fr) 54px!important;flex:1 0 100%!important;width:100%!important;gap:8px!important;margin:0!important;padding:0!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-search{display:flex!important;position:relative!important;width:100%!important;min-width:0!important;margin:0!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-search input{display:block!important;width:100%!important;max-width:100%!important;height:46px!important;min-height:46px!important;padding:10px 36px 10px 12px!important;margin:0!important;border:1px solid #dce5ed!important;border-radius:13px!important;background:#fff!important;color:#163350!important;font-size:16px!important;line-height:1.5!important;box-shadow:none!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-search [data-kmmc-search-clear]{display:flex!important;align-items:center;justify-content:center;position:absolute!important;right:3px!important;top:5px!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:#f1f5f9!important;color:#61768b!important;font-size:20px!important;line-height:1!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-search-submit{display:block!important;position:static!important;width:54px!important;height:46px!important;min-height:46px!important;margin:0!important;padding:0!important;border:0!important;border-radius:13px!important;background:#0a2545!important;color:#fff!important;font-size:12px!important;line-height:1.4!important;white-space:nowrap!important}
  html body #km-contents-root.kmmc-contents-page [data-kmmc-result-count]{margin-left:auto;color:#6b7b8d;font-size:10.7px!important;line-height:1.5!important}
  /* Native scroll: one whole card per horizontal viewport, ten per server page. */
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu{display:flex!important;flex-direction:row!important;align-items:flex-start!important;flex-wrap:nowrap!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;overflow-anchor:none;scroll-snap-type:x mandatory;scroll-padding:0!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%!important;max-width:100%!important;margin:0!important;padding:0 0 6px!important;border:0!important;direction:ltr}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu::-webkit-scrollbar{display:none}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item{display:block!important;flex:0 0 100%!important;min-width:100%!important;width:100%!important;max-width:100%!important;scroll-snap-align:start;scroll-snap-stop:always;border:1px solid #dfe7ee!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;margin:0!important;box-shadow:0 4px 12px #0a254507;transform:none!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__link{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:0!important;width:100%!important;height:auto!important;padding:0!important;color:#163350!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item .kmmc-contents-cover{display:block!important;width:100%!important;height:176px!important;height:clamp(148px,26svh,205px)!important;aspect-ratio:auto!important;margin:0!important;border-radius:0!important;box-shadow:none!important;background:#f0f4f8!important;overflow:hidden!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item .kmmc-contents-cover img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;display:block!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__copy{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;position:relative!important;min-height:0!important;padding:18px!important;width:100%!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__copy::before{display:block!important;position:static!important;width:26px!important;height:3px!important;margin:0 0 10px!important;background:#ef3348!important;transform:none!important;content:''}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item h2,html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item h2 *{display:block!important;margin:0!important;font-size:var(--kmmc-mobile-title)!important;line-height:1.4!important;color:#102a48!important;white-space:normal!important;overflow-wrap:anywhere!important;-webkit-line-clamp:unset!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__summary,html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__summary *{display:block!important;margin:8px 0 0!important;font-size:var(--kmmc-mobile-summary)!important;line-height:1.6!important;color:#536b82!important;-webkit-line-clamp:unset!important;white-space:normal!important;overflow-wrap:anywhere!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__audience,html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__audience *{display:inline!important;font-size:var(--kmmc-mobile-audience)!important;line-height:1.6!important;-webkit-line-clamp:unset!important;white-space:normal!important;overflow-wrap:anywhere!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__audience{margin:10px 0 0!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__tags{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin:10px 0 0!important;overflow:visible!important;max-height:none!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__tags>span,html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__tags>span *{font-size:var(--kmmc-mobile-tags)!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__tags>span{padding:5px 8px!important;border-radius:8px!important;border:1px solid #dce5ed!important;background:#f7f9fc!important;color:#536b82!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__expert,html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__expert *{display:inline!important;font-size:var(--kmmc-mobile-expert)!important;line-height:1.5!important;white-space:normal!important;overflow-wrap:anywhere!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__expert{margin:12px 0 0!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__more,html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__more *{font-size:var(--kmmc-mobile-more)!important;line-height:1.4!important;color:#102a48!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__more{display:flex!important;justify-content:space-between!important;align-items:center!important;position:static!important;width:100%!important;min-height:44px!important;margin:14px 0 0!important;padding:12px 0 0!important;border-top:1px solid #e2e9f0!important}
  html body #km-contents-root.kmmc-contents-page.is-mobile-app .kmmc-mobile-slide-controls{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:0;background:none;border:0;color:#536b82}
  html body #km-contents-root.kmmc-contents-page .kmmc-mobile-slide-controls>span{font-size:11.2px!important;line-height:1.5!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-mobile-slide-controls output{margin-left:8px;color:#a12d40;font-size:11.2px!important;line-height:1.5!important;font-weight:700}
  html body #km-contents-root.kmmc-contents-page .kmmc-mobile-slide-controls>div{display:flex;gap:6px}
  html body #km-contents-root.kmmc-contents-page .kmmc-mobile-slide-controls button{display:flex!important;align-items:center;justify-content:center;position:static!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;margin:0!important;border:1px solid #dce5ed!important;border-radius:12px!important;background:#fff!important;color:#102a48!important;font-size:23px!important;line-height:1!important;box-shadow:none!important;cursor:pointer}
  html body #km-contents-root.kmmc-contents-page .kmmc-mobile-slide-controls button:disabled{opacity:.3;cursor:default}
  html body #km-contents-root.kmmc-contents-page.is-mobile-app .kmmc-mobile-slide-hint{display:block!important;margin:10px 0 0!important;padding:0!important;color:#718196;font-size:10.2px!important;line-height:1.6!important;text-align:center}
  html body #km-contents-root.kmmc-contents-page .kmmc-mobile-slide-controls[hidden],html body #km-contents-root.kmmc-contents-page .kmmc-mobile-slide-hint[hidden]{display:none!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-pagination{margin-top:20px!important;gap:6px!important;width:100%!important;overflow:visible!important;align-items:center!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-pagination a,html body #km-contents-root.kmmc-contents-page .kmmc-contents-pagination [aria-disabled=true]{min-width:44px!important;min-height:44px!important;padding:8px!important;font-size:11.3px!important;line-height:1.4!important}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-page-strip{min-width:0!important;max-width:100%!important;justify-content:center!important;gap:5px!important}
  html body #km-contents-root.kmmc-contents-page :is(.kmmc-mobile-category-trigger,.kmmc-mobile-slide-controls button):focus-visible{outline:2px solid #ef3348!important;outline-offset:2px!important}
}
@media(prefers-reduced-motion:reduce){html body #km-contents-root .kmmc-contents-menu{scroll-behavior:auto!important}}


/* v4.34.28 — mobile audience tags keep the same -1px delta and Paperlogy title lock. */
@media(max-width:780px){
  html body #km-contents-root.kmmc-contents-page{--kmmc-card-audience-value:10.8px;}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item h2,
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item h2 *{
    font-family:'KMiraclePaperlogy5','Paperlogy5','Paperlogy','Noto Sans KR',Arial,sans-serif!important;
    font-weight:600!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__audience{
    display:flex!important;align-items:flex-start!important;gap:5px!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__audience>span:first-child{
    display:inline-block!important;flex:0 0 auto!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__audience-list{
    display:flex!important;flex:1 1 auto!important;flex-wrap:wrap!important;gap:5px!important;min-width:0!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__audience-item{
    display:inline-flex!important;align-items:center!important;gap:4px!important;width:auto!important;max-width:100%!important;
    padding:3px 7px!important;border:1px solid #d9e2eb!important;border-radius:999px!important;background:#f8fafc!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__audience-item>i{display:inline-block!important;line-height:1!important;}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__audience-item>.kmmc-contents-menu-item__meta-value,
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__audience-item>.kmmc-contents-menu-item__meta-value *{
    display:inline!important;font-size:var(--kmmc-card-audience-value)!important;line-height:1.3!important;
  }
}


/* v4.34.35 — mobile CONTENTS typography hardening + related-fields snap rail.
   All values are explicit/important because theme/Elementor rules can otherwise override them. */
@media(max-width:780px){
  html body #km-contents-root.kmmc-contents-page{
    --kmmc-mobile-title:16.2px;
    --kmmc-mobile-summary:13.7px;
    --kmmc-mobile-audience:13px;
    --kmmc-mobile-expert:12.9px;
    --kmmc-mobile-tags:12px;
    --kmmc-mobile-more:15.2px;
    --kmmc-card-audience-value:12px;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item h2,
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item h2 *{
    font-size:16.2px!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__summary,
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__summary *{
    font-size:13.7px!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__related-fields{
    display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;
    margin:10px 0 0!important;overflow:hidden!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__related-fields>span:first-child{
    display:inline-block!important;flex:0 0 auto!important;margin:0!important;
    font-size:13px!important;line-height:1.45!important;white-space:nowrap!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__related-fields .kmmc-contents-menu-item__audience-list{
    display:flex!important;flex:1 1 auto!important;flex-wrap:nowrap!important;gap:5px!important;min-width:0!important;max-width:100%!important;
    overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;scroll-behavior:smooth!important;
    -webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important;
    white-space:nowrap!important;padding:1px 4px 3px 0!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__related-fields .kmmc-contents-menu-item__audience-list::-webkit-scrollbar{
    display:none!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__related-fields .kmmc-contents-menu-item__audience-item{
    display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;gap:4px!important;
    width:auto!important;min-width:0!important;max-width:none!important;padding:4px 8px!important;
    border:1px solid #d9e2eb!important;border-radius:999px!important;background:#f8fafc!important;scroll-snap-align:start!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__related-fields .kmmc-contents-menu-item__audience-item>.kmmc-contents-menu-item__meta-value,
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__related-fields .kmmc-contents-menu-item__audience-item>.kmmc-contents-menu-item__meta-value *{
    display:inline!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;
    font-size:12px!important;line-height:1.35!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item.has-audience-overflow .kmmc-contents-menu-item__related-fields{
    padding-right:58px!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__tags>span,
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__tags>span *{
    font-size:12px!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__expert,
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__expert>span:first-child{
    font-size:12.9px!important;line-height:1.5!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__expert .kmmc-contents-menu-item__meta-value,
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__expert .kmmc-contents-menu-item__meta-value *{
    color:#111!important;-webkit-text-fill-color:#111!important;font-size:13px!important;line-height:1.5!important;font-weight:600!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__more,
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__more *{
    font-size:15.2px!important;
  }
}
@media(max-width:780px) and (prefers-reduced-motion:reduce){
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__related-fields .kmmc-contents-menu-item__audience-list{scroll-behavior:auto!important;}
}

/* v4.34.36 — mobile expert-name contrast/size only; related-fields rail remains horizontal. */
@media(max-width:780px){
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__expert .kmmc-contents-menu-item__meta-value,
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__expert .kmmc-contents-menu-item__meta-value *{
    color:#111!important;
    -webkit-text-fill-color:#111!important;
    font-size:14.3px!important;
    line-height:1.5!important;
    font-weight:600!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__related-fields .kmmc-contents-menu-item__audience-list{
    display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__related-fields .kmmc-contents-menu-item__audience-item{
    flex:0 0 auto!important;scroll-snap-align:start!important;
  }
}



/* v4.34.37 — final mobile CONTENTS card contract.
   Thumbnail sits above all copy; related fields stay one-row scrollable; expert name is forced black.
   This block is intentionally last and highly scoped so theme/Elementor/mobile legacy rules cannot override it. */
@media(max-width:780px){
  html body #km-contents-root.kmmc-contents-page{
    --kmmc-mobile-title:16.2px;
    --kmmc-mobile-summary:13.7px;
    --kmmc-mobile-related-label:13px;
    --kmmc-mobile-related-value:12px;
    --kmmc-mobile-expert-label:12.9px;
    --kmmc-mobile-expert-name:14.3px;
    --kmmc-mobile-tags:12px;
    --kmmc-mobile-more:15.2px;
  }

  /* one service per mobile view: thumbnail first, all text underneath */
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__link{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    align-items:stretch!important;
    gap:0!important;
    width:100%!important;
    padding:0!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item .kmmc-contents-cover{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    order:0!important;
    width:100%!important;
    max-width:none!important;
    height:clamp(190px,54vw,238px)!important;
    aspect-ratio:auto!important;
    margin:0!important;
    border-radius:0!important;
    background:#f2f5f8!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item .kmmc-contents-cover img{
    display:block!important;
    width:auto!important;
    max-width:min(72%,220px)!important;
    height:100%!important;
    max-height:100%!important;
    aspect-ratio:3/4!important;
    object-fit:cover!important;
    object-position:center!important;
    margin:0 auto!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__copy{
    display:flex!important;
    flex-direction:column!important;
    order:1!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    justify-content:flex-start!important;
    padding:18px 18px 16px!important;
  }

  /* hard mobile type sizes */
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item h2,
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item h2 *{
    font-size:var(--kmmc-mobile-title)!important;
    line-height:1.4!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__summary,
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__summary *{
    font-size:var(--kmmc-mobile-summary)!important;
    line-height:1.6!important;
  }

  /* related fields: same one-row snap rail as desktop, swipeable on mobile */
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__related-fields{
    display:flex!important;
    position:relative!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    margin:11px 0 0!important;
    overflow:hidden!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__related-fields>span:first-child{
    display:inline-flex!important;
    flex:0 0 auto!important;
    color:#9c2938!important;
    -webkit-text-fill-color:#9c2938!important;
    font-size:var(--kmmc-mobile-related-label)!important;
    line-height:1.45!important;
    font-weight:700!important;
    white-space:nowrap!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__related-fields .kmmc-contents-menu-item__audience-list{
    display:flex!important;
    flex:1 1 auto!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    scrollbar-width:none!important;
    white-space:nowrap!important;
    touch-action:pan-x!important;
    padding:1px 4px 3px 0!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__related-fields .kmmc-contents-menu-item__audience-list::-webkit-scrollbar{display:none!important;}
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__related-fields .kmmc-contents-menu-item__audience-item{
    display:inline-flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    gap:4px!important;
    padding:4px 8px!important;
    border:1px solid #d9e2eb!important;
    border-radius:999px!important;
    background:#f8fafc!important;
    scroll-snap-align:start!important;
    overflow:visible!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__related-fields .kmmc-contents-menu-item__audience-item>i{
    color:#ef3348!important;
    -webkit-text-fill-color:#ef3348!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__related-fields .kmmc-contents-menu-item__meta-value,
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__related-fields .kmmc-contents-menu-item__meta-value *{
    display:inline!important;
    color:#536b82!important;
    -webkit-text-fill-color:#536b82!important;
    font-size:var(--kmmc-mobile-related-value)!important;
    line-height:1.35!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item.has-audience-overflow .kmmc-contents-menu-item__related-fields{
    padding-right:58px!important;
  }

  /* expert/instructor: label + name are forced dark on mobile; name gets requested +1.3px */
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__expert,
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__expert *{
    color:#111!important;
    -webkit-text-fill-color:#111!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__expert>span:first-child{
    font-size:var(--kmmc-mobile-expert-label)!important;
    line-height:1.5!important;
    font-weight:700!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__expert .kmmc-contents-menu-item__meta-value,
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__expert .kmmc-contents-menu-item__meta-value *{
    color:#111!important;
    -webkit-text-fill-color:#111!important;
    font-size:var(--kmmc-mobile-expert-name)!important;
    line-height:1.5!important;
    font-weight:700!important;
  }

  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__tags>span,
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__tags>span *{
    font-size:var(--kmmc-mobile-tags)!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__more,
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__more *{
    font-size:var(--kmmc-mobile-more)!important;
  }
}
@media(max-width:780px) and (prefers-reduced-motion:reduce){
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__related-fields .kmmc-contents-menu-item__audience-list{scroll-behavior:auto!important;}
}

/* v4.34.38 — MOBILE DETAIL ONLY: definitive stack + expert-name override.
   Applies only to public CONTENTS detail at <=780px. Listing/desktop/workflow untouched. */
@media(max-width:780px){
  html body #km-contents-root.kmmc-contents-page.is-detail .kmmc-content-detail__top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:22px!important;
    align-items:start!important;
    width:100%!important;
    padding-bottom:28px!important;
  }
  html body #km-contents-root.kmmc-contents-page.is-detail .kmmc-content-detail__cover{
    grid-column:1!important;
    grid-row:1!important;
    display:block!important;
    width:min(86vw,360px)!important;
    max-width:100%!important;
    aspect-ratio:3/4!important;
    height:auto!important;
    margin:0 auto!important;
    border-radius:12px!important;
  }
  html body #km-contents-root.kmmc-contents-page.is-detail .kmmc-content-detail__cover .kmmc-contents-cover__img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  html body #km-contents-root.kmmc-contents-page.is-detail .kmmc-content-detail__lead{
    grid-column:1!important;
    grid-row:2!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  html body #km-contents-root.kmmc-contents-page.is-detail .kmmc-content-detail__lead-owner{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:7px!important;
    width:100%!important;
    max-width:none!important;
    margin-top:16px!important;
    padding:14px 16px!important;
    color:#111!important;
    -webkit-text-fill-color:#111!important;
  }
  html body #km-contents-root.kmmc-contents-page.is-detail .kmmc-content-detail__lead-owner small,
  html body #km-contents-root.kmmc-contents-page.is-detail .kmmc-content-detail__lead-owner small *{
    color:#111!important;
    -webkit-text-fill-color:#111!important;
    font-size:10.3px!important;
    line-height:1.45!important;
    font-weight:700!important;
  }
  html body #km-contents-root.kmmc-contents-page.is-detail .kmmc-content-detail__lead-owner strong,
  html body #km-contents-root.kmmc-contents-page.is-detail .kmmc-content-detail__lead-owner strong *{
    color:#111!important;
    -webkit-text-fill-color:#111!important;
    font-size:14.3px!important;
    line-height:1.45!important;
    font-weight:700!important;
  }
}



/* v4.34.40 — MOBILE SERVICE LIST ONLY: expert label red, person name black. */
@media(max-width:780px){
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__expert>span:first-child,
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__expert>span:first-child *{
    color:#9c2938!important;
    -webkit-text-fill-color:#9c2938!important;
  }
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__expert .kmmc-contents-menu-item__meta-value,
  html body #km-contents-root.kmmc-contents-page .kmmc-contents-menu-item__expert .kmmc-contents-menu-item__meta-value *{
    color:#111!important;
    -webkit-text-fill-color:#111!important;
  }
}
