/* Healthy Impact — mobile parity with desktop visual system */
@media(max-width:900px){
  .workspace{
    background:
      radial-gradient(circle at 88% 0%,rgba(43,98,151,.09),transparent 25%),
      linear-gradient(180deg,#eef3f7 0%,#f7f9fb 46%,#f4f7f9 100%)!important;
  }
  .workspace-contact-bar{
    left:0!important;
    height:64px!important;
    padding:0 16px!important;
    background:rgba(248,250,252,.94)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  .workspace-contact-bar>div:first-child{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }
  .workspace-contact-bar>div:first-child strong{
    display:block!important;
    font-size:14px!important;
  }
  .workspace-contact-bar>div:first-child span{
    display:block!important;
    padding-left:10px!important;
    font-size:8px!important;
  }
  .workspace-contact-actions{gap:12px!important}
  .workspace-contact-actions>a,
  .workspace-contact-actions>span{display:none!important}
  .workspace-contact-actions button{font-size:9px!important}

  .workspace-nav{
    top:64px!important;
    bottom:auto!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:0 12px!important;
    display:block!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    background:
      radial-gradient(circle at 10% 0%,rgba(47,105,157,.20),transparent 36%),
      linear-gradient(90deg,#102e4b 0%,#0b2237 100%)!important;
    border:0!important;
    box-shadow:0 14px 30px rgba(10,31,49,.12)!important;
  }
  .workspace-nav .brand,
  .workspace-nav-label,
  .workspace-nav-foot{display:none!important}
  .workspace-nav nav{
    display:flex!important;
    gap:4px!important;
    width:max-content!important;
    min-width:100%!important;
    padding:8px 0!important;
  }
  .workspace-nav nav a{
    min-width:auto!important;
    height:44px!important;
    padding:9px 12px!important;
    justify-content:center!important;
    gap:8px!important;
    border:1px solid transparent!important;
    border-radius:4px!important;
    color:rgba(224,234,241,.72)!important;
    font-size:10px!important;
    white-space:nowrap!important;
    box-shadow:none!important;
  }
  .workspace-nav nav a span{display:inline!important}
  .workspace-nav nav a svg{
    width:15px!important;
    height:15px!important;
    flex:0 0 auto!important;
  }
  .workspace-nav nav a.active{
    background:rgba(255,255,255,.10)!important;
    border-color:rgba(255,255,255,.08)!important;
    color:#fff!important;
    box-shadow:inset 0 -2px 0 #d2a758!important;
  }

  .workspace-main{
    margin-left:0!important;
    padding:142px 16px 56px!important;
    background:transparent!important;
  }
  .workspace-main::before{left:0!important;top:64px!important}
  .workspace-head{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:12px!important;
    margin-bottom:24px!important;
  }
  .workspace-head h1{
    font-size:clamp(34px,8vw,44px)!important;
    line-height:1!important;
  }
  .workspace-head p{
    font-size:11px!important;
    line-height:1.65!important;
  }
  .summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .summary-card{
    min-height:112px!important;
    padding:20px!important;
    border-radius:6px!important;
  }
  .workspace-card{
    padding:22px!important;
    border-radius:6px!important;
  }
  .card-head{gap:12px!important}
  .workspace-preview-strip{margin-top:0!important}

  .public-nav{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .public-nav .brand-logo{
    height:48px!important;
    max-height:48px!important;
    max-width:170px!important;
  }
  .mobile-public-menu{
    background:#fff!important;
    color:#173148!important;
  }
}

@media(max-width:599px){
  .workspace-contact-bar{padding:0 12px!important}
  .workspace-contact-bar>div:first-child span{display:none!important}
  .workspace-nav{padding:0 8px!important}
  .workspace-nav nav a{
    height:42px!important;
    padding:8px 10px!important;
    font-size:9px!important;
  }
  .workspace-main{padding:134px 12px 46px!important}
  .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .summary-card{
    min-height:100px!important;
    padding:17px!important;
  }
  .summary-card strong{font-size:28px!important}
  .workspace-card{padding:18px!important}
  .workspace-head h1{font-size:36px!important}

  .v40-page-hero{
    padding-top:100px!important;
  }
  .v40-page-hero h1{
    font-size:clamp(40px,12vw,52px)!important;
  }
  .v40-section{
    padding-top:64px!important;
    padding-bottom:64px!important;
  }
}
