/* ToolProof mobile hardening */
@media (max-width: 720px){
  *{box-sizing:border-box}
  html,body{max-width:100%;overflow-x:hidden}

  body{
    -webkit-text-size-adjust:100%;
  }

  .wrap,
  .container,
  main,
  section,
  header,
  footer{
    max-width:100%!important;
  }

  .wrap,
  .container{
    padding-left:18px!important;
    padding-right:18px!important;
  }

  h1{
    font-size:34px!important;
    line-height:1.08!important;
    letter-spacing:-.03em!important;
  }

  h2{
    font-size:24px!important;
    line-height:1.15!important;
  }

  h3{
    font-size:19px!important;
  }

  p,
  li{
    font-size:16px!important;
  }

  .hero{
    padding:24px!important;
    border-radius:18px!important;
  }

  .cardgrid,
  .grid,
  .notablegrid,
  .profilegrid,
  .pricinggrid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  .card,
  .notecard,
  .panel,
  .pricecard{
    padding:18px!important;
    border-radius:16px!important;
  }

  .cta,
  .button,
  a.button{
    display:block!important;
    width:100%!important;
    text-align:center!important;
    margin-top:12px!important;
  }

  nav{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
  }

  nav a{
    font-size:14px!important;
  }

  table{
    display:block!important;
    width:100%!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
  }

  pre,
  code{
    white-space:pre-wrap!important;
    word-break:break-word!important;
  }

  input,
  textarea,
  select,
  button{
    max-width:100%!important;
    font-size:16px!important;
  }
}

/* ToolProof mobile nav tightening */
@media (max-width: 720px){
  body{
    padding-bottom:40px;
  }

  nav{
    justify-content:center!important;
    row-gap:6px!important;
    column-gap:12px!important;
    margin-top:14px!important;
    margin-bottom:20px!important;
  }

  nav a{
    font-size:15px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }

  nav a[href="/protocol-map.html"],
  nav a[href="/trust-guides.html"],
  nav a[href="/ai-workflows.html"]{
    display:none!important;
  }

  .logo,
  .brand{
    display:block!important;
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* ToolProof mobile nav final simplification */
@media (max-width: 720px){
  header{
    padding-top:22px!important;
    padding-bottom:8px!important;
  }

  nav{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
    margin:10px auto 12px!important;
    padding:0 14px!important;
    overflow:visible!important;
  }

  nav a{
    display:none!important;
  }

  nav a[href="/mcp/servers/index.html"],
  nav a[href="/claim-profile.html"]{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:132px!important;
    padding:10px 12px!important;
    border:1px solid rgba(37,99,235,.22)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.75)!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1!important;
    text-align:center!important;
    white-space:nowrap!important;
  }

  .logo,
  .brand{
    text-align:center!important;
    margin:0 auto!important;
    font-size:22px!important;
    letter-spacing:.18em!important;
  }

  h1{
    font-size:31px!important;
    line-height:1.08!important;
  }

  .hero{
    padding-top:34px!important;
  }
}