/* Product and company record pages (design.md §5). Sidebar stacks under the main column
   below 760px; every table scrolls inside .table-scroll with a sticky first column so the
   page never scrolls sideways. */
.record-page { max-width: 1200px; margin: 0 auto; padding: var(--spacing-lg) var(--spacing-md); }
.record-page .breadcrumb { font-size: 0.85rem; color: var(--dark-gray); margin-bottom: var(--spacing-md); }
.record-columns { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: var(--spacing-xl); }
.record-main { min-width: 0; }
.record-lead { color: var(--dark-gray); margin-bottom: var(--spacing-lg); }
.record-block { margin-bottom: var(--spacing-xl); }
.record-panel { background: var(--panel-bg); border: 1px solid var(--border-color); border-radius: 4px; padding: var(--spacing-md); margin-bottom: var(--spacing-md); }
.record-panel h2 { font-size: 1rem; margin-bottom: var(--spacing-sm); }
.record-panel dt { color: var(--dark-gray); font-size: 0.8rem; margin-top: var(--spacing-sm); }
.record-panel dd { margin: 0; }
.category-pills { display: flex; flex-wrap: wrap; gap: var(--spacing-sm); }
.category-pill { display: inline-block; padding: 2px 10px; border: 1px solid var(--border-color); border-radius: 12px; font-size: 0.85rem; margin: 2px 4px 2px 0; }
.category-pill-primary { border-color: var(--primary-color); color: var(--primary-color); }
.table-scroll { overflow-x: auto; max-width: 100%; }
.table-scroll table { border-collapse: collapse; width: 100%; }
.table-scroll th, .table-scroll td { padding: var(--spacing-sm); border-bottom: 1px solid var(--border-color); text-align: left; white-space: nowrap; }
.table-scroll th:first-child, .table-scroll td:first-child { position: sticky; left: 0; background: var(--app-bg); }
@media (max-width: 760px) {
  .record-columns { grid-template-columns: minmax(0, 1fr); }
}