/* Overrides to make all internal pages use the exact same square border language as the main index. */
:root{--index-border-width:clamp(112px,12vw,190px)}

/* Side illustrations: same asset behavior and size as index */
.diag-stage,.maint-stage,.mc-stage,.fc-stage,.tr-stage,.el-stage,.sus-stage,.extra-stage,.merch-stage{
  --index-border-width:clamp(112px,12vw,190px)!important;
}
.index-border.ikigai-side-border{
  width:var(--index-border-width)!important;
  height:100%!important;
  object-fit:fill!important;
  object-position:center top!important;
}

/* All reusable content cards: square corners, no rounded edges, no extra shadow */
.diagnostic-card,
.process-card,
.maintenance-card,
.maint-process-grid article,
.mc-work-card,
.mc-symptom-grid article,
.mc-process-grid article,
.mc-benefit-grid article,
.fc-work-grid article,
.fc-symptom-grid article,
.fc-process-grid article,
.fc-benefit-grid article,
.tr-work-grid article,
.tr-symptom-grid article,
.tr-process-grid article,
.tr-benefit-grid article,
.el-work-grid article,
.el-symptom-grid article,
.el-process-grid article,
.el-benefit-grid article,
.sus-work-grid article,
.sus-symptom-grid article,
.sus-process-grid article,
.sus-benefit-grid article,
.extra-work-grid article,
.extra-benefit-grid article,
.extra-process-grid article,
.extra-why-grid article{
  border-radius:0!important;
  box-shadow:none!important;
}

/* Inner image separators also square like index */
.maintenance-card>img,
.maint-process-grid img,
.mc-work-card img,
.mc-symptom-grid img,
.mc-process-grid img,
.mc-benefit-grid img,
.fc-work-grid img,
.fc-symptom-grid img,
.fc-process-grid img,
.fc-benefit-grid img,
.tr-work-grid img,
.tr-symptom-grid img,
.tr-process-grid img,
.tr-benefit-grid img,
.el-work-grid img,
.el-symptom-grid img,
.el-process-grid img,
.el-benefit-grid img,
.sus-work-grid img,
.sus-symptom-grid img,
.sus-process-grid img,
.sus-benefit-grid img,
.extra-work-grid img,
.extra-benefit-grid img,
.extra-process-grid img,
.extra-why-grid img{
  border-radius:0!important;
}

/* Section containers keep the same crisp black outline feel */
.diag-stage,.maint-stage,.mc-stage,.fc-stage,.tr-stage,.el-stage,.sus-stage,.extra-stage,
.diag-hero,.maint-hero,.mc-hero,.fc-hero,.tr-hero,.el-hero,.sus-hero,.extra-hero,
.contact-zone,.maint-contact,.mc-contact,.fc-contact-strip,.tr-contact-strip,.el-contact-strip,.sus-contact-strip,.extra-contact{
  box-shadow:none!important;
}

/* Remove page-specific radii from number badges / arrows where they existed */
.maint-process-grid b,
.mc-process-grid b,
.fc-process-grid b,
.tr-process-grid b,
.el-process-grid b,
.sus-process-grid b,
.extra-process-grid b{
  border-radius:0!important;
}

/* Mobile keeps same logic, but no side images just like current behavior */
@media (max-width:1240px){
  .diag-stage,.maint-stage,.mc-stage,.fc-stage,.tr-stage,.el-stage,.sus-stage,.extra-stage,.merch-stage{
    --index-border-width:104px!important;
  }
}
@media (max-width:1100px){
  .diag-stage,.maint-stage,.mc-stage,.fc-stage,.tr-stage,.el-stage,.sus-stage,.extra-stage,.merch-stage{
    --index-border-width:82px!important;
  }
}
