/* v2.32: keep the illustration and all its wording in one mobile figure. */
@media (max-width:768px) {
  body.hks-article .article .hks-mobile-title-row .hks-mobile-title-art.hks-art-integrated {
    display:block;
    float:right;
    width:44%;
    max-width:168px;
    min-width:0;
    height:auto;
    margin:.15rem 0 .5rem .625rem;
    padding:.5rem;
    border:1px solid #cbddec;
    border-radius:.75rem;
    background:#f2f7fc;
    color:#425e77;
    font:400 .8125rem/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
    overflow:visible;
    text-align:center;
  }
  body.hks-article .article .hks-art-integrated .hks-integrated-scene {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-width:0;
    margin:.375rem 0;
    padding:0;
    border:0;
    background:none;
  }
  body.hks-article .article .hks-art-integrated .hks-integrated-scene > .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:72px!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    transform:none!important;
    object-fit:contain;
  }
  body.hks-article .article .hks-art-integrated :is(.hks-art-top,.hks-art-copy,.hks-art-paper,.hks-art-line,.hks-art-detail) {
    display:block;
    position:static;
    width:auto;
    max-width:none;
    height:auto;
    min-height:0;
    margin:0;
    padding:0;
    color:inherit;
    font:inherit!important;
    white-space:normal;
    overflow:visible;
    overflow-wrap:break-word;
    text-overflow:clip;
  }
  body.hks-article .article .hks-art-integrated :is(strong,b) {
    font-size:inherit!important;
    line-height:inherit;
    font-weight:700;
    color:#12355f;
  }
  /* Article 6's general figcaption rule has an important top margin. */
  body.hks-article .article .hks-art-integrated > .hks-art-copy {
    margin:0!important;
  }
  body.hks-article .article .hks-art-integrated .hks-art-bubble {
    position:relative;
    padding:.375rem .25rem;
    border:1px solid #9eb9d5;
    border-radius:.625rem;
    background:#fff;
    color:#12355f;
  }
  body.hks-article .article .hks-art-integrated .hks-art-bubble::after {
    content:"";
    position:absolute;
    left:calc(50% - 4px);
    bottom:-5px;
    width:8px;
    height:8px;
    border-right:1px solid #9eb9d5;
    border-bottom:1px solid #9eb9d5;
    background:#fff;
    transform:rotate(45deg);
  }
  body.hks-article .article .hks-art-integrated .hks-art-paper {
    padding:.375rem .25rem;
    border:1px solid #c4d5e6;
    border-radius:.375rem;
    background:#fff;
  }
  body.hks-article .article .hks-art-integrated .hks-art-paper + .hks-art-paper,
  body.hks-article .article .hks-art-integrated .hks-art-paper + .hks-art-line {
    margin-top:.375rem;
  }
  body.hks-article .article .hks-art-integrated .hks-art-chips {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:.25rem .5rem;
    margin:0 0 .25rem;
  }
  body.hks-article .article .hks-art-integrated .hks-art-chips span {
    display:inline-block;
    font:inherit;
  }
}