/* ============================================================
   UI FIX v12
   - PC SNS reassurance panel text visibility
   - Service-detail links always enter at page top
   - Mobile STORY simplified to the requested copy
   ============================================================ */

/* --- SNS PR / PC: restore the intended black reassurance panel with visible white copy --- */
html body.sns-pr-page #assurance .assurance-lead{
  background:#111214 !important;
  color:#FFFFFF !important;
  border-color:#111214 !important;
}
html body.sns-pr-page #assurance .assurance-lead,
html body.sns-pr-page #assurance .assurance-lead *{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}
html body.sns-pr-page #assurance .assurance-lead p{
  color:rgba(255,255,255,.86) !important;
  -webkit-text-fill-color:#FFFFFF !important;
}

/* --- Mobile HOME / STORY: show only the concise requested message --- */
.story-mobile-v12{display:none;}
@media (max-width:767px){
  .home-page #story .story-mobile-v12{
    display:block !important;
    margin-top:10px !important;
  }
  .home-page #story .story-simple > .section-title,
  .home-page #story .story-lead,
  .home-page #story .story-mobile-summary,
  .home-page #story .story-core,
  .home-page #story .story-closing,
  .home-page #story .story-services-link{
    display:none !important;
  }
  .home-page #story .story-mobile-v12 h2{
    margin:0 !important;
    color:#111214 !important;
    -webkit-text-fill-color:#111214 !important;
    font-size:clamp(34px,10.2vw,44px) !important;
    line-height:1.22 !important;
    letter-spacing:-.02em !important;
    font-weight:950 !important;
  }
  .home-page #story .story-mobile-v12 p{
    margin:24px 0 0 !important;
    color:#4F545B !important;
    -webkit-text-fill-color:#4F545B !important;
    font-size:16px !important;
    line-height:1.9 !important;
    font-weight:700 !important;
  }
}

/* Keep #top as a zero-offset navigation target even with sticky headers. */
body.service-page#top{scroll-margin-top:0;}