
/* V100 public content additions: deliberately conservative, mobile-first, no navigation overrides. */
.v100-section{padding:clamp(2.25rem,5vw,4.5rem) 0;border-top:1px solid rgba(15,23,42,.08)}
.v100-section .wrap{width:min(1120px,calc(100% - 32px));margin-inline:auto}
.v100-section h2{max-width:900px}.v100-section p{max-width:900px}
.v100-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem}
.v100-grid>div{min-width:0;padding:1rem;border:1px solid rgba(15,23,42,.10);border-radius:14px;background:rgba(255,255,255,.55)}
.v100-steps{max-width:900px;padding-left:1.4rem}.v100-steps li{margin:.75rem 0;padding-left:.35rem}
@media(max-width:700px){.v100-grid{grid-template-columns:1fr}.v100-section .wrap{width:min(100% - 24px,1120px)}.v100-section{padding:2rem 0}.v100-section h2{overflow-wrap:anywhere}.v100-section p,.v100-section li{overflow-wrap:anywhere}}

/* V100 hosting contrast and layout fixes */
/* 1. See Our Work is always a true floating control, never returned to document flow. */
.work-top-rail{position:static!important;display:block!important;padding:0!important;margin:0!important;min-height:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.work-top-rail .work-sticky,.work-sticky{
  position:fixed!important;
  left:50%!important;
  top:84px!important;
  bottom:auto!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  z-index:2147482000!important;
  min-width:168px!important;
  max-width:min(430px,calc(100vw - 32px))!important;
}
.work-top-rail .work-sticky:hover,.work-top-rail .work-sticky:focus-visible,.work-sticky:hover,.work-sticky:focus-visible{transform:translate(-50%,-2px)!important}
@media(min-width:761px){.work-top-rail .work-sticky,.work-sticky{top:100px!important;min-width:190px!important}}

/* 2. Pastel case-finding cards use dark text for legibility. */
body.section-pastel-site.daylight-prism .section:not(.deep) .case-finding{color:#13243a!important;background:rgba(255,255,255,.28)!important;border-color:rgba(19,36,58,.08)!important}
body.section-pastel-site.daylight-prism .section:not(.deep) .case-finding :is(h1,h2,h3,h4,strong,p,span,li){color:#13243a!important;text-shadow:none!important}
body.section-pastel-site.daylight-prism .section:not(.deep) .case-finding p{color:#33465d!important}
body.section-pastel-site.daylight-prism .section:not(.deep) .case-finding>span{background:rgba(255,255,255,.52)!important;color:#13243a!important}

/* 3. All 72 scenario cards share one closed-card footprint. Item 21 cannot grow independently. */
.scenario-grid{align-items:stretch!important;grid-auto-rows:1fr!important}
.scenario-card{height:100%!important;min-height:0!important;padding:0!important}
.scenario-card:not([open]){height:100%!important}
.scenario-card summary{height:210px!important;min-height:210px!important;max-height:210px!important;overflow:hidden!important;padding:24px 28px!important;box-sizing:border-box!important}
.scenario-summary-copy{min-width:0!important;max-height:162px!important;overflow:hidden!important}
.scenario-summary-copy strong,.scenario-summary-copy span{overflow-wrap:anywhere!important;hyphens:auto!important}
@media(min-width:721px){.scenario-card summary{height:190px!important;min-height:190px!important;max-height:190px!important;padding:24px!important}.scenario-summary-copy{max-height:142px!important}}
.scenario-card[open]{height:auto!important;min-height:100%!important}
.scenario-card[open] summary{height:auto!important;min-height:190px!important;max-height:none!important;overflow:visible!important}
.scenario-card[open] .scenario-summary-copy{max-height:none!important;overflow:visible!important}
