/* Final live corrections after responsive screenshot review. */

/* Original vendor wordmarks are shown without duplicated text or cropping. */
.integration-brand--wordmark{justify-content:center}
.integration-brand--wordmark .integration-brand__logo{width:auto;height:auto;max-width:132px;max-height:28px;object-fit:contain}
.integration-brand--icon .integration-brand__logo{width:22px;height:22px;max-width:22px;object-fit:contain;flex:0 0 22px}

/* Keep the management block spacious and prevent accidental currency/name wrapping. */
.manager-dashboard__metrics strong{font-variant-numeric:tabular-nums}
.manager-list b{font-variant-numeric:tabular-nums}
.site-footer .brand,.site-footer .brand-name{white-space:nowrap;flex-wrap:nowrap}

/* Use the compact menu before the desktop navigation becomes cramped. */
@media(max-width:1080px){
  .site-header__inner{grid-template-columns:auto 1fr auto!important;gap:16px!important}
  .site-nav,.site-header__actions>.button{display:none!important}
  .nav-toggle{display:inline-flex!important}
  .site-header__actions{grid-column:3}
}

/* 1024px laptops/tablets were the only cramped content breakpoint in the live pass. */
@media(min-width:981px) and (max-width:1100px){
  .hero__actions{gap:7px}
  .hero__actions .button{min-width:0;padding-inline:11px;gap:7px;font-size:11px}
  .hero__actions .button__icon{width:16px;height:16px;flex-basis:16px;margin-left:6px}
  .process-breaks__inner{
    grid-template-columns:210px minmax(0,1fr);
    grid-template-areas:"title items" "action action";
    gap:18px 24px;
    padding-block:22px;
  }
  .process-breaks__title{grid-area:title;align-self:start;padding-top:4px}
  .process-breaks__items{grid-area:items;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 18px}
  .process-breaks__inner>.button{grid-area:action;justify-self:end;min-width:190px}
  .problem-item{align-items:flex-start}
}

@media(max-width:640px){
  .integration-brand--wordmark .integration-brand__logo{max-width:120px;max-height:26px}
}