/* v2.31: artwork wording is kept on mobile; desktop title sizing corrections. */
body.hks-article .article .hks-mobile-hero-copy {display:none;}

@media (min-width:769px) {
  body:is(.hks-a08,.hks-a10) .article .hks-mobile-title-row h1.hks-title {
    container-type:inline-size;
  }
  body:is(.hks-a08,.hks-a10) .article .hks-mobile-title-row h1.hks-title.hks-title-expressive > .hks-title-main {
    font-size:1.125rem!important;
    line-height:1.5;
    white-space:nowrap;
  }
  body:is(.hks-a08,.hks-a10) .article .hks-mobile-title-row h1.hks-title.hks-title-expressive .hks-title-focus {
    font-size:1.375rem!important;
    line-height:1.4;
  }
  /* Size against the actual title column, not the whole browser window. */
  @supports (font-size:1cqw) {
    body:is(.hks-a08,.hks-a10) .article .hks-mobile-title-row h1.hks-title.hks-title-expressive > .hks-title-main {
      font-size:clamp(1.125rem,5.6cqw,1.5rem)!important;
    }
    body:is(.hks-a08,.hks-a10) .article .hks-mobile-title-row h1.hks-title.hks-title-expressive .hks-title-focus {
      font-size:clamp(1.375rem,7.3cqw,2rem)!important;
    }
  }
}

@media (max-width:768px) {
  body.hks-article .article .hks-mobile-title-row .hks-mobile-hero-copy {
    display:grid;
    clear:both;
    grid-template-columns:minmax(0,1fr);
    gap:.375rem;
    width:100%;
    max-width:none;
    min-width:0;
    margin:.625rem 0 0;
    padding:.625rem .75rem;
    border:1px solid #d7e3ef;
    border-radius:.625rem;
    background:#f4f8fc;
    color:#425e77;
    font:400 .9375rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
    white-space:normal;
    overflow:visible;
  }
  body.hks-article .article .hks-mobile-hero-copy .hks-hero-copy-line {
    display:block;
    min-width:0;
    margin:0;
    padding:0;
    font:inherit;
    color:inherit;
    white-space:normal;
    overflow-wrap:break-word;
  }
  body.hks-article .article .hks-mobile-hero-copy strong {
    font-size:inherit;
    color:#12355f;
    font-weight:700;
  }
  body.hks-article .article .hks-mobile-hero-copy .hks-hero-copy-pair {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.625rem;
  }
  body.hks-article .article .hks-mobile-hero-copy .hks-hero-copy-detail {
    display:block;
    margin:.125rem 0 0;
    font-size:inherit;
  }
  body.hks-article .article .hks-mobile-hero-copy .hks-hero-copy-chips {
    display:flex;
    flex-wrap:wrap;
    gap:.25rem .625rem;
  }
}