/* v2.26: mobile title only. Desktop title and artwork keep their prior layout. */
body.hks-article .hks-mobile-title-row {display:contents;}
body.hks-article .hks-mobile-title-art {display:none;}
@media(max-width:768px){
 body.hks-article .article .hks-mobile-title-row {
  display:flow-root;
  margin:.5rem 0 .75rem;
  padding:0;
  min-width:0;
 }
 body.hks-article .article .hks-mobile-title-art {
  display:block;
  float:right;
  width:27%;
  max-width:92px;
  margin:.15rem 0 .5rem .75rem;
  padding:0;
  border:0;
  background:none;
 }
 body.hks-article .article .hks-mobile-title-art > .hks-mobile-title-visual {
  display:block!important;
  position:static!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  max-height:104px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  object-fit:contain;
 }
 body.hks-article .article .hks-desktop-title-art {display:none!important;}
 body.hks-article .article .hks-mobile-title-row h1.hks-title.hks-title {
  display:block;
  margin:0!important;
  padding:0!important;
  max-width:100%;
  font-size:1.125rem!important;
  line-height:1.4!important;
  letter-spacing:0!important;
  word-break:normal;
  overflow-wrap:break-word;
 }
 body.hks-article .article .hks-mobile-title-row h1.hks-title.hks-title > :is(.hks-title-main,.dv-title-main){
  display:block;
  margin:0 0 .3rem!important;
  font-size:1.125rem!important;
  line-height:1.45!important;
  white-space:normal!important;
 }
 body.hks-article .article .hks-mobile-title-row h1.hks-title.hks-title :is(.hks-title-focus,.dv-title-main>span:not(.hks-title-unit)){
  font-size:1.4375rem!important;
  line-height:1.35!important;
  color:#1e4f8f!important;
 }
 body.hks-article .article .hks-mobile-title-row h1.hks-title.hks-title > :is(.hks-title-sub,.dv-title-sub){
  display:block;
  margin:.3rem 0 0!important;
  font-size:1rem!important;
  line-height:1.5!important;
  font-weight:650;
  white-space:normal!important;
 }
 /* The literal separator stays in the H1 for its existing text semantics. */
 body.hks-article .article .hks-mobile-title-row .hks-title-separator {
  position:absolute;
  width:1px;height:1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
 }
 body:is(.hks-a01,.hks-a02) .article .hks-title-illustrated {display:block;margin:.65rem 0 .75rem;}
 body.hks-a07 .article .vx-intro {display:block;min-height:0;}
 body.hks-article .article :is(.nv-hero,.uv-hero,.dv-hero,.iv-hero,.a8-hero,.a9-hero,.a10-hero,.hero){
  min-height:0;
  grid-template-columns:minmax(0,1fr)!important;
  row-gap:0;
 }
}

/* v2.28: semantic wrapping on mobile; desktop retains normal inline flow. */
body.hks-article .hks-mobile-title-row .hks-title-unit {display:contents;}
body.hks-article .article .dv-title-main > .hks-title-unit {color:inherit;}
body.hks-article .article .dv-title-main .hks-title-focus {color:var(--dv-blue);}
@media(max-width:768px){
 body.hks-article .article .hks-mobile-title-row .hks-title-unit {
  display:inline-block;
  white-space:nowrap;
  vertical-align:baseline;
 }
}