.pb-brands { padding: 38px 0 25px; background: linear-gradient(115deg, #e9f5fa, #f8fbfc 60%, #fff5d5); border-bottom: 1px solid #d8e5ec; }
.pb-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 23px; }
.pb-heading .ph-kicker { color: var(--color-brand); margin-bottom: 9px; font-size: .64rem; }
.portal-home .pb-heading h2 { font-size: clamp(1.2rem,2vw,1.6rem); letter-spacing: -.025em; line-height: 1.3; margin: 0; }
.pb-controls { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.pb-controls button { min-width: 44px; min-height: 44px; border: 1px solid #b7bcb7; border-radius: 4px; background: #fff; color: #272e33; font: inherit; font-size: .8rem; cursor: pointer; padding: 8px 12px; }
.pb-controls button:hover { background: #e1f1f8; border-color: var(--color-brand); }
.pb-controls button:disabled { cursor: default; background: #f3f4f0; }
.pb-controls button:focus-visible, .pb-viewport a:focus-visible { outline: 3px solid #2469db; outline-offset: -4px; }
.pb-viewport { overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: #a6cbdc #edf5f8; padding: 9px 0 16px; }
.pb-track { display: flex; width: max-content; }
.pb-group { display: flex; align-items: stretch; list-style: none; margin: 0; padding: 0; }
.pb-group li { width: 196px; flex: 0 0 196px; padding-right: 16px; }
.pb-group a { min-height: 128px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; padding: 20px 16px 12px; text-decoration: none; border: 1px solid #d5e4ec; border-bottom: 3px solid #9dcfe1; border-radius: 9px; background: #fff; box-shadow: 0 4px 12px var(--color-heading)09; transition: transform .25s, border-color .25s, box-shadow .25s; }
.pb-group li:nth-child(3n+2) a { border-bottom-color: var(--color-action); }
.pb-group a:hover, .pb-group a:focus-visible { border-color: #007ca8; transform: translateY(-5px); box-shadow: 0 8px 18px var(--color-heading)19; }
.pb-group a:hover img { transform: scale(1.06); }
.pb-group img { display: block; width: 148px; height: 53px; object-fit: contain; transition: transform .25s; }
.pb-group img[alt="3M"] { max-width: 64px; }
.pb-group a > span { color: #596169; font-size: .68rem; }
.pb-bottom { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-top: 10px; }
.pb-bottom p { margin: 0; color: #62676b; font-size: .75rem; }
.pb-bottom > a { min-height: 44px; display: inline-flex; align-items: center; color: #343b40; font-size: .8rem; font-weight: 600; white-space: nowrap; }
@media(max-width:760px) {
  .pb-brands { padding-block: 27px 20px; }
  .pb-heading { align-items: start; flex-direction: column; gap: 15px; }
  .pb-group li { width: 164px; flex-basis: 164px; padding-right: 12px; }
  .pb-group img { width: 122px; height: 48px; }
  .pb-group a { min-height: 108px; padding-inline: 10px; }
  .pb-bottom { align-items: start; flex-direction: column; gap: 2px; }
}
@media(prefers-reduced-motion:reduce) { .pb-group--copy { display: none; } .pb-viewport { scroll-behavior: auto; } }