/* BP56: one approved Bra Top feature and one compact application route.
   Only these two sections on the development overview use this stylesheet. */
body.hr-site #bra-top-capability.hr56-bra-focus{display:grid;grid-template-columns:minmax(0,288px) minmax(0,1fr);align-items:center;column-gap:clamp(32px,5vw,64px);row-gap:24px;margin:40px 0 0;padding:28px 0 32px;border-top:1px solid #d7dcd6}
body.hr-site #bra-top-capability.hr56-bra-focus>figure{width:100%;max-width:288px;min-width:0;margin:0}
body.hr-site #bra-top-capability.hr56-bra-focus>figure>img{display:block;position:static;width:100%;max-width:100%;height:auto!important;max-height:none;aspect-ratio:4/5;object-fit:contain;object-position:center;transform:none;mix-blend-mode:multiply;background:transparent}
body.hr-site #bra-top-capability.hr56-bra-focus>div{min-width:0;max-width:680px}
body.hr-site #bra-top-capability.hr56-bra-focus h3{font-size:clamp(22px,2.2vw,28px)!important;line-height:1.4!important;text-transform:none;margin:0 0 16px!important}
body.hr-site #bra-top-capability.hr56-bra-focus p{max-width:58ch;margin:0 0 16px;line-height:1.8}
body.hr-site #bra-top-capability.hr56-bra-focus a{display:inline-flex;align-items:center;min-height:44px;margin:0;font-size:14px;text-underline-offset:5px}
body.hr-site #apparel-applications.hr56-application-guide{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:26px 0 0;border-top:1px solid #d7dcd6}
body.hr-site #apparel-applications .hr56-application-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px 40px}
body.hr-site #apparel-applications .hr56-application-copy{min-width:0;max-width:760px}
body.hr-site #apparel-applications .hr56-application-copy h3{font-size:clamp(20px,1.8vw,24px)!important;line-height:1.45!important;text-transform:none;margin:0 0 10px!important;max-width:40ch}
body.hr-site #apparel-applications .hr56-application-copy p{max-width:66ch;margin:0;font-size:14px;line-height:1.8}
body.hr-site #apparel-applications .hr56-application-link{display:inline-flex;align-items:center;min-height:44px;margin:0;font-size:14px;line-height:1.6;text-underline-offset:5px;white-space:normal}
body.hr-site :is(#bra-top-capability.hr56-bra-focus,#apparel-applications.hr56-application-guide) a:focus-visible{outline:2px solid #15253e;outline-offset:5px}
@media(max-width:760px){
 body.hr-site #bra-top-capability.hr56-bra-focus{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:32px;padding:24px 0 28px}
 body.hr-site #bra-top-capability.hr56-bra-focus>figure{width:min(100%,260px);justify-self:center}
 body.hr-site #bra-top-capability.hr56-bra-focus>div{max-width:none}
 body.hr-site #bra-top-capability.hr56-bra-focus h3{font-size:22px!important}
 body.hr-site #apparel-applications.hr56-application-guide{padding-top:22px}
 body.hr-site #apparel-applications .hr56-application-row{grid-template-columns:minmax(0,1fr);gap:10px}
 body.hr-site #apparel-applications .hr56-application-link{justify-self:start}
}
