/* Japanese 2_3_1 projection screen BS5 v1
   Japanese BS3 B DOM/text/img/href frozen byte-for-byte.
   Chinese same-name BS5 standard page is geometry Golden Reference only. */

.jp-bs5-2-3-1-projection-screen-page .thumbnail{
  border:0 !important;
  border-color:transparent !important;
  box-shadow:none !important;
  outline:0 !important;
}
.jp-bs5-2-3-1-projection-screen-page .more a,
.jp-bs5-2-3-1-projection-screen-page .more a:hover,
.jp-bs5-2-3-1-projection-screen-page .more a:focus{
  text-decoration:none !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}
.jp-bs5-2-3-1-projection-screen-page .more .glyphicon-menu-right{
  font-size:1.5em !important;
  margin-left:.25em !important;
  vertical-align:-.08em !important;
}

/* B1 desktop: Chinese Golden Reference natural ratio, centered, no crop/enlarge. */
.jp-bs5-2-3-1-projection-screen-page .container-fluid:has(img[src="img/2_3_1_01_projection_screen.jpg"]){
  padding-left:0 !important;
  padding-right:0 !important;
  overflow:hidden !important;
}
.jp-bs5-2-3-1-projection-screen-page .container-fluid:has(img[src="img/2_3_1_01_projection_screen.jpg"]) > .row,
.jp-bs5-2-3-1-projection-screen-page .container-fluid:has(img[src="img/2_3_1_01_projection_screen.jpg"]) .row:has(> img[src="img/2_3_1_01_projection_screen.jpg"]){
  --bs-gutter-x:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
.jp-bs5-2-3-1-projection-screen-page .container-fluid:has(img[src="img/2_3_1_01_projection_screen.jpg"]) .col-xs-12,
.jp-bs5-2-3-1-projection-screen-page .container-fluid:has(img[src="img/2_3_1_01_projection_screen.jpg"]) .col-sm-12{
  padding-left:0 !important;
  padding-right:0 !important;
}
.jp-bs5-2-3-1-projection-screen-page img[src="img/2_3_1_01_projection_screen.jpg"]{
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 auto !important;
  object-fit:initial !important;
}

/* B2/B3 frozen-DOM mapping to Chinese ps-b21/ps-b22/ps-b3 geometry. */
.jp-bs5-2-3-1-projection-screen-page .container:has(img[src="img/2_3_1_02_projection_screen.jpg"]):has(img[src="img/2_3_1_04_projection_screen.jpg"]) img{
  display:block !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:initial !important;
}
@media (min-width:768px){
  .jp-bs5-2-3-1-projection-screen-page .container:has(img[src="img/2_3_1_02_projection_screen.jpg"]):has(img[src="img/2_3_1_04_projection_screen.jpg"]){
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-auto-flow:row !important;
    align-items:stretch !important;
  }
  .jp-bs5-2-3-1-projection-screen-page .container:has(img[src="img/2_3_1_02_projection_screen.jpg"]):has(img[src="img/2_3_1_04_projection_screen.jpg"]) > .col-sm-6{
    float:none !important;
    width:calc(100% + 15px) !important;
    max-width:none !important;
    min-width:0 !important;
  }
  .jp-bs5-2-3-1-projection-screen-page .container:has(img[src="img/2_3_1_02_projection_screen.jpg"]):has(img[src="img/2_3_1_04_projection_screen.jpg"]) > .col-sm-6:nth-of-type(odd){
    transform:translateX(-15px) !important;
  }
  .jp-bs5-2-3-1-projection-screen-page .container:has(img[src="img/2_3_1_02_projection_screen.jpg"]):has(img[src="img/2_3_1_04_projection_screen.jpg"]) > .col-sm-6 .thumbnail{
    height:100% !important;
  }
  .jp-bs5-2-3-1-projection-screen-page .container:has(img[src="img/2_3_1_02_projection_screen.jpg"]):has(img[src="img/2_3_1_04_projection_screen.jpg"]) > .col-sm-12{
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    grid-column:1 / -1 !important;
    clear:both !important;
  }
}
@media (max-width:767.98px){
  /* Shared Japanese accepted mobile B1: 100% viewport x 400px, horizontal swipe, natural-width image centered. */
  .jp-bs5-2-3-1-projection-screen-page .container-fluid:has(img[src="img/2_3_1_01_projection_screen.jpg"]){
    width:100% !important;
    height:400px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    scroll-snap-type:x mandatory !important;
    scrollbar-width:none !important;
  }
  .jp-bs5-2-3-1-projection-screen-page .container-fluid:has(img[src="img/2_3_1_01_projection_screen.jpg"])::-webkit-scrollbar{display:none !important;}
  .jp-bs5-2-3-1-projection-screen-page .container-fluid:has(img[src="img/2_3_1_01_projection_screen.jpg"]) > .row,
  .jp-bs5-2-3-1-projection-screen-page .container-fluid:has(img[src="img/2_3_1_01_projection_screen.jpg"]) > .row > [class*="col-"],
  .jp-bs5-2-3-1-projection-screen-page .container-fluid:has(img[src="img/2_3_1_01_projection_screen.jpg"]) .row:has(> img[src="img/2_3_1_01_projection_screen.jpg"]){
    width:max-content !important;
    min-width:100% !important;
    height:400px !important;
    display:block !important;
  }
  .jp-bs5-2-3-1-projection-screen-page img[src="img/2_3_1_01_projection_screen.jpg"]{
    width:auto !important;
    max-width:none !important;
    min-width:100% !important;
    height:400px !important;
    max-height:400px !important;
    margin:0 auto !important;
    object-fit:cover !important;
    object-position:center center !important;
    scroll-snap-align:center !important;
  }

  /* Chinese mobile rhythm: all content cards are one column and B3 aligns to B2 width. */
  .jp-bs5-2-3-1-projection-screen-page .container:has(img[src="img/2_3_1_02_projection_screen.jpg"]):has(img[src="img/2_3_1_04_projection_screen.jpg"]){
    display:block !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .jp-bs5-2-3-1-projection-screen-page .container:has(img[src="img/2_3_1_02_projection_screen.jpg"]):has(img[src="img/2_3_1_04_projection_screen.jpg"]) > .col-sm-6,
  .jp-bs5-2-3-1-projection-screen-page .container:has(img[src="img/2_3_1_02_projection_screen.jpg"]):has(img[src="img/2_3_1_04_projection_screen.jpg"]) > .col-sm-12{
    float:none !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:15px !important;
    padding-right:15px !important;
    box-sizing:border-box !important;
    clear:both !important;
  }
}

/* Shared caption policy; this page currently has no ▲ caption node, so this is non-invasive. */
.jp-bs5-2-3-1-projection-screen-page .thumbnail h5{
  font-size:16px !important;
}
@media (max-width:767.98px){
  .jp-bs5-2-3-1-projection-screen-page .thumbnail h5{font-size:14px !important;}
}