#equipment-callout-text{max-width:680px;margin:24px auto 0;line-height:1.65}.answers-cta{margin-top:30px}.nav-cta,.equipment-button{justify-content:center;text-align:center;gap:0}.nav-cta{display:inline-flex;align-items:center;min-width:124px}.equipment-button{min-width:254px}.grade-badge{background:rgba(13,15,13,.84);border-left:3px solid var(--orange);padding:12px 16px;box-shadow:0 10px 28px rgba(0,0,0,.24);backdrop-filter:blur(4px)}

/* Keep the desktop contact action from crowding the mobile navigation. */
@media(max-width:800px){
  .nav .nav-cta{display:none}
  .nav .brand-black{flex-shrink:0;max-width:calc(100% - 64px)}
  .nav .menu{margin-left:auto;flex-shrink:0}
  .nav .menu summary{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid #5c6259;border-radius:4px;background:transparent;color:#fff}
  .nav .menu summary:hover,.nav .menu[open] summary{background:#242821;border-color:#ef6b22}
  .nav .menu summary:focus-visible{outline:2px solid #ef6b22;outline-offset:3px}
  .menu-icon{display:flex;flex-direction:column;gap:5px;width:24px}
  .menu-icon span{display:block;width:24px;height:2px;background:currentColor;transition:transform .15s,opacity .15s}
  .menu[open] .menu-icon span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu[open] .menu-icon span:nth-child(2){opacity:0}
  .menu[open] .menu-icon span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .nav .menu>div{max-height:calc(100dvh - 160px);overflow-y:auto}
}
