/* Supplier profiles reuse the site's Oswald/Geist type and orange palette. */
.pp-bg-profile {
  min-width: 0;
  color: var(--wp--preset--color--contrast);
  overflow-wrap: anywhere;
}
.pp-bg-profile h1,
.pp-bg-profile h2,
.pp-bg-profile h3,
.pp-bg-profile p,
.pp-bg-profile ul,
.pp-bg-profile dl,
.pp-bg-profile figure {
  margin: 0;
}
.pp-bg-profile a:focus-visible {
  outline: 3px solid var(--wp--preset--color--accent-1);
  outline-offset: 4px;
}
.pp-bg-preview-bar {
  border: 1px solid var(--wp--preset--color--accent-4);
  border-left: 4px solid var(--wp--preset--color--accent-1);
  background: var(--wp--preset--color--base-2);
  padding: 16px 18px;
  margin-bottom: 24px;
  font-size: 0.875rem;
}
.pp-bg-preview-bar__heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 16px;
}
.pp-bg-preview-bar__heading > a { margin-left: auto; }
.pp-bg-preview-bar nav { margin-top: 12px; }
.pp-bg-preview-bar__gating { margin: 10px 0 0; }
.pp-bg-preview-bar ul,
.pp-bg-categories ul,
.pp-bg-social {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  gap: 8px;
}
.pp-bg-preview-bar nav a {
  display: block;
  padding: 7px 10px;
  border: 1px solid var(--wp--preset--color--accent-4);
  color: inherit;
  text-decoration: none;
}
.pp-bg-preview-bar nav a[aria-current="page"] {
  background: var(--wp--preset--color--contrast);
  border-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base-2);
}
.pp-bg-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  font-size: 0.875rem;
  margin-bottom: 26px;
}
.pp-bg-breadcrumb a { color: inherit; }
.pp-bg-profile > .pp-bg-breadcrumb { font-size: 0.8125rem; color: var(--wp--preset--color--contrast-2); }
.pp-bg-profile__header {
  display: flex;
  align-items: center;
  gap: 32px;
  border-bottom: 1px solid var(--wp--preset--color--accent-4);
  padding: 8px 0 28px;
  margin-bottom: 36px;
}
.pp-bg-profile__identity { flex: 1; min-width: 0; }
.pp-bg-profile__header .pp-kicker { font-size: 0.875rem; }
.pp-bg-profile__header h1 {
  font-family: var(--wp--preset--font-family--heading);
  font-size: var(--wp--preset--font-size--xx-large);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: 0.01em;
  margin-top: 16px;
}
.pp-bg-profile--bold .pp-bg-profile__header h1 { font-weight: 700; }
.pp-bg-profile__division { margin-top: 12px !important; font-size: 1.125rem; line-height: 1.6; color: var(--wp--preset--color--contrast-2); }
.pp-bg-profile__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 18px; }
.pp-bg-profile__meta:empty { display: none; }
.pp-bg-profile__location { font-size: 0.9375rem; color: var(--wp--preset--color--contrast-2); }
.pp-bg-profile__meta .pp-bg-tier { margin-top: 0; }
.pp-bg-profile__intro { margin-top: 18px !important; max-width: 62ch; font-size: 1.125rem; line-height: 1.75; color: var(--wp--preset--color--contrast-2); }
.pp-bg-profile__logo {
  flex: 0 0 144px;
  padding: 20px;
  background: #fff;
  border: 1px solid var(--wp--preset--color--accent-4);
}
.pp-bg-profile__logo img { display: block; width: 100%; height: 90px; object-fit: contain; }
.pp-bg-profile__logo,
.pp-bg-contact,
.pp-bg-person,
.pp-bg-resource { --pp-cut-border-color: var(--wp--preset--color--accent-4); }
.pp-bg-tier {
  display: inline-block;
  padding: 5px 10px;
  margin-top: 16px;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.025em;
}
.pp-bg-tier--gold { background: color-mix(in srgb, var(--wp--preset--color--accent-1) 20%, var(--wp--preset--color--base-2)); }
.pp-bg-tier--platinum { background: var(--wp--preset--color--contrast-2); color: var(--wp--preset--color--base-2); }
.pp-bg-profile__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 36px;
  align-items: start;
}
.pp-bg-contact { grid-column: 2; grid-row: 1; }
.pp-bg-profile__sections { grid-column: 1; grid-row: 1; min-width: 0; }
.pp-bg-contact {
  background: var(--wp--preset--color--base-2);
  border: 1px solid var(--wp--preset--color--accent-4);
  padding: 24px;
  font-size: 0.9375rem;
}
.pp-bg-profile h2 { font-family: var(--wp--preset--font-family--heading); font-size: 1.5rem; line-height: 1.25; font-weight: 700; }
.pp-bg-profile h3 { font-family: var(--wp--preset--font-family--heading); font-size: 1.125rem; line-height: 1.3; font-weight: 700; }
.pp-bg-contact > h2 { padding-bottom: 16px; border-bottom: 1px solid var(--wp--preset--color--accent-4); font-size: 1.375rem; }
.pp-bg-profile address { font-style: normal; line-height: 1.65; }
.pp-bg-profile address span { display: block; }
.pp-bg-contact address { margin-top: 16px; }
.pp-bg-details { margin-top: 18px !important; display: grid; gap: 12px; }
.pp-bg-details dt { font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--wp--preset--color--contrast-2); margin-bottom: 3px; }
.pp-bg-details dd { margin: 0; }
.pp-bg-details a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.pp-bg-website {
  box-sizing: border-box;
  width: 100%;
  margin-top: 24px;
  padding: 13px 16px;
  background: var(--wp--preset--color--accent-1);
  color: var(--wp--preset--color--contrast);
}
.pp-bg-profile .pp-bg-website:hover {
  background: var(--wp--preset--color--contrast) !important;
  color: var(--wp--preset--color--base-2);
}
.pp-bg-social { margin-top: 18px !important; gap: 8px 16px; font-size: 0.875rem; }
.pp-bg-social a { color: inherit; }
.pp-bg-contact__update { margin-top: 24px !important; padding-top: 18px; border-top: 1px solid var(--wp--preset--color--accent-4); font-size: 0.8125rem; line-height: 1.6; }
.pp-bg-section { margin-bottom: 36px; }
.pp-bg-section > .pp-section-heading { margin-bottom: 20px; }
.pp-bg-section > .pp-section-heading h2 { white-space: normal; }
.pp-bg-section > .pp-section-heading::after { min-width: 16px; }
.pp-bg-section:last-child { margin-bottom: 0; }
.pp-bg-prose { font-size: 1.125rem; line-height: 1.75; color: #444; }
.pp-bg-prose > * + * { margin-top: 20px; }
.pp-bg-prose a { overflow-wrap: anywhere; }
.pp-bg-categories + .pp-bg-categories { margin-top: 22px; }
.pp-bg-categories h3 { font-size: 0.875rem; margin-bottom: 10px; letter-spacing: 0.08em; color: var(--wp--preset--color--contrast-2); }
.pp-bg-categories li { max-width: 100%; }
.pp-bg-categories a {
  display: inline-block;
  padding: 5px 0;
  border-bottom: 1px solid var(--wp--preset--color--accent-5);
  color: inherit;
  font-size: 0.9375rem;
  text-decoration: none;
}
.pp-bg-categories ul { gap: 6px 20px; }
.pp-bg-categories a:hover { color: var(--wp--preset--color--accent-1); border-color: currentColor; }
.pp-bg-categories small { display: block; margin-top: 5px; }
.pp-bg-card-grid,
.pp-bg-resource-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.pp-bg-person { padding: 18px; background: var(--wp--preset--color--base-2); border: 1px solid var(--wp--preset--color--accent-4); font-size: 0.9375rem; }
.pp-bg-person__role { margin-top: 6px !important; font-size: 0.875rem; }
.pp-bg-person address { margin-top: 12px; }
.pp-bg-branch-contact { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--wp--preset--color--accent-4); }
.pp-bg-resource { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--wp--preset--color--accent-4); background: var(--wp--preset--color--base-2); }
.pp-bg-resource__image { display: grid; place-items: center; height: 180px; padding: 14px; box-sizing: border-box; background: #fff; border-bottom: 1px solid var(--wp--preset--color--accent-4); }
.pp-bg-resource__image img { width: 100%; height: 150px; object-fit: contain; }
.pp-bg-resource__image > span { font-family: var(--wp--preset--font-family--heading); color: var(--wp--preset--color--contrast-2); font-size: 1.5rem; }
.pp-bg-resource__body { display: flex; flex-direction: column; flex: 1; align-items: flex-start; gap: 12px; padding: 18px; font-size: 0.875rem; }
.pp-bg-resource__body h3 { font-size: 1.125rem; }
.pp-bg-resource__body > a,
.pp-bg-resource__pending { margin-top: auto; padding-top: 4px; }
.pp-bg-resource__pending { font-size: 0.8125rem; }
.pp-bg-preview .pp-ad__slot:empty {
  position: relative;
  border: 1px dashed var(--wp--preset--color--accent-5);
  background: color-mix(in srgb, var(--wp--preset--color--base-2) 65%, transparent);
  box-sizing: border-box;
}
.pp-bg-preview .pp-ad--leaderboard .pp-ad__slot,
.pp-bg-preview .pp-ad--footer .pp-ad__slot { width: min(728px, calc(100vw - 40px)); }
.pp-bg-preview .pp-ad__slot:empty::before { content: "Advertisement"; position: absolute; inset: 0; display: grid; place-items: center; padding: 0; font-size: 0.75rem; color: var(--wp--preset--color--contrast-2); }
@media (max-width: 1023.98px) {
  .pp-bg-preview .pp-ad--leaderboard .pp-ad__slot { width: min(320px, calc(100vw - 40px)); }
  .pp-bg-preview .pp-ad--footer .pp-ad__slot { width: min(300px, calc(100vw - 40px)); }
}
@media (max-width: 780px) {
  .pp-bg-profile__layout { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .pp-bg-contact { grid-column: 1; grid-row: 1; }
  .pp-bg-profile__sections { grid-column: 1; grid-row: 2; }
  .pp-bg-profile__header { gap: 16px; }
  .pp-bg-profile__logo { flex-basis: 100px; padding: 12px; }
  .pp-bg-profile__logo img { height: 65px; }
}
@media (max-width: 500px) {
  .pp-bg-shell { padding-inline: 18px; }
  .pp-bg-preview-bar { padding: 14px; }
  .pp-bg-preview-bar__heading { align-items: flex-start; gap: 8px; }
  .pp-bg-preview-bar__heading > strong,
  .pp-bg-preview-bar__heading > span { flex-basis: 100%; }
  .pp-bg-preview-bar__heading > a { margin-left: 0; }
  .pp-bg-preview-bar nav li { width: 100%; }
  .pp-bg-profile__header { flex-direction: column; padding-bottom: 24px; margin-bottom: 24px; }
  .pp-bg-profile__logo { flex-basis: auto; width: 100px; }
  .pp-bg-card-grid,
  .pp-bg-resource-grid { grid-template-columns: minmax(0, 1fr); }
}

/* Category navigation reads like an equipment index beside supplier entries. */
.pp-bg-directory { min-width: 0; color: var(--wp--preset--color--contrast); overflow-wrap: anywhere; }
.pp-bg-directory h1,
.pp-bg-directory h2,
.pp-bg-directory h3,
.pp-bg-directory p { margin: 0; }
.pp-bg-directory h1,
.pp-bg-directory h2,
.pp-bg-directory h3,
.pp-bg-category-browser summary { font-family: var(--wp--preset--font-family--heading); font-weight: 600; line-height: 1.2; }
.pp-bg-directory a:focus-visible,
.pp-bg-category-browser summary:focus-visible { outline: 3px solid var(--wp--preset--color--accent-1); outline-offset: 3px; }
.pp-bg-directory__preview-link { margin-bottom: 20px !important; font-size: 0.875rem; }
.pp-bg-directory__header { padding: 4px 0 30px; margin-bottom: 30px; border-bottom: 3px solid var(--wp--preset--color--contrast); }
.pp-bg-directory__header h1 { font-size: clamp(2.75rem, 5vw, 4.5rem); letter-spacing: -0.02em; margin: 12px 0 16px; }
.pp-bg-directory__header > p:last-child { max-width: 62ch; font-size: 1.0625rem; line-height: 1.7; }
.pp-bg-search { margin-bottom: 30px; }
.pp-bg-search > label { display: block; margin-bottom: 10px; font-family: var(--wp--preset--font-family--heading); font-size: 1.125rem; font-weight: 600; }
.pp-bg-search__controls { display: flex; gap: 12px; }
.pp-bg-search input { flex: 1; min-width: 0; padding: 13px 16px; border: 1px solid var(--wp--preset--color--accent-5); border-radius: 0; background: var(--wp--preset--color--base-2); color: var(--wp--preset--color--contrast); font: inherit; font-size: 1rem; }
.pp-bg-search input:focus-visible { outline: 2px solid var(--wp--preset--color--accent-1); outline-offset: 2px; }
.pp-bg-search button { padding: 12px 22px; border: 0; background: var(--wp--preset--color--accent-1); color: var(--wp--preset--color--contrast); cursor: pointer; }
.pp-bg-search__context { margin-top: 12px !important; font-size: 0.875rem; }
.pp-bg-search__context a { margin-left: 12px; color: inherit; text-decoration: underline; }
.pp-bg-directory__layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 30px; align-items: start; }
.pp-bg-category-browser { min-width: 0; border: 1px solid var(--wp--preset--color--accent-4); background: var(--wp--preset--color--base-2); }
.pp-bg-category-browser h2 { font-size: 1.25rem; padding: 18px 14px; border-top: 4px solid var(--wp--preset--color--accent-1); }
.pp-bg-category-browser a { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 10px 12px; color: inherit; text-decoration: none; font-size: 0.875rem; line-height: 1.5; }
.pp-bg-category-browser a:hover { background: var(--wp--preset--color--accent-4); }
.pp-bg-category-browser a[aria-current="page"] { background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base-2); }
.pp-bg-category-browser__all { border-block: 1px solid var(--wp--preset--color--accent-4); font-weight: 600; }
.pp-bg-category-browser .pp-bg-category-browser__skip { display: none; }
.pp-bg-category-browser details,
.pp-bg-category-browser__root { border-bottom: 1px solid var(--wp--preset--color--accent-4); }
.pp-bg-category-browser summary { display: flex; align-items: center; gap: 10px; cursor: pointer; padding: 16px 12px; font-size: 1.0625rem; list-style: none; }
.pp-bg-category-browser summary::-webkit-details-marker { display: none; }
.pp-bg-category-browser summary::before { content: ""; flex: 0 0 6px; width: 6px; height: 6px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); }
.pp-bg-category-browser details[open] > summary::before { transform: rotate(45deg); }
.pp-bg-category-browser summary > span:first-child { flex: 1; min-width: 0; }
.pp-bg-category-browser summary:hover { background: var(--wp--preset--color--accent-4); }
.pp-bg-category-browser summary .pp-bg-category-count { font-family: var(--wp--preset--font-family--body); font-size: 0.875rem; }
.pp-bg-category-browser__root > a { padding-block: 16px; font-family: var(--wp--preset--font-family--heading); font-size: 1.0625rem; font-weight: 600; }
.pp-bg-category-browser__root .pp-bg-category-count { font-family: var(--wp--preset--font-family--body); font-size: 0.875rem; }
.pp-bg-category-browser__group { padding: 0 6px 10px; }
.pp-bg-category-browser .pp-bg-category-browser__view-all { justify-content: flex-start; gap: 6px; padding-top: 2px; padding-bottom: 12px; color: var(--wp--preset--color--contrast-2); font-size: 0.8125rem; text-decoration: underline; text-underline-offset: 3px; }
.pp-bg-category-browser .pp-bg-category-browser__view-all[aria-current="page"] { color: var(--wp--preset--color--base-2); padding-top: 10px; }
.pp-bg-category-browser ul { margin: 0; padding: 0; list-style: none; }
.pp-bg-category-browser ul ul { margin-left: 12px; border-left: 1px solid var(--wp--preset--color--accent-4); }
.pp-bg-category-count { flex-shrink: 0; font-variant-numeric: tabular-nums; opacity: 0.8; }
.pp-bg-directory__results { min-width: 0; }
.pp-bg-directory__results-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 12px; border-bottom: 1px solid var(--wp--preset--color--accent-5); padding-bottom: 16px; }
.pp-bg-directory__results-heading h2 { font-size: 1.75rem; }
.pp-bg-directory__results-heading > p { font-size: 0.875rem; white-space: nowrap; }
.pp-bg-directory__description { margin-top: 18px !important; line-height: 1.7; }
.pp-bg-directory__order { margin: 14px 0 20px !important; font-size: 0.8125rem; color: var(--wp--preset--color--contrast-2); }
.pp-bg-directory__list { display: grid; gap: 20px; }
/* Reuse the News archive's clipped cards, orange kickers and profile links. */
.pp-bg-result { display: grid; min-width: 0; height: auto; padding: 0; }
.pp-bg-result--has-logo { grid-template-columns: 160px minmax(0, 1fr); }
.pp-bg-result__body { display: flex; flex-direction: column; min-width: 0; padding: 22px 24px; }
.pp-bg-result h3 { margin-top: 0; font-size: var(--wp--preset--font-size--large); font-weight: 700; line-height: 1.2; }
.pp-bg-result--bold h3 { font-weight: 700; }
.pp-bg-result h3 a { color: inherit; text-decoration: none; }
.pp-bg-result h3 a:hover { color: var(--wp--preset--color--accent-1); }
.pp-bg-result__heading p { font-size: 0.875rem; margin-top: 6px; line-height: 1.6; }
.pp-bg-result__location { color: var(--wp--preset--color--contrast-2); }
.pp-bg-result__logo { display: grid; place-items: center; min-width: 0; padding: 20px; background: #fff; }
.pp-bg-result__logo img { display: block; width: 100%; height: auto; max-height: 140px; object-fit: contain; }
.pp-bg-result__badges { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.pp-bg-result__badges:not(:empty) { margin-top: 12px; }
.pp-bg-result .pp-bg-tier { margin-top: 0; }
.pp-bg-result__draft { font-size: 0.75rem; border: 1px solid var(--wp--preset--color--accent-5); padding: 4px 8px; }
.pp-bg-result__summary { margin-top: 12px !important; font-size: 0.9375rem; line-height: 1.7; color: var(--wp--preset--color--contrast-2); }
.pp-bg-result__gating { margin-top: 8px !important; font-size: 0.75rem; border-left: 3px solid var(--wp--preset--color--accent-1); padding-left: 8px; }
.pp-bg-result__categories { display: flex; flex-wrap: wrap; gap: 7px 14px; margin: 0 0 12px; padding: 0; list-style: none; font-size: 0.75rem; letter-spacing: 0.1em; line-height: 1.5; }
.pp-bg-result__categories li { min-width: 0; }
.pp-bg-result__categories a { color: inherit; text-underline-offset: 3px; }
.pp-bg-result__links { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; padding-top: 20px; margin-top: auto; font-size: 0.8125rem; }
.pp-bg-result__links a { color: var(--wp--preset--color--contrast-2); }
.pp-bg-result__links .pp-bg-result__profile { margin-top: 0; color: var(--wp--preset--color--accent-1); }
/* Paid tiers are highlighted in the results with a bar in their tier colour. */
.pp-bg-result--featured { border-left: 4px solid var(--pp-bg-highlight, var(--wp--preset--color--accent-1)); }
.pp-bg-result--platinum { --pp-bg-highlight: var(--wp--preset--color--contrast-2); }
/* The spotlight is one panel of short entries, so it reads the same in a narrow results column and on a phone. */
.pp-bg-spotlight { margin-top: 20px; padding: 6px 20px 8px; background: var(--wp--preset--color--base-2); border: 1px solid var(--wp--preset--color--accent-4); border-top: 4px solid var(--wp--preset--color--accent-1); }
.pp-bg-spotlight__title { margin: 12px 0 4px; font-size: 0.75rem; letter-spacing: 0.1em; }
.pp-bg-spotlight__card { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 14px; align-items: start; padding: 14px 0; }
.pp-bg-spotlight__card + .pp-bg-spotlight__card { border-top: 1px solid var(--wp--preset--color--accent-4); }
.pp-bg-spotlight__logo { display: grid; place-items: center; width: 72px; height: 56px; padding: 6px; background: #fff; border: 1px solid var(--wp--preset--color--accent-4); box-sizing: border-box; }
.pp-bg-spotlight__logo img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.pp-bg-spotlight__logo--initial { font-size: 1.5rem; font-weight: 700; color: var(--wp--preset--color--accent-1); }
.pp-bg-spotlight__card--platinum .pp-bg-spotlight__logo--initial { color: var(--wp--preset--color--contrast-2); }
.pp-bg-spotlight__body { min-width: 0; }
.pp-bg-spotlight__body h4 { margin: 0; font-size: 1.0625rem; font-weight: 700; line-height: 1.25; overflow-wrap: anywhere; }
.pp-bg-spotlight__body h4 a { color: inherit; text-decoration: none; }
.pp-bg-spotlight__body h4 a:hover { color: var(--wp--preset--color--accent-1); }
.pp-bg-spotlight__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin-top: 6px !important; font-size: 0.8125rem; color: var(--wp--preset--color--contrast-2); }
.pp-bg-spotlight__meta .pp-bg-tier { margin-top: 0; padding: 2px 8px; font-size: 0.75rem; }
.pp-bg-spotlight__summary { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 6px !important; font-size: 0.875rem; line-height: 1.55; color: var(--wp--preset--color--contrast-2); }
.pp-bg-directory__empty { padding: 30px 24px; margin-top: 20px; background: var(--wp--preset--color--base-2); border: 1px solid var(--wp--preset--color--accent-4); border-left: 4px solid var(--wp--preset--color--accent-1); }
.pp-bg-directory__empty h3 { font-size: 1.5rem; }
.pp-bg-directory__empty p { margin: 14px 0 20px; line-height: 1.75; }
.pp-bg-directory__pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px 24px; margin-top: 28px; font-size: 0.9375rem; }
.pp-bg-directory__pagination a { padding: 10px 14px; color: inherit; border: 1px solid var(--wp--preset--color--accent-5); }
.pp-bg-directory__pagination a:hover { background: var(--wp--preset--color--accent-4); }
@media (max-width: 780px) {
  .pp-bg-directory__layout { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .pp-bg-category-browser .pp-bg-category-browser__skip { display: block; text-decoration: underline; padding-top: 0; }
  .pp-bg-category-browser__group > ul { columns: 2; column-gap: 16px; }
  .pp-bg-category-browser li { break-inside: avoid; }
}
@media (max-width: 500px) {
  .pp-bg-directory__header { padding-bottom: 24px; margin-bottom: 24px; }
  .pp-bg-search__controls { flex-direction: column; }
  .pp-bg-search__controls button { width: 100%; }
  .pp-bg-category-browser__group > ul { columns: 1; }
  .pp-bg-result--has-logo { grid-template-columns: minmax(0, 1fr); }
  .pp-bg-result__body { padding: 20px; }
  .pp-bg-result__logo { min-height: 110px; padding: 20px; }
  .pp-bg-result__logo img { max-width: 160px; max-height: 90px; }
}