/* JP 2_6_2 composites pad protective BS3 -> BS5 v1 minimal B-only patch.
   Content source: Japanese BS3 same-name page.
   Golden geometry: Chinese BS5 same-name standard-correct page.
   Frozen: navbar/footer, mobile shell, B DOM/img src/text/href, all image files. */

body.jp-bs5-2-6-2-page .thumbnail{
  border:0!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}
body.jp-bs5-2-6-2-page img.img-thumbnail{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* B links: no underline. Right glyph = 1.5x + visual gap. */
body.jp-bs5-2-6-2-page .more a,
body.jp-bs5-2-6-2-page .more a:hover,
body.jp-bs5-2-6-2-page .more a:focus,
body.jp-bs5-2-6-2-page .more a:active{
  text-decoration:none!important;
  text-decoration-line:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
body.jp-bs5-2-6-2-page .more .glyphicon-menu-right{
  display:inline-block!important;
  font-size:1.5em!important;
  line-height:1!important;
  margin-left:.25em!important;
  vertical-align:-.08em!important;
}

/* B1 desktop: natural ratio, centered, no crop. */
body.jp-bs5-2-6-2-page .container-fluid:has(img[src="img/2_6_2-01.jpg"]){
  padding-left:0!important;
  padding-right:0!important;
  overflow:hidden!important;
}
body.jp-bs5-2-6-2-page .container-fluid:has(img[src="img/2_6_2-01.jpg"]) .row{
  --bs-gutter-x:0!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.jp-bs5-2-6-2-page .container-fluid:has(img[src="img/2_6_2-01.jpg"]) [class*="col-"]{
  padding-left:0!important;
  padding-right:0!important;
}
body.jp-bs5-2-6-2-page img[src="img/2_6_2-01.jpg"]{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  margin:0 auto!important;
  object-fit:initial!important;
}

/* B3 gray group: continuous #f2f2f2; transparent/card/image-surrounding areas never expose white. */
body.jp-bs5-2-6-2-page .back-gray:has(img[src="img/2_6_2-04.jpg"]),
body.jp-bs5-2-6-2-page .back-gray:has(img[src="img/2_6_2-04.jpg"]) > .container,
body.jp-bs5-2-6-2-page .back-gray:has(img[src="img/2_6_2-04.jpg"]) > .container-fluid,
body.jp-bs5-2-6-2-page .back-gray:has(img[src="img/2_6_2-04.jpg"]) .thumbnail,
body.jp-bs5-2-6-2-page .back-gray:has(img[src="img/2_6_2-04.jpg"]) .row,
body.jp-bs5-2-6-2-page .back-gray:has(img[src="img/2_6_2-04.jpg"]) [class*="col-"]{
  background-color:#f2f2f2!important;
}
body.jp-bs5-2-6-2-page .back-gray:has(img[src="img/2_6_2-04.jpg"]) .thumbnail{
  border:0!important;
  box-shadow:none!important;
}
body.jp-bs5-2-6-2-page .back-gray:has(img[src="img/2_6_2-04.jpg"]) > .container-fluid{
  padding-left:0!important;
  padding-right:0!important;
  overflow:hidden!important;
}
body.jp-bs5-2-6-2-page .back-gray:has(img[src="img/2_6_2-04.jpg"]) > .container-fluid .row{
  --bs-gutter-x:0!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.jp-bs5-2-6-2-page .back-gray:has(img[src="img/2_6_2-04.jpg"]) > .container-fluid [class*="col-"]{
  padding-left:0!important;
  padding-right:0!important;
}
body.jp-bs5-2-6-2-page img[src="img/2_6_2-04.jpg"]{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
  border:0!important;
  box-shadow:none!important;
  object-fit:initial!important;
}

@media (min-width:768px){
  /* B2-1 = left image / right text, 50/50. */
  body.jp-bs5-2-6-2-page .container:has(img[src="img/2_6_2-02.jpg"]),
  /* B2-2 = left text / right image, 50/50. */
  body.jp-bs5-2-6-2-page .container:has(img[src="img/2_6_2-03.jpg"]),
  /* B4 = left image / right text, Chinese golden 5/7. */
  body.jp-bs5-2-6-2-page .container:has(img[src="img/2_6_2-05.jpg"]),
  /* B5 = left text / right image, Chinese golden 4/8. */
  body.jp-bs5-2-6-2-page .container:has(img[src="img/2_6_2-06.jpg"]){
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
  }

  body.jp-bs5-2-6-2-page .container:has(img[src="img/2_6_2-02.jpg"]) > .col-sm-6,
  body.jp-bs5-2-6-2-page .container:has(img[src="img/2_6_2-03.jpg"]) > .col-sm-6{
    float:none!important;
    flex:0 0 50%!important;
    width:50%!important;
    max-width:50%!important;
  }

  body.jp-bs5-2-6-2-page .back-gray:has(img[src="img/2_6_2-04.jpg"]) > .container:first-child{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
  }
  body.jp-bs5-2-6-2-page .back-gray:has(img[src="img/2_6_2-04.jpg"]) > .container:first-child > .col-sm-1:first-child{
    float:none!important; flex:0 0 25%!important; width:25%!important; max-width:25%!important;
  }
  body.jp-bs5-2-6-2-page .back-gray:has(img[src="img/2_6_2-04.jpg"]) > .container:first-child > .col-sm-10{
    float:none!important; flex:0 0 58.33333333%!important; width:58.33333333%!important; max-width:58.33333333%!important;
  }
  body.jp-bs5-2-6-2-page .back-gray:has(img[src="img/2_6_2-04.jpg"]) > .container:first-child > .col-sm-1:last-child{
    float:none!important; flex:0 0 16.66666667%!important; width:16.66666667%!important; max-width:16.66666667%!important;
  }

  body.jp-bs5-2-6-2-page .container:has(img[src="img/2_6_2-05.jpg"]) > .col-sm-5{
    float:none!important; flex:0 0 41.66666667%!important; width:41.66666667%!important; max-width:41.66666667%!important;
  }
  body.jp-bs5-2-6-2-page .container:has(img[src="img/2_6_2-05.jpg"]) > .col-sm-7{
    float:none!important; flex:0 0 58.33333333%!important; width:58.33333333%!important; max-width:58.33333333%!important;
  }

  body.jp-bs5-2-6-2-page .container:has(img[src="img/2_6_2-06.jpg"]) > .col-sm-5{
    float:none!important; flex:0 0 33.33333333%!important; width:33.33333333%!important; max-width:33.33333333%!important;
  }
  body.jp-bs5-2-6-2-page .container:has(img[src="img/2_6_2-06.jpg"]) > .col-sm-7{
    float:none!important; flex:0 0 66.66666667%!important; width:66.66666667%!important; max-width:66.66666667%!important;
  }

  body.jp-bs5-2-6-2-page img[src="img/2_6_2-02.jpg"],
  body.jp-bs5-2-6-2-page img[src="img/2_6_2-03.jpg"],
  body.jp-bs5-2-6-2-page img[src="img/2_6_2-05.jpg"],
  body.jp-bs5-2-6-2-page img[src="img/2_6_2-06.jpg"]{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
    object-fit:initial!important;
  }
}

@media (max-width:767.98px){
  /* Frozen mobile shell only; no extra white spacer is introduced. */
  body.jp-bs5-2-6-2-page{
    padding-top:50px!important;
    background:#fff!important;
  }

  /* B1 mobile 100% x 400px; swipe and release recenter. */
  body.jp-bs5-2-6-2-page .container-fluid:has(img[src="img/2_6_2-01.jpg"]){
    width:100%!important;
    max-width:100%!important;
    height:400px!important;
    padding:0!important;
    margin:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;
    scrollbar-width:none!important;
    touch-action:pan-x pan-y!important;
  }
  body.jp-bs5-2-6-2-page .container-fluid:has(img[src="img/2_6_2-01.jpg"])::-webkit-scrollbar{display:none!important;}
  body.jp-bs5-2-6-2-page .container-fluid:has(img[src="img/2_6_2-01.jpg"]) > .row,
  body.jp-bs5-2-6-2-page .container-fluid:has(img[src="img/2_6_2-01.jpg"]) > .row > [class*="col-"],
  body.jp-bs5-2-6-2-page .container-fluid:has(img[src="img/2_6_2-01.jpg"]) > .row > [class*="col-"] > .row{
    width:max-content!important;
    min-width:100%!important;
    max-width:none!important;
    height:400px!important;
    min-height:400px!important;
    margin:0!important;
    padding:0!important;
    flex-wrap:nowrap!important;
  }
  body.jp-bs5-2-6-2-page img[src="img/2_6_2-01.jpg"]{
    display:block!important;
    width:auto!important;
    min-width:100vw!important;
    max-width:none!important;
    height:400px!important;
    min-height:400px!important;
    object-fit:cover!important;
    object-position:center center!important;
    margin:0!important;
    padding:0!important;
    scroll-snap-align:center!important;
    scroll-snap-stop:always!important;
    user-select:none!important;
    -webkit-user-drag:none!important;
  }

  /* All B2-B5 groups use the same 15px mobile content baseline. */
  body.jp-bs5-2-6-2-page .container:has(img[src="img/2_6_2-02.jpg"]),
  body.jp-bs5-2-6-2-page .container:has(img[src="img/2_6_2-03.jpg"]),
  body.jp-bs5-2-6-2-page .back-gray:has(img[src="img/2_6_2-04.jpg"]) > .container,
  body.jp-bs5-2-6-2-page .back-gray:has(img[src="img/2_6_2-04.jpg"]) > .container-fluid,
  body.jp-bs5-2-6-2-page .container:has(img[src="img/2_6_2-05.jpg"]),
  body.jp-bs5-2-6-2-page .container:has(img[src="img/2_6_2-06.jpg"]){
    width:100%!important;
    max-width:100%!important;
    padding-left:15px!important;
    padding-right:15px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  body.jp-bs5-2-6-2-page .container:has(img[src="img/2_6_2-02.jpg"]) > [class*="col-"],
  body.jp-bs5-2-6-2-page .container:has(img[src="img/2_6_2-03.jpg"]) > [class*="col-"],
  body.jp-bs5-2-6-2-page .back-gray:has(img[src="img/2_6_2-04.jpg"]) > .container:first-child > [class*="col-"],
  body.jp-bs5-2-6-2-page .back-gray:has(img[src="img/2_6_2-04.jpg"]) > .container-fluid [class*="col-"],
  body.jp-bs5-2-6-2-page .container:has(img[src="img/2_6_2-05.jpg"]) > [class*="col-"],
  body.jp-bs5-2-6-2-page .container:has(img[src="img/2_6_2-06.jpg"]) > [class*="col-"]{
    float:none!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    flex:0 0 100%!important;
    padding-left:0!important;
    padding-right:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  body.jp-bs5-2-6-2-page .back-gray:has(img[src="img/2_6_2-04.jpg"]) > .container:first-child > .col-sm-1{
    display:none!important;
  }

  body.jp-bs5-2-6-2-page img[src="img/2_6_2-02.jpg"],
  body.jp-bs5-2-6-2-page img[src="img/2_6_2-03.jpg"],
  body.jp-bs5-2-6-2-page img[src="img/2_6_2-04.jpg"],
  body.jp-bs5-2-6-2-page img[src="img/2_6_2-05.jpg"],
  body.jp-bs5-2-6-2-page img[src="img/2_6_2-06.jpg"]{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    object-fit:initial!important;
    box-sizing:border-box!important;
  }
}