/* Restore the product guide/position layout expected by site.js. */
.item-page .branding-picker-layout {
  display: grid;
  grid-template-columns: minmax(280px, 400px) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
.item-page .branding-picker-guide {
  min-width: 0;
  position: sticky;
  top: 24px;
  padding: 18px;
  border: 1px solid #eadede;
  border-radius: 16px;
  background: #fff;
}
.item-page .branding-picker-guide-intro h4 { margin: 0 0 7px; color: #b30000; }
.item-page .branding-picker-guide-intro p { margin: 0 0 14px; color: #555; }
.item-page .branding-picker-layout > .branding-position-list { min-width: 0; margin: 0; grid-template-columns: minmax(0, 1fr); }
.item-page .branding-picker-layout .branding-item-positions > .branding-position:only-child { grid-column: 1 / -1; }
.item-page .guideline-document.is-compact .guideline-document-heading > div:first-child { display: none; }
.item-page .guideline-document.is-compact .guideline-document-heading { justify-content: flex-start; }
.item-page .guideline-document.is-compact .guideline-pdf-frame { height: 440px; min-height: 0; max-width: 100%; }
.item-page .branding-picker-guide .guideline-document-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.item-page .branding-picker-guide .guideline-document-actions .button { max-width: 100%; white-space: normal; }
@media (max-width: 900px) {
  .item-page .branding-picker-layout { grid-template-columns: minmax(0, 1fr); }
  .item-page .branding-picker-guide { position: static; }
  .item-page .guideline-document.is-compact .guideline-pdf-frame { height: 360px; }
}
@media (max-width: 520px) {
  .item-page .branding-picker-guide { padding: 14px; }
  .item-page .guideline-document.is-compact .guideline-pdf-frame { height: 300px; }
  .item-page .branding-picker-guide .guideline-document-heading { display: block; }
}

.item-page .branding-picker-guide .guideline-document-actions .button.secondary { color: #b30000; background: #fff; }