.business-metric-table { min-width: 0; container: business-metric / inline-size; }
.business-metric-table > div:first-child { padding: .75rem 1rem; gap: .625rem; }
.business-metric-table > div:first-child > span { width: 1.75rem; height: 1.75rem; font-size: .875rem; }
.business-metric-table h2 { font-size: 1.125rem; line-height: 1.4; }
.business-metric-controls { display: flex; flex-wrap: wrap; gap: .125rem .5rem; padding: .125rem .5rem; }
.business-metric-controls button { --tw-text-opacity: 1; color: rgb(160 134 64 / var(--tw-text-opacity, 1)); }
.business-metric-controls button:focus-visible { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-opacity: 1; --tw-ring-color: rgb(186 155 79 / var(--tw-ring-opacity, 1)); }
.business-metric-controls button {
  min-height: 2.75rem; padding: .375rem .25rem; border-radius: .375rem; font-size: .8125rem; font-weight: 600;
}
.business-metric-controls button span { font-size: 1.125rem; vertical-align: -.0625rem; }
.business-metric-controls button[aria-expanded='true'] { --tw-bg-opacity: 1; background-color: rgb(245 239 224 / var(--tw-bg-opacity, 1)); }
.business-metric-table table { table-layout: fixed; min-width: 0; }
.business-metric-table thead th { padding: .5rem; text-transform: none; letter-spacing: normal; font-size: .8125rem; line-height: 1.25; }
.business-metric-table .business-metric-label { width: 27%; }
.business-metric-table table[data-plan='false'][data-comparison='false'] thead th:nth-child(2) { width: 43%; }
.business-metric-table td, .business-metric-table tbody th { font-size: .875rem; }
.business-metric-table tbody a { padding: .5rem; min-height: 2.75rem; overflow-wrap: anywhere; }
.business-metric-table td a > span { min-width: 0; }
.business-metric-table td a > span.inline-flex { padding: .25rem; }
.business-metric-table table[data-plan='true'] { min-width: 32rem; }
.business-metric-table table[data-comparison='true'] { min-width: 64rem; }
.business-metric-table table[data-plan='true'] .business-metric-label,
.business-metric-table table[data-comparison='true'] .business-metric-label { width: 7rem; }
.business-metric-note { --tw-text-opacity: 1; color: rgb(113 104 95 / var(--tw-text-opacity, 1)); margin: 0; padding: .625rem .75rem; font-size: .75rem; line-height: 1.4; }
.business-metric-table .business-metric-period { --tw-bg-opacity: 1; background-color: rgb(245 239 224 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(48 42 42 / var(--tw-text-opacity, 1)); padding: .375rem .5rem; text-align: left; font-size: .8125rem; }
.business-metric-average th { padding: .5rem; line-height: 1.3; font-weight: 500; }
.business-metric-average-value { display: flex; align-items: center; justify-content: flex-end; min-height: 2.75rem; padding: .5rem; overflow-wrap: anywhere; font-weight: 600; }
@container business-metric (max-width: 22rem) {
  .business-metric-table thead th { padding-inline: .375rem; font-size: .75rem; }
  .business-metric-table tbody a { padding-inline: .375rem; }
  .business-metric-average th, .business-metric-average-value { padding-inline: .375rem; }
  .business-metric-table td, .business-metric-table tbody th { font-size: .8125rem; }
}