/* V2.2.16 isolated fixes: image positioning + nonoverlapping floating pills */
.story-section .story-art{position:relative;isolation:isolate;overflow:hidden;min-width:0}
.story-section .story-art>img:first-child{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:42% center;opacity:1}
.story-section .story-benefits{position:absolute;z-index:5;top:6%;right:3%;width:min(49%,310px);max-width:calc(100% - 24px);display:flex;flex-direction:column;gap:12px}
.story-section .story-benefit{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;width:100%;min-height:66px;padding:10px 15px;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 8px 26px rgba(24,48,98,.14);overflow:hidden}
.story-section .story-benefit img{position:static!important;inset:auto!important;display:block!important;width:42px!important;height:42px!important;max-width:42px!important;min-width:42px;object-fit:contain!important;opacity:1!important;flex:none}
.story-section .story-benefit span{min-width:0;display:block;font-weight:800;font-size:clamp(12px,1.12vw,15px);line-height:1.35;color:#17244a;white-space:normal;overflow-wrap:normal;word-break:keep-all}
/* Hero floating labels, kept in the same right-hand vertical lane */
.hero-visual .float-pill{right:0!important;left:auto!important;bottom:auto!important;max-width:140px;min-width:106px;min-height:44px;display:flex;justify-content:center;align-items:center;padding:10px 13px;white-space:nowrap;font-size:14px;line-height:1.15;border-radius:16px}
.hero-visual .p1{top:18%!important}
.hero-visual .p2{top:34%!important}
.hero-visual .p3{top:50%!important}
.hero-visual .p4{top:66%!important}
@media(max-width:900px){
 .story-section .story-benefits{width:min(48%,290px);right:2.5%;gap:9px}
 .story-section .story-benefit{grid-template-columns:35px minmax(0,1fr);padding:8px 9px;gap:7px;min-height:55px}
 .story-section .story-benefit img{width:35px!important;height:35px!important;max-width:35px!important;min-width:35px}
 .story-section .story-benefit span{font-size:12px}
}
@media(max-width:600px){
 .story-section .story-art{height:310px!important;min-height:310px!important}
 .story-section .story-art>img:first-child{object-position:38% center}
 .story-section .story-benefits{width:56%;top:5%;right:3%;gap:7px}
 .story-section .story-benefit{grid-template-columns:25px minmax(0,1fr);min-height:43px;gap:6px;padding:6px 7px;border-radius:12px}
 .story-section .story-benefit img{width:25px!important;height:25px!important;max-width:25px!important;min-width:25px}
 .story-section .story-benefit span{font-size:10px;line-height:1.25}
 .hero-visual .float-pill{min-width:72px;max-width:92px;min-height:33px;padding:6px 7px;font-size:10px;border-radius:11px}
 .hero-visual .p1{top:18%!important}
 .hero-visual .p2{top:34%!important}
 .hero-visual .p3{top:50%!important}
 .hero-visual .p4{top:66%!important}
}