.catalog-format-note {
  order: 2;
  max-width: 900px;
  margin: 14px 0;
  padding: 12px 15px;
  border-left: 3px solid var(--accent, #c94f00);
  border-radius: 0 6px 6px 0;
  background: color-mix(in srgb, var(--accent, #c94f00) 7%, transparent);
}
.catalog-format-note h2 { margin: 0 0 5px; font-size: 15px; line-height: 1.35; }
.catalog-format-note p { margin: 0 0 6px; color: var(--muted); font-size: 14px; line-height: 1.5; }
.catalog-format-note a { color: var(--accent, #c94f00); font-size: 13px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 760px) {
  .catalog-format-note { margin: 10px 0; padding: 10px 12px; }
  .catalog-format-note p { font-size: 13px; }
}