/* Reusable independent content panels for detail pages.
   Add detail-content-block to each new recommendation, sidebar or comment block. */
.detail-content-block {
  min-width: 0;
  box-sizing: border-box;
  padding: 24px;
  background: var(--bg-card, #fff);
  border: 1px solid var(--border-color, #e7ebef);
  border-radius: 12px;
}
.designer-detail .designer-related,
.designer-detail .designer-content-section,
.designer-detail .designer-comments {
  margin-top: 24px;
}
.designer-detail .designer-aside-panel {
  padding: 20px;
}
.designer-detail .designer-toc {
  padding: 0;
  border: 0;
}
.designer-detail .designer-review-note {
  margin: 16px 0 0;
  padding-top: 14px;
  border-top: 1px solid var(--border-color, #e7ebef);
}
.designer-detail .designer-comments #comments {
  padding: 0;
  margin: 0;
  /* Shared header forces comment surfaces; suppress only this nested surface. */
  background: transparent !important;
  border: 0;
  border-radius: 0;
  box-shadow: none !important;
}
@media (max-width: 760px) {
  .detail-content-block { padding: 18px; }
  .designer-detail .designer-aside-panel { padding: 18px; }
  .designer-detail .designer-related,
  .designer-detail .designer-content-section,
  .designer-detail .designer-comments { margin-top: 18px; }
  .designer-detail .designer-review-note { margin-top: 12px; padding-top: 10px; }
}