/* Depth and mobile-specific composition for approved candidate B. */
.hr-lead-mobile{display:none}
.hr-b .hr-shell{grid-template-columns:minmax(405px,482px) minmax(0,1fr);gap:24px}
.hr-b .hr-visual::before{content:"";position:absolute;z-index:-1;left:4%;right:-4%;top:16%;bottom:3%;border-radius:48%;background:radial-gradient(ellipse at 58% 54%,#b9dff04a 0 25%,#dcecf43b 42%,transparent 70%);filter:blur(16px)}
.hr-b .hr-stage{width:780px;perspective:1450px;transform-style:preserve-3d}
.hr-b .hr-window{left:1px;top:80px;width:724px;height:504px;z-index:3;transform:translateZ(0);box-shadow:0 32px 72px #174b6b29,0 9px 24px #0b2b431b}
.hr-b .hr-phone{right:-2px;top:154px;width:180px;height:424px;z-index:6;transform:translateZ(54px);box-shadow:0 29px 54px #0b304d35,0 8px 18px #03132226,inset 0 1px #ffffff4d}
.hr-b .hr-notice.n1{left:58px;top:38px;z-index:2;transform:translateZ(-28px)}
.hr-b .hr-notice.n2{right:2px;top:82px;z-index:7;transform:translateZ(78px)}
.hr-b .hr-halo.h1{left:130px;top:42px;width:520px;height:520px;opacity:.68}
.hr-b .hr-halo.h2{left:205px;top:115px;width:365px;height:365px;opacity:.52}
.hr-b .hr-axis{left:106px;right:22px;bottom:45px;opacity:.75}
@media(max-width:1100px) and (min-width:901px){.hr-b .hr-stage{transform:translate(-50%,-50%) scale(.75)}}
@media(max-width:900px){
  .hr-lead-desktop{display:none}.hr-lead-mobile{display:inline}
  .hr-copy .f07-herolead{max-width:330px;font-size:14px!important;line-height:1.75!important}
  .hr-copy .f07-herofine{display:none}
  .hr-b .hr-shell{padding-bottom:20px}
  .hr-b .hr-visual{width:390px;height:680px;margin:32px 0 0 -20px;overflow:hidden}
  .hr-b .hr-visual::before{left:-20%;right:-20%;top:4%;bottom:0;filter:blur(12px)}
  .hr-b .hr-stage{position:relative;left:0;top:0;width:390px;height:680px;transform:none;perspective:1100px}
  .hr-b .hr-window{left:14px;top:85px;width:362px;height:354px;padding:6px;border-radius:16px;transform:translateZ(0);box-shadow:0 24px 48px #174b6b2b,0 7px 18px #0b2b4320}
  .hr-b .hr-window::before{width:34px;height:3px;top:2px}
  .hr-b .hr-product-window{inset:6px;border-radius:10px}
  .hr-b .hr-product-window>.ygp-hires-pc{width:704px;height:492px;transform:matrix(.78,0,0,.78,-58,-7);transform-origin:0 0;grid-template-columns:105px 1fr}
  .hr-b .hr-phone{right:14px;top:300px;width:154px;height:360px;padding:7px;border-radius:29px;transform:translateZ(46px);box-shadow:0 26px 50px #0b304d3b,0 7px 16px #03132229,inset 0 1px #ffffff4d}
  .hr-b .hr-phone::before{top:4px;width:47px;height:10px}
  .hr-b .hr-phone>.ygp-hires-phone{width:164px;height:390px;transform:scale(.85);transform-origin:0 0;border-radius:24px}
  .hr-b .hr-notice{padding:8px 9px;gap:7px;border-radius:11px;font-size:9px;line-height:1.3;box-shadow:0 11px 24px #174a701c}
  .hr-b .hr-notice i{width:22px;height:22px;font-size:12px}.hr-b .hr-notice small{font-size:7px}
  .hr-b .hr-notice.n1{left:18px;top:20px;width:159px;z-index:2;transform:translateZ(-18px)}
  .hr-b .hr-notice.n2{right:11px;top:27px;width:166px;z-index:7;transform:translateZ(54px)}
  .hr-b .hr-halo.h1{left:17px;top:45px;width:360px;height:360px}.hr-b .hr-halo.h2{left:76px;top:103px;width:244px;height:244px}
  .hr-b .hr-axis{left:34px;right:30px;bottom:6px}
}
/* 20261012-reviewfix01: use the available intermediate-width canvas instead of preserving the 390px phone composition at tablet width. */
@media(min-width:651px) and (max-width:900px){
  .hr-b .hr-shell{width:min(100% - 56px,760px);padding-left:0;padding-right:0;margin-inline:auto}
  .hr-b .hr-copy{width:min(100%,680px);margin-inline:auto}
  .hr-b .hr-copy .f07-herolead{max-width:560px}
  .hr-b .hr-visual{width:min(100%,684px);height:632px;margin:36px auto 0;overflow:hidden}
  .hr-b .hr-stage{position:relative;left:0;top:0;width:684px;height:632px;transform:none;perspective:1300px}
  .hr-b .hr-window{left:18px;top:82px;width:628px;height:438px;padding:7px;border-radius:19px}
  .hr-b .hr-product-window{inset:7px;border-radius:12px}
  .hr-b .hr-product-window>.ygp-hires-pc{width:704px;height:492px;transform:matrix(.87,0,0,.87,-3,-1);transform-origin:0 0;grid-template-columns:105px 1fr}
  .hr-b .hr-phone{right:20px;top:260px;width:166px;height:388px;padding:7px;border-radius:31px}
  .hr-b .hr-phone>.ygp-hires-phone{width:164px;height:390px;transform:scale(.91);transform-origin:0 0;border-radius:24px}
  .hr-b .hr-notice.n1{left:32px;top:24px;width:178px}.hr-b .hr-notice.n2{right:20px;top:42px;width:184px}
  .hr-b .hr-halo.h1{left:95px;top:34px;width:500px;height:500px}.hr-b .hr-halo.h2{left:190px;top:112px;width:330px;height:330px}
  .hr-b .hr-axis{left:80px;right:48px;bottom:18px}
}