/* Bounded article data blocks; shared by the article and both normal admin previews. */
.analytics-article-card:has(.analytics-data-table) { min-width: 0; }
.analytics-data-table,
.analytics-data-chart,
.analytics-data-details {
  --data-line: var(--post-line, rgba(148, 163, 184, .22));
  --data-muted: var(--post-muted, #a4afbf);
  --data-text: var(--post-text, #eef2f8);
  --data-accent: var(--accent, #f59a38);
  margin: 28px 0;
  min-width: 0;
  max-width: 100%;
  color: var(--data-text);
  font: inherit;
  font-variant-numeric: tabular-nums;
}
.analytics-data-table__scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; border: 1px solid var(--data-line); border-radius: 12px; }
.analytics-data-table table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.6; }
.analytics-data-table caption { padding: 18px; text-align: left; font-size: 16px; font-weight: 650; color: var(--data-text); }
.analytics-data-table th,
.analytics-data-table td { padding: 13px 16px; text-align: left; vertical-align: top; border-top: 1px solid var(--data-line); min-width: 100px; white-space: pre-line; }
.analytics-data-table thead th { color: var(--data-muted); font-size: 12px; font-weight: 550; background: rgba(148, 163, 184, .04); }
.analytics-data-table tbody th { min-width: 135px; font-weight: 600; }
.analytics-data-table tbody tr:hover { background: rgba(148, 163, 184, .04); }
.analytics-data-note { margin: 14px 0 0; color: var(--data-muted); font-size: 13px; line-height: 1.65; }
.analytics-post-page .analytics-article-prose .analytics-data-note { margin: 14px 0 0; }
.analytics-post-page .analytics-article-prose .analytics-data-details__body > p { margin-inline: 0; }
.analytics-data-table__hint { display: none; margin-top: 9px; color: var(--data-muted); font-size: 12px; }
.analytics-data-chart { padding: 22px; border: 1px solid var(--data-line); border-radius: 12px; background: rgba(148, 163, 184, .035); }
.analytics-data-chart > figcaption { margin: 0 0 20px; color: var(--data-text); font-size: 16px; font-weight: 650; text-align: left; }
.analytics-data-chart__rows { display: grid; gap: 18px; }
.analytics-data-chart__row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px 14px; font-size: 13px; line-height: 1.5; }
.analytics-data-chart__row strong { text-align: right; font-size: 13px; font-weight: 600; }
.analytics-data-chart__label { overflow-wrap: anywhere; }
.analytics-data-chart__track { position: relative; display: block; grid-column: 1 / -1; height: 8px; border-radius: 3px; background: rgba(148, 163, 184, .1); }
.analytics-data-chart__track::before { position: absolute; z-index: 1; top: -3px; bottom: -3px; left: var(--data-zero); width: 1px; background: rgba(148, 163, 184, .6); content: ''; }
.analytics-data-chart__bar { position: absolute; display: block; left: var(--data-start); width: var(--data-size); height: 100%; border-radius: 3px; background: var(--data-accent); }
.analytics-data-chart__bar.is-negative { background: #b67c87; }
.analytics-data-chart__bar.is-partial { background-image: repeating-linear-gradient(135deg, transparent, transparent 4px, rgba(0, 0, 0, .4) 4px, rgba(0, 0, 0, .4) 7px); }
.analytics-data-details { border: 1px solid var(--data-line); border-radius: 12px; background: rgba(148, 163, 184, .025); }
.analytics-data-details > summary { min-height: 56px; padding: 18px 20px; cursor: pointer; overflow-wrap: anywhere; }
.analytics-data-details__title { font-weight: 650; }
.analytics-data-details__summary { display: block; margin: 5px 0 0 18px; color: var(--data-muted); font-size: 13px; line-height: 1.5; }
.analytics-data-details[open] > summary { border-bottom: 1px solid var(--data-line); }
.analytics-data-details__body { min-width: 0; padding: 0 20px 8px; }
.analytics-data-details__body > p { font-size: 14px; line-height: 1.75; }
.analytics-data-details__body .analytics-data-chart { padding: 18px; }
.analytics-data-table__scroll:focus-visible,
.analytics-data-details > summary:focus-visible { outline: 2px solid var(--data-accent); outline-offset: 3px; }
@media (max-width: 768px) {
  .analytics-data-table__hint { display: block; }
}
@media (max-width: 540px) {
  .analytics-data-chart { padding: 16px; }
  .analytics-data-chart__row { grid-template-columns: minmax(0, 1fr); gap: 3px; }
  .analytics-data-chart__row strong { text-align: left; }
  .analytics-data-chart__track { margin-top: 4px; }
  .analytics-data-details > summary { padding: 16px; }
  .analytics-data-details__body { padding: 0 12px 4px; }
  .analytics-data-table th, .analytics-data-table td { padding: 12px; }
}
@media print {
  .analytics-data-table__scroll { overflow: visible; }
  .analytics-data-table__hint { display: none; }
}