/* Approved brief: grouped container buttons, unique moving logos, readable social cards. */
.container-category-buttons{align-items:flex-end!important;column-gap:14px!important;row-gap:16px!important}
.dry-category-group{display:flex;flex-direction:column;align-items:center;gap:8px}
.dry-category-label{font-size:17px;font-weight:600;color:#13375c;line-height:1.4}
.dry-category-options{display:flex;gap:10px}
#clients .brief-logo-wall{overflow:hidden!important;width:100%!important;max-width:100%!important}
#clients .brief-logo-row{display:block!important;overflow:hidden!important;width:100%!important;padding:8px 0!important}
#clients .brief-logo-row .brief-logo-track{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;width:max-content!important;min-width:0!important;max-width:none!important;margin:0 auto!important;gap:20px!important;transform:none!important;animation:approved-logo-slide var(--slide-duration,24s) linear infinite alternate!important;will-change:translate!important}
#clients .brief-logo-row:nth-child(even) .brief-logo-track{animation-direction:alternate-reverse!important}
#clients .brief-logo-row .brief-logo-track .logo-cell{flex:0 0 180px!important;width:180px!important;min-width:180px!important;height:112px!important;margin:0!important;padding:8px!important}
@keyframes approved-logo-slide{from{translate:var(--slide-start,0px) 0}to{translate:var(--slide-end,-100px) 0}}
#contact .connected-socials{grid-template-columns:minmax(0,1fr)!important;width:100%;gap:12px!important}
#contact .social-card{display:flex!important;align-items:center!important;min-width:0!important;gap:12px!important;padding:14px!important}
#contact .social-icon{flex:0 0 34px!important;width:34px!important;height:34px!important}
#contact .social-arrow{flex:0 0 15px!important;width:15px!important}
#contact .social-label{min-width:0!important;flex:1!important}
#contact .social-label b,#contact .social-label small{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
#contact .social-label small{font-size:12px!important;line-height:1.5!important}
@media(max-width:600px){
#clients .brief-logo-row .brief-logo-track{gap:14px!important}
#clients .brief-logo-row .brief-logo-track .logo-cell{flex-basis:145px!important;min-width:145px!important;width:145px!important;height:94px!important}
#contact .social-card{gap:8px!important;padding:12px!important}
#contact .social-label small{font-size:clamp(9px,2.55vw,12px)!important}
.container-category-buttons{gap:8px!important}
.container-category-buttons a{padding:10px 12px!important;font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){#clients .brief-logo-row .brief-logo-track{animation:none!important}}

/* One button per container type; four columns and two-by-two on phones. */
#rent .container-category-buttons{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;width:min(100%,850px)!important;margin:24px auto 32px!important;align-items:stretch!important}
#rent .container-category-buttons>a{width:100%!important;min-width:0!important;min-height:50px!important;padding:12px 10px!important;text-align:center;white-space:nowrap;font-size:15px!important;box-sizing:border-box}
@media(max-width:600px){
#rent .container-category-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;max-width:420px!important}
#rent .container-category-buttons>a{grid-column:auto;min-height:48px!important;font-size:14px!important;padding:10px 6px!important}

}
/* Keep the repair labels whole instead of wrapping words into two lines. */
#maintenance .repair-label{white-space:nowrap!important;font-size:clamp(12px,1.35vw,20px)!important;padding-left:3px!important;padding-right:3px!important;line-height:1.5!important}
@media(max-width:760px){#maintenance .repair-label{font-size:clamp(10px,2.6vw,18px)!important}}